@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,900&display=swap');
@import url(icons/simple-line-icons/css/simple-line-icons.css);
@import url(icons/weather-icons/css/weather-icons.min.css);
@import url(icons/linea-icons/linea.css);
@import url(icons/themify-icons/themify-icons.css);
@import url(icons/flag-icon-css/flag-icon.min.css);
@import url(icons/material-design-iconic-font/css/materialdesignicons.min.css);
/*@import url(spinners.css);*/
@import url(animate.css);

* {
    outline: none
}

body {
    background: #fff;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    overflow-x: hidden;
    color: #67757c;
    font-weight: 400;
    font-size: 13px;
}

html {
    position: relative;
    min-height: 100%;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a:focus, a:hover {
    text-decoration: none
}

a.link {
    color: #455a64
}

    a.link:focus, a.link:hover {
        color: #398bf7
    }

.img-responsive {
    width: 100%;
    height: auto;
    display: inline-block
}

.img-rounded {
    border-radius: 4px
}

html body .mdi-set, html body .mdi:before {
    line-height: initial
}

h1, h2, h3, h4, h5, h6 {
    color: #455a64;
    font-family: "Open Sans", sans-serif;
    font-weight: 400
}

h1 {
    line-height: 40px;
    font-size: 36px
}

h2 {
    line-height: 36px;
    font-size: 24px
}

h3 {
    line-height: 30px;
    font-size: 21px
}

h4 {
    line-height: 22px;
    font-size: 18px
}

h5 {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400
}

h6 {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400
}

.display-5 {
    font-size: 3rem
}

.display-6 {
    font-size: 36px
}

.box {
    border-radius: 4px;
    padding: 10px
}

html body .dl {
    display: inline-block
}

html body .db {
    display: block
}

.no-wrap td, .no-wrap th {
    white-space: nowrap
}

html body blockquote {
    border-left: 5px solid #398bf7;
    border: 1px solid rgba(120, 130, 140, 0.13);
    padding: 15px
}

.clear {
    clear: both
}

ol li {
    margin: 5px 0
}

html body .p-0 {
    padding: 0px
}

html body .p-10 {
    padding: 10px
}

html body .p-20 {
    padding: 20px
}

html body .p-30 {
    padding: 30px
}

html body .p-l-0 {
    padding-left: 0px
}

html body .p-l-10 {
    padding-left: 10px
}

html body .p-l-20 {
    padding-left: 20px
}

html body .p-r-0 {
    padding-right: 0px
}

html body .p-r-10 {
    padding-right: 10px
}

html body .p-r-20 {
    padding-right: 20px
}

html body .p-r-30 {
    padding-right: 30px
}

html body .p-r-40 {
    padding-right: 40px
}

html body .p-t-0 {
    padding-top: 0px
}

html body .p-t-10 {
    padding-top: 10px
}

html body .p-t-20 {
    padding-top: 20px
}

html body .p-t-30 {
    padding-top: 30px
}

html body .p-b-0 {
    padding-bottom: 0px
}

html body .p-b-5 {
    padding-bottom: 5px
}

html body .p-b-10 {
    padding-bottom: 10px
}

html body .p-b-20 {
    padding-bottom: 20px
}

html body .p-b-30 {
    padding-bottom: 30px
}

html body .p-b-40 {
    padding-bottom: 40px
}

html body .m-0 {
    margin: 0px
}

html body .m-l-5 {
    margin-left: 5px
}

html body .m-l-10 {
    margin-left: 10px
}

html body .m-l-15 {
    margin-left: 15px
}

html body .m-l-20 {
    margin-left: 20px
}

html body .m-l-30 {
    margin-left: 30px
}

html body .m-l-40 {
    margin-left: 40px
}

html body .m-r-5 {
    margin-right: 5px
}

html body .m-r-10 {
    margin-right: 10px
}

html body .m-r-15 {
    margin-right: 15px
}

html body .m-r-20 {
    margin-right: 20px
}

html body .m-r-30 {
    margin-right: 30px
}

html body .m-r-40 {
    margin-right: 40px
}

html body .m-t-0 {
    margin-top: 0px
}

html body .m-t-5 {
    margin-top: 5px
}

html body .m-t-10 {
    margin-top: 10px
}

html body .m-t-15 {
    margin-top: 15px
}

html body .m-t-20 {
    margin-top: 20px
}

html body .m-t-30 {
    margin-top: 30px
}

html body .m-t-40 {
    margin-top: 40px
}

html body .m-b-0 {
    margin-bottom: 0px
}

html body .m-b-5 {
    margin-bottom: 5px
}

html body .m-b-10 {
    margin-bottom: 10px
}

html body .m-b-15 {
    margin-bottom: 15px
}

html body .m-b-20 {
    margin-bottom: 20px
}

html body .m-b-30 {
    margin-bottom: 30px
}

html body .m-b-40 {
    margin-bottom: 40px
}

html body .vt {
    vertical-align: top
}

html body .vm {
    vertical-align: middle
}

html body .vb {
    vertical-align: bottom
}

.op-5 {
    opacity: 0.5
}

.op-3 {
    opacity: 0.3
}

html body .font-bold {
    font-weight: 700
}

html body .font-normal {
    font-weight: normal
}

html body .font-light {
    font-weight: 300
}

html body .font-medium {
    font-weight: 500
}

html body .font-16 {
    font-size: 16px
}

html body .font-14 {
    font-size: 14px
}

html body .font-10 {
    font-size: 10px
}

html body .font-18 {
    font-size: 18px
}

html body .font-20 {
    font-size: 20px
}

html body .b-0 {
    border: none !important
}

html body .b-r {
    border-right: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-l {
    border-left: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-b {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-t {
    border-top: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-all {
    border: 1px solid rgba(120, 130, 140, 0.13) !important
}

.thumb-sm {
    height: 32px;
    width: 32px
}

.thumb-md {
    height: 48px;
    width: 48px
}

.thumb-lg {
    height: 88px;
    width: 88px
}

.hide {
    display: none
}

.img-circle {
    border-radius: 100%
}

.radius {
    border-radius: 4px
}

.text-white {
    color: #ffffff !important
}

.text-danger {
    color: #ef5350 !important
}

.text-muted {
    color: #99abb4 !important
}

.text-warning {
    color: #ffb22b !important
}

.text-success {
    color: #06d79c !important
}

.text-info {
    color: #398bf7 !important
}

.text-inverse {
    color: #2f3d4a !important
}

html body .text-blue {
    color: #02bec9
}

html body .text-purple {
    color: #7460ee
}

html body .text-primary {
    color: #745af2 !important
}

html body .text-megna {
    color: #56c0d8
}

html body .text-dark {
    color: #67757c
}

html body .text-themecolor {
    color: #398bf7
}

.bg-primary {
    background-color: #0866C6 !important
}

.bg-success {
    background-color: #06d79c !important
}

.bg-info {
    background-color: #17A2B8 !important
}

.bg-warning {
    background-color: #ffb22b !important
}

.bg-danger {
    background-color: #ef5350 !important
}

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

.bg-teal {
    background-color: #1CAF9A;
}

html body .bg-megna {
    background-color: #56c0d8
}

html body .bg-theme {
    background-color: #398bf7
}

html body .bg-inverse {
    background-color: #2f3d4a
}

html body .bg-purple {
    background-color: #7460ee
}

html body .bg-light-part {
    background-color: rgba(0, 0, 0, 0.02)
}

html body .bg-light-primary {
    background-color: #f1effd
}

html body .bg-light-success {
    background-color: #e8fdeb
}

html body .bg-light-info {
    background-color: #cfecfe
}

html body .bg-light-extra {
    background-color: #ebf3f5
}

html body .bg-light-warning {
    background-color: #fff8ec
}

html body .bg-light-danger {
    background-color: #f9e7eb
}

html body .bg-light-inverse {
    background-color: #f6f6f6
}

html body .bg-light {
    background-color: #e9edf2
}

html body .bg-white {
    background-color: #ffffff
}

.round {
    line-height: 48px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #398bf7
}

    .round img {
        border-radius: 100%
    }

.round-lg {
    line-height: 65px;
    width: 60px;
    height: 60px;
    font-size: 30px
}

.round.round-info {
    background: #398bf7
}

.round.round-warning {
    background: #ffb22b
}

.round.round-danger {
    background: #ef5350
}

.round.round-success {
    background: #06d79c
}

.round.round-primary {
    background: #745af2
}

.label {
    padding: 3px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%
}

.label-rounded {
    border-radius: 60px
}

.label-custom {
    background-color: #56c0d8
}

.label-success {
    background-color: #06d79c
}

.label-info {
    background-color: #398bf7
}

.label-warning {
    background-color: #ffb22b
}

.label-danger {
    background-color: #ef5350
}

.label-megna {
    background-color: #56c0d8
}

.label-primary {
    background-color: #745af2
}

.label-purple {
    background-color: #7460ee
}

.label-red {
    background-color: #fb3a3a
}

.label-inverse {
    background-color: #2f3d4a
}

.label-default {
    background-color: #e9edf2
}

.label-white {
    background-color: #ffffff
}

.label-light-success {
    background-color: #e8fdeb;
    color: #06d79c
}

.label-light-info {
    background-color: #cfecfe;
    color: #398bf7
}

.label-light-warning {
    background-color: #fff8ec;
    color: #ffb22b
}

.label-light-danger {
    background-color: #f9e7eb;
    color: #ef5350
}

.label-light-megna {
    background-color: #e0f2f4;
    color: #56c0d8
}

.label-light-primary {
    background-color: #f1effd;
    color: #745af2
}

.label-light-inverse {
    background-color: #f6f6f6;
    color: #2f3d4a
}

.badge {
    font-weight: 400
}

.badge-xs {
    font-size: 9px
}

.badge-sm, .badge-xs {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.badge-success {
    background-color: #06d79c
}

.badge-info {
    background-color: #398bf7
}

.badge-primary {
    background-color: #745af2
}

.badge-warning {
    background-color: #ffb22b;
    color: #ffffff
}

.badge-danger {
    background-color: #ef5350
}

.badge-purple {
    background-color: #7460ee
}

.badge-red {
    background-color: #fb3a3a
}

.badge-inverse {
    background-color: #2f3d4a
}

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

    ul.list-style-none li {
        list-style: none
    }

        ul.list-style-none li a {
            color: #67757c;
            padding: 8px 0px;
            display: block;
            text-decoration: none
        }

            ul.list-style-none li a:hover {
                color: #398bf7
            }

.dropdown-item {
    padding: 8px 1rem;
    color: #67757c
}

.card-no-border .card {
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-no-border .shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-outline-danger, .card-outline-info, .card-outline-primary, .card-outline-success, .card-outline-warning {
    background: #ffffff
}

.card-fullscreen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto
}

.single-column .left-sidebar {
    display: none
}

.single-column .page-wrapper {
    margin-left: 0px
}

.fix-width {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto
}

.progress {
    height: auto
}

.card-group {
    margin-bottom: 30px
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

.fixed-table-container [type=checkbox]:checked, .fixed-table-container [type=checkbox]:not(:checked), .fixed-table-toolbar .bs-bars [type=checkbox]:checked, .fixed-table-toolbar .bs-bars [type=checkbox]:not(:checked), .fixed-table-toolbar .columns [type=checkbox]:checked, .fixed-table-toolbar .columns [type=checkbox]:not(:checked), .fixed-table-toolbar .search [type=checkbox]:checked, .fixed-table-toolbar .search [type=checkbox]:not(:checked), .tablesaw [type=checkbox]:checked, .tablesaw [type=checkbox]:not(:checked) {
    position: relative;
    left: 0;
    opacity: 1
}

.fixed-table-toolbar .columns label {
    color: #a6b7bf !important
}

.left-sidebar {
    position: absolute;
    width: 220px;
    height: 100%;
    top: 0px;
    z-index: 20;
    padding-top: 70px;
    background: #fff;
    -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08)
}

.fix-sidebar .left-sidebar {
    position: fixed
}

.sidebar-nav .user-profile > a img {
    width: 30px;
    border-radius: 100%;
    margin-right: 10px
}

.sidebar-nav .user-profile > ul {
    padding-left: 40px
}

.scroll-sidebar {
    height: calc(100% - 20px);
    position: relative
}

    .scroll-sidebar .ps-scrollbar-y-rail {
        left: 2px !important
    }

.collapse.in {
    display: block
}

.sidebar-nav {
    background: #fff;
    padding: 15px 0 0 0px
}

    .sidebar-nav ul {
        margin: 0px;
        padding: 0px
    }

        .sidebar-nav ul li {
            list-style: none
        }

            .sidebar-nav ul li a {
                color: #c8c9ce;
                padding: 0px 35px 4px 15px;
                display: block;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0.2px;
            }

                .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
                    color: #398bf7
                }

                    .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
                        color: #398bf7
                    }

                .sidebar-nav ul li a.active {
                    font-weight: 500;
                    color: #263238
                }

            .sidebar-nav ul li ul {
                padding-left: 28px
            }

                .sidebar-nav ul li ul li a {
                    padding: 3px 35px 3px 15px;
                    position: relative;
                }

                    .sidebar-nav ul li ul li a:before {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: -3px;
                        margin-top: -.5px;
                        width: 5px;
                        height: 1px;
                        background-color: #fff;
                        opacity: .5;
                        transition: all 0.2s ease-in-out;
                    }

                    .sidebar-nav ul li ul li a:hover::before, .sidebar-nav ul li ul li a:focus::before {
                        width: 20px;
                        left: -11px;
                        opacity: 1;
                        background-color: #17A2B8;
                    }

                .sidebar-nav ul li ul ul {
                    padding-left: 15px
                }

            .sidebar-nav ul li.nav-small-cap {
                border-bottom: 1px solid #00B5A8;
                clear: both;
                font-size: 12px;
                font-weight: 400;
                line-height: normal;
                padding: 0;
                text-transform: uppercase;
                width: 100%;
                color: #00B5A8 !important;
                padding: 5px 15px;
            }

            .sidebar-nav ul li.nav-devider {
                height: 1px;
                background: rgba(120, 130, 140, 0.13);
                display: block;
                margin: 15px 0
            }

    .sidebar-nav > ul > li > a i {
        width: 25px;
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        color: #555f6d;
    }

    .sidebar-nav > ul > li > a .label {
        float: right;
        margin-top: 6px
    }

    .sidebar-nav > ul > li > a.active {
        font-weight: 400;
        background: #242933;
        color: #26c6da
    }

    .sidebar-nav > ul > li {
        margin-bottom: 5px;
        line-height: normal;
    }

        .sidebar-nav > ul > li.active > a {
            color: #398bf7;
            font-weight: 500
        }

            .sidebar-nav > ul > li.active > a i {
                color: #398bf7
            }

    .sidebar-nav .waves-effect {
        transition: none;
        -webkit-transition: none;
        -o-transition: none
    }

    .sidebar-nav .has-arrow {
        position: relative
    }

        .sidebar-nav .has-arrow:after {
            position: absolute;
            content: '';
            width: 7px;
            height: 7px;
            border-width: 1px 0 0 1px;
            border-style: solid;
            border-color: #687384;
            right: 1em;
            -webkit-transform: rotate(135deg) translate(0, -50%);
            -ms-transform: rotate(135deg) translate(0, -50%);
            -o-transform: rotate(135deg) translate(0, -50%);
            transform: rotate(135deg) translate(0, -50%);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            -o-transform-origin: top;
            transform-origin: top;
            top: 47%;
            -webkit-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

        .sidebar-nav .active > .has-arrow:after, .sidebar-nav .has-arrow[aria-expanded=true]:after, .sidebar-nav li > .has-arrow.active:after {
            -webkit-transform: rotate(-135deg) translate(0, -50%);
            -ms-transform: rotate(-135deg) translate(0, -50%);
            -o-transform: rotate(-135deg) translate(0, -50%);
            top: 45%;
            width: 7px;
            transform: rotate(-135deg) translate(0, -50%)
        }

@media (min-width:768px) {
    .mini-sidebar .sidebar-nav #sidebarnav li {
        position: relative
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
        position: absolute;
        left: 70px;
        top: 46px;
        width: 220px;
        padding-bottom: 10px;
        z-index: 1001;
        background: #edf0f5;
        display: none;
        padding-left: 1px
    }

    .mini-sidebar .user-profile .profile-img {
        width: 45px
    }

        .mini-sidebar .user-profile .profile-img .setpos {
            top: -35px
        }

    .mini-sidebar.fix-sidebar .left-sidebar {
        position: fixed
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
        height: auto !important;
        overflow: auto
    }

        .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
            display: block
        }

    .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
        display: none
    }

    .mini-sidebar .left-sidebar {
        width: 70px
    }

    .mini-sidebar .sidebar-nav #sidebarnav .user-profile > a {
        padding: 12px 20px
    }

    .mini-sidebar .scroll-sidebar {
        padding-bottom: 0px;
        position: absolute
    }

    .mini-sidebar .hide-menu, .mini-sidebar .nav-small-cap, .mini-sidebar .sidebar-footer, .mini-sidebar .user-profile .profile-text, .mini-sidebar > .label {
        display: none
    }

    .mini-sidebar .nav-devider {
        width: 70px
    }

    .mini-sidebar .sidebar-nav {
        background: transparent
    }

        .mini-sidebar .sidebar-nav #sidebarnav > li > a {
            padding: 12px 24px;
            width: 70px
        }

        .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
            width: 290px;
            background: #edf0f5
        }

            .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
                display: inline
            }

            .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label {
                display: none
            }
}

@media (max-width:767px) {
    .mini-sidebar .left-sidebar {
        position: fixed
    }

    .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {
        left: -220px
    }

    .mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer {
        left: 0px
    }
}

#main-wrapper {
    width: 100%;
    overflow: hidden
}

.boxed #main-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.1)
}

    .boxed #main-wrapper .sidebar-footer {
        position: absolute
    }

    .boxed #main-wrapper .topbar {
        max-width: 1300px
    }

    .boxed #main-wrapper .footer {
        display: none
    }

.page-wrapper {
    background: #f9f9f9;
    padding-bottom: 60px;
    position: relative
}

.container-fluid {
    padding: 25px 25px
}

.card {
    /*margin-bottom: 30px*/
}

    .card .card-subtitle {
        font-weight: 300;
        margin-bottom: 15px;
        color: #99abb4
    }

    .card .card-title {
        position: relative
    }

.fix-header .topbar {
    position: fixed;
    width: 100%;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05)
}

.fix-header .page-wrapper {
    padding-top: 70px
}

.fix-header .right-side-panel {
    top: 70px;
    height: calc(100% - 70px)
}

.topbar {
    position: relative;
    z-index: 50
}

    .topbar .navbar-collapse {
        padding: 0 10px
    }

    .topbar .top-navbar {
        min-height: 70px;
        padding: 0px
    }

        .topbar .top-navbar .dropdown-toggle:after {
            display: none
        }

        .topbar .top-navbar .navbar-header {
            line-height: 55px;
            padding-left: 10px;
            background: #253745;
        }

            .topbar .top-navbar .navbar-header .navbar-brand {
                margin-right: 0px;
                padding-bottom: 0px;
                padding-top: 0px
            }

                .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
                    display: none
                }

                .topbar .top-navbar .navbar-header .navbar-brand b {
                    line-height: 70px;
                    display: inline-block
                }

        .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
            padding-left: 15px;
            padding-right: 15px;
            font-size: 17px;
            line-height: 54px
        }

        .topbar .top-navbar .navbar-nav > .nav-item > span {
            line-height: 65px;
            font-size: 24px;
            font-weight: 500;
            color: #ffffff;
            padding: 0 10px
        }

        .topbar .top-navbar .navbar-nav > .nav-item.show {
            background: rgba(0, 0, 0, 0.05)
        }

    .topbar .profile-pic {
        width: 30px;
        border-radius: 100%
    }

    .topbar .dropdown-menu {
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
        border-color: rgba(120, 130, 140, 0.13)
    }

        .topbar .dropdown-menu .dropdown-item {
            padding: 7px 1.5rem
        }

    .topbar ul.dropdown-user {
        padding: 0px;
        min-width: 270px
    }

        .topbar ul.dropdown-user li {
            list-style: none;
            padding: 0px;
            margin: 0px
        }

            .topbar ul.dropdown-user li.divider {
                height: 1px;
                margin: 9px 0;
                overflow: hidden;
                background-color: rgba(120, 130, 140, 0.13)
            }

            .topbar ul.dropdown-user li .dw-user-box {
                padding: 10px 15px
            }

                .topbar ul.dropdown-user li .dw-user-box .u-img {
                    width: 70px;
                    display: inline-block;
                    vertical-align: top
                }

                    .topbar ul.dropdown-user li .dw-user-box .u-img img {
                        width: 100%;
                        border-radius: 5px
                    }

                .topbar ul.dropdown-user li .dw-user-box .u-text {
                    display: inline-block;
                    padding-left: 10px
                }

                    .topbar ul.dropdown-user li .dw-user-box .u-text h4 {
                        margin: 0px;
                        font-size: 15px
                    }

                    .topbar ul.dropdown-user li .dw-user-box .u-text p {
                        margin-bottom: 2px;
                        font-size: 12px
                    }

                    .topbar ul.dropdown-user li .dw-user-box .u-text .btn {
                        color: #ffffff;
                        padding: 5px 10px;
                        display: inline-block
                    }

                        .topbar ul.dropdown-user li .dw-user-box .u-text .btn:hover {
                            background: #e6294b
                        }

            .topbar ul.dropdown-user li a {
                padding: 9px 15px;
                display: block;
                color: #67757c;
                font-weight: 400;
                font-size: 14px;
            }

                .topbar ul.dropdown-user li a:hover {
                    background: #e9edf2;
                    color: #398bf7;
                    text-decoration: none
                }

.search-box .app-search {
    position: absolute;
    margin: 0px;
    display: block;
    z-index: 110;
    width: 100%;
    top: -1px;
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0px
}

    .search-box .app-search input {
        width: 100.5%;
        padding: 25px 40px 25px 20px;
        border-radius: 0px;
        font-size: 17px;
        -webkit-transition: 0.5s ease-in;
        -o-transition: 0.5s ease-in;
        transition: 0.5s ease-in;
        height: 73px
    }

        .search-box .app-search input:focus {
            border-color: #ffffff
        }

    .search-box .app-search .srh-btn {
        position: absolute;
        top: 23px;
        cursor: pointer;
        background: #ffffff;
        width: 15px;
        height: 15px;
        right: 20px;
        font-size: 14px
    }

.mini-sidebar .top-navbar .navbar-header {
    width: 70px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 0px
}

.logo-center .top-navbar .navbar-header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.notify {
    position: relative;
    top: -28px;
    right: -7px
}

    .notify .heartbit {
        position: absolute;
        top: -20px;
        right: -4px;
        height: 25px;
        width: 25px;
        z-index: 10;
        border: 5px solid #ef5350;
        border-radius: 70px;
        -moz-animation: heartbit 1s ease-out;
        -moz-animation-iteration-count: infinite;
        -o-animation: heartbit 1s ease-out;
        -o-animation-iteration-count: infinite;
        -webkit-animation: heartbit 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .notify .point {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #ef5350;
        position: absolute;
        right: 6px;
        top: -10px
    }

@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0
    }

    25% {
        -moz-transform: scale(0.1);
        opacity: 0.1
    }

    50% {
        -moz-transform: scale(0.5);
        opacity: 0.3
    }

    75% {
        -moz-transform: scale(0.8);
        opacity: 0.5
    }

    to {
        -moz-transform: scale(1);
        opacity: 0.0
    }
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0
    }

    25% {
        -webkit-transform: scale(0.1);
        opacity: 0.1
    }

    50% {
        -webkit-transform: scale(0.5);
        opacity: 0.3
    }

    75% {
        -webkit-transform: scale(0.8);
        opacity: 0.5
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0.0
    }
}

.hdr-nav-bar .navbar {
    background: #ffffff;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    padding: 0 15px
}

    .hdr-nav-bar .navbar .navbar-nav > li {
        padding: 0 10px
    }

        .hdr-nav-bar .navbar .navbar-nav > li > a {
            padding: 25px 5px;
            -webkit-transition: 0.2s ease-in;
            -o-transition: 0.2s ease-in;
            transition: 0.2s ease-in;
            border-bottom: 2px solid transparent
        }

            .hdr-nav-bar .navbar .navbar-nav > li.active > a, .hdr-nav-bar .navbar .navbar-nav > li:hover > a, .hdr-nav-bar .navbar .navbar-nav > li > a:focus {
                border-color: #398bf7
            }

    .hdr-nav-bar .navbar .navbar-nav .dropdown-toggle:after {
        display: none
    }

    .hdr-nav-bar .navbar .navbar-brand {
        padding: 20px 5px
    }

    .hdr-nav-bar .navbar .navbar-toggler {
        border: 0px;
        cursor: pointer
    }

    .hdr-nav-bar .navbar .custom-select {
        border-radius: 60px;
        font-size: 14px;
        padding: .375rem 40px .375rem 18px
    }

    .hdr-nav-bar .navbar .call-to-act {
        padding: 15px 0
    }

.page-titles {
    background: #f4f6f9;
    margin-bottom: 20px;
    padding: 0px
}

    .page-titles h3 {
        margin-bottom: 0px;
        margin-top: 0px
    }

    .page-titles .breadcrumb {
        padding: 0px;
        margin-bottom: 0px;
        background: transparent;
        font-size: 14px
    }

        .page-titles .breadcrumb li {
            margin-top: 0px;
            margin-bottom: 0px
        }

        .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
            content: "\e649";
            font-family: themify;
            color: #a6b7bf;
            font-size: 11px
        }

        .page-titles .breadcrumb .breadcrumb-item.active {
            color: #99abb4
        }

.p-relative {
    position: relative
}

.lstick {
    width: 2px;
    background: #398bf7;
    height: 30px;
    margin-left: -20px;
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle
}

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

    to {
        -webkit-transform: rotate(360deg)
    }
}

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

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.right-side-toggle {
    position: relative
}

    .right-side-toggle i {
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: 1s;
        -moz-transition-property: -moz-transform;
        -moz-transition-duration: 1s;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: rotate;
        -moz-animation-duration: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        animation-name: rotate;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        position: absolute;
        top: 18px;
        left: 18px
    }

.right-sidebar {
    position: fixed;
    right: -220px;
    width: 220px;
    display: none;
    z-index: 1100;
    background: #ffffff;
    top: 0px;
    padding-bottom: 20px;
    height: 100%;
    -webkit-box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .right-sidebar .rpanel-title {
        display: block;
        padding: 24px 20px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 15px;
        background: #398bf7
    }

        .right-sidebar .rpanel-title span {
            float: right;
            cursor: pointer;
            font-size: 11px
        }

            .right-sidebar .rpanel-title span:hover {
                color: #ffffff
            }

    .right-sidebar .r-panel-body {
        padding: 20px
    }

        .right-sidebar .r-panel-body ul {
            margin: 0px;
            padding: 0px
        }

            .right-sidebar .r-panel-body ul li {
                list-style: none;
                padding: 5px 0
            }

.shw-rside {
    right: 0px;
    width: 220px;
    display: block
}

.chatonline img {
    margin-right: 10px;
    float: left;
    width: 30px
}

.chatonline li a {
    padding: 13px 0;
    float: left;
    width: 100%
}

    .chatonline li a span {
        color: #67757c
    }

        .chatonline li a span small {
            display: block;
            font-size: 10px
        }

ul#themecolors {
    display: block
}

    ul#themecolors li {
        display: inline-block
    }

        ul#themecolors li:first-child {
            display: block
        }

        ul#themecolors li a {
            width: 50px;
            height: 50px;
            display: inline-block;
            margin: 5px;
            color: transparent;
            position: relative
        }

            ul#themecolors li a.working:before {
                content: "\f00c";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                font-size: 18px;
                line-height: 50px;
                width: 50px;
                height: 50px;
                position: absolute;
                top: 0;
                left: 0;
                color: #ffffff;
                text-align: center
            }

.default-theme {
    background: #99abb4
}

.green-theme {
    background: #06d79c
}

.yellow-theme {
    background: #ffb22b
}

.red-theme {
    background: #ef5350
}

.blue-theme {
    background: #398bf7
}

.purple-theme {
    background: #7460ee
}

.megna-theme {
    background: #56c0d8
}

.default-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #99abb4 23%, #99abb4 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #99abb4 23%, #99abb4 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #99abb4), color-stop(99%, #99abb4));
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #99abb4 23%, #99abb4 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #99abb4 23%, #99abb4 99%)
}

.green-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #06d79c 23%, #06d79c 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #00c292 23%, #06d79c 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #06d79c), color-stop(99%, #06d79c));
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #06d79c 23%, #06d79c 99%);
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #06d79c 23%, #06d79c 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #06d79c 23%, #06d79c 99%)
}

.yellow-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #ef5350), color-stop(99%, #ef5350));
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%)
}

.blue-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #398bf7 23%, #398bf7 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #398bf7 23%, #398bf7 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #398bf7), color-stop(99%, #398bf7));
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #398bf7 23%, #398bf7 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #398bf7 23%, #398bf7 99%)
}

.purple-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #7460ee), color-stop(99%, #7460ee));
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%)
}

.megna-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #56c0d8), color-stop(99%, #56c0d8));
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #56c0d8 23%, #56c0d8 99%)
}

.red-dark-theme {
    background: #263238;
    background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%);
    background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%);
    background: -webkit-gradient(linear, left top, right top, from(#263238), color-stop(23%, #263238), color-stop(23%, #ef5350), color-stop(99%, #ef5350));
    background: -o-linear-gradient(left, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%);
    background: linear-gradient(to right, #263238 0%, #263238 23%, #ef5350 23%, #ef5350 99%)
}

.footer {
    bottom: 0;
    color: #67757c;
    left: 0px;
    padding: 17px 15px;
    position: absolute;
    right: 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    background: #ffffff
}

.slimScrollBar {
    z-index: 10 !important
}

.mega-dropdown {
    position: static;
    width: 100%
}

    .mega-dropdown .dropdown-menu {
        width: 100%;
        padding: 30px;
        margin-top: 0px
    }

    .mega-dropdown ul {
        padding: 0px
    }

        .mega-dropdown ul li {
            list-style: none
        }

    .mega-dropdown .carousel-item .container {
        padding: 0px
    }

    .mega-dropdown .nav-accordion .card {
        margin-bottom: 1px
    }

    .mega-dropdown .nav-accordion .card-header {
        background: #ffffff
    }

        .mega-dropdown .nav-accordion .card-header h5 {
            margin: 0px
        }

            .mega-dropdown .nav-accordion .card-header h5 a {
                text-decoration: none;
                color: #67757c
            }

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: transform, opacity;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255, 255, 255, 0.45)
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244, 67, 54, 0.7)
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255, 235, 59, 0.7)
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255, 152, 0, 0.7)
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156, 39, 176, 0.7)
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76, 175, 80, 0.7)
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0, 150, 136, 0.7)
    }

html body .waves-notransition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom
}

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

.waves-block {
    display: block
}

ul.list-inline li {
    display: inline-block;
    padding: 0 8px
}

.vm.table td, .vm.table th {
    vertical-align: middle
}

.no-th-brd.table th {
    border: 0px
}

.table.no-border tbody td {
    border: 0px
}

.calendar-events {
    padding: 8px 10px;
    border: 1px solid #ffffff;
    cursor: move
}

    .calendar-events:hover {
        border: 1px dashed rgba(120, 130, 140, 0.13)
    }

    .calendar-events i {
        margin-right: 8px
    }

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.single-column .left-sidebar {
    display: none
}

.single-column .page-wrapper {
    margin-left: 0px !important
}

.customtab li a.nav-link, .profile-tab li a.nav-link {
    border: 0px;
    padding: 15px 20px;
    color: #67757c
}

    .customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
        border-bottom: 2px solid #398bf7;
        color: #398bf7
    }

    .customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover {
        color: #398bf7
    }

html body .flotTip, html body .jqstooltip {
    width: auto !important;
    height: auto !important;
    background: #263238;
    color: #ffffff;
    padding: 5px 10px
}

body .jqstooltip {
    border-color: transparent;
    border-radius: 60px
}

.jq-icon-info {
    background-color: #398bf7;
    color: #ffffff
}

.jq-icon-success {
    background-color: #06d79c;
    color: #ffffff
}

.jq-icon-error {
    background-color: #ef5350;
    color: #ffffff
}

.jq-icon-warning {
    background-color: #ffb22b;
    color: #ffffff
}

.form-control-line .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.table-responsive > .table-bordered {
    border: 1px solid rgba(120, 130, 140, 0.13)
}

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

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination > li > a, .pagination > li > span {
    color: #263238
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        background-color: #e9edf2
    }

.pagination-split li {
    margin-left: 5px;
    display: inline-block;
    float: left
}

    .pagination-split li:first-child {
        margin-left: 0
    }

    .pagination-split li a {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #398bf7;
    border-color: #398bf7
}

.pager li > a, .pager li > span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #263238
}

.pagination-circle li.active a {
    background: #06d79c
}

.pagination-circle li a {
    width: 40px;
    height: 40px;
    background: #e9edf2;
    border: 0px;
    text-align: center;
    border-radius: 100%
}

    .pagination-circle li a:first-child, .pagination-circle li a:last-child {
        border-radius: 100%
    }

    .pagination-circle li a:hover {
        background: #06d79c;
        color: #ffffff
    }

.pagination-circle li.disabled a {
    background: #e9edf2;
    color: rgba(120, 130, 140, 0.13)
}

.btn {
    padding: 7px 12px;
    cursor: pointer
}

.btn-group label {
    
    margin-bottom: 0px
}

    .btn-group label.btn-secondary {
        color: #67757c !important
    }

.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.btn-md {
    padding: 12px 55px;
    font-size: 16px
}

.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px
}

    .btn-circle.btn-sm {
        width: 35px;
        height: 35px;
        padding: 8px 10px;
        font-size: 14px
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 14px 15px;
        font-size: 18px;
        line-height: 23px
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 14px 15px;
        font-size: 24px
    }

.btn-sm {
    padding: .25rem .5rem;
    font-size: 12px
}

.btn-xs {
    padding: .25rem .5rem;
    font-size: 10px
}

.button-list a, .button-list button {
    margin: 5px 12px 5px 0
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.btn-rounded {
    border-radius: 60px;
    padding: 7px 18px
}

    .btn-rounded.btn-lg {
        padding: .75rem 1.5rem
    }

    .btn-rounded.btn-sm {
        padding: .25rem .5rem;
        font-size: 12px
    }

    .btn-rounded.btn-xs {
        padding: .25rem .5rem;
        font-size: 10px
    }

    .btn-rounded.btn-md {
        padding: 12px 35px;
        font-size: 16px
    }

.btn-secondary, .btn-secondary.disabled {
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    background-color: #ffffff;
    color: #67757c;
    border-color: #cccccc
}

    .btn-secondary.disabled:hover, .btn-secondary:hover {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        color: #ffffff !important
    }

    .btn-secondary.active, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary:active, .btn-secondary:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        color: #ffffff !important;
        background: #263238;
        border-color: #263238
    }

    .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover {
        color: #67757c !important;
        background-color: #ffffff;
        border-color: #cccccc;
        cursor: default
    }

.btn-primary, .btn-primary.disabled {
    background: #745af2;
    border: 1px solid #745af2;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-primary.disabled:hover, .btn-primary:hover {
        background: #745af2;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        border: 1px solid #745af2
    }

    .btn-primary.active, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary:active, .btn-primary:focus {
        background: #6352ce;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        border-color: transparent
    }

.btn-themecolor, .btn-themecolor.disabled {
    background: #398bf7;
    color: #ffffff;
    border: 1px solid #398bf7
}

    .btn-themecolor.disabled:hover, .btn-themecolor:hover {
        background: #398bf7;
        opacity: 0.7;
        border: 1px solid #398bf7
    }

    .btn-themecolor.active, .btn-themecolor.disabled.active, .btn-themecolor.disabled:active, .btn-themecolor.disabled:focus, .btn-themecolor:active, .btn-themecolor:focus {
        background: #028ee1
    }

.btn-success, .btn-success.disabled {
    background: #06d79c;
    border: 1px solid #06d79c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-success.disabled:hover, .btn-success:hover {
        background: #06d79c;
        -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        border: 1px solid #06d79c
    }

    .btn-success.active, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success:active, .btn-success:focus {
        background: #04b381;
        -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        border-color: transparent
    }

.btn-info, .btn-info.disabled {
    background: #398bf7;
    border: 1px solid #398bf7;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-info.disabled:hover, .btn-info:hover {
        background: #398bf7;
        border: 1px solid #398bf7;
        -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2)
    }

    .btn-info.active, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info:active, .btn-info:focus {
        background: #028ee1;
        -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        border-color: transparent
    }

.btn-warning, .btn-warning.disabled {
    background: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    border: 1px solid #ffb22b;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-warning.disabled:hover, .btn-warning:hover {
        background: #ffb22b;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        border: 1px solid #ffb22b
    }

    .btn-warning.active, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning:active, .btn-warning:focus {
        background: #e9ab2e;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        border-color: transparent
    }

.btn-danger, .btn-danger.disabled {
    background: #ef5350;
    border: 1px solid #ef5350;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-danger.disabled:hover, .btn-danger:hover {
        background: #ef5350;
        -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        border: 1px solid #ef5350
    }

    .btn-danger.active, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger:active, .btn-danger:focus {
        background: #e6294b;
        -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        border-color: transparent
    }

.btn-inverse, .btn-inverse.disabled {
    background: #2f3d4a;
    border: 1px solid #2f3d4a;
    color: #ffffff
}

    .btn-inverse.disabled:hover, .btn-inverse:hover {
        background: #2f3d4a;
        opacity: 0.7;
        color: #ffffff;
        border: 1px solid #2f3d4a
    }

    .btn-inverse.active, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse:active, .btn-inverse:focus {
        background: #232a37;
        color: #ffffff
    }

.btn-red, .btn-red.disabled {
    background: #fb3a3a;
    border: 1px solid #fb3a3a;
    color: #ffffff
}

    .btn-red.disabled:hover, .btn-red:hover {
        opacity: 0.7;
        border: 1px solid #fb3a3a;
        background: #fb3a3a
    }

    .btn-red.active, .btn-red.disabled.active, .btn-red.disabled:active, .btn-red.disabled:focus, .btn-red:active, .btn-red:focus {
        background: #e6294b
    }

.btn-outline-secondary {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    border-color: #cccccc
}

    .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:hover {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2)
    }

    .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2)
    }

.btn-outline-primary {
    color: #745af2;
    background-color: #ffffff;
    border-color: #745af2;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
        background: #745af2;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        color: #ffffff;
        border-color: #745af2
    }

    .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        background-color: #6352ce;
        border-color: #6352ce
    }

.btn-outline-success {
    color: #06d79c;
    background-color: transparent;
    border-color: #06d79c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:hover {
        background: #06d79c;
        border-color: #06d79c;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2)
    }

    .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
        background-color: #04b381;
        border-color: #04b381
    }

.btn-outline-info {
    color: #398bf7;
    background-color: transparent;
    border-color: #398bf7;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:hover {
        background: #398bf7;
        border-color: #398bf7;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2)
    }

    .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        background-color: #028ee1;
        border-color: #028ee1
    }

.btn-outline-warning {
    color: #ffb22b;
    background-color: transparent;
    border-color: #ffb22b;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:hover {
        background: #ffb22b;
        border-color: #ffb22b;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2)
    }

    .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
        background-color: #e9ab2e;
        border-color: #e9ab2e
    }

.btn-outline-danger {
    color: #ef5350;
    background-color: transparent;
    border-color: #ef5350;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in
}

    .btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:hover {
        background: #ef5350;
        border-color: #ef5350;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2)
    }

    .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        background-color: #e6294b
    }

.btn-outline-red {
    color: #fb3a3a;
    background-color: transparent;
    border-color: #fb3a3a
}

    .btn-outline-red.focus, .btn-outline-red:focus, .btn-outline-red:hover {
        background: #fb3a3a;
        border-color: #fb3a3a;
        color: #ffffff;
        -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2)
    }

    .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
        background-color: #d61f1f
    }

.btn-outline-inverse {
    color: #2f3d4a;
    background-color: transparent;
    border-color: #2f3d4a
}

    .btn-outline-inverse.focus, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
        background: #2f3d4a;
        border-color: #2f3d4a;
        color: #ffffff
    }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .show > .btn-primary.dropdown-toggle {
    background-color: #6352ce;
    border: 1px solid #6352ce
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .show > .btn-success.dropdown-toggle {
    background-color: #04b381;
    border: 1px solid #04b381
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .show > .btn-info.dropdown-toggle {
    background-color: #028ee1;
    border: 1px solid #028ee1
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover, .show > .btn-warning.dropdown-toggle {
    background-color: #e9ab2e;
    border: 1px solid #e9ab2e
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover, .show > .btn-danger.dropdown-toggle {
    background-color: #e6294b;
    border: 1px solid #e6294b
}

.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    background-color: #232a37;
    border: 1px solid #232a37
}

.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary.focus, .btn-secondary.focus:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:focus, .open > .dropdown-toggle.btn-secondary.focus, .open > .dropdown-toggle.btn-secondary:focus, .open > .dropdown-toggle.btn-secondary:hover, .show > .btn-secondary.dropdown-toggle {
    color: #ffffff
}

.btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .btn-red:hover, .open > .dropdown-toggle.btn-red {
    background-color: #d61f1f;
    border: 1px solid #d61f1f;
    color: #ffffff
}

.button-box .btn {
    margin: 0 8px 8px 0px
}

.btn-label {
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin: -6px 12px -6px -14px;
    padding: 7px 15px
}

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998
}

    .btn-facebook:hover {
        color: #ffffff
    }

.btn-twitter {
    color: #ffffff;
    background-color: #55acee
}

    .btn-twitter:hover {
        color: #ffffff
    }

.btn-linkedin {
    color: #ffffff;
    background-color: #007bb6
}

    .btn-linkedin:hover {
        color: #ffffff
    }

.btn-dribbble {
    color: #ffffff;
    background-color: #ea4c89
}

    .btn-dribbble:hover {
        color: #ffffff
    }

.btn-googleplus {
    color: #ffffff;
    background-color: #dd4b39
}

    .btn-googleplus:hover {
        color: #ffffff
    }

.btn-instagram {
    color: #ffffff;
    background-color: #3f729b
}

.btn-pinterest {
    color: #ffffff;
    background-color: #cb2027
}

.btn-dropbox {
    color: #ffffff;
    background-color: #007ee5
}

.btn-flickr {
    color: #ffffff;
    background-color: #ff0084
}

.btn-tumblr {
    color: #ffffff;
    background-color: #32506d
}

.btn-skype {
    color: #ffffff;
    background-color: #00aff0
}

.btn-youtube {
    color: #ffffff;
    background-color: #bb0000
}

.btn-github {
    color: #ffffff;
    background-color: #171515
}

.button-group .btn {
    margin-bottom: 5px;
    margin-right: 5px
}

.no-button-group .btn {
    margin-bottom: 5px;
    margin-right: 0px
}

.btn .text-active {
    display: none
}

.btn.active .text-active {
    display: inline-block
}

.btn.active .text {
    display: none
}

.custom-select {
    background: url(../../assets/images/custom-select.png) right 0.75rem center no-repeat
}

textarea {
    resize: none
}

.form-control {
    color: #878787;
    min-height: 30px;
    display: initial;
    font-size: 13px;
    font-weight: 500;
}

.form-control-sm {
    min-height: 20px
}

.form-control:disabled, .form-control[readonly] {
    opacity: 0.7
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-input:checked ~ .custom-control-indicator {
    background-color: #06d79c
}

form label {
    font-weight: 400
}

.form-group {
    margin-bottom: 0.5rem
}

.form-horizontal label {
    margin-bottom: 0px
}

.form-control-static {
    padding-top: 0px
}

.form-bordered .form-group {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding-bottom: 20px
}

.dropzone {
    border: 1px dashed #b1b8bb
}

    .dropzone .dz-message {
        padding: 5% 0;
        margin: 0px
    }

.asColorPicker-dropdown {
    max-width: 260px
}

.asColorPicker-trigger {
    position: absolute;
    top: 0;
    right: -35px;
    height: 38px;
    width: 37px;
    border: 0
}

.asColorPicker-clear {
    display: none;
    position: absolute;
    top: 5px;
    right: 10px;
    text-decoration: none
}

table th {
    font-weight: 400
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #398bf7
}

.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: #398bf7;
    color: #ffffff
}

.datepicker td, .datepicker th {
    padding: 5px 10px
}

.note-icon-caret, .note-popover {
    display: none
}

.note-editor.note-frame {
    border: 1px solid #b1b8bb
}

    .note-editor.note-frame .panel-heading {
        padding: 6px 10px 10px;
        border-bottom: 1px solid rgba(120, 130, 140, 0.13)
    }

.label {
    display: inline-block
}

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

.bootstrap-select .dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    /*color: #67757c;*/
    white-space: nowrap;
    font-size: 13px;
}

    .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:hover {
        color: #398bf7;
        background: #e9edf2
    }

.bootstrap-select .show > .dropdown-menu {
    display: block
}

.select2-container--default .select2-selection--single {
    border-color: #b1b8bb;
    height: 38px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 33px
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    color: #ffffff;
    margin-right: 0px;
    margin-left: 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #398bf7;
    color: #ffffff;
    border-color: #398bf7
}

.input-form .btn {
    padding: 8px 12px
}

.form-material .form-group {
    overflow: hidden
}

.form-material .form-control {
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    -webkit-transition: background 0s ease-out 0s;
    -o-transition: background 0s ease-out 0s;
    transition: background 0s ease-out 0s
}

    .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#e9edf2), to(#e9edf2));
        background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#e9edf2, #e9edf2);
        background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#e9edf2, #e9edf2);
        background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#e9edf2, #e9edf2);
        border: 0 none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none
    }

        .form-material .form-control.focus, .form-material .form-control:focus {
            background-size: 100% 2px, 100% 1px;
            outline: 0 none;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s
        }

.form-control-line .form-group {
    overflow: hidden
}

.form-control-line .form-control {
    border: 0px;
    border-radius: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #f6f9ff
}

    .form-control-line .form-control:focus {
        border-bottom: 1px solid #398bf7
    }

.error .help-block {
    color: #fb3a3a
}

.fileupload {
    overflow: hidden;
    position: relative
}

    .fileupload input.upload {
        cursor: pointer;
        filter: alpha(opacity=0);
        font-size: 20px;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-transition: .28s ease;
        -o-transition: .28s ease;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

[type=radio] + label:after, [type=radio] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease
}

[type=radio].with-gap:checked + label:after, [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:before {
    border-radius: 50%
}

[type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:before {
    border: 1px solid #b1b8bb
}

[type=radio]:not(:checked) + label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked + label:before {
    border: 2px solid transparent;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap:checked + label:after, [type=radio].with-gap:checked + label:before, [type=radio]:checked + label:after {
    border: 2px solid #26a69a
}

[type=radio].with-gap:checked + label:after, [type=radio]:checked + label:after {
    background-color: #26a69a;
    z-index: 0
}

[type=radio]:checked + label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

[type=radio].with-gap:checked + label:after {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

[type=radio].tabbed:focus + label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0, 0, 0, 0.26);
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.26)
}

[type=radio]:disabled:checked + label:before, [type=radio]:disabled:not(:checked) + label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.26);
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio]:disabled + label {
    color: rgba(0, 0, 0, 0.26)
}

[type=radio]:disabled:not(:checked) + label:before {
    border-color: rgba(0, 0, 0, 0.26)
}

[type=radio]:disabled:checked + label:after {
    background-color: rgba(0, 0, 0, 0.26);
    border-color: #BDBDBD
}

form p {
    margin-bottom: 10px;
    text-align: left
}

    form p:last-child {
        margin-bottom: 0
    }

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    /*position: absolute;
	left: -9999px;
	opacity: 0*/
}

[type=checkbox] {
}

    [type=checkbox] + label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none
    }

        [type=checkbox] + label:before, [type=checkbox]:not(.filled-in) + label:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 18px;
            height: 18px;
            z-index: 0;
            border: 1px solid #b1b8bb;
            border-radius: 1px;
            margin-top: 2px;
            -webkit-transition: .2s;
            -o-transition: .2s;
            transition: .2s
        }

    [type=checkbox]:not(.filled-in) + label:after {
        border: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    [type=checkbox]:not(:checked):disabled + label:before {
        border: none;
        background-color: rgba(0, 0, 0, 0.26)
    }

    [type=checkbox].tabbed:focus + label:after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        border: 0;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 0, 0, 0.1)
    }

    [type=checkbox]:checked + label:before {
        top: -4px;
        left: -5px;
        width: 12px;
        height: 22px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #26a69a;
        border-bottom: 2px solid #26a69a;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    [type=checkbox]:checked:disabled + label:before {
        border-right: 2px solid rgba(0, 0, 0, 0.26);
        border-bottom: 2px solid rgba(0, 0, 0, 0.26)
    }

    [type=checkbox]:indeterminate + label:before {
        top: -11px;
        left: -12px;
        width: 10px;
        height: 22px;
        border-top: none;
        border-left: none;
        border-right: 2px solid #26a69a;
        border-bottom: none;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    [type=checkbox]:indeterminate:disabled + label:before {
        border-right: 2px solid rgba(0, 0, 0, 0.26);
        background-color: transparent
    }

    [type=checkbox].filled-in + label:after {
        border-radius: 2px
    }

    [type=checkbox].filled-in + label:after, [type=checkbox].filled-in + label:before {
        content: '';
        left: 0;
        position: absolute;
        -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
        -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
        transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
        z-index: 1
    }

    [type=checkbox].filled-in:not(:checked) + label:before {
        width: 0;
        height: 0;
        border: 3px solid transparent;
        left: 6px;
        top: 10px;
        -webkit-transform: rotateZ(37deg);
        -ms-transform: rotate(37deg);
        transform: rotateZ(37deg);
        -webkit-transform-origin: 20% 40%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    [type=checkbox].filled-in:not(:checked) + label:after {
        height: 20px;
        width: 20px;
        background-color: transparent;
        border: 1px solid #b1b8bb;
        top: 0px;
        z-index: 0
    }

    [type=checkbox].filled-in:checked + label:before {
        top: 0;
        left: 1px;
        width: 8px;
        height: 13px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotateZ(37deg);
        -ms-transform: rotate(37deg);
        transform: rotateZ(37deg);
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    [type=checkbox].filled-in:checked + label:after {
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #26a69a;
        background-color: #26a69a;
        z-index: 0
    }

    [type=checkbox].filled-in.tabbed:focus + label:after {
        border-radius: 2px;
        border-color: #5a5a5a;
        background-color: rgba(0, 0, 0, 0.1)
    }

    [type=checkbox].filled-in.tabbed:checked:focus + label:after {
        border-radius: 2px;
        background-color: #26a69a;
        border-color: #26a69a
    }

    [type=checkbox].filled-in:disabled:not(:checked) + label:before {
        background-color: transparent;
        border: 2px solid transparent
    }

    [type=checkbox].filled-in:disabled:not(:checked) + label:after {
        border-color: transparent;
        background-color: #BDBDBD
    }

    [type=checkbox].filled-in:disabled:checked + label:before {
        background-color: transparent
    }

    [type=checkbox].filled-in:disabled:checked + label:after {
        background-color: #BDBDBD;
        border-color: #BDBDBD
    }

.switch, .switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

    .switch label {
        cursor: pointer
    }

        .switch label input[type=checkbox] {
            opacity: 0;
            width: 0;
            height: 0
        }

            .switch label input[type=checkbox]:checked + .lever {
                background-color: #84c7c1
            }

                .switch label input[type=checkbox]:checked + .lever:after {
                    background-color: #26a69a;
                    left: 24px
                }

        .switch label .lever {
            content: "";
            display: inline-block;
            position: relative;
            width: 40px;
            height: 15px;
            background-color: #818181;
            border-radius: 15px;
            margin-right: 10px;
            -webkit-transition: background 0.3s ease;
            -o-transition: background 0.3s ease;
            transition: background 0.3s ease;
            vertical-align: middle;
            margin: 0 16px
        }

            .switch label .lever:after {
                content: "";
                position: absolute;
                display: inline-block;
                width: 21px;
                height: 21px;
                background-color: #F1F1F1;
                border-radius: 21px;
                -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
                box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
                left: -5px;
                top: -3px;
                -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
                transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
                -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
                transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
                transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease
            }

input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever:after, input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1)
}

input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever:after, input[type=checkbox]:not(:disabled) ~ .lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08)
}

.switch input[type=checkbox][disabled] + .lever {
    cursor: default
}

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #BDBDBD
}

.scale-up {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: inline-block;
    -webkit-transform-origin: right 0px;
    -ms-transform-origin: right 0px;
    transform-origin: right 0px
}

.scale-up-left {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: inline-block;
    -webkit-transform-origin: left 0px;
    -ms-transform-origin: left 0px;
    transform-origin: left 0px
}

.show > .scale-up {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: right 0px;
    -ms-transform-origin: right 0px;
    transform-origin: right 0px
}

.show > .scale-up-left {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left 0px;
    -ms-transform-origin: left 0px;
    transform-origin: left 0px
}

.card {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.well, pre {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1)
}

.page-titles .justify-content-end:last-child .d-flex {
    margin-right: 10px
}

.btn-circle.right-side-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 25px;
    z-index: 10
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px transparent;
        box-shadow: 0px 0px 0px 1px transparent
    }

    50% {
        -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1)
    }

    to {
        -webkit-box-shadow: 0px 0px 0px 15px transparent;
        box-shadow: 0px 0px 0px 15px transparent
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px transparent;
        box-shadow: 0px 0px 0px 1px transparent
    }

    50% {
        -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1)
    }

    to {
        -webkit-box-shadow: 0px 0px 0px 15px transparent;
        box-shadow: 0px 0px 0px 15px transparent
    }
}

.bootstrap-select.btn-group .dropdown-menu {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1)
}

.demo-checkbox label, .demo-radio-button label {
    min-width: 200px;
    margin-bottom: 20px
}

.demo-swtich .demo-switch-title, .demo-swtich .switch {
    width: 150px;
    margin-bottom: 10px;
    display: inline-block
}

[type=checkbox] + label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-weight: normal
}

[type=checkbox]:checked + label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px
}

[type=checkbox]:checked.chk-col-red + label:before {
    border-right: 2px solid #fb3a3a;
    border-bottom: 2px solid #fb3a3a
}

[type=checkbox]:checked.chk-col-pink + label:before {
    border-right: 2px solid #E91E63;
    border-bottom: 2px solid #E91E63
}

[type=checkbox]:checked.chk-col-purple + label:before {
    border-right: 2px solid #7460ee;
    border-bottom: 2px solid #7460ee
}

[type=checkbox]:checked.chk-col-deep-purple + label:before {
    border-right: 2px solid #673AB7;
    border-bottom: 2px solid #673AB7
}

[type=checkbox]:checked.chk-col-indigo + label:before {
    border-right: 2px solid #3F51B5;
    border-bottom: 2px solid #3F51B5
}

[type=checkbox]:checked.chk-col-blue + label:before {
    border-right: 2px solid #02bec9;
    border-bottom: 2px solid #02bec9
}

[type=checkbox]:checked.chk-col-light-blue + label:before {
    border-right: 2px solid #03A9F4;
    border-bottom: 2px solid #03A9F4
}

[type=checkbox]:checked.chk-col-cyan + label:before {
    border-right: 2px solid #00BCD4;
    border-bottom: 2px solid #00BCD4
}

[type=checkbox]:checked.chk-col-teal + label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688
}

[type=checkbox]:checked.chk-col-green + label:before {
    border-right: 2px solid #26c6da;
    border-bottom: 2px solid #26c6da
}

[type=checkbox]:checked.chk-col-light-green + label:before {
    border-right: 2px solid #8BC34A;
    border-bottom: 2px solid #8BC34A
}

[type=checkbox]:checked.chk-col-lime + label:before {
    border-right: 2px solid #CDDC39;
    border-bottom: 2px solid #CDDC39
}

[type=checkbox]:checked.chk-col-yellow + label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821
}

[type=checkbox]:checked.chk-col-amber + label:before {
    border-right: 2px solid #FFC107;
    border-bottom: 2px solid #FFC107
}

[type=checkbox]:checked.chk-col-orange + label:before {
    border-right: 2px solid #FF9800;
    border-bottom: 2px solid #FF9800
}

[type=checkbox]:checked.chk-col-deep-orange + label:before {
    border-right: 2px solid #FF5722;
    border-bottom: 2px solid #FF5722
}

[type=checkbox]:checked.chk-col-brown + label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548
}

[type=checkbox]:checked.chk-col-grey + label:before {
    border-right: 2px solid #9E9E9E;
    border-bottom: 2px solid #9E9E9E
}

[type=checkbox]:checked.chk-col-blue-grey + label:before {
    border-right: 2px solid #607D8B;
    border-bottom: 2px solid #607D8B
}

[type=checkbox]:checked.chk-col-black + label:before {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000
}

[type=checkbox]:checked.chk-col-white + label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff
}

[type=checkbox].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in:checked + label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important
}

[type=checkbox].filled-in:checked.chk-col-red + label:after {
    border: 2px solid #fb3a3a;
    background-color: #fb3a3a
}

[type=checkbox].filled-in:checked.chk-col-pink + label:after {
    border: 2px solid #E91E63;
    background-color: #E91E63
}

[type=checkbox].filled-in:checked.chk-col-purple + label:after {
    border: 2px solid #7460ee;
    background-color: #7460ee
}

[type=checkbox].filled-in:checked.chk-col-deep-purple + label:after {
    border: 2px solid #673AB7;
    background-color: #673AB7
}

[type=checkbox].filled-in:checked.chk-col-indigo + label:after {
    border: 2px solid #3F51B5;
    background-color: #3F51B5
}

[type=checkbox].filled-in:checked.chk-col-blue + label:after {
    border: 2px solid #02bec9;
    background-color: #02bec9
}

[type=checkbox].filled-in:checked.chk-col-light-blue + label:after {
    border: 2px solid #03A9F4;
    background-color: #03A9F4
}

[type=checkbox].filled-in:checked.chk-col-cyan + label:after {
    border: 2px solid #00BCD4;
    background-color: #00BCD4
}

[type=checkbox].filled-in:checked.chk-col-teal + label:after {
    border: 2px solid #009688;
    background-color: #009688
}

[type=checkbox].filled-in:checked.chk-col-green + label:after {
    border: 2px solid #26c6da;
    background-color: #26c6da
}

[type=checkbox].filled-in:checked.chk-col-light-green + label:after {
    border: 2px solid #8BC34A;
    background-color: #8BC34A
}

[type=checkbox].filled-in:checked.chk-col-lime + label:after {
    border: 2px solid #CDDC39;
    background-color: #CDDC39
}

[type=checkbox].filled-in:checked.chk-col-yellow + label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821
}

[type=checkbox].filled-in:checked.chk-col-amber + label:after {
    border: 2px solid #FFC107;
    background-color: #FFC107
}

[type=checkbox].filled-in:checked.chk-col-orange + label:after {
    border: 2px solid #FF9800;
    background-color: #FF9800
}

[type=checkbox].filled-in:checked.chk-col-deep-orange + label:after {
    border: 2px solid #FF5722;
    background-color: #FF5722
}

[type=checkbox].filled-in:checked.chk-col-brown + label:after {
    border: 2px solid #795548;
    background-color: #795548
}

[type=checkbox].filled-in:checked.chk-col-grey + label:after {
    border: 2px solid #9E9E9E;
    background-color: #9E9E9E
}

[type=checkbox].filled-in:checked.chk-col-blue-grey + label:after {
    border: 2px solid #607D8B;
    background-color: #607D8B
}

[type=checkbox].filled-in:checked.chk-col-black + label:after {
    border: 2px solid #000000;
    background-color: #000000
}

[type=checkbox].filled-in:checked.chk-col-white + label:after {
    border: 2px solid #ffffff;
    background-color: #ffffff
}

[type=radio]:not(:checked) + label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-weight: normal
}

[type=radio]:checked + label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-weight: normal
}

[type=radio].radio-col-red:checked + label:after {
    background-color: #fb3a3a;
    border-color: #fb3a3a;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-pink:checked + label:after {
    background-color: #E91E63;
    border-color: #E91E63;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-purple:checked + label:after {
    background-color: #7460ee;
    border-color: #7460ee;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-deep-purple:checked + label:after {
    background-color: #673AB7;
    border-color: #673AB7;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-indigo:checked + label:after {
    background-color: #3F51B5;
    border-color: #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-blue:checked + label:after {
    background-color: #02bec9;
    border-color: #02bec9;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-light-blue:checked + label:after {
    background-color: #03A9F4;
    border-color: #03A9F4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-cyan:checked + label:after {
    background-color: #00BCD4;
    border-color: #00BCD4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-teal:checked + label:after {
    background-color: #009688;
    border-color: #009688;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-green:checked + label:after {
    background-color: #26c6da;
    border-color: #26c6da;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-light-green:checked + label:after {
    background-color: #8BC34A;
    border-color: #8BC34A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-lime:checked + label:after {
    background-color: #CDDC39;
    border-color: #CDDC39;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-yellow:checked + label:after {
    background-color: #ffe821;
    border-color: #ffe821;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-amber:checked + label:after {
    background-color: #FFC107;
    border-color: #FFC107;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-orange:checked + label:after {
    background-color: #FF9800;
    border-color: #FF9800;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-deep-orange:checked + label:after {
    background-color: #FF5722;
    border-color: #FF5722;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-brown:checked + label:after {
    background-color: #795548;
    border-color: #795548;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-grey:checked + label:after {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-blue-grey:checked + label:after {
    background-color: #607D8B;
    border-color: #607D8B;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-black:checked + label:after {
    background-color: #000000;
    border-color: #000000;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-white:checked + label:after {
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-red:checked + label:before {
    border: 2px solid #fb3a3a;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-red:checked + label:after {
    background-color: #fb3a3a;
    border: 2px solid #fb3a3a;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-pink:checked + label:before {
    border: 2px solid #E91E63;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-pink:checked + label:after {
    background-color: #E91E63;
    border: 2px solid #E91E63;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-purple:checked + label:before {
    border: 2px solid #7460ee;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-purple:checked + label:after {
    background-color: #7460ee;
    border: 2px solid #7460ee;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-purple:checked + label:before {
    border: 2px solid #673AB7;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-purple:checked + label:after {
    background-color: #673AB7;
    border: 2px solid #673AB7;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-indigo:checked + label:before {
    border: 2px solid #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-indigo:checked + label:after {
    background-color: #3F51B5;
    border: 2px solid #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue:checked + label:before {
    border: 2px solid #02bec9;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue:checked + label:after {
    background-color: #02bec9;
    border: 2px solid #02bec9;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-blue:checked + label:before {
    border: 2px solid #03A9F4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-blue:checked + label:after {
    background-color: #03A9F4;
    border: 2px solid #03A9F4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-cyan:checked + label:before {
    border: 2px solid #00BCD4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-cyan:checked + label:after {
    background-color: #00BCD4;
    border: 2px solid #00BCD4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-teal:checked + label:before {
    border: 2px solid #009688;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-teal:checked + label:after {
    background-color: #009688;
    border: 2px solid #009688;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-green:checked + label:before {
    border: 2px solid #26c6da;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-green:checked + label:after {
    background-color: #26c6da;
    border: 2px solid #26c6da;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-green:checked + label:before {
    border: 2px solid #8BC34A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-green:checked + label:after {
    background-color: #8BC34A;
    border: 2px solid #8BC34A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-lime:checked + label:before {
    border: 2px solid #CDDC39;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-lime:checked + label:after {
    background-color: #CDDC39;
    border: 2px solid #CDDC39;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-yellow:checked + label:before {
    border: 2px solid #ffe821;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-yellow:checked + label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-amber:checked + label:before {
    border: 2px solid #FFC107;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-amber:checked + label:after {
    background-color: #FFC107;
    border: 2px solid #FFC107;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-orange:checked + label:before {
    border: 2px solid #FF9800;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-orange:checked + label:after {
    background-color: #FF9800;
    border: 2px solid #FF9800;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-orange:checked + label:before {
    border: 2px solid #FF5722;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-orange:checked + label:after {
    background-color: #FF5722;
    border: 2px solid #FF5722;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-brown:checked + label:before {
    border: 2px solid #795548;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-brown:checked + label:after {
    background-color: #795548;
    border: 2px solid #795548;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-grey:checked + label:before {
    border: 2px solid #9E9E9E;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-grey:checked + label:after {
    background-color: #9E9E9E;
    border: 2px solid #9E9E9E;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue-grey:checked + label:before {
    border: 2px solid #607D8B;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue-grey:checked + label:after {
    background-color: #607D8B;
    border: 2px solid #607D8B;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-black:checked + label:before {
    border: 2px solid #000000;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-black:checked + label:after {
    background-color: #000000;
    border: 2px solid #000000;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-white:checked + label:before {
    border: 2px solid #ffffff;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-white:checked + label:after {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

.switch label {
    font-weight: normal;
    font-size: 13px
}

    .switch label .lever {
        margin: 0 14px
    }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(251, 58, 58, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(251, 58, 58, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-red {
        background-color: rgba(251, 58, 58, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-red:after {
            background-color: #fb3a3a
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-pink {
        background-color: rgba(233, 30, 99, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after {
            background-color: #E91E63
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(116, 96, 238, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(116, 96, 238, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-purple {
        background-color: rgba(116, 96, 238, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after {
            background-color: #7460ee
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple {
        background-color: rgba(103, 58, 183, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple:after {
            background-color: #673AB7
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-indigo {
        background-color: rgba(63, 81, 181, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after {
            background-color: #3F51B5
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(2, 190, 201, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(2, 190, 201, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-blue {
        background-color: rgba(2, 190, 201, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after {
            background-color: #02bec9
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue {
        background-color: rgba(3, 169, 244, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue:after {
            background-color: #03A9F4
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-cyan {
        background-color: rgba(0, 188, 212, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after {
            background-color: #00BCD4
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-teal {
        background-color: rgba(0, 150, 136, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after {
            background-color: #009688
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 198, 218, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 198, 218, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-green {
        background-color: rgba(38, 198, 218, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-green:after {
            background-color: #26c6da
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-light-green {
        background-color: rgba(139, 195, 74, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after {
            background-color: #8BC34A
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-lime {
        background-color: rgba(205, 220, 57, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-lime:after {
            background-color: #CDDC39
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-yellow {
        background-color: rgba(255, 232, 33, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after {
            background-color: #ffe821
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-amber {
        background-color: rgba(255, 193, 7, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-amber:after {
            background-color: #FFC107
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-orange {
        background-color: rgba(255, 152, 0, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after {
            background-color: #FF9800
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange {
        background-color: rgba(255, 87, 34, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange:after {
            background-color: #FF5722
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-brown {
        background-color: rgba(121, 85, 72, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-brown:after {
            background-color: #795548
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-grey {
        background-color: rgba(158, 158, 158, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-grey:after {
            background-color: #9E9E9E
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey {
        background-color: rgba(96, 125, 139, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey:after {
            background-color: #607D8B
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-black {
        background-color: rgba(0, 0, 0, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-black:after {
            background-color: #000000
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1)
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-white {
        background-color: rgba(255, 255, 255, 0.5)
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-white:after {
            background-color: #ffffff
        }

.help-block ul {
    padding: 0px;
    margin: 0px
}

    .help-block ul li {
        list-style: none
    }

.error .form-control {
    border-color: #ef5350
}

.validate .form-control {
    border-color: #06d79c
}

.docs-buttons .btn, .docs-data .input-group, .docs-toggles .btn-group {
    margin-bottom: 5px
}

.twitter-typeahead {
    width: 100%
}

    .twitter-typeahead .tt-menu {
        width: 100%;
        background: #ffffff;
        border: 1px solid #99abb4;
        border-radius: 5px;
        padding: .75rem 0
    }

        .twitter-typeahead .tt-menu .tt-suggestion {
            padding: .25rem .75rem;
            cursor: pointer
        }

            .twitter-typeahead .tt-menu .tt-suggestion:hover {
                background-color: #745af2;
                color: #ffffff
            }

    .twitter-typeahead .empty-message {
        padding: 5px 10px;
        text-align: center
    }

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

    .twitter-typeahead .league-name {
        margin: 0 10px 5px;
        padding: 7px 5px 10px;
        border-bottom: 1px solid #99abb4
    }

.scrollable-dropdown .twitter-typeahead .tt-menu {
    max-height: 80px;
    overflow-y: auto
}

.bootstrap-maxlength {
    margin-top: .5rem
}

.table-box {
    display: table;
    width: 100%
}

.table.no-border tbody td {
    border: 0px
}

.cell {
    display: table-cell;
    vertical-align: middle
}

.table td, .table th {
    border-color: #f3f1f1
}

.table th, .table thead th {
    font-weight: 500
}

.table-hover tbody tr:hover {
    background: #e9edf2
}

.nowrap {
    white-space: nowrap
}

.lite-padding td {
    padding: 5px
}

.v-middle td, .v-middle th {
    vertical-align: middle
}

.table th, .table thead th {
    border: 0px
}

.color-table.primary-table thead th {
    background-color: #745af2;
    color: #ffffff
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #e9edf2
}

.color-table.success-table thead th {
    background-color: #06d79c;
    color: #ffffff
}

.color-table.info-table thead th {
    background-color: #398bf7;
    color: #ffffff
}

.color-table.warning-table thead th {
    background-color: #ffb22b;
    color: #ffffff
}

.color-table.danger-table thead th {
    background-color: #ef5350;
    color: #ffffff
}

.color-table.inverse-table thead th {
    background-color: #2f3d4a;
    color: #ffffff
}

.color-table.dark-table thead th {
    background-color: #263238;
    color: #ffffff
}

.color-table.red-table thead th {
    background-color: #fb3a3a;
    color: #ffffff
}

.color-table.purple-table thead th {
    background-color: #7460ee;
    color: #ffffff
}

.color-table.muted-table thead th {
    background-color: #99abb4;
    color: #ffffff
}

.color-bordered-table.primary-bordered-table {
    border: 2px solid #745af2
}

    .color-bordered-table.primary-bordered-table thead th {
        background-color: #745af2;
        color: #ffffff
    }

.color-bordered-table.success-bordered-table {
    border: 2px solid #06d79c
}

    .color-bordered-table.success-bordered-table thead th {
        background-color: #06d79c;
        color: #ffffff
    }

.color-bordered-table.info-bordered-table {
    border: 2px solid #398bf7
}

    .color-bordered-table.info-bordered-table thead th {
        background-color: #398bf7;
        color: #ffffff
    }

.color-bordered-table.warning-bordered-table {
    border: 2px solid #ffb22b
}

    .color-bordered-table.warning-bordered-table thead th {
        background-color: #ffb22b;
        color: #ffffff
    }

.color-bordered-table.danger-bordered-table {
    border: 2px solid #ef5350
}

    .color-bordered-table.danger-bordered-table thead th {
        background-color: #ef5350;
        color: #ffffff
    }

.color-bordered-table.inverse-bordered-table {
    border: 2px solid #2f3d4a
}

    .color-bordered-table.inverse-bordered-table thead th {
        background-color: #2f3d4a;
        color: #ffffff
    }

.color-bordered-table.dark-bordered-table {
    border: 2px solid #263238
}

    .color-bordered-table.dark-bordered-table thead th {
        background-color: #263238;
        color: #ffffff
    }

.color-bordered-table.red-bordered-table {
    border: 2px solid #fb3a3a
}

    .color-bordered-table.red-bordered-table thead th {
        background-color: #fb3a3a;
        color: #ffffff
    }

.color-bordered-table.purple-bordered-table {
    border: 2px solid #7460ee
}

    .color-bordered-table.purple-bordered-table thead th {
        background-color: #7460ee;
        color: #ffffff
    }

.color-bordered-table.muted-bordered-table {
    border: 2px solid #99abb4
}

    .color-bordered-table.muted-bordered-table thead th {
        background-color: #99abb4;
        color: #ffffff
    }

.full-color-table.full-primary-table {
    background-color: #f1effd
}

    .full-color-table.full-primary-table thead th {
        background-color: #745af2;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-primary-table tbody td {
        border: 0
    }

    .full-color-table.full-primary-table tr:hover {
        background-color: #745af2;
        color: #ffffff
    }

.full-color-table.full-success-table {
    background-color: #e8fdeb
}

    .full-color-table.full-success-table thead th {
        background-color: #06d79c;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-success-table tbody td {
        border: 0
    }

    .full-color-table.full-success-table tr:hover {
        background-color: #06d79c;
        color: #ffffff
    }

.full-color-table.full-info-table {
    background-color: #cfecfe
}

    .full-color-table.full-info-table thead th {
        background-color: #398bf7;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-info-table tbody td {
        border: 0
    }

    .full-color-table.full-info-table tr:hover {
        background-color: #398bf7;
        color: #ffffff
    }

.full-color-table.full-warning-table {
    background-color: #fff8ec
}

    .full-color-table.full-warning-table thead th {
        background-color: #ffb22b;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-warning-table tbody td {
        border: 0
    }

    .full-color-table.full-warning-table tr:hover {
        background-color: #ffb22b;
        color: #ffffff
    }

.full-color-table.full-danger-table {
    background-color: #f9e7eb
}

    .full-color-table.full-danger-table thead th {
        background-color: #ef5350;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-danger-table tbody td {
        border: 0
    }

    .full-color-table.full-danger-table tr:hover {
        background-color: #ef5350;
        color: #ffffff
    }

.full-color-table.full-inverse-table {
    background-color: #f6f6f6
}

    .full-color-table.full-inverse-table thead th {
        background-color: #2f3d4a;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-inverse-table tbody td {
        border: 0
    }

    .full-color-table.full-inverse-table tr:hover {
        background-color: #2f3d4a;
        color: #ffffff
    }

.full-color-table.full-dark-table {
    background-color: rgba(43, 43, 43, 0.8)
}

    .full-color-table.full-dark-table thead th {
        background-color: #263238;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-dark-table tbody td {
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-dark-table tr:hover {
        background-color: #263238;
        color: #ffffff
    }

.full-color-table.full-red-table {
    background-color: #f9e7eb
}

    .full-color-table.full-red-table thead th {
        background-color: #fb3a3a;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-red-table tbody td {
        border: 0
    }

    .full-color-table.full-red-table tr:hover {
        background-color: #fb3a3a;
        color: #ffffff
    }

.full-color-table.full-purple-table {
    background-color: #f1effd
}

    .full-color-table.full-purple-table thead th {
        background-color: #7460ee;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-purple-table tbody td {
        border: 0
    }

    .full-color-table.full-purple-table tr:hover {
        background-color: #7460ee;
        color: #ffffff
    }

.full-color-table.full-muted-table {
    background-color: rgba(152, 166, 173, 0.2)
}

    .full-color-table.full-muted-table thead th {
        background-color: #99abb4;
        border: 0;
        color: #ffffff
    }

    .full-color-table.full-muted-table tbody td {
        border: 0
    }

    .full-color-table.full-muted-table tr:hover {
        background-color: #99abb4;
        color: #ffffff
    }

.dataTables_wrapper {
    padding-top: 0px
}

.dt-buttons {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 15px
}

    .dt-buttons .dt-button {
        padding: 5px 15px;
        border-radius: 4px;
        background: #398bf7;
        color: #ffffff;
        margin-right: 3px
    }

        .dt-buttons .dt-button:hover {
            background: #2f3d4a
        }

.dataTables_info, .dataTables_length {
    display: inline-block
}

.dataTables_length {
    margin-top: 10px
}

    .dataTables_length select {
        border: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
        background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        -webkit-transition: background 0s ease-out;
        -o-transition: background 0s ease-out;
        transition: background 0s ease-out;
        padding-bottom: 5px
    }

        .dataTables_length select:focus {
            outline: none;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
            background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
            background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
            background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
            background-size: 100% 2px, 100% 1px;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s
        }

.dataTables_filter {
    float: right;
    margin-top: 10px
}

    .dataTables_filter input {
        border: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
        background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        -webkit-transition: background 0s ease-out;
        -o-transition: background 0s ease-out;
        transition: background 0s ease-out;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        margin-left: 10px
    }

        .dataTables_filter input:focus {
            outline: none;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
            background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
            background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
            background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
            background-size: 100% 2px, 100% 1px;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s
        }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    background: transparent
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
    width: 100%
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        *cursor: hand;
        color: #67757c;
        border: 1px solid #ddd
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #ffffff !important;
            border: 1px solid #398bf7;
            background-color: #398bf7
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
            cursor: default;
            color: #67757c;
            border: 1px solid #ddd;
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: white;
            border: 1px solid #398bf7;
            background-color: #398bf7
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:active {
            outline: none;
            background-color: #67757c
        }

    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 1em
    }

.tablesaw-bar .btn-group label {
    color: #67757c !important
}

.dt-bootstrap {
    display: block
}

.paging_simple_numbers .pagination .paginate_button {
    padding: 0px;
    background: #ffffff
}

    .paging_simple_numbers .pagination .paginate_button:hover {
        background: #ffffff
    }

    .paging_simple_numbers .pagination .paginate_button a {
        padding: 7px 15px;
        border: 0px
    }

    .paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
        background: #398bf7;
        color: #ffffff
    }

.stylish-table tbody tr {
    border-left: 3px solid transparent
}

    .stylish-table tbody tr.active, .stylish-table tbody tr:hover {
        border-color: #398bf7
    }

.tablesaw-columntoggle-popup [type=checkbox]:checked, .tablesaw-columntoggle-popup [type=checkbox]:not(:checked) {
    position: relative;
    left: 0;
    opacity: 1
}

.jsgrid-pager-current-page, .jsgrid-pager-nav-button a, .jsgrid-pager-page a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid #ddd
}

    .jsgrid-pager-nav-button a:hover, .jsgrid-pager-page a:hover {
        background-color: #398bf7;
        color: #ffffff
    }

.jsgrid-pager-current-page {
    background-color: #398bf7;
    color: #ffffff
}

.jsgrid-pager-nav-button, .jsgrid-pager-page {
    padding: 0
}

    .jsgrid-pager-page.jsgrid-pager-current-page {
        padding: 0.5em 1em !important
    }

#demo-foo-accordion .open > .dropdown-menu {
    display: block
}

#demo-foo-accordion2 .open > .dropdown-menu {
    display: block
}

#footable-addrow .open > .dropdown-menu {
    display: block
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox input[type=checkbox] {
    position: relative;
    margin-right: 10px;
    margin-left: -20px;
    left: 0;
    opacity: 1
}

.jsgrid-cell [type=checkbox]:checked, .jsgrid-cell [type=checkbox]:not(:checked) {
    position: relative;
    left: 0;
    opacity: 1
}

.jsgrid-cell [type=checkbox]:checked, .jsgrid-cell [type=checkbox]:not(:checked) {
    position: relative;
    left: 0;
    opacity: 1
}

.ps {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: transparent;
    width: 8px
}

.ps > .ps__scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    bottom: 0px;
    height: 6px
}

    .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        bottom: 2px;
        height: 6px
    }

    .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
        height: 6px
    }

.ps > .ps__scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    right: 0;
    width: 6px
}

    .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        right: 2px;
        width: 6px
    }

    .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
        width: 6px
    }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0.9
}

    .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
        background-color: rgba(0, 0, 0, 0.2);
        height: 6px
    }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: rgba(0, 0, 0, 0.2);
    width: 6px
}

.ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail {
    opacity: 0.6
}

    .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
        background-color: rgba(0, 0, 0, 0.2)
    }

    .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
        background-color: rgba(0, 0, 0, 0.2)
    }

#slimtest3.ps .ps__scrollbar-y-rail {
    left: 3px;
    right: auto
}

#slimtest4.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #398bf7
}

#slimtest4.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #398bf7
}

#slimtest4.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
    background-color: #398bf7
}

.topbar .top-navbar .mailbox {
    width: 300px
}

    .topbar .top-navbar .mailbox ul {
        padding: 0px
    }

        .topbar .top-navbar .mailbox ul li {
            list-style: none
        }

.mailbox ul li .drop-title {
    font-weight: 500;
    padding: 11px 20px 15px;
    border-bottom: 1px solid rgba(120, 130, 140, 0.13)
}

.mailbox ul li .nav-link {
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    padding-top: 15px
}

.mailbox .message-center {
    height: 200px;
    overflow: auto;
    position: relative
}

    .mailbox .message-center a {
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        display: block;
        text-decoration: none;
        padding: 9px 15px
    }

        .mailbox .message-center a:hover {
            background: #e9edf2
        }

        .mailbox .message-center a div {
            white-space: normal
        }

        .mailbox .message-center a .user-img {
            width: 40px;
            position: relative;
            display: inline-block;
            margin: 0 10px 15px 0
        }

            .mailbox .message-center a .user-img img {
                width: 100%
            }

            .mailbox .message-center a .user-img .profile-status {
                border: 2px solid #ffffff;
                border-radius: 50%;
                display: inline-block;
                height: 10px;
                left: 30px;
                position: absolute;
                top: 1px;
                width: 10px
            }

            .mailbox .message-center a .user-img .online {
                background: #06d79c
            }

            .mailbox .message-center a .user-img .busy {
                background: #ef5350
            }

            .mailbox .message-center a .user-img .away {
                background: #ffb22b
            }

            .mailbox .message-center a .user-img .offline {
                background: #ffb22b
            }

        .mailbox .message-center a .mail-contnet {
            display: inline-block;
            width: 75%;
            vertical-align: middle
        }

            .mailbox .message-center a .mail-contnet h5 {
                margin: 5px 0px 0
            }

            .mailbox .message-center a .mail-contnet .mail-desc, .mailbox .message-center a .mail-contnet .time {
                font-size: 12px;
                display: block;
                margin: 1px 0;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                color: #67757c;
                white-space: nowrap
            }

.city-weather-days {
    margin: 0px
}

    .city-weather-days li {
        text-align: center;
        padding: 15px 0
    }

        .city-weather-days li span {
            display: block;
            padding: 10px 0 0;
            color: #99abb4
        }

        .city-weather-days li i {
            display: block;
            font-size: 20px;
            color: #398bf7
        }

        .city-weather-days li h3 {
            font-weight: 300;
            margin-top: 5px
        }

.weather-small h1 {
    line-height: 30px
}

.weather-small sup {
    font-size: 60%
}

.comment-widgets {
    position: relative;
    margin-bottom: 10px
}

    .comment-widgets .comment-row {
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        padding: 15px
    }

        .comment-widgets .comment-row:last-child {
            border-bottom: 0px
        }

        .comment-widgets .comment-row.active, .comment-widgets .comment-row:hover {
            background: rgba(0, 0, 0, 0.02)
        }

.comment-text {
    padding: 15px 15px 15px 20px;
    width: 80%
}

    .comment-text.active .comment-footer .action-icons, .comment-text:hover .comment-footer .action-icons {
        visibility: visible
    }

    .comment-text p {
        max-height: 50px;
        width: 100%;
        overflow: hidden
    }

.comment-footer .action-icons {
    visibility: hidden
}

    .comment-footer .action-icons a {
        padding-left: 7px;
        vertical-align: middle;
        color: #99abb4
    }

        .comment-footer .action-icons a.active, .comment-footer .action-icons a:hover {
            color: #398bf7
        }

.todo-list li {
    border: 0px;
    margin-bottom: 0px;
    padding: 20px 15px 15px 0px
}

    .todo-list li .checkbox {
        width: 100%
    }

        .todo-list li .checkbox label {
            font-weight: 400;
            color: #455a64;
            width: 100%
        }

    .todo-list li:last-child {
        border-bottom: 0px
    }

    .todo-list li .assignedto {
        padding: 0px 0 0 27px;
        margin: 0px
    }

        .todo-list li .assignedto li {
            list-style: none;
            padding: 0px;
            display: inline-block;
            border: 0px;
            margin-right: 2px
        }

            .todo-list li .assignedto li img {
                width: 30px;
                border-radius: 100%
            }

    .todo-list li .item-date {
        padding-left: 25px;
        font-size: 12px;
        display: inline-block
    }

.list-task .task-done span {
    text-decoration: line-through
}

.chat-list {
    margin: 0px;
    padding: 0px
}

    .chat-list li {
        list-style: none;
        margin-top: 30px
    }

        .chat-list li .chat-img {
            display: inline-block;
            width: 45px;
            vertical-align: top
        }

            .chat-list li .chat-img img {
                width: 45px;
                border-radius: 100%
            }

        .chat-list li .chat-content {
            width: calc(100% - 140px);
            display: inline-block;
            padding-left: 15px
        }

            .chat-list li .chat-content h5 {
                color: #99abb4
            }

            .chat-list li .chat-content .box {
                display: inline-block;
                margin-bottom: 10px;
                color: #263238
            }

        .chat-list li .chat-time {
            display: inline-block;
            text-align: right;
            width: 80px;
            font-size: 13px;
            color: #99abb4
        }

        .chat-list li.odd .chat-content {
            text-align: right;
            width: calc(100% - 90px)
        }

        .chat-list li.odd .box {
            clear: both
        }

        .chat-list li.odd + .odd {
            margin-top: 0px
        }

        .chat-list li.reverse {
            text-align: right
        }

            .chat-list li.reverse .chat-time {
                text-align: left
            }

            .chat-list li.reverse .chat-content {
                padding-left: 0px;
                padding-right: 15px
            }

.message-box ul li .drop-title {
    font-weight: 500;
    padding: 11px 20px 15px;
    border-bottom: 1px solid rgba(120, 130, 140, 0.13)
}

.message-box ul li .nav-link {
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    padding-top: 15px
}

.message-box .message-widget {
    position: relative
}

    .message-box .message-widget a {
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        display: block;
        text-decoration: none;
        padding: 9px 15px
    }

        .message-box .message-widget a:hover {
            background: #e9edf2
        }

        .message-box .message-widget a:last-child {
            border-bottom: 0px
        }

        .message-box .message-widget a div {
            white-space: normal
        }

        .message-box .message-widget a .user-img {
            width: 45px;
            position: relative;
            display: inline-block;
            margin: 0 10px 15px 0
        }

            .message-box .message-widget a .user-img img {
                width: 100%
            }

            .message-box .message-widget a .user-img .profile-status {
                border: 2px solid #ffffff;
                border-radius: 50%;
                display: inline-block;
                height: 10px;
                left: 33px;
                position: absolute;
                top: -1px;
                width: 10px
            }

            .message-box .message-widget a .user-img .online {
                background: #06d79c
            }

            .message-box .message-widget a .user-img .busy {
                background: #ef5350
            }

            .message-box .message-widget a .user-img .away {
                background: #ffb22b
            }

            .message-box .message-widget a .user-img .offline {
                background: #ffb22b
            }

        .message-box .message-widget a .mail-contnet {
            display: inline-block;
            width: 70%;
            vertical-align: middle
        }

            .message-box .message-widget a .mail-contnet h5 {
                margin: 5px 0px 0
            }

            .message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time {
                font-size: 12px;
                display: block;
                margin: 1px 0;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                color: #67757c;
                white-space: nowrap
            }

.calendar {
    float: left;
    margin-bottom: 0px
}

.fc-view {
    margin-top: 30px
}

.none-border .modal-footer {
    border-top: none
}

.fc-toolbar {
    margin-bottom: 5px;
    margin-top: 15px
}

    .fc-toolbar h2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase
    }

.fc-day {
    background: #ffffff
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover {
    z-index: 0
}

.fc-widget-header {
    border: 0px !important
}

.fc-widget-content {
    border-color: rgba(120, 130, 140, 0.13) !important
}

.fc th.fc-widget-header {
    color: #67757c;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    padding: 7px 0px;
    text-transform: uppercase
}

.fc th.fc-sat, .fc th.fc-sun, .fc th.fc-thu, .fc th.fc-tue {
    background: #f2f7f8
}

.fc th.fc-fri, .fc th.fc-mon, .fc th.fc-wed {
    background: #f2f7f8
}

.fc-view {
    margin-top: 0px
}

.fc-toolbar {
    margin: 0px;
    padding: 24px 0px
}

.fc-button {
    background: #ffffff;
    border: 1px solid rgba(120, 130, 140, 0.13);
    color: #67757c;
    text-transform: capitalize
}

    .fc-button:hover {
        background: #e9edf2;
        opacity: 0.8
    }

.fc-text-arrow {
    font-family: inherit;
    font-size: 16px
}

.fc-state-hover {
    background: #F5F5F5
}

.fc-unthemed .fc-today {
    border: 1px solid #ef5350;
    background: #e9edf2 !important
}

.fc-state-highlight {
    background: #f0f0f0
}

.fc-cell-overlay {
    background: #f0f0f0
}

.fc-unthemed .fc-today {
    background: #ffffff
}

.fc-event {
    border-radius: 0px;
    border: none;
    cursor: move;
    color: #ffffff !important;
    font-size: 13px;
    margin: 1px -1px 0 -1px;
    padding: 5px 5px;
    text-align: center;
    background: #398bf7
}

.calendar-event {
    cursor: move;
    margin: 10px 5px 0 0;
    padding: 6px 10px;
    display: inline-block;
    color: #ffffff;
    min-width: 140px;
    text-align: center;
    background: #398bf7
}

    .calendar-event a {
        float: right;
        opacity: 0.6;
        font-size: 10px;
        margin: 4px 0 0 10px;
        color: #ffffff
    }

.fc-basic-view td.fc-week-number span {
    padding-right: 5px
}

.fc-basic-view .fc-day-number {
    padding: 10px 15px;
    display: inline-block
}

.steamline {
    position: relative;
    border-left: 1px solid rgba(120, 130, 140, 0.13);
    margin-left: 20px
}

    .steamline .sl-left {
        float: left;
        margin-left: -20px;
        z-index: 1;
        width: 40px;
        line-height: 40px;
        text-align: center;
        height: 40px;
        border-radius: 100%;
        color: #ffffff;
        background: #263238;
        margin-right: 15px
    }

        .steamline .sl-left img {
            max-width: 40px
        }

    .steamline .sl-right {
        padding-left: 50px
    }

        .steamline .sl-right .desc, .steamline .sl-right .inline-photos {
            margin-bottom: 30px
        }

    .steamline .sl-item {
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        margin: 20px 0
    }

.sl-date {
    font-size: 10px;
    color: #99abb4
}

.time-item {
    border-color: rgba(120, 130, 140, 0.13);
    padding-bottom: 1px;
    position: relative
}

    .time-item:before {
        content: " ";
        display: table
    }

    .time-item:after {
        background-color: #ffffff;
        border-color: rgba(120, 130, 140, 0.13);
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        bottom: 0;
        content: '';
        height: 14px;
        left: 0;
        margin-left: -8px;
        position: absolute;
        top: 5px;
        width: 14px
    }

.time-item-item:after {
    content: " ";
    display: table
}

.item-info {
    margin-bottom: 15px;
    margin-left: 15px
}

    .item-info p {
        margin-bottom: 10px !important
    }

.feeds {
    margin: 0px;
    padding: 0px
}

    .feeds li {
        list-style: none;
        padding: 10px;
        display: block
    }

        .feeds li:hover {
            background: #ebf3f5
        }

        .feeds li > div {
            width: 40px;
            height: 40px;
            margin-right: 5px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            border-radius: 100%
        }

            .feeds li > div i {
                line-height: 40px
            }

        .feeds li span {
            float: right;
            width: auto;
            font-size: 12px
        }

.vert .carousel-item-next.carousel-item-left, .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vert .active.carousel-item-right, .vert .carousel-item-next {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0)
}

.vert .active.carousel-item-left, .vert .carousel-item-prev {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.social-widget .soc-header {
    padding: 15px;
    text-align: center;
    font-size: 36px;
    color: #fff
}

    .social-widget .soc-header.box-facebook {
        background: #3b5998
    }

    .social-widget .soc-header.box-twitter {
        background: #00aced
    }

    .social-widget .soc-header.box-google {
        background: #f86c6b
    }

    .social-widget .soc-header.box-linkedin {
        background: #4875b4
    }

.social-widget .soc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

    .social-widget .soc-content div {
        padding: 10px
    }

        .social-widget .soc-content div h3 {
            margin-bottom: 0px
        }

.social-profile-first {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 96px
}

    .social-profile-first.bg-over {
        background: rgba(56, 83, 161, 0.7)
    }

    .social-profile-first .middle {
        vertical-align: middle
    }

.profiletimeline {
    position: relative;
    padding-left: 40px;
    margin-right: 10px;
    border-left: 1px solid rgba(120, 130, 140, 0.13);
    margin-left: 30px
}

    .profiletimeline .sl-left {
        float: left;
        margin-left: -60px;
        z-index: 1;
        margin-right: 15px
    }

        .profiletimeline .sl-left img {
            max-width: 40px
        }

    .profiletimeline .sl-item {
        margin-top: 8px;
        margin-bottom: 30px
    }

    .profiletimeline .sl-date {
        font-size: 12px;
        color: #99abb4
    }

    .profiletimeline .time-item {
        border-color: rgba(120, 130, 140, 0.13);
        padding-bottom: 1px;
        position: relative
    }

        .profiletimeline .time-item:before {
            content: " ";
            display: table
        }

        .profiletimeline .time-item:after {
            background-color: #ffffff;
            border-color: rgba(120, 130, 140, 0.13);
            border-radius: 10px;
            border-style: solid;
            border-width: 2px;
            bottom: 0;
            content: '';
            height: 14px;
            left: 0;
            margin-left: -8px;
            position: absolute;
            top: 5px;
            width: 14px
        }

    .profiletimeline .time-item-item:after {
        content: " ";
        display: table
    }

    .profiletimeline .item-info {
        margin-bottom: 15px;
        margin-left: 15px
    }

        .profiletimeline .item-info p {
            margin-bottom: 10px !important
        }

.little-profile .pro-img {
    margin-bottom: 20px
}

    .little-profile .pro-img img {
        width: 128px;
        height: 128px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        border-radius: 100%
    }

.little-profile .soc-pro a {
    color: #99abb4
}

    .little-profile .soc-pro a:hover {
        color: #263238
    }

.stats-row {
    margin-bottom: 20px
}

    .stats-row .stat-item {
        display: inline-block;
        padding-right: 15px
    }

        .stats-row .stat-item + .stat-item {
            padding-left: 15px;
            border-left: 1px solid rgba(120, 130, 140, 0.13)
        }

.gaugejs-box {
    position: relative;
    margin: 0 auto
}

    .gaugejs-box canvas.gaugejs {
        width: 100% !important;
        height: auto !important
    }

.country-state {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px
}

    .country-state li {
        margin-top: 30px;
        margin-bottom: 10px
    }

    .country-state h2 {
        margin-bottom: 0px;
        font-weight: 400
    }

.contact-box {
    position: relative
}

    .contact-box .add-ct-btn {
        position: absolute;
        right: 4px;
        top: -46px
    }

    .contact-box .contact-widget > a {
        padding: 15px 10px
    }

        .contact-box .contact-widget > a .user-img {
            margin-bottom: 0px !important
        }

.blog-widget {
    margin-top: 30px
}

    .blog-widget .blog-image img {
        border-radius: 4px;
        margin-top: -45px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
    }

.msg-item {
    margin-bottom: 20px
}

.msg-body {
    background: #ffffff;
    padding: 15px;
    font-size: 14px;
    position: relative
}

    .msg-body .dwn-aro {
        width: 0;
        position: absolute;
        bottom: -8px;
        height: 0;
        left: 10px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #ffffff
    }

.m-pic img {
    width: 40px;
    border-radius: 100%
}

.activity-box .date-devider {
    border-top: 2px solid rgba(120, 130, 140, 0.13);
    position: relative
}

    .activity-box .date-devider span {
        background: #e9edf2;
        padding: 5px 15px;
        border-radius: 60px;
        font-size: 14px;
        top: -15px;
        position: relative;
        margin-left: 20px
    }

.activity-box .activity-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

    .activity-box .activity-item .image-list > a {
        margin-left: -15px;
        position: relative;
        vertical-align: middle
    }

        .activity-box .activity-item .image-list > a:first-child, .activity-box .activity-item .image-list > a:last-child {
            margin-left: 0px
        }

        .activity-box .activity-item .image-list > a:hover {
            z-index: 10
        }

            .activity-box .activity-item .image-list > a:hover img {
                -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2)
            }

@media (min-width:1600px) {
    .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
        float: left
    }

    .col-xlg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xlg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xlg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xlg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xlg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xlg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xlg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xlg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xlg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xlg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xlg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xlg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xlg-pull-12 {
        right: 100%
    }

    .col-xlg-pull-11 {
        right: 91.66666667%
    }

    .col-xlg-pull-10 {
        right: 83.33333333%
    }

    .col-xlg-pull-9 {
        right: 75%
    }

    .col-xlg-pull-8 {
        right: 66.66666667%
    }

    .col-xlg-pull-7 {
        right: 58.33333333%
    }

    .col-xlg-pull-6 {
        right: 50%
    }

    .col-xlg-pull-5 {
        right: 41.66666667%
    }

    .col-xlg-pull-4 {
        right: 33.33333333%
    }

    .col-xlg-pull-3 {
        right: 25%
    }

    .col-xlg-pull-2 {
        right: 16.66666667%
    }

    .col-xlg-pull-1 {
        right: 8.33333333%
    }

    .col-xlg-pull-0 {
        right: auto
    }

    .col-xlg-push-12 {
        left: 100%
    }

    .col-xlg-push-11 {
        left: 91.66666667%
    }

    .col-xlg-push-10 {
        left: 83.33333333%
    }

    .col-xlg-push-9 {
        left: 75%
    }

    .col-xlg-push-8 {
        left: 66.66666667%
    }

    .col-xlg-push-7 {
        left: 58.33333333%
    }

    .col-xlg-push-6 {
        left: 50%
    }

    .col-xlg-push-5 {
        left: 41.66666667%
    }

    .col-xlg-push-4 {
        left: 33.33333333%
    }

    .col-xlg-push-3 {
        left: 25%
    }

    .col-xlg-push-2 {
        left: 16.66666667%
    }

    .col-xlg-push-1 {
        left: 8.33333333%
    }

    .col-xlg-push-0 {
        left: auto
    }

    .offset-xlg-12 {
        margin-left: 100%
    }

    .offset-xlg-11 {
        margin-left: 91.66666667%
    }

    .offset-xlg-10 {
        margin-left: 83.33333333%
    }

    .offset-xlg-9 {
        margin-left: 75%
    }

    .offset-xlg-8 {
        margin-left: 66.66666667%
    }

    .offset-xlg-7 {
        margin-left: 58.33333333%
    }

    .offset-xlg-6 {
        margin-left: 50%
    }

    .offset-xlg-5 {
        margin-left: 41.66666667%
    }

    .offset-xlg-4 {
        margin-left: 33.33333333%
    }

    .offset-xlg-3 {
        margin-left: 25%
    }

    .offset-xlg-2 {
        margin-left: 16.66666667%
    }

    .offset-xlg-1 {
        margin-left: 8.33333333%
    }

    .offset-xlg-0 {
        margin-left: 0
    }
}

.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.bootstrap-touchspin .input-group-btn {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
    color: #06d79c
}

.has-success .form-control-success {
    background-image: url(https://wrappixel.com/demos/admin-templates/admin-pro/assets/images/icon/success.svg)
}

.has-success .form-control {
    border-color: #06d79c
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #ffb22b
}

.has-warning .form-control-warning {
    background-image: url(https://wrappixel.com/demos/admin-templates/admin-pro/assets/images/icon/warning.svg)
}

.has-warning .form-control {
    border-color: #ffb22b
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #ef5350
}

.has-danger .form-control-danger {
    background-image: url(https://wrappixel.com/demos/admin-templates/admin-pro/assets/images/icon/danger.svg)
}

.has-danger .form-control {
    border-color: #ef5350
}

.input-group-addon [type=checkbox]:checked, .input-group-addon [type=checkbox]:not(:checked), .input-group-addon [type=radio]:checked, .input-group-addon [type=radio]:not(:checked) {
    position: initial;
    opacity: 1
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width:992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
    color: #ffffff
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: .9
}

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: rgba(0, 0, 0, 0.2);
        height: 11px
    }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: .9
}

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: rgba(0, 0, 0, 0.2);
        width: 11px
    }

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        bottom: 2px;
        height: 6px
    }

    .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
        height: 6px
    }

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        right: 2px;
        width: 6px
    }

    .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
        width: 6px
    }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: .9
}

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: rgba(0, 0, 0, 0.2);
        height: 6px
    }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: .9
}

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: rgba(0, 0, 0, 0.2);
        width: 6px
    }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6
}

    .ps-container:hover > .ps-scrollbar-x-rail:hover {
        background-color: transparent;
        opacity: .9
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: rgba(0, 0, 0, 0.2)
        }

    .ps-container:hover > .ps-scrollbar-y-rail:hover {
        background-color: transparent;
        opacity: .9
    }

        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: rgba(0, 0, 0, 0.2)
        }

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

@media (min-width:1650px) {
    .widget-app-columns {
        -webkit-column-count: 3;
        column-count: 3
    }

    .campaign {
        height: 365px !important
    }

    .website-visitor {
        height: 445px
    }

    .auto-height {
        max-height: 315px
    }
}

@media (max-width:1600px) {
    .website-visitor {
        height: 333px
    }

    .auto-height {
        min-height: 240px
    }
}

@media (max-width:1370px) {
    .widget-app-columns {
        -webkit-column-count: 2;
        column-count: 2
    }

    .website-visitor {
        height: 353px
    }

    .auto-height {
        min-height: 186px
    }
}

@media (min-width:1024px) {
    .page-wrapper {
        margin-left: 220px
    }
}

@media (max-width:1023px) {
    .page-wrapper {
        margin-left: 70px;
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in
    }

    .widget-app-columns {
        -webkit-column-count: 1;
        column-count: 1
    }

    .inbox-center a {
        width: 200px
    }

    .hdr-nav-bar .navbar .navbar-nav > li a {
        padding: 12px 15px;
        border-bottom: 0px solid transparent;
        border-left: 2px solid transparent
    }

    .hdr-nav-bar .navbar .navbar-nav > li:hover a {
        padding: 12px 20px
    }

    .hdr-nav-bar .call-to-act .custom-select {
        margin-bottom: 10px
    }

    .d-flex {
        display: block !important
    }

        .d-flex.no-block {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important
        }
}

@media (min-width:768px) {
    .navbar-header {
        width: 220px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .navbar-header .navbar-brand {
            padding-top: 0px
        }

    .page-titles .breadcrumb {
        float: right
    }

    .card-group .card:first-child, .card-group .card:not(:first-child):not(:last-child) {
        border-right: 1px solid rgba(0, 0, 0, 0.03)
    }

    .material-icon-list-demo .icons div {
        width: 33%;
        padding: 15px;
        display: inline-block;
        line-height: 40px
    }

    .mini-sidebar .page-wrapper {
        margin-left: 70px
    }

    .flex-wrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important
    }
}

@media (max-width:767px) {
    .container-fluid {
        padding: 25px 15px 25px 15px
    }

    .topbar {
        position: fixed;
        width: 100%
    }

        .topbar .top-navbar {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-align-items: center
        }

            .topbar .top-navbar .navbar-collapse {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%
            }

            .topbar .top-navbar .navbar-nav {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row
            }

                .topbar .top-navbar .navbar-nav > .nav-item.show {
                    position: static
                }

                    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
                        width: 100%;
                        margin-top: 0px
                    }

                .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
                    padding-left: .50rem;
                    padding-right: .50rem
                }

                .topbar .top-navbar .navbar-nav .dropdown-menu {
                    position: absolute
                }

    .mega-dropdown .dropdown-menu {
        height: 480px;
        overflow: auto
    }

    .mini-sidebar .page-wrapper {
        margin-left: 0px;
        padding-top: 70px
    }

    .comment-text .comment-footer .action-icons {
        display: block;
        padding: 10px 0
    }

    .vtabs .tabs-vertical {
        width: auto
    }

    .material-icon-list-demo .icons div {
        width: 100%
    }

    .error-page .footer {
        position: fixed;
        bottom: 0px;
        z-index: 10
    }

    .error-box {
        position: relative;
        padding-bottom: 60px
    }

    .error-body {
        padding-top: 10%
    }

        .error-body h1 {
            font-size: 100px;
            font-weight: 600;
            line-height: 100px
        }

    .login-register {
        position: relative;
        overflow: hidden
    }

    .login-box {
        width: 90%
    }

    .login-sidebar {
        padding: 10% 0
    }

        .login-sidebar .login-box {
            position: relative
        }

    .chat-main-box .chat-left-aside {
        left: -250px;
        position: absolute;
        -webkit-transition: 0.5s ease-in;
        -o-transition: 0.5s ease-in;
        transition: 0.5s ease-in;
        background: #ffffff
    }

        .chat-main-box .chat-left-aside.open-pnl {
            left: 0px
        }

        .chat-main-box .chat-left-aside .open-panel {
            display: block
        }

    .chat-main-box .chat-right-aside {
        width: 100%
    }

    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px)
    }

    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }

        ul.timeline > li > .timeline-panel:before {
            right: auto;
            left: -15px;
            border-right-width: 15px;
            border-left-width: 0
        }

        ul.timeline > li > .timeline-panel:after {
            right: auto;
            left: -14px;
            border-right-width: 14px;
            border-left-width: 0
        }

    .left-aside {
        width: 100%;
        position: relative;
        border: 0px
    }

    .right-aside {
        margin-left: 0px
    }

    .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important
    }

    .chat-list li .chat-content {
        width: calc(100% - 80px)
    }

    .fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right {
        float: none;
        display: block;
        text-align: center;
        margin-top: 10px;
        overflow: hidden
    }

    .dataTables_wrapper .dataTables_paginate {
        width: 100%
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
            padding: 0.5rem 0.6rem
        }
}

.bootstrap-select .btn-light {
    color: #878787 !important;
    background-color: #fff !important;
    border-color: #ced4da !important;
    border-radius: 4px !important;
    font-size: 13px;
    font-weight: 300;
}

.table td, .table th {
    padding: 0.50rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.table th {
    border-right: 1px solid #dee2e6 !important;
}

.table td {
    color: #6c6c6d;
}

.hold-transition.login-page {
    background: #253646;
}

.hold-transition.login-page {
    background: #253646;
}


#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 372px 466px #FFF, 549px 1340px #FFF, 52px 1171px #FFF, 90px 321px #FFF, 1855px 1838px #FFF, 1548px 539px #FFF, 446px 1150px #FFF, 693px 412px #FFF, 862px 271px #FFF, 791px 869px #FFF, 526px 1668px #FFF, 122px 550px #FFF, 61px 25px #FFF, 741px 793px #FFF, 1945px 1757px #FFF, 1723px 1885px #FFF, 1085px 1068px #FFF, 1980px 1754px #FFF, 187px 1741px #FFF, 1930px 181px #FFF, 838px 1939px #FFF, 168px 703px #FFF, 1014px 939px #FFF, 1772px 1136px #FFF, 189px 1209px #FFF, 1900px 301px #FFF, 127px 316px #FFF, 802px 1902px #FFF, 1939px 81px #FFF, 1767px 1922px #FFF, 476px 451px #FFF, 364px 1558px #FFF, 426px 1256px #FFF, 779px 1745px #FFF, 1103px 1632px #FFF, 58px 1407px #FFF, 86px 164px #FFF, 71px 763px #FFF, 161px 974px #FFF, 1776px 1970px #FFF, 1098px 1979px #FFF, 1271px 416px #FFF, 493px 372px #FFF, 1783px 1122px #FFF, 1776px 1049px #FFF, 351px 1698px #FFF, 1199px 1909px #FFF, 902px 828px #FFF, 13px 963px #FFF, 1173px 1722px #FFF, 1624px 1375px #FFF, 169px 618px #FFF, 605px 68px #FFF, 892px 1593px #FFF, 480px 1628px #FFF, 1254px 279px #FFF, 1941px 108px #FFF, 1572px 444px #FFF, 601px 905px #FFF, 1399px 1925px #FFF, 598px 338px #FFF, 581px 1355px #FFF, 1433px 1364px #FFF, 1048px 900px #FFF, 508px 970px #FFF, 925px 1699px #FFF, 165px 710px #FFF, 428px 147px #FFF, 1974px 505px #FFF, 1519px 637px #FFF, 866px 1308px #FFF, 531px 1917px #FFF, 1810px 452px #FFF, 842px 402px #FFF, 1058px 687px #FFF, 439px 1144px #FFF, 560px 1605px #FFF, 128px 1565px #FFF, 494px 1225px #FFF, 1879px 546px #FFF, 1673px 1530px #FFF, 1043px 1389px #FFF, 1009px 1002px #FFF, 296px 550px #FFF, 727px 461px #FFF, 1555px 772px #FFF, 967px 229px #FFF, 281px 41px #FFF, 576px 1473px #FFF, 1729px 1413px #FFF, 1201px 1112px #FFF, 1942px 908px #FFF, 238px 1586px #FFF, 1633px 1161px #FFF, 906px 446px #FFF, 875px 407px #FFF, 1712px 1427px #FFF, 1876px 222px #FFF, 1165px 796px #FFF, 806px 1673px #FFF, 1429px 1418px #FFF, 1277px 718px #FFF, 1761px 977px #FFF, 37px 287px #FFF, 1944px 1408px #FFF, 408px 513px #FFF, 459px 575px #FFF, 1327px 20px #FFF, 989px 601px #FFF, 789px 1195px #FFF, 1015px 1887px #FFF, 1149px 1735px #FFF, 125px 1887px #FFF, 1079px 485px #FFF, 1415px 694px #FFF, 1940px 1024px #FFF, 1981px 197px #FFF, 1824px 523px #FFF, 298px 1071px #FFF, 630px 976px #FFF, 424px 42px #FFF, 729px 994px #FFF, 1004px 702px #FFF, 594px 1891px #FFF, 1913px 128px #FFF, 1231px 1622px #FFF, 1311px 195px #FFF, 839px 1171px #FFF, 1237px 305px #FFF, 209px 1682px #FFF, 607px 631px #FFF, 1786px 323px #FFF, 978px 811px #FFF, 189px 1884px #FFF, 1072px 244px #FFF, 1751px 881px #FFF, 1054px 567px #FFF, 1343px 1612px #FFF, 1967px 1009px #FFF, 373px 1280px #FFF, 1242px 1492px #FFF, 1497px 1870px #FFF, 464px 1724px #FFF, 547px 1715px #FFF, 596px 1132px #FFF, 556px 1189px #FFF, 924px 1959px #FFF, 662px 1668px #FFF, 215px 1526px #FFF, 755px 761px #FFF, 434px 478px #FFF, 875px 1768px #FFF, 1527px 524px #FFF, 949px 724px #FFF, 1762px 1097px #FFF, 747px 188px #FFF, 1066px 776px #FFF, 1673px 1759px #FFF, 739px 837px #FFF, 869px 410px #FFF, 823px 1967px #FFF, 1763px 757px #FFF, 1411px 698px #FFF, 1922px 1680px #FFF, 1303px 1679px #FFF, 897px 548px #FFF, 789px 1361px #FFF, 910px 810px #FFF, 1486px 532px #FFF, 1476px 90px #FFF, 1711px 1588px #FFF, 854px 1863px #FFF, 1094px 1402px #FFF, 1049px 761px #FFF, 1535px 871px #FFF, 438px 1322px #FFF, 1554px 876px #FFF, 633px 713px #FFF, 635px 1273px #FFF, 573px 1273px #FFF, 1305px 1782px #FFF, 1796px 493px #FFF, 563px 468px #FFF, 47px 929px #FFF, 1593px 610px #FFF, 1861px 1787px #FFF, 1327px 507px #FFF, 668px 783px #FFF, 686px 1742px #FFF, 1884px 1066px #FFF, 566px 1896px #FFF, 1145px 220px #FFF, 1246px 98px #FFF, 413px 265px #FFF, 1441px 1888px #FFF, 1637px 725px #FFF, 814px 470px #FFF, 288px 1374px #FFF, 748px 868px #FFF, 1957px 1430px #FFF, 260px 241px #FFF, 647px 767px #FFF, 499px 1011px #FFF, 1278px 1783px #FFF, 271px 1277px #FFF, 228px 1824px #FFF, 758px 475px #FFF, 72px 316px #FFF, 1797px 260px #FFF, 1867px 63px #FFF, 250px 198px #FFF, 1002px 1770px #FFF, 411px 1094px #FFF, 638px 1498px #FFF, 816px 1575px #FFF, 667px 63px #FFF, 1525px 120px #FFF, 1535px 1409px #FFF, 753px 250px #FFF, 1840px 981px #FFF, 58px 1945px #FFF, 1802px 805px #FFF, 692px 1440px #FFF, 176px 215px #FFF, 438px 818px #FFF, 1227px 793px #FFF, 523px 1147px #FFF, 874px 1186px #FFF, 1501px 1455px #FFF, 19px 1873px #FFF, 1170px 10px #FFF, 288px 961px #FFF, 656px 1675px #FFF, 574px 1104px #FFF, 1445px 1039px #FFF, 1803px 967px #FFF, 1660px 1000px #FFF, 856px 1825px #FFF, 1888px 396px #FFF, 1236px 555px #FFF, 459px 1969px #FFF, 710px 1073px #FFF, 1358px 1347px #FFF, 1982px 1671px #FFF, 213px 761px #FFF, 1842px 1858px #FFF, 1148px 178px #FFF, 5px 414px #FFF, 283px 1142px #FFF, 815px 1423px #FFF, 1541px 1464px #FFF, 962px 804px #FFF, 844px 445px #FFF, 666px 759px #FFF, 1594px 1968px #FFF, 1544px 1927px #FFF, 1586px 243px #FFF, 1329px 1655px #FFF, 1750px 780px #FFF, 1413px 1839px #FFF, 552px 357px #FFF, 240px 1180px #FFF, 1569px 1258px #FFF, 45px 1756px #FFF, 1251px 1016px #FFF, 266px 1997px #FFF, 936px 1851px #FFF, 1341px 1433px #FFF, 371px 1838px #FFF, 837px 886px #FFF, 294px 115px #FFF, 659px 1162px #FFF, 801px 900px #FFF, 872px 1225px #FFF, 1623px 1589px #FFF, 1218px 1478px #FFF, 1434px 1504px #FFF, 1071px 211px #FFF, 216px 1139px #FFF, 1460px 396px #FFF, 1816px 698px #FFF, 642px 931px #FFF, 1319px 844px #FFF, 782px 1941px #FFF, 1070px 1245px #FFF, 200px 1023px #FFF, 1331px 1600px #FFF, 1915px 234px #FFF, 1639px 322px #FFF, 1148px 878px #FFF, 959px 1874px #FFF, 778px 235px #FFF, 1132px 1355px #FFF, 148px 819px #FFF, 1910px 1608px #FFF, 1543px 1395px #FFF, 763px 1945px #FFF, 1333px 283px #FFF, 809px 1834px #FFF, 1832px 870px #FFF, 1986px 202px #FFF, 1401px 497px #FFF, 413px 740px #FFF, 1211px 1130px #FFF, 145px 1216px #FFF, 938px 787px #FFF, 1837px 1472px #FFF, 1382px 233px #FFF, 1467px 833px #FFF, 1181px 1396px #FFF, 792px 330px #FFF, 531px 264px #FFF, 1637px 1871px #FFF, 563px 739px #FFF, 1942px 1679px #FFF, 683px 169px #FFF, 1986px 1685px #FFF, 990px 917px #FFF, 430px 1936px #FFF, 1828px 1738px #FFF, 219px 992px #FFF, 655px 1213px #FFF, 1702px 1326px #FFF, 643px 1388px #FFF, 1611px 992px #FFF, 1905px 1309px #FFF, 480px 388px #FFF, 1349px 271px #FFF, 1747px 1903px #FFF, 1708px 505px #FFF, 21px 1256px #FFF, 683px 768px #FFF, 1874px 1714px #FFF, 1659px 1209px #FFF, 1544px 1753px #FFF, 311px 353px #FFF, 576px 457px #FFF, 951px 500px #FFF, 144px 1901px #FFF, 1789px 464px #FFF, 1627px 1646px #FFF, 494px 711px #FFF, 978px 1899px #FFF, 1361px 1164px #FFF, 369px 46px #FFF, 21px 430px #FFF, 941px 1827px #FFF, 550px 986px #FFF, 321px 1499px #FFF, 895px 1539px #FFF, 501px 1797px #FFF, 1517px 77px #FFF, 946px 92px #FFF, 1729px 961px #FFF, 1838px 701px #FFF, 1583px 1123px #FFF, 1410px 481px #FFF, 512px 1821px #FFF, 1883px 147px #FFF, 419px 1001px #FFF, 945px 817px #FFF, 1257px 89px #FFF, 1754px 1953px #FFF, 1044px 254px #FFF, 378px 522px #FFF, 519px 1671px #FFF, 1420px 1952px #FFF, 803px 1290px #FFF, 1959px 256px #FFF, 1772px 1772px #FFF, 1549px 1564px #FFF, 1519px 1573px #FFF, 805px 1310px #FFF, 1976px 472px #FFF, 706px 931px #FFF, 128px 1491px #FFF, 424px 1734px #FFF, 461px 806px #FFF, 610px 359px #FFF, 685px 732px #FFF, 1367px 404px #FFF, 613px 960px #FFF, 440px 1898px #FFF, 1910px 1856px #FFF, 315px 790px #FFF, 1082px 1428px #FFF, 1165px 465px #FFF, 163px 281px #FFF, 538px 1600px #FFF, 1582px 703px #FFF, 1495px 1752px #FFF, 224px 1972px #FFF, 17px 639px #FFF, 1408px 468px #FFF, 1026px 1592px #FFF, 192px 549px #FFF, 88px 320px #FFF, 842px 1923px #FFF, 1028px 1171px #FFF, 1197px 1654px #FFF, 152px 1964px #FFF, 1687px 1730px #FFF, 919px 377px #FFF, 1852px 993px #FFF, 1564px 1429px #FFF, 1626px 960px #FFF, 217px 774px #FFF, 577px 659px #FFF, 1328px 1924px #FFF, 1846px 1785px #FFF, 1236px 370px #FFF, 1481px 820px #FFF, 699px 1205px #FFF, 892px 185px #FFF, 462px 1268px #FFF, 33px 824px #FFF, 316px 436px #FFF, 1096px 1759px #FFF, 108px 1491px #FFF, 17px 67px #FFF, 1552px 219px #FFF, 476px 622px #FFF, 1647px 299px #FFF, 1209px 1864px #FFF, 1697px 838px #FFF, 572px 1975px #FFF, 759px 1426px #FFF, 910px 1597px #FFF, 1677px 789px #FFF, 1883px 571px #FFF, 1360px 1429px #FFF, 216px 510px #FFF, 1564px 247px #FFF, 1941px 216px #FFF, 1312px 996px #FFF, 135px 771px #FFF, 680px 1509px #FFF, 402px 1066px #FFF, 802px 751px #FFF, 717px 24px #FFF, 251px 1475px #FFF, 654px 727px #FFF, 718px 438px #FFF, 1269px 1874px #FFF, 1182px 1300px #FFF, 979px 1907px #FFF, 1345px 521px #FFF, 1349px 1934px #FFF, 1733px 1062px #FFF, 112px 54px #FFF, 293px 1473px #FFF, 1910px 1345px #FFF, 774px 1469px #FFF, 1528px 1165px #FFF, 913px 335px #FFF, 755px 1337px #FFF, 1118px 755px #FFF, 1579px 1090px #FFF, 350px 330px #FFF, 47px 518px #FFF, 1491px 514px #FFF, 1777px 1350px #FFF, 1213px 247px #FFF, 1667px 667px #FFF, 1618px 1936px #FFF, 1343px 1969px #FFF, 51px 1617px #FFF, 1279px 403px #FFF, 1301px 1735px #FFF, 1609px 183px #FFF, 1911px 229px #FFF, 1889px 349px #FFF, 250px 173px #FFF, 1767px 1551px #FFF, 1718px 1823px #FFF, 1081px 208px #FFF, 553px 879px #FFF, 1980px 1667px #FFF, 589px 474px #FFF, 36px 1488px #FFF, 871px 591px #FFF, 141px 1608px #FFF, 1278px 1779px #FFF, 368px 1813px #FFF, 1048px 510px #FFF, 1880px 204px #FFF, 758px 710px #FFF, 791px 1073px #FFF, 1120px 284px #FFF, 611px 806px #FFF, 666px 536px #FFF, 523px 114px #FFF, 298px 1347px #FFF, 1917px 1836px #FFF, 1862px 212px #FFF, 199px 413px #FFF, 1420px 97px #FFF, 1004px 922px #FFF, 1162px 1108px #FFF, 1248px 706px #FFF, 1722px 48px #FFF, 610px 770px #FFF, 1791px 719px #FFF, 293px 1628px #FFF, 1497px 1598px #FFF, 1461px 1772px #FFF, 209px 508px #FFF, 1169px 1028px #FFF, 224px 1079px #FFF, 1505px 1550px #FFF, 1303px 1783px #FFF, 1247px 1672px #FFF, 1527px 1482px #FFF, 1300px 429px #FFF, 533px 1043px #FFF, 1535px 1666px #FFF, 519px 1897px #FFF, 376px 787px #FFF, 1907px 1916px #FFF, 1557px 119px #FFF, 1304px 677px #FFF, 112px 1230px #FFF, 728px 1053px #FFF, 1665px 1585px #FFF, 1054px 1621px #FFF, 1853px 1437px #FFF, 1030px 1460px #FFF, 1627px 1411px #FFF, 1892px 1782px #FFF, 1073px 157px #FFF, 1429px 725px #FFF, 938px 980px #FFF, 159px 1679px #FFF, 1676px 648px #FFF, 1406px 889px #FFF, 1698px 679px #FFF, 143px 1945px #FFF, 296px 94px #FFF, 1612px 69px #FFF, 915px 1291px #FFF, 1506px 1084px #FFF, 431px 1685px #FFF, 907px 103px #FFF, 83px 952px #FFF, 520px 1383px #FFF, 357px 834px #FFF, 799px 1166px #FFF, 710px 573px #FFF, 380px 1282px #FFF, 1616px 867px #FFF, 7px 1236px #FFF, 1964px 922px #FFF, 1771px 1367px #FFF, 521px 419px #FFF, 61px 204px #FFF, 1234px 397px #FFF, 315px 1216px #FFF, 1593px 247px #FFF, 1155px 110px #FFF, 1103px 1501px #FFF, 249px 1661px #FFF, 1490px 14px #FFF, 1233px 1119px #FFF, 1777px 1147px #FFF, 28px 130px #FFF, 1902px 1750px #FFF, 1550px 1605px #FFF, 1706px 256px #FFF, 610px 1647px #FFF, 42px 1390px #FFF, 1282px 1651px #FFF, 240px 708px #FFF, 1495px 1671px #FFF, 153px 720px #FFF, 935px 1960px #FFF, 449px 443px #FFF, 1305px 1883px #FFF, 43px 981px #FFF, 1232px 1808px #FFF, 1770px 939px #FFF, 1714px 260px #FFF, 391px 1752px #FFF, 1981px 1421px #FFF, 9px 847px #FFF, 1660px 1645px #FFF, 636px 792px #FFF, 1543px 1448px #FFF, 531px 487px #FFF, 1497px 1268px #FFF, 1472px 1960px #FFF, 1102px 904px #FFF, 867px 1484px #FFF, 1592px 1394px #FFF, 1510px 133px #FFF, 364px 1883px #FFF, 1432px 131px #FFF, 642px 471px #FFF, 894px 1013px #FFF, 1637px 1583px #FFF, 1527px 1712px #FFF, 1819px 1863px #FFF, 1740px 1209px #FFF, 511px 476px #FFF, 1079px 1660px #FFF, 1773px 400px #FFF, 320px 1907px #FFF, 311px 662px #FFF, 1702px 970px #FFF, 1054px 1605px #FFF, 350px 1514px #FFF, 1334px 727px #FFF, 321px 1512px #FFF, 1646px 1668px #FFF, 1622px 805px #FFF, 701px 766px #FFF, 1487px 940px #FFF, 1857px 252px #FFF, 1966px 726px #FFF, 1956px 47px #FFF, 1521px 424px #FFF, 557px 1657px #FFF, 1229px 1246px #FFF, 563px 565px #FFF, 1432px 1142px #FFF, 1240px 16px #FFF, 1556px 478px #FFF, 209px 987px #FFF, 692px 530px #FFF, 1898px 1222px #FFF, 1835px 1568px #FFF, 864px 502px #FFF, 1312px 1326px #FFF, 1467px 1820px #FFF, 1363px 237px #FFF, 1674px 17px #FFF, 1261px 1104px #FFF, 1547px 967px #FFF, 1460px 799px #FFF, 1165px 420px #FFF, 1942px 77px #FFF, 313px 407px #FFF, 1394px 1092px #FFF, 1687px 80px #FFF, 864px 1173px #FFF, 24px 102px #FFF, 53px 616px #FFF, 1410px 912px #FFF, 1298px 169px #FFF, 1589px 1784px #FFF, 181px 121px #FFF, 1333px 104px #FFF, 1001px 237px #FFF, 958px 1528px #FFF, 1529px 1050px #FFF, 235px 847px #FFF, 857px 1828px #FFF, 300px 1749px #FFF, 770px 954px #FFF, 1576px 374px #FFF, 873px 887px #FFF, 1075px 378px #FFF, 1532px 1866px #FFF, 1094px 981px #FFF, 598px 655px #FFF, 678px 550px #FFF, 1869px 1290px #FFF, 1326px 118px #FFF, 571px 799px #FFF, 1286px 1925px #FFF, 425px 180px #FFF, 60px 451px #FFF, 1192px 1242px #FFF, 1159px 1710px #FFF, 1391px 538px #FFF, 1944px 107px #FFF, 139px 725px #FFF, 1308px 40px #FFF, 1676px 1581px #FFF, 1794px 1086px #FFF, 572px 294px #FFF, 660px 194px #FFF, 455px 1970px #FFF, 1610px 821px #FFF, 212px 557px #FFF, 558px 1420px #FFF, 1979px 1232px #FFF, 86px 380px #FFF, 1311px 989px #FFF, 1602px 1044px #FFF, 1289px 1623px #FFF, 1715px 901px #FFF, 148px 1456px #FFF, 1494px 1386px #FFF, 144px 828px #FFF, 301px 1954px #FFF, 1848px 1651px #FFF, 1859px 157px #FFF, 853px 619px #FFF, 1631px 1915px #FFF, 402px 1672px #FFF;
    animation: animStar 50s linear infinite;
}

    #stars:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow: 372px 466px #FFF, 549px 1340px #FFF, 52px 1171px #FFF, 90px 321px #FFF, 1855px 1838px #FFF, 1548px 539px #FFF, 446px 1150px #FFF, 693px 412px #FFF, 862px 271px #FFF, 791px 869px #FFF, 526px 1668px #FFF, 122px 550px #FFF, 61px 25px #FFF, 741px 793px #FFF, 1945px 1757px #FFF, 1723px 1885px #FFF, 1085px 1068px #FFF, 1980px 1754px #FFF, 187px 1741px #FFF, 1930px 181px #FFF, 838px 1939px #FFF, 168px 703px #FFF, 1014px 939px #FFF, 1772px 1136px #FFF, 189px 1209px #FFF, 1900px 301px #FFF, 127px 316px #FFF, 802px 1902px #FFF, 1939px 81px #FFF, 1767px 1922px #FFF, 476px 451px #FFF, 364px 1558px #FFF, 426px 1256px #FFF, 779px 1745px #FFF, 1103px 1632px #FFF, 58px 1407px #FFF, 86px 164px #FFF, 71px 763px #FFF, 161px 974px #FFF, 1776px 1970px #FFF, 1098px 1979px #FFF, 1271px 416px #FFF, 493px 372px #FFF, 1783px 1122px #FFF, 1776px 1049px #FFF, 351px 1698px #FFF, 1199px 1909px #FFF, 902px 828px #FFF, 13px 963px #FFF, 1173px 1722px #FFF, 1624px 1375px #FFF, 169px 618px #FFF, 605px 68px #FFF, 892px 1593px #FFF, 480px 1628px #FFF, 1254px 279px #FFF, 1941px 108px #FFF, 1572px 444px #FFF, 601px 905px #FFF, 1399px 1925px #FFF, 598px 338px #FFF, 581px 1355px #FFF, 1433px 1364px #FFF, 1048px 900px #FFF, 508px 970px #FFF, 925px 1699px #FFF, 165px 710px #FFF, 428px 147px #FFF, 1974px 505px #FFF, 1519px 637px #FFF, 866px 1308px #FFF, 531px 1917px #FFF, 1810px 452px #FFF, 842px 402px #FFF, 1058px 687px #FFF, 439px 1144px #FFF, 560px 1605px #FFF, 128px 1565px #FFF, 494px 1225px #FFF, 1879px 546px #FFF, 1673px 1530px #FFF, 1043px 1389px #FFF, 1009px 1002px #FFF, 296px 550px #FFF, 727px 461px #FFF, 1555px 772px #FFF, 967px 229px #FFF, 281px 41px #FFF, 576px 1473px #FFF, 1729px 1413px #FFF, 1201px 1112px #FFF, 1942px 908px #FFF, 238px 1586px #FFF, 1633px 1161px #FFF, 906px 446px #FFF, 875px 407px #FFF, 1712px 1427px #FFF, 1876px 222px #FFF, 1165px 796px #FFF, 806px 1673px #FFF, 1429px 1418px #FFF, 1277px 718px #FFF, 1761px 977px #FFF, 37px 287px #FFF, 1944px 1408px #FFF, 408px 513px #FFF, 459px 575px #FFF, 1327px 20px #FFF, 989px 601px #FFF, 789px 1195px #FFF, 1015px 1887px #FFF, 1149px 1735px #FFF, 125px 1887px #FFF, 1079px 485px #FFF, 1415px 694px #FFF, 1940px 1024px #FFF, 1981px 197px #FFF, 1824px 523px #FFF, 298px 1071px #FFF, 630px 976px #FFF, 424px 42px #FFF, 729px 994px #FFF, 1004px 702px #FFF, 594px 1891px #FFF, 1913px 128px #FFF, 1231px 1622px #FFF, 1311px 195px #FFF, 839px 1171px #FFF, 1237px 305px #FFF, 209px 1682px #FFF, 607px 631px #FFF, 1786px 323px #FFF, 978px 811px #FFF, 189px 1884px #FFF, 1072px 244px #FFF, 1751px 881px #FFF, 1054px 567px #FFF, 1343px 1612px #FFF, 1967px 1009px #FFF, 373px 1280px #FFF, 1242px 1492px #FFF, 1497px 1870px #FFF, 464px 1724px #FFF, 547px 1715px #FFF, 596px 1132px #FFF, 556px 1189px #FFF, 924px 1959px #FFF, 662px 1668px #FFF, 215px 1526px #FFF, 755px 761px #FFF, 434px 478px #FFF, 875px 1768px #FFF, 1527px 524px #FFF, 949px 724px #FFF, 1762px 1097px #FFF, 747px 188px #FFF, 1066px 776px #FFF, 1673px 1759px #FFF, 739px 837px #FFF, 869px 410px #FFF, 823px 1967px #FFF, 1763px 757px #FFF, 1411px 698px #FFF, 1922px 1680px #FFF, 1303px 1679px #FFF, 897px 548px #FFF, 789px 1361px #FFF, 910px 810px #FFF, 1486px 532px #FFF, 1476px 90px #FFF, 1711px 1588px #FFF, 854px 1863px #FFF, 1094px 1402px #FFF, 1049px 761px #FFF, 1535px 871px #FFF, 438px 1322px #FFF, 1554px 876px #FFF, 633px 713px #FFF, 635px 1273px #FFF, 573px 1273px #FFF, 1305px 1782px #FFF, 1796px 493px #FFF, 563px 468px #FFF, 47px 929px #FFF, 1593px 610px #FFF, 1861px 1787px #FFF, 1327px 507px #FFF, 668px 783px #FFF, 686px 1742px #FFF, 1884px 1066px #FFF, 566px 1896px #FFF, 1145px 220px #FFF, 1246px 98px #FFF, 413px 265px #FFF, 1441px 1888px #FFF, 1637px 725px #FFF, 814px 470px #FFF, 288px 1374px #FFF, 748px 868px #FFF, 1957px 1430px #FFF, 260px 241px #FFF, 647px 767px #FFF, 499px 1011px #FFF, 1278px 1783px #FFF, 271px 1277px #FFF, 228px 1824px #FFF, 758px 475px #FFF, 72px 316px #FFF, 1797px 260px #FFF, 1867px 63px #FFF, 250px 198px #FFF, 1002px 1770px #FFF, 411px 1094px #FFF, 638px 1498px #FFF, 816px 1575px #FFF, 667px 63px #FFF, 1525px 120px #FFF, 1535px 1409px #FFF, 753px 250px #FFF, 1840px 981px #FFF, 58px 1945px #FFF, 1802px 805px #FFF, 692px 1440px #FFF, 176px 215px #FFF, 438px 818px #FFF, 1227px 793px #FFF, 523px 1147px #FFF, 874px 1186px #FFF, 1501px 1455px #FFF, 19px 1873px #FFF, 1170px 10px #FFF, 288px 961px #FFF, 656px 1675px #FFF, 574px 1104px #FFF, 1445px 1039px #FFF, 1803px 967px #FFF, 1660px 1000px #FFF, 856px 1825px #FFF, 1888px 396px #FFF, 1236px 555px #FFF, 459px 1969px #FFF, 710px 1073px #FFF, 1358px 1347px #FFF, 1982px 1671px #FFF, 213px 761px #FFF, 1842px 1858px #FFF, 1148px 178px #FFF, 5px 414px #FFF, 283px 1142px #FFF, 815px 1423px #FFF, 1541px 1464px #FFF, 962px 804px #FFF, 844px 445px #FFF, 666px 759px #FFF, 1594px 1968px #FFF, 1544px 1927px #FFF, 1586px 243px #FFF, 1329px 1655px #FFF, 1750px 780px #FFF, 1413px 1839px #FFF, 552px 357px #FFF, 240px 1180px #FFF, 1569px 1258px #FFF, 45px 1756px #FFF, 1251px 1016px #FFF, 266px 1997px #FFF, 936px 1851px #FFF, 1341px 1433px #FFF, 371px 1838px #FFF, 837px 886px #FFF, 294px 115px #FFF, 659px 1162px #FFF, 801px 900px #FFF, 872px 1225px #FFF, 1623px 1589px #FFF, 1218px 1478px #FFF, 1434px 1504px #FFF, 1071px 211px #FFF, 216px 1139px #FFF, 1460px 396px #FFF, 1816px 698px #FFF, 642px 931px #FFF, 1319px 844px #FFF, 782px 1941px #FFF, 1070px 1245px #FFF, 200px 1023px #FFF, 1331px 1600px #FFF, 1915px 234px #FFF, 1639px 322px #FFF, 1148px 878px #FFF, 959px 1874px #FFF, 778px 235px #FFF, 1132px 1355px #FFF, 148px 819px #FFF, 1910px 1608px #FFF, 1543px 1395px #FFF, 763px 1945px #FFF, 1333px 283px #FFF, 809px 1834px #FFF, 1832px 870px #FFF, 1986px 202px #FFF, 1401px 497px #FFF, 413px 740px #FFF, 1211px 1130px #FFF, 145px 1216px #FFF, 938px 787px #FFF, 1837px 1472px #FFF, 1382px 233px #FFF, 1467px 833px #FFF, 1181px 1396px #FFF, 792px 330px #FFF, 531px 264px #FFF, 1637px 1871px #FFF, 563px 739px #FFF, 1942px 1679px #FFF, 683px 169px #FFF, 1986px 1685px #FFF, 990px 917px #FFF, 430px 1936px #FFF, 1828px 1738px #FFF, 219px 992px #FFF, 655px 1213px #FFF, 1702px 1326px #FFF, 643px 1388px #FFF, 1611px 992px #FFF, 1905px 1309px #FFF, 480px 388px #FFF, 1349px 271px #FFF, 1747px 1903px #FFF, 1708px 505px #FFF, 21px 1256px #FFF, 683px 768px #FFF, 1874px 1714px #FFF, 1659px 1209px #FFF, 1544px 1753px #FFF, 311px 353px #FFF, 576px 457px #FFF, 951px 500px #FFF, 144px 1901px #FFF, 1789px 464px #FFF, 1627px 1646px #FFF, 494px 711px #FFF, 978px 1899px #FFF, 1361px 1164px #FFF, 369px 46px #FFF, 21px 430px #FFF, 941px 1827px #FFF, 550px 986px #FFF, 321px 1499px #FFF, 895px 1539px #FFF, 501px 1797px #FFF, 1517px 77px #FFF, 946px 92px #FFF, 1729px 961px #FFF, 1838px 701px #FFF, 1583px 1123px #FFF, 1410px 481px #FFF, 512px 1821px #FFF, 1883px 147px #FFF, 419px 1001px #FFF, 945px 817px #FFF, 1257px 89px #FFF, 1754px 1953px #FFF, 1044px 254px #FFF, 378px 522px #FFF, 519px 1671px #FFF, 1420px 1952px #FFF, 803px 1290px #FFF, 1959px 256px #FFF, 1772px 1772px #FFF, 1549px 1564px #FFF, 1519px 1573px #FFF, 805px 1310px #FFF, 1976px 472px #FFF, 706px 931px #FFF, 128px 1491px #FFF, 424px 1734px #FFF, 461px 806px #FFF, 610px 359px #FFF, 685px 732px #FFF, 1367px 404px #FFF, 613px 960px #FFF, 440px 1898px #FFF, 1910px 1856px #FFF, 315px 790px #FFF, 1082px 1428px #FFF, 1165px 465px #FFF, 163px 281px #FFF, 538px 1600px #FFF, 1582px 703px #FFF, 1495px 1752px #FFF, 224px 1972px #FFF, 17px 639px #FFF, 1408px 468px #FFF, 1026px 1592px #FFF, 192px 549px #FFF, 88px 320px #FFF, 842px 1923px #FFF, 1028px 1171px #FFF, 1197px 1654px #FFF, 152px 1964px #FFF, 1687px 1730px #FFF, 919px 377px #FFF, 1852px 993px #FFF, 1564px 1429px #FFF, 1626px 960px #FFF, 217px 774px #FFF, 577px 659px #FFF, 1328px 1924px #FFF, 1846px 1785px #FFF, 1236px 370px #FFF, 1481px 820px #FFF, 699px 1205px #FFF, 892px 185px #FFF, 462px 1268px #FFF, 33px 824px #FFF, 316px 436px #FFF, 1096px 1759px #FFF, 108px 1491px #FFF, 17px 67px #FFF, 1552px 219px #FFF, 476px 622px #FFF, 1647px 299px #FFF, 1209px 1864px #FFF, 1697px 838px #FFF, 572px 1975px #FFF, 759px 1426px #FFF, 910px 1597px #FFF, 1677px 789px #FFF, 1883px 571px #FFF, 1360px 1429px #FFF, 216px 510px #FFF, 1564px 247px #FFF, 1941px 216px #FFF, 1312px 996px #FFF, 135px 771px #FFF, 680px 1509px #FFF, 402px 1066px #FFF, 802px 751px #FFF, 717px 24px #FFF, 251px 1475px #FFF, 654px 727px #FFF, 718px 438px #FFF, 1269px 1874px #FFF, 1182px 1300px #FFF, 979px 1907px #FFF, 1345px 521px #FFF, 1349px 1934px #FFF, 1733px 1062px #FFF, 112px 54px #FFF, 293px 1473px #FFF, 1910px 1345px #FFF, 774px 1469px #FFF, 1528px 1165px #FFF, 913px 335px #FFF, 755px 1337px #FFF, 1118px 755px #FFF, 1579px 1090px #FFF, 350px 330px #FFF, 47px 518px #FFF, 1491px 514px #FFF, 1777px 1350px #FFF, 1213px 247px #FFF, 1667px 667px #FFF, 1618px 1936px #FFF, 1343px 1969px #FFF, 51px 1617px #FFF, 1279px 403px #FFF, 1301px 1735px #FFF, 1609px 183px #FFF, 1911px 229px #FFF, 1889px 349px #FFF, 250px 173px #FFF, 1767px 1551px #FFF, 1718px 1823px #FFF, 1081px 208px #FFF, 553px 879px #FFF, 1980px 1667px #FFF, 589px 474px #FFF, 36px 1488px #FFF, 871px 591px #FFF, 141px 1608px #FFF, 1278px 1779px #FFF, 368px 1813px #FFF, 1048px 510px #FFF, 1880px 204px #FFF, 758px 710px #FFF, 791px 1073px #FFF, 1120px 284px #FFF, 611px 806px #FFF, 666px 536px #FFF, 523px 114px #FFF, 298px 1347px #FFF, 1917px 1836px #FFF, 1862px 212px #FFF, 199px 413px #FFF, 1420px 97px #FFF, 1004px 922px #FFF, 1162px 1108px #FFF, 1248px 706px #FFF, 1722px 48px #FFF, 610px 770px #FFF, 1791px 719px #FFF, 293px 1628px #FFF, 1497px 1598px #FFF, 1461px 1772px #FFF, 209px 508px #FFF, 1169px 1028px #FFF, 224px 1079px #FFF, 1505px 1550px #FFF, 1303px 1783px #FFF, 1247px 1672px #FFF, 1527px 1482px #FFF, 1300px 429px #FFF, 533px 1043px #FFF, 1535px 1666px #FFF, 519px 1897px #FFF, 376px 787px #FFF, 1907px 1916px #FFF, 1557px 119px #FFF, 1304px 677px #FFF, 112px 1230px #FFF, 728px 1053px #FFF, 1665px 1585px #FFF, 1054px 1621px #FFF, 1853px 1437px #FFF, 1030px 1460px #FFF, 1627px 1411px #FFF, 1892px 1782px #FFF, 1073px 157px #FFF, 1429px 725px #FFF, 938px 980px #FFF, 159px 1679px #FFF, 1676px 648px #FFF, 1406px 889px #FFF, 1698px 679px #FFF, 143px 1945px #FFF, 296px 94px #FFF, 1612px 69px #FFF, 915px 1291px #FFF, 1506px 1084px #FFF, 431px 1685px #FFF, 907px 103px #FFF, 83px 952px #FFF, 520px 1383px #FFF, 357px 834px #FFF, 799px 1166px #FFF, 710px 573px #FFF, 380px 1282px #FFF, 1616px 867px #FFF, 7px 1236px #FFF, 1964px 922px #FFF, 1771px 1367px #FFF, 521px 419px #FFF, 61px 204px #FFF, 1234px 397px #FFF, 315px 1216px #FFF, 1593px 247px #FFF, 1155px 110px #FFF, 1103px 1501px #FFF, 249px 1661px #FFF, 1490px 14px #FFF, 1233px 1119px #FFF, 1777px 1147px #FFF, 28px 130px #FFF, 1902px 1750px #FFF, 1550px 1605px #FFF, 1706px 256px #FFF, 610px 1647px #FFF, 42px 1390px #FFF, 1282px 1651px #FFF, 240px 708px #FFF, 1495px 1671px #FFF, 153px 720px #FFF, 935px 1960px #FFF, 449px 443px #FFF, 1305px 1883px #FFF, 43px 981px #FFF, 1232px 1808px #FFF, 1770px 939px #FFF, 1714px 260px #FFF, 391px 1752px #FFF, 1981px 1421px #FFF, 9px 847px #FFF, 1660px 1645px #FFF, 636px 792px #FFF, 1543px 1448px #FFF, 531px 487px #FFF, 1497px 1268px #FFF, 1472px 1960px #FFF, 1102px 904px #FFF, 867px 1484px #FFF, 1592px 1394px #FFF, 1510px 133px #FFF, 364px 1883px #FFF, 1432px 131px #FFF, 642px 471px #FFF, 894px 1013px #FFF, 1637px 1583px #FFF, 1527px 1712px #FFF, 1819px 1863px #FFF, 1740px 1209px #FFF, 511px 476px #FFF, 1079px 1660px #FFF, 1773px 400px #FFF, 320px 1907px #FFF, 311px 662px #FFF, 1702px 970px #FFF, 1054px 1605px #FFF, 350px 1514px #FFF, 1334px 727px #FFF, 321px 1512px #FFF, 1646px 1668px #FFF, 1622px 805px #FFF, 701px 766px #FFF, 1487px 940px #FFF, 1857px 252px #FFF, 1966px 726px #FFF, 1956px 47px #FFF, 1521px 424px #FFF, 557px 1657px #FFF, 1229px 1246px #FFF, 563px 565px #FFF, 1432px 1142px #FFF, 1240px 16px #FFF, 1556px 478px #FFF, 209px 987px #FFF, 692px 530px #FFF, 1898px 1222px #FFF, 1835px 1568px #FFF, 864px 502px #FFF, 1312px 1326px #FFF, 1467px 1820px #FFF, 1363px 237px #FFF, 1674px 17px #FFF, 1261px 1104px #FFF, 1547px 967px #FFF, 1460px 799px #FFF, 1165px 420px #FFF, 1942px 77px #FFF, 313px 407px #FFF, 1394px 1092px #FFF, 1687px 80px #FFF, 864px 1173px #FFF, 24px 102px #FFF, 53px 616px #FFF, 1410px 912px #FFF, 1298px 169px #FFF, 1589px 1784px #FFF, 181px 121px #FFF, 1333px 104px #FFF, 1001px 237px #FFF, 958px 1528px #FFF, 1529px 1050px #FFF, 235px 847px #FFF, 857px 1828px #FFF, 300px 1749px #FFF, 770px 954px #FFF, 1576px 374px #FFF, 873px 887px #FFF, 1075px 378px #FFF, 1532px 1866px #FFF, 1094px 981px #FFF, 598px 655px #FFF, 678px 550px #FFF, 1869px 1290px #FFF, 1326px 118px #FFF, 571px 799px #FFF, 1286px 1925px #FFF, 425px 180px #FFF, 60px 451px #FFF, 1192px 1242px #FFF, 1159px 1710px #FFF, 1391px 538px #FFF, 1944px 107px #FFF, 139px 725px #FFF, 1308px 40px #FFF, 1676px 1581px #FFF, 1794px 1086px #FFF, 572px 294px #FFF, 660px 194px #FFF, 455px 1970px #FFF, 1610px 821px #FFF, 212px 557px #FFF, 558px 1420px #FFF, 1979px 1232px #FFF, 86px 380px #FFF, 1311px 989px #FFF, 1602px 1044px #FFF, 1289px 1623px #FFF, 1715px 901px #FFF, 148px 1456px #FFF, 1494px 1386px #FFF, 144px 828px #FFF, 301px 1954px #FFF, 1848px 1651px #FFF, 1859px 157px #FFF, 853px 619px #FFF, 1631px 1915px #FFF, 402px 1672px #FFF;
    }

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1967px 688px #FFF, 1927px 1657px #FFF, 1441px 711px #FFF, 792px 1076px #FFF, 782px 522px #FFF, 1677px 1240px #FFF, 1188px 1475px #FFF, 300px 1027px #FFF, 1506px 176px #FFF, 543px 970px #FFF, 419px 255px #FFF, 1138px 1730px #FFF, 1675px 203px #FFF, 1936px 1418px #FFF, 1151px 668px #FFF, 1744px 452px #FFF, 68px 777px #FFF, 414px 1948px #FFF, 1161px 75px #FFF, 1822px 1361px #FFF, 731px 1592px #FFF, 1560px 1080px #FFF, 1567px 857px #FFF, 1878px 147px #FFF, 434px 837px #FFF, 18px 1327px #FFF, 38px 862px #FFF, 763px 885px #FFF, 779px 134px #FFF, 1754px 32px #FFF, 319px 1633px #FFF, 702px 951px #FFF, 728px 778px #FFF, 895px 919px #FFF, 687px 576px #FFF, 1582px 109px #FFF, 1585px 170px #FFF, 33px 259px #FFF, 1836px 1067px #FFF, 1573px 310px #FFF, 1545px 340px #FFF, 808px 1339px #FFF, 1202px 727px #FFF, 9px 1811px #FFF, 1461px 195px #FFF, 1778px 192px #FFF, 1681px 1124px #FFF, 1247px 1483px #FFF, 330px 126px #FFF, 1659px 87px #FFF, 645px 1505px #FFF, 1401px 317px #FFF, 758px 1324px #FFF, 999px 938px #FFF, 864px 561px #FFF, 228px 779px #FFF, 667px 750px #FFF, 130px 439px #FFF, 1491px 1049px #FFF, 572px 468px #FFF, 1901px 31px #FFF, 1687px 556px #FFF, 669px 706px #FFF, 1472px 389px #FFF, 19px 314px #FFF, 198px 1343px #FFF, 1210px 1063px #FFF, 139px 194px #FFF, 569px 435px #FFF, 1092px 738px #FFF, 814px 1231px #FFF, 1724px 1990px #FFF, 1765px 1951px #FFF, 1854px 1762px #FFF, 1090px 364px #FFF, 654px 1004px #FFF, 1457px 1150px #FFF, 1432px 1718px #FFF, 1120px 949px #FFF, 304px 1054px #FFF, 537px 805px #FFF, 805px 1018px #FFF, 1819px 1370px #FFF, 1196px 1387px #FFF, 919px 1928px #FFF, 896px 184px #FFF, 1617px 656px #FFF, 1341px 472px #FFF, 1978px 58px #FFF, 1766px 536px #FFF, 1344px 1316px #FFF, 1725px 1988px #FFF, 683px 482px #FFF, 898px 1312px #FFF, 1025px 1225px #FFF, 1521px 684px #FFF, 1217px 104px #FFF, 130px 1528px #FFF, 552px 1029px #FFF, 238px 113px #FFF, 987px 384px #FFF, 1723px 1516px #FFF, 651px 323px #FFF, 1455px 1432px #FFF, 289px 818px #FFF, 1059px 961px #FFF, 1953px 29px #FFF, 1716px 775px #FFF, 1623px 1460px #FFF, 1516px 1217px #FFF, 79px 161px #FFF, 1475px 832px #FFF, 756px 790px #FFF, 30px 814px #FFF, 1547px 1361px #FFF, 1313px 465px #FFF, 1050px 232px #FFF, 1833px 903px #FFF, 944px 1622px #FFF, 1174px 1247px #FFF, 1898px 1971px #FFF, 1506px 1958px #FFF, 201px 1101px #FFF, 1727px 268px #FFF, 1723px 1991px #FFF, 1113px 1956px #FFF, 1217px 1059px #FFF, 592px 929px #FFF, 1469px 549px #FFF, 668px 1615px #FFF, 3px 508px #FFF, 1946px 929px #FFF, 110px 881px #FFF, 1430px 267px #FFF, 1844px 1446px #FFF, 1596px 1893px #FFF, 669px 200px #FFF, 1744px 1493px #FFF, 1217px 1112px #FFF, 919px 990px #FFF, 1266px 1088px #FFF, 436px 1249px #FFF, 1593px 1553px #FFF, 198px 788px #FFF, 1812px 183px #FFF, 1586px 1553px #FFF, 1911px 31px #FFF, 1149px 1157px #FFF, 886px 1268px #FFF, 1869px 1454px #FFF, 1258px 177px #FFF, 161px 1167px #FFF, 1406px 1629px #FFF, 431px 162px #FFF, 124px 1733px #FFF, 1073px 1660px #FFF, 253px 1396px #FFF, 506px 1551px #FFF, 1475px 139px #FFF, 558px 61px #FFF, 1959px 1662px #FFF, 1343px 1440px #FFF, 571px 1200px #FFF, 738px 1287px #FFF, 1521px 564px #FFF, 432px 1394px #FFF, 1378px 1188px #FFF, 108px 186px #FFF, 133px 1534px #FFF, 1861px 1397px #FFF, 1576px 295px #FFF, 1636px 1463px #FFF, 1020px 302px #FFF, 859px 1047px #FFF, 338px 219px #FFF, 1990px 1276px #FFF, 1927px 1553px #FFF, 1402px 280px #FFF, 517px 1582px #FFF, 1044px 391px #FFF, 12px 1478px #FFF, 1746px 489px #FFF, 211px 936px #FFF, 1281px 91px #FFF, 330px 385px #FFF, 1924px 1301px #FFF, 1830px 1963px #FFF, 156px 1170px #FFF, 1946px 788px #FFF, 1408px 909px #FFF, 1724px 1349px #FFF, 851px 688px #FFF, 1907px 642px #FFF, 863px 1176px #FFF, 688px 1652px #FFF, 1573px 474px #FFF, 1907px 1589px #FFF, 1126px 649px #FFF, 1056px 1066px #FFF, 1200px 1420px #FFF;
    animation: animStar 100s linear infinite;
}

    #stars2:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow: 1967px 688px #FFF, 1927px 1657px #FFF, 1441px 711px #FFF, 792px 1076px #FFF, 782px 522px #FFF, 1677px 1240px #FFF, 1188px 1475px #FFF, 300px 1027px #FFF, 1506px 176px #FFF, 543px 970px #FFF, 419px 255px #FFF, 1138px 1730px #FFF, 1675px 203px #FFF, 1936px 1418px #FFF, 1151px 668px #FFF, 1744px 452px #FFF, 68px 777px #FFF, 414px 1948px #FFF, 1161px 75px #FFF, 1822px 1361px #FFF, 731px 1592px #FFF, 1560px 1080px #FFF, 1567px 857px #FFF, 1878px 147px #FFF, 434px 837px #FFF, 18px 1327px #FFF, 38px 862px #FFF, 763px 885px #FFF, 779px 134px #FFF, 1754px 32px #FFF, 319px 1633px #FFF, 702px 951px #FFF, 728px 778px #FFF, 895px 919px #FFF, 687px 576px #FFF, 1582px 109px #FFF, 1585px 170px #FFF, 33px 259px #FFF, 1836px 1067px #FFF, 1573px 310px #FFF, 1545px 340px #FFF, 808px 1339px #FFF, 1202px 727px #FFF, 9px 1811px #FFF, 1461px 195px #FFF, 1778px 192px #FFF, 1681px 1124px #FFF, 1247px 1483px #FFF, 330px 126px #FFF, 1659px 87px #FFF, 645px 1505px #FFF, 1401px 317px #FFF, 758px 1324px #FFF, 999px 938px #FFF, 864px 561px #FFF, 228px 779px #FFF, 667px 750px #FFF, 130px 439px #FFF, 1491px 1049px #FFF, 572px 468px #FFF, 1901px 31px #FFF, 1687px 556px #FFF, 669px 706px #FFF, 1472px 389px #FFF, 19px 314px #FFF, 198px 1343px #FFF, 1210px 1063px #FFF, 139px 194px #FFF, 569px 435px #FFF, 1092px 738px #FFF, 814px 1231px #FFF, 1724px 1990px #FFF, 1765px 1951px #FFF, 1854px 1762px #FFF, 1090px 364px #FFF, 654px 1004px #FFF, 1457px 1150px #FFF, 1432px 1718px #FFF, 1120px 949px #FFF, 304px 1054px #FFF, 537px 805px #FFF, 805px 1018px #FFF, 1819px 1370px #FFF, 1196px 1387px #FFF, 919px 1928px #FFF, 896px 184px #FFF, 1617px 656px #FFF, 1341px 472px #FFF, 1978px 58px #FFF, 1766px 536px #FFF, 1344px 1316px #FFF, 1725px 1988px #FFF, 683px 482px #FFF, 898px 1312px #FFF, 1025px 1225px #FFF, 1521px 684px #FFF, 1217px 104px #FFF, 130px 1528px #FFF, 552px 1029px #FFF, 238px 113px #FFF, 987px 384px #FFF, 1723px 1516px #FFF, 651px 323px #FFF, 1455px 1432px #FFF, 289px 818px #FFF, 1059px 961px #FFF, 1953px 29px #FFF, 1716px 775px #FFF, 1623px 1460px #FFF, 1516px 1217px #FFF, 79px 161px #FFF, 1475px 832px #FFF, 756px 790px #FFF, 30px 814px #FFF, 1547px 1361px #FFF, 1313px 465px #FFF, 1050px 232px #FFF, 1833px 903px #FFF, 944px 1622px #FFF, 1174px 1247px #FFF, 1898px 1971px #FFF, 1506px 1958px #FFF, 201px 1101px #FFF, 1727px 268px #FFF, 1723px 1991px #FFF, 1113px 1956px #FFF, 1217px 1059px #FFF, 592px 929px #FFF, 1469px 549px #FFF, 668px 1615px #FFF, 3px 508px #FFF, 1946px 929px #FFF, 110px 881px #FFF, 1430px 267px #FFF, 1844px 1446px #FFF, 1596px 1893px #FFF, 669px 200px #FFF, 1744px 1493px #FFF, 1217px 1112px #FFF, 919px 990px #FFF, 1266px 1088px #FFF, 436px 1249px #FFF, 1593px 1553px #FFF, 198px 788px #FFF, 1812px 183px #FFF, 1586px 1553px #FFF, 1911px 31px #FFF, 1149px 1157px #FFF, 886px 1268px #FFF, 1869px 1454px #FFF, 1258px 177px #FFF, 161px 1167px #FFF, 1406px 1629px #FFF, 431px 162px #FFF, 124px 1733px #FFF, 1073px 1660px #FFF, 253px 1396px #FFF, 506px 1551px #FFF, 1475px 139px #FFF, 558px 61px #FFF, 1959px 1662px #FFF, 1343px 1440px #FFF, 571px 1200px #FFF, 738px 1287px #FFF, 1521px 564px #FFF, 432px 1394px #FFF, 1378px 1188px #FFF, 108px 186px #FFF, 133px 1534px #FFF, 1861px 1397px #FFF, 1576px 295px #FFF, 1636px 1463px #FFF, 1020px 302px #FFF, 859px 1047px #FFF, 338px 219px #FFF, 1990px 1276px #FFF, 1927px 1553px #FFF, 1402px 280px #FFF, 517px 1582px #FFF, 1044px 391px #FFF, 12px 1478px #FFF, 1746px 489px #FFF, 211px 936px #FFF, 1281px 91px #FFF, 330px 385px #FFF, 1924px 1301px #FFF, 1830px 1963px #FFF, 156px 1170px #FFF, 1946px 788px #FFF, 1408px 909px #FFF, 1724px 1349px #FFF, 851px 688px #FFF, 1907px 642px #FFF, 863px 1176px #FFF, 688px 1652px #FFF, 1573px 474px #FFF, 1907px 1589px #FFF, 1126px 649px #FFF, 1056px 1066px #FFF, 1200px 1420px #FFF;
    }

.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
    position: relative;
    z-index: 99
}

.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
}

.login-box-msg, .register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1235px 1051px #FFF, 1937px 1346px #FFF, 344px 1861px #FFF, 1141px 1555px #FFF, 1990px 1771px #FFF, 1246px 860px #FFF, 1929px 1303px #FFF, 1031px 1894px #FFF, 1888px 974px #FFF, 834px 294px #FFF, 1556px 927px #FFF, 915px 400px #FFF, 610px 1407px #FFF, 1049px 1591px #FFF, 676px 107px #FFF, 1979px 911px #FFF, 447px 131px #FFF, 733px 221px #FFF, 160px 761px #FFF, 8px 355px #FFF, 571px 1865px #FFF, 989px 82px #FFF, 1980px 1426px #FFF, 1247px 1995px #FFF, 489px 196px #FFF, 452px 698px #FFF, 1358px 1075px #FFF, 6px 382px #FFF, 706px 1340px #FFF, 490px 1743px #FFF, 998px 133px #FFF, 95px 1969px #FFF, 665px 777px #FFF, 185px 649px #FFF, 522px 966px #FFF, 1430px 543px #FFF, 802px 1997px #FFF, 697px 1325px #FFF, 1729px 1754px #FFF, 1317px 1817px #FFF, 231px 932px #FFF, 317px 74px #FFF, 635px 433px #FFF, 1133px 689px #FFF, 241px 1136px #FFF, 903px 1714px #FFF, 806px 925px #FFF, 1430px 60px #FFF, 951px 1945px #FFF, 609px 1637px #FFF, 263px 576px #FFF, 1035px 1381px #FFF, 1627px 1962px #FFF, 1788px 552px #FFF, 1544px 121px #FFF, 1959px 1910px #FFF, 1078px 1592px #FFF, 1889px 1381px #FFF, 1523px 970px #FFF, 405px 866px #FFF, 1001px 1340px #FFF, 429px 1280px #FFF, 188px 1304px #FFF, 1438px 1228px #FFF, 412px 85px #FFF, 1192px 1606px #FFF, 1695px 1507px #FFF, 1929px 1549px #FFF, 51px 1395px #FFF, 1281px 374px #FFF, 1770px 600px #FFF, 593px 1938px #FFF, 369px 671px #FFF, 937px 1278px #FFF, 344px 1051px #FFF, 1639px 5px #FFF, 1656px 1295px #FFF, 876px 660px #FFF, 1544px 326px #FFF, 1201px 903px #FFF, 124px 356px #FFF, 172px 1076px #FFF, 520px 148px #FFF, 337px 1229px #FFF, 1235px 1351px #FFF, 1451px 1956px #FFF, 433px 774px #FFF, 1812px 939px #FFF, 1846px 1365px #FFF, 1080px 843px #FFF, 569px 1665px #FFF, 356px 1068px #FFF, 1145px 1235px #FFF, 1691px 1258px #FFF, 1001px 353px #FFF, 1866px 95px #FFF, 1541px 1770px #FFF, 1162px 1858px #FFF, 1864px 1956px #FFF, 96px 420px #FFF;
    animation: animStar 150s linear infinite;
}

    #stars3:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow: 1235px 1051px #FFF, 1937px 1346px #FFF, 344px 1861px #FFF, 1141px 1555px #FFF, 1990px 1771px #FFF, 1246px 860px #FFF, 1929px 1303px #FFF, 1031px 1894px #FFF, 1888px 974px #FFF, 834px 294px #FFF, 1556px 927px #FFF, 915px 400px #FFF, 610px 1407px #FFF, 1049px 1591px #FFF, 676px 107px #FFF, 1979px 911px #FFF, 447px 131px #FFF, 733px 221px #FFF, 160px 761px #FFF, 8px 355px #FFF, 571px 1865px #FFF, 989px 82px #FFF, 1980px 1426px #FFF, 1247px 1995px #FFF, 489px 196px #FFF, 452px 698px #FFF, 1358px 1075px #FFF, 6px 382px #FFF, 706px 1340px #FFF, 490px 1743px #FFF, 998px 133px #FFF, 95px 1969px #FFF, 665px 777px #FFF, 185px 649px #FFF, 522px 966px #FFF, 1430px 543px #FFF, 802px 1997px #FFF, 697px 1325px #FFF, 1729px 1754px #FFF, 1317px 1817px #FFF, 231px 932px #FFF, 317px 74px #FFF, 635px 433px #FFF, 1133px 689px #FFF, 241px 1136px #FFF, 903px 1714px #FFF, 806px 925px #FFF, 1430px 60px #FFF, 951px 1945px #FFF, 609px 1637px #FFF, 263px 576px #FFF, 1035px 1381px #FFF, 1627px 1962px #FFF, 1788px 552px #FFF, 1544px 121px #FFF, 1959px 1910px #FFF, 1078px 1592px #FFF, 1889px 1381px #FFF, 1523px 970px #FFF, 405px 866px #FFF, 1001px 1340px #FFF, 429px 1280px #FFF, 188px 1304px #FFF, 1438px 1228px #FFF, 412px 85px #FFF, 1192px 1606px #FFF, 1695px 1507px #FFF, 1929px 1549px #FFF, 51px 1395px #FFF, 1281px 374px #FFF, 1770px 600px #FFF, 593px 1938px #FFF, 369px 671px #FFF, 937px 1278px #FFF, 344px 1051px #FFF, 1639px 5px #FFF, 1656px 1295px #FFF, 876px 660px #FFF, 1544px 326px #FFF, 1201px 903px #FFF, 124px 356px #FFF, 172px 1076px #FFF, 520px 148px #FFF, 337px 1229px #FFF, 1235px 1351px #FFF, 1451px 1956px #FFF, 433px 774px #FFF, 1812px 939px #FFF, 1846px 1365px #FFF, 1080px 843px #FFF, 569px 1665px #FFF, 356px 1068px #FFF, 1145px 1235px #FFF, 1691px 1258px #FFF, 1001px 353px #FFF, 1866px 95px #FFF, 1541px 1770px #FFF, 1162px 1858px #FFF, 1864px 1956px #FFF, 96px 420px #FFF;
    }


@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

.dark-logo {
    max-width: 81px;
}

.mini-sidebar .dark-logo {
    max-width: 70px;
}

#pagename.text-themecolor {
    font-size: 20px;
    line-height: 65px;
    color: #253745;
}

.table {
    margin-bottom: 0;
}

.cardbixmin .card-body {
    padding-bottom: 0;
}

.table-bordered td input {
    padding: 0 !important;
    text-align: center;
    font-size: 11px !important;
}

.btn.mt-4 {
    margin-top: 23px !important;
   
}
.btn-success {
    font-size: 12px !important;
    padding: 6px 10px !important;
    margin-top: 9px;
}
.btn-primary {
    font-size: 12px !important;
    padding: 6px 10px !important;
    margin-top: 9px;
}
.btn-info {
    font-size: 12px !important;
    padding: 6px 10px !important;
    margin-top: 9px;
}
.btn-danger {
    font-size: 12px !important;
    padding: 6px 10px !important;
    margin-top: 9px;
}
.btn-dribbble {
    font-size: 12px !important;
    padding: 6px 10px !important;
    margin-top: 9px;
}
.btn-skype{
    font-size:0.7rem !important;
    padding: 0 10px;
    text-transform: uppercase;
}
.table td, .table th {
    padding: 0.25rem;
}

.card-body {
    padding: 0.25rem 0.35rem !important;
}
.btn-margin {
    margin-top: 0px !important;
}



.modal.right .modal-dialog, modal.right .modal-lg {
    position: fixed;
    margin: auto;
    width: calc(100% - 250px) !important;
    max-width: calc(100% - 250px);
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 30px;
}


.modal.right.fade .modal-dialog {
    right: -1050px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    border-radius: 0;
    padding: 12px 16px;
}

    .modal-header .close {
        text-shadow: none;
        opacity: .7;
    }

        .modal-header .close:focus {
            outline: none;
        }

.list_item {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

    .list_item li {
        padding: 3px 5px;
        font-size: 13px;
        min-width: 25%;
        border-left: 2px solid #2a3f54;
        margin: 8px 0;
    }

        .list_item li p {
            margin-bottom: 0px;
            font-size: 12px;
            text-transform: capitalize;
            color: #908e8e;
            line-height: 13px;
        }
    .list_item li span{
        font-weight: 600;
    }
.tbl_responsive .dataTables_wrapper .col-sm-12{
    overflow:auto;
}

.table  tr th{
    color:#fff;
    font-weight:700 !important;
}
.table th {
    background-color: #057f5d;
}

.table thead {
    background-color: #057f5d;
    font-weight: bold;
    position: relative;
    font-size: 10px;
}
.table tr th, .table tr td {
    white-space: nowrap !important;
}
.dropdown-menu.inner.show li.selected, .dropdown-menu.inner.show li.selected a:hover, .dropdown-item.active, .dropdown-item:active {
    background: #16b386;
    border-bottom: 1px solid #ddd;
}

.dropdown-menu.inner.show li.selected a span.text {
    color: #fff;
}


.loader {
    margin: 100px auto;
    font-size: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.l_loader {
    content: '';
    position: absolute;
    height: 100vh;
    width: 100%;
    background: rgb(12 12 12 / 32%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}

.table tr td span.Approved, .table tr td span.Rejected, .table tr td span.Add, .table tr td span.Active, .table tr td span.Withdraw
.table tr td span.InActive .table tr td span.Draft .table tr td span.open .table tr td span.Closed .table tr td span.D {
    font-weight: 600;
}

.table tr td span.Approved, .Approved, .table tr td span.Approved {
    color: #28a745;
    font-weight: 600;
}

.table tr td span.Reject, .Rejected {
    color: red;
}

.table tr td span.Active, .Active {
    color: #28a745;
}

.table tr td span.InActive, .InActive {
    color: red;
}

.table tr td span.InActive, .Draft {
    color: #ffc107;
}
.table tr td span.InActive, .Withdraw {
    color: blue;
}

.table tr td span.InActive, .Add, table tr td .Submitted {
    color: #ffc107;
}


#myGrid, #myGrid1 {
    height: 520px;
    width: 100%;
}