.page-signin-modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block;
}

.page-signin-form-group {
    position: relative;
}

.modal-content {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}


.page-signin-icon {
    position: absolute;
    line-height: 21px;
    width: 36px;
    border-color: rgba(0, 0, 0, .14);
    border-right-width: 1px;
    border-right-style: solid;
    left: 1px;
    top: 9px;
    text-align: center;
    font-size: 15px;
}

html[dir="rtl"] .page-signin-icon {
    border-right: 0;
    border-left-width: 1px;
    border-left-style: solid;
    left: auto;
    right: 1px;
}

html:not([dir="rtl"]) .page-signin-icon+.page-signin-form-control {
    padding-left: 50px;
}

html[dir="rtl"] .page-signin-icon+.page-signin-form-control {
    padding-right: 50px;
}

#page-signin-forgot-form {
    display: none;
}

.page-signin-modal>.modal-dialog {
    margin: 30px 10px;
}

@media (min-width: 544px) {
    .page-signin-modal>.modal-dialog {
        margin: 60px auto;
    }
}


/*
|==================================================================================
| 							SKIN SUCCESS COLOR #008844
|==================================================================================
*/
.bg-success,
.bg-success a,
.bg-success a:active,
.bg-success a:focus,
.bg-success a:hover,
.bg-success:active,
.bg-success:focus,
.bg-success:hover,
.bg-success[href],
.bg-success[href]:active,
.bg-success[href]:focus,
.bg-success[href]:hover {
    color: #fff !important
}

.panel-success .panel-heading-text a,
.panel-success.panel-body-colorful .panel-body a,
.panel-success.panel-body-colorful .panel-footer a,
.panel-success.panel-dark .panel-heading-text a,
.panel-success.panel-dark.panel-body-colorful .panel-body a,
.panel-success.panel-dark.panel-body-colorful .panel-footer a {
    text-decoration: underline
}

body {
    /*background-image: url(//lms.unisnu.ac.id/pluginfile.php/1/theme_moove/headerimg/1602779666/Rektorat-min.png);*/
    opacity: 98%;
    background: #f6f6f6
}

.page-breadcrumb,
.page-header:not(.panel) {
    background: 0 0
}

.nav-tabs,
.nav-tabs.nav-justified,
.page-breadcrumb,
.page-header,
hr {
    border-color: rgba(0, 0, 0, .07)
}

.panel .nav-tabs {
    border-color: rgba(0, 0, 0, .11)
}

.panel,
.widget-more-link.b-a-1,
.widget-products-image,
:not(.panel) .thumbnail {
    border-color: #e2e2e2
}

.bg-success,
.bg-success .bg-success {
    border-color: #008844 !important
}

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

.bg-success[href]:hover {
    background-color: #008844 !important
}

.bg-success .bg-success.darken,
.bg-success.darken {
    background-color: #008844 !important;
    border-color: #008844 !important
}

.bg-success .bg-success.darken[href]:hover,
.bg-success.darken[href]:hover {
    background-color: #008844 !important
}

.bg-success .bg-success.darker,
.bg-success.darker {
    background-color: #008844 !important;
    border-color: #216b9c !important
}

.bg-success .bg-success.darker[href]:hover,
.bg-success.darker[href]:hover {
    background-color: #008844 !important
}

.bg-success .text-muted,
.bg-success .text-muted a,
.bg-success .text-muted:active,
.bg-success .text-muted:focus,
.bg-success .text-muted:hover,
.bg-success .text-muted[href] {
    color: rgba(255, 255, 255, .6) !important
}

.text-success,
.text-success a,
.text-success:active,
.text-success:focus,
.text-success:hover,
.text-success[href] {
    color: #008844 !important
}

.text-success a:active,
.text-success a:focus,
.text-success a:hover,
.text-success[href]:active,
.text-success[href]:focus,
.text-success[href]:hover {
    color: #008844 !important
}

.border-success {
    border-color: #008844 !important
}

.table-success .table,
.table-success.table {
    margin: 0;
    border-top-color: #008844 !important
}

.table-success {
    margin-bottom: 21px
}

.table-success .table-header,
.table-success thead,
.table-success thead th,
.table-success thead tr {
    border-color: #008844 !important;
    color: #fff
}

.table-success thead th,
.table-success thead tr {
    background: #008844
}

.btn-success,
.table-success .table-header {
    background: #008844
}

.table-success .table-header .form-control {
    border: none
}

.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
    border-color: #008844
}

.btn-success {
    color: #fff;
    border-color: #008844
}

.btn-success.btn-outline {
    color: #008844;
    border-color: #008844;
    background: 0 0
}

.btn-success.btn-outline.focus,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    border-color: #008844 #008844 #008844;
    background: #008844
}

.btn-success.active,
.btn-success.btn-outline.active,
.btn-success.btn-outline:active,
.btn-success:active,
.open>.btn-success.dropdown-toggle,
.open>.btn-success.dropdown-toggle.btn-outline {
    color: #fff;
    border-color: #008844;
    background: #008844
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.btn-outline.active.focus,
.btn-success.btn-outline.active:focus,
.btn-success.btn-outline.active:hover,
.btn-success.btn-outline:active.focus,
.btn-success.btn-outline:active:focus,
.btn-success.btn-outline:active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.btn-outline.focus,
.open>.btn-success.dropdown-toggle.btn-outline:focus,
.open>.btn-success.dropdown-toggle.btn-outline:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    border-color: #008844;
    background: #008844
}

.btn-success.btn-3d.btn-outline.focus,
.btn-success.btn-3d.btn-outline:focus,
.btn-success.btn-3d.btn-outline:hover,
.btn-success.btn-3d.focus,
.btn-success.btn-3d:focus,
.btn-success.btn-3d:hover {
    border-bottom-color: #008844
}

.btn-success.btn-3d.active,
.btn-success.btn-3d.active.focus,
.btn-success.btn-3d.active:focus,
.btn-success.btn-3d.active:hover,
.btn-success.btn-3d:active,
.btn-success.btn-3d:active.focus,
.btn-success.btn-3d:active:focus,
.btn-success.btn-3d:active:hover,
.open>.btn-success.dropdown-toggle.btn-3d,
.open>.btn-success.dropdown-toggle.btn-3d.focus,
.open>.btn-success.dropdown-toggle.btn-3d:focus,
.open>.btn-success.dropdown-toggle.btn-3d:hover {
    background: #008844
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success {
    border-color: #008844 !important;
    background: #008844 !important
}

.btn-success.btn-outline.disabled,
.btn-success.btn-outline[disabled],
fieldset[disabled] .btn-success.btn-outline {
    color: #008844;
    border-color: #008844 !important;
    background: 0 0 !important
}

.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    color: #fff !important;
    border-color: #008844 !important;
    background: #008844 !important
}

.px-navbar {
    color: #444;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
}

.px-navbar .dropdown-menu a,
.px-navbar .navbar-nav a {
    color: #444
}

.px-navbar .dropdown-menu a:active,
.px-navbar .dropdown-menu a:focus,
.px-navbar .dropdown-menu a:hover,
.px-navbar .dropdown.active>a,
.px-navbar .dropdown.active>a:active,
.px-navbar .dropdown.active>a:focus,
.px-navbar .dropdown.active>a:hover,
.px-navbar .dropdown.open>a,
.px-navbar .dropdown.open>a:active,
.px-navbar .dropdown.open>a:focus,
.px-navbar .dropdown.open>a:hover,
.px-navbar .navbar-nav a:active,
.px-navbar .navbar-nav a:focus,
.px-navbar .navbar-nav a:hover,
.px-navbar li.active>a,
.px-navbar li.active>a:active,
.px-navbar li.active>a:focus,
.px-navbar li.active>a:hover {
    color: #444;
    background: rgba(0, 0, 0, .03)
}

.px-navbar .dropdown-menu li:hover,
.px-navbar .navbar-nav li:hover {
    background: 0 0
}

.px-navbar .navbar-brand {
    background: 0 0 !important
}

.px-navbar form.navbar-form .form-control {
    color: #444;
    border-color: transparent !important;
    background: #f8f8f8
}

.px-navbar .navbar-toggle {
    color: #444
}

.px-navbar .navbar-toggle .navbar-toggle-icon,
.px-navbar .navbar-toggle .navbar-toggle-icon:after,
.px-navbar .navbar-toggle .navbar-toggle-icon:before {
    opacity: 1;
    color: #444;
    background: #444
}

.px-navbar .navbar-toggle.collapsed {
    color: #444
}

.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon,
.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon:after,
.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon:before {
    color: #444;
    background: #444
}

.px-navbar .ps-scrollbar-x-rail,
.px-navbar .ps-scrollbar-y-rail {
    background-color: transparent !important
}

.px-navbar .ps-scrollbar-x-rail>.ps-scrollbar-x,
.px-navbar .ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .3) !important
}

.px-navbar .navbar-header {
    color: #444;
    background: #fff
}

.px-navbar .navbar-header a {
    color: #444
}

.px-navbar .navbar-header a:focus,
.px-navbar .navbar-header a:hover {
    color: #444;
    background: rgba(0, 0, 0, .03)
}

.px-navbar .dropdown-menu>li.divider {
    background: #f1f1f1
}

@media (max-width: 767px) {
    .px-navbar .navbar-collapse {
        border-color: #f1f1f1;
        background: #fff
    }

    .px-navbar .dropdown-menu li,
    .px-navbar .navbar-nav li {
        border-color: #f1f1f1
    }

    .px-navbar .dropdown.open {
        background: #f6f6f6 !important;
        border-color: #e7e7e7
    }

    .px-navbar .dropdown.open li {
        border-color: #e7e7e7
    }
}

@media (min-width: 768px) {

    .px-navbar .navbar-nav>li,
    .px-navbar [class *=" widget-"],
    .px-navbar [class^=widget-] {
        border-color: #f1f1f1
    }

    .px-navbar .navbar-collapse {
        border-color: #f1f1f1;
        background: #fff
    }

    .px-navbar .dropdown-menu {
        background: #fff
    }

    .px-navbar [class *=" widget-"] a,
    .px-navbar [class *=" widget-"] a:focus,
    .px-navbar [class *=" widget-"] a:hover,
    .px-navbar [class^=widget-] a,
    .px-navbar [class^=widget-] a:focus,
    .px-navbar [class^=widget-] a:hover {
        background: 0 0
    }

    .px-navbar .navbar-header a,
    .px-navbar .navbar-nav>li>a {
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media (min-width: 992px) {
    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header {
        color: #444;
        background: #fff
    }

    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a {
        color: #444
    }

    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a:focus,
    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a:hover {
        color: #777
    }

    .px-nav-toggle {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}

.px-nav,
.px-nav-item a {
    color: #9fa9b9
}

.px-nav {
    background: #23272d
}

.px-nav .ps-scrollbar-x-rail,
.px-nav .ps-scrollbar-y-rail {
    background-color: transparent !important
}

.px-nav .ps-scrollbar-x-rail>.ps-scrollbar-x,
.px-nav .ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .3) !important
}

.px-nav-dimmer {
    background: rgba(35, 39, 45, .4)
}

.px-nav-item a:active,
.px-nav-item a:focus,
.px-nav-item a:hover {
    color: #fff;
    background: 0 0
}

.px-nav-item.active>a {
    color: #fff !important;
    background: #181b1f
}

.px-nav-dropdown.active>a .px-nav-icon,
.px-nav-item.active>a .px-nav-icon {
    color: #008844
}

.px-nav-dropdown.active>a,
.px-nav-dropdown.active>a:active,
.px-nav-dropdown.active>a:focus,
.px-nav-dropdown.active>a:hover {
    background: 0 0
}

.px-nav-tooltip {
    background: #181b1f;
    color: #fff
}

.px-nav-left .px-nav-tooltip:before {
    border-right-color: #181b1f
}

.px-nav-right .px-nav-tooltip:before {
    border-left-color: #181b1f
}

.px-nav-dropdown-menu-title,
.px-show>a {
    background: #008844 !important;
    color: #fff !important
}

.px-nav-dropdown-menu-title .px-nav-icon,
.px-show>a .px-nav-icon {
    color: #fff !important
}

.px-nav-dropdown-menu {
    background: #2a2e36
}

.px-nav-toggle {
    color: #444;
    background: #f8f8f8
}

.px-nav-toggle .navbar-toggle-icon,
.px-nav-toggle .navbar-toggle-icon:after,
.px-nav-toggle .navbar-toggle-icon:before {
    color: #444;
    background: #444
}

.px-nav-box {
    border-color: #2d323a;
    color: #fff
}

.px-nav-box .close {
    color: #9fa9b9
}

.px-nav-box .close:active,
.px-nav-box .close:focus,
.px-nav-box .close:hover {
    color: #fff
}

.px-nav-box .btn-outline {
    border-color: #2d323a;
    color: #9fa9b9
}

.px-footer,
.px-footer hr {
    border-color: #e6e6e6
}

.px-nav-static .px-nav-dropdown>a,
.px-nav-static .px-nav-dropdown>a:focus,
.px-nav-static .px-nav-dropdown>a:hover {
    color: #9fa9b9
}

@media (max-width: 991px) {

    .px-nav-dropdown-menu .px-open>a,
    .px-nav.px-nav-expand .px-open>a {
        color: #fff
    }
}

@media (min-width: 992px) {

    .px-nav-dropdown-menu .px-open>a,
    .px-nav:not(.px-nav-collapse) .px-open>a {
        color: #fff
    }
}

.px-footer {
    background: #fff;
    color: #444
}

.px-footer a {
    color: #666
}

.px-footer a:focus,
.px-footer a:hover {
    color: #444
}

.px-footer .text-muted {
    color: #888 !important
}

.badge-success,
.label-success,
.panel-warning>.panel-heading .badge-success {
    border-color: #008844;
    background: #008844;
    color: #fff
}

.badge-success[href]:focus,
.badge-success[href]:hover,
.label-success[href]:focus,
.label-success[href]:hover,
.panel-warning>.panel-heading .badge-success[href]:focus,
.panel-warning>.panel-heading .badge-success[href]:hover {
    border-color: #1e78b4;
    background: #1e78b4
}

.badge-success.label-outline,
.label-success.label-outline,
.panel-warning>.panel-heading .badge-success.label-outline {
    color: #1e78b4;
    box-shadow: 0 0 0 1px #008844 inset
}

.badge-success.label-outline[href]:focus,
.badge-success.label-outline[href]:hover,
.label-success.label-outline[href]:focus,
.label-success.label-outline[href]:hover,
.panel-warning>.panel-heading .badge-success.label-outline[href]:focus,
.panel-warning>.panel-heading .badge-success.label-outline[href]:hover {
    color: #008844
}

.badge-success.label-ribbon:before,
.label-success.label-ribbon:before,
.panel-warning>.panel-heading .badge-success.label-ribbon:before {
    border-top-color: #2e75a4
}

.progress-bar {
    background-color: #008844
}

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

.panel-success {
    border-color: #008844 !important
}

.panel-success .panel-heading {
    background: #008844;
    border-color: #008844;
    color: #fff
}

.panel-success .panel-heading-text a,
.panel-success .panel-heading-text a:focus,
.panel-success .panel-heading-text a:hover,
.panel-success.panel-body-colorful a,
.panel-success.panel-body-colorful a:focus,
.panel-success.panel-body-colorful a:hover {
    color: #fff
}

.panel-success .panel-footer {
    border-color: #008844
}

.panel-success.panel-body-colorful,
.panel-success.panel-body-colorful .panel-body,
.panel-success.panel-body-colorful .panel-footer {
    background: #008844;
    color: #fff
}

.panel-success.panel-body-colorful .panel-body,
.panel-success.panel-body-colorful hr {
    border-color: #008844 !important
}

.panel-success.panel-body-colorful .text-muted {
    color: rgba(255, 255, 255, .7) !important
}

.panel-success.panel-dark {
    border-color: #008844 !important
}

.panel-success.panel-dark .panel-heading {
    background: #008844;
    border-color: #008844;
    color: #fff
}

.panel-success.panel-dark .panel-heading-text a,
.panel-success.panel-dark .panel-heading-text a:focus,
.panel-success.panel-dark .panel-heading-text a:hover,
.panel-success.panel-dark.panel-body-colorful a,
.panel-success.panel-dark.panel-body-colorful a:focus,
.panel-success.panel-dark.panel-body-colorful a:hover {
    color: #fff
}

.panel-success.panel-dark .panel-footer {
    border-color: #008844
}

.panel-success.panel-dark.panel-body-colorful,
.panel-success.panel-dark.panel-body-colorful .panel-body,
.panel-success.panel-dark.panel-body-colorful .panel-footer {
    background: #008844;
    color: #fff
}

.panel-success.panel-dark.panel-body-colorful .text-muted {
    color: rgba(255, 255, 255, .7) !important
}

.panel-success.panel-dark .panel-heading-controls li.active a,
.panel-success.panel-dark .panel-heading-controls li.active a:focus,
.panel-success.panel-dark .panel-heading-controls li.active a:hover,
.panel-success.panel-dark .panel-heading-controls li.active span,
.panel-success.panel-dark .panel-heading-controls li.active span:focus,
.panel-success.panel-dark .panel-heading-controls li.active span:hover {
    color: #008844
}

.panel-success.panel-dark.panel-body-colorful .list-group-item,
.panel-success.panel-dark.panel-body-colorful .panel-body,
.panel-success.panel-dark.panel-body-colorful .panel-footer,
.panel-success.panel-dark.panel-body-colorful .panel-heading,
.panel-success.panel-dark.panel-body-colorful hr,
.panel-success.panel-dark.panel-body-colorful table,
.panel-success.panel-dark.panel-body-colorful table td,
.panel-success.panel-dark.panel-body-colorful table th,
.panel-success.panel-dark.panel-body-colorful table tr {
    color: #fff;
    border-color: #6bb5e6 !important
}

.custom-control:hover .custom-control-indicator {
    box-shadow: 0 0 0 1px #008844 inset
}

.custom-control:active .custom-control-indicator,
.custom-control:active .custom-control-input:checked~.custom-control-indicator {
    background-color: #56aae2;
    box-shadow: none
}

.custom-control-input:checked~.custom-control-indicator {
    background-color: #008844;
    box-shadow: none
}

.custom-control-input:focus~.custom-control-indicator {
    box-shadow: 0 0 0 1px #008844 inset, 0 0 0 1px #fff, 0 0 0 2px #008844
}

.custom-control-input:active~.custom-control-indicator {
    background-color: #56aae2;
    box-shadow: none
}

.custom-control-input:checked:disabled~.custom-control-indicator,
fieldset[disabled] .custom-control-input:checked~.custom-control-indicator {
    background-color: #008844 !important;
    box-shadow: none !important
}

.select2-success .select2-selection__choice,
.select2-success+.select2-container .select2-selection__choice,
.tooltip-success .tooltip-inner {
    background-color: #008844
}

.custom-file-control:active,
.custom-file-control:focus,
.custom-file-control:hover,
.custom-file-input:focus~.custom-file-control {
    border-color: #008844
}

.tooltip-success.top .tooltip-arrow,
.tooltip-success.top-left .tooltip-arrow,
.tooltip-success.top-right .tooltip-arrow {
    border-top-color: #008844
}

.tooltip-success.bottom .tooltip-arrow,
.tooltip-success.bottom-left .tooltip-arrow,
.tooltip-success.bottom-right .tooltip-arrow {
    border-bottom-color: #008844
}

.tooltip-success.right .tooltip-arrow {
    border-right-color: #008844
}

.tooltip-success.left .tooltip-arrow {
    border-left-color: #008844
}

.popover-success {
    border-width: 1px
}

.popover-success.top .arrow {
    bottom: -9px
}

.popover-success.bottom .arrow {
    top: -9px
}

.popover-success.left .arrow {
    right: -9px
}

.popover-success.right .arrow {
    left: -9px
}

.popover-success .popover-title,
.popover-success.popover-colorful {
    color: #fff;
    background: #008844
}

.popover-success,
.popover-success .popover-title,
.popover-success.popover-colorful {
    border-color: #008844
}

.popover-success.popover-dark .popover-title,
.popover-success.popover-dark.popover-colorful {
    color: #fff;
    background: #008844
}

.popover-success.popover-dark,
.popover-success.popover-dark .popover-title,
.popover-success.popover-dark.popover-colorful {
    border-color: #008844
}

.popover-success.popover-dark.popover-colorful .popover-title {
    border-color: #008844
}

.pager li>a:active,
.pager li>a:focus,
.pager li>a:hover,
.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>a:hover {
    border-color: #008844
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background: #008844
}

.nav-tabs>li.active>a {
    border-bottom-color: #008844 !important
}

.pagination>li.active>a,
.pagination>li.active>a:active,
.pagination>li.active>a:focus,
.pagination>li.active>a:hover,
.pagination>li.active>span {
    color: #fff;
    border-color: #008844;
    background: #008844
}

a.active .thumbnail,
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover,
a:focus .thumbnail,
a:hover .thumbnail {
    border-color: #008844 !important
}

.list-group .list-group-item.active {
    color: #fff;
    border-color: #008844;
    background: #008844
}

.list-group .list-group-item.active .list-group-item-text {
    color: #d9ecf8
}

.switcher-success>input:checked~.switcher-indicator {
    color: #fff;
    background: #008844
}

.switcher-success:active .switcher-indicator:after,
.switcher-success>input:active~.switcher-indicator:after,
.switcher-success>input:focus~.switcher-indicator:after {
    box-shadow: 0 0 0 1px #008844 inset
}

.select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background: #008844
}

.select2-container--focus .select2-dropdown,
.select2-container--focus .select2-selection,
.select2-container--open .select2-dropdown,
.select2-container--open .select2-selection {
    border-color: #008844
}

.datepicker thead th {
    color: #fff
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev {
    background: #008844
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover {
    background: #379bdd
}

.datepicker .dow,
.datepicker thead .cw {
    border-top: 1px solid #008844;
    background: #008844
}

.dropzone-box.dz-drag-hover,
.timepicker-decrement:focus,
.timepicker-decrement:hover,
.timepicker-increment:focus,
.timepicker-increment:hover {
    border-color: #008844
}

.datepicker .active,
.datepicker .active:hover,
.datepicker .range-end,
.datepicker .range-end:hover,
.datepicker .range-start,
.datepicker .range-start:hover,
.timepicker-decrement:hover,
.timepicker-increment:hover {
    color: #fff;
    background: #008844
}

.widget-timeline-icon,
.widget-timeline-time {
    color: #444
}

.dz-upload-icon {
    background-color: #008844
}

.widget-timeline-bullet,
.widget-timeline-bullet:before,
.widget-timeline-icon,
.widget-timeline-icon:before,
.widget-timeline-image:before,
.widget-timeline-time,
.widget-timeline:after,
.widget-timeline:before {
    background: #e7e7e7
}

:not(.panel) .widget-pricing .widget-pricing-item {
    border-color: #e2e2e2
}

:not(.panel) .widget-pricing-simple .widget-pricing-item {
    border-color: rgba(226, 226, 226, 0)
}

:not(.panel) .widget-pricing-simple .widget-pricing-active {
    border-color: #e2e2e2
}

:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item {
    border-color: rgba(226, 226, 226, 0)
}

:not(.panel) .widget-pricing-expanded .widget-pricing-item,
:not(.panel) .widget-pricing-expanded.widget-pricing-simple .widget-pricing-active,
:not(.panel) .widget-pricing-expanded.widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item,
:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item:hover {
    border-color: #e2e2e2
}

.widget-timeline-section {
    color: #444;
    background: #e7e7e7
}

.px-nav-item a:hover:before,
.px-nav-item.active:not(.px-nav-dropdown)>a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 3px;
    content: "";
    background: #008844
}

.px-nav .px-nav-item>a[class *=" bg-"]:before,
.px-nav .px-nav-item>a[class^=bg-]:before,
.px-nav.px-nav-static .px-nav-dropdown>a:before {
    display: none !important
}

@media (min-width: 992px) {
    .px-nav-off-canvas.px-nav-collapse .px-nav-toggle {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}

/*
|==================================================================================
| 							SKIN PRIMARY
|==================================================================================
*/

.bg-primary,
.bg-primary a,
.bg-primary a:active,
.bg-primary a:focus,
.bg-primary a:hover,
.bg-primary:active,
.bg-primary:focus,
.bg-primary:hover,
.bg-primary[href],
.bg-primary[href]:active,
.bg-primary[href]:focus,
.bg-primary[href]:hover {
    color: #fff !important
}

.panel-primary .panel-heading-text a,
.panel-primary.panel-body-colorful .panel-body a,
.panel-primary.panel-body-colorful .panel-footer a,
.panel-primary.panel-dark .panel-heading-text a,
.panel-primary.panel-dark.panel-body-colorful .panel-body a,
.panel-primary.panel-dark.panel-body-colorful .panel-footer a {
    text-decoration: underline
}

body {
    background: #f6f6f6
}

.page-breadcrumb,
.page-header:not(.panel) {
    background: 0 0
}

.nav-tabs,
.nav-tabs.nav-justified,
.page-breadcrumb,
.page-header,
hr {
    border-color: rgba(0, 0, 0, .07)
}

.panel .nav-tabs {
    border-color: rgba(0, 0, 0, .11)
}

.panel,
.widget-more-link.b-a-1,
.widget-products-image,
:not(.panel) .thumbnail {
    border-color: #e2e2e2
}

.bg-primary,
.bg-primary .bg-primary {
    border-color: #2679b2 !important
}

.bg-primary {
    background-color: #2a94db !important
}

.bg-primary[href]:hover {
    background-color: #2b8bcb !important
}

.bg-primary .bg-primary.darken,
.bg-primary.darken {
    background-color: #2b8bcb !important;
    border-color: #2371a5 !important
}

.bg-primary .bg-primary.darken[href]:hover,
.bg-primary.darken[href]:hover {
    background-color: #2882be !important
}

.bg-primary .bg-primary.darker,
.bg-primary.darker {
    background-color: #2882be !important;
    border-color: #216b9c !important
}

.bg-primary .bg-primary.darker[href]:hover,
.bg-primary.darker[href]:hover {
    background-color: #2679b2 !important
}

.bg-primary .text-muted,
.bg-primary .text-muted a,
.bg-primary .text-muted:active,
.bg-primary .text-muted:focus,
.bg-primary .text-muted:hover,
.bg-primary .text-muted[href] {
    color: rgba(255, 255, 255, .6) !important
}

.text-primary,
.text-primary a,
.text-primary:active,
.text-primary:focus,
.text-primary:hover,
.text-primary[href] {
    color: #2a94db !important
}

.text-primary a:active,
.text-primary a:focus,
.text-primary a:hover,
.text-primary[href]:active,
.text-primary[href]:focus,
.text-primary[href]:hover {
    color: #1e78b4 !important
}

.border-primary {
    border-color: #2a94db !important
}

.table-primary .table,
.table-primary.table {
    margin: 0;
    border-top-color: #2c6f9c !important
}

.table-primary {
    margin-bottom: 21px
}

.table-primary .table-header,
.table-primary thead,
.table-primary thead th,
.table-primary thead tr {
    border-color: #2c6f9c !important;
    color: #fff
}

.table-primary thead th,
.table-primary thead tr {
    background: #2b82bc
}

.btn-primary,
.table-primary .table-header {
    background: #2a94db
}

.table-primary .table-header .form-control {
    border: none
}

.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
    border-color: #2a94db
}

.btn-primary {
    color: #fff;
    border-color: #2183c5
}

.btn-primary.btn-outline {
    color: #207ebc;
    border-color: #2183c5;
    background: 0 0
}

.btn-primary.btn-outline.focus,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    border-color: #207ebc #207ebc #13496e;
    background: #248cd2
}

.btn-primary.active,
.btn-primary.btn-outline.active,
.btn-primary.btn-outline:active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle,
.open>.btn-primary.dropdown-toggle.btn-outline {
    color: #fff;
    border-color: #1a6699;
    background: #2183c5
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.btn-outline.active.focus,
.btn-primary.btn-outline.active:focus,
.btn-primary.btn-outline.active:hover,
.btn-primary.btn-outline:active.focus,
.btn-primary.btn-outline:active:focus,
.btn-primary.btn-outline:active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.btn-outline.focus,
.open>.btn-primary.dropdown-toggle.btn-outline:focus,
.open>.btn-primary.dropdown-toggle.btn-outline:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    border-color: #1a6699;
    background: #207ebc
}

.btn-primary.btn-3d.btn-outline.focus,
.btn-primary.btn-3d.btn-outline:focus,
.btn-primary.btn-3d.btn-outline:hover,
.btn-primary.btn-3d.focus,
.btn-primary.btn-3d:focus,
.btn-primary.btn-3d:hover {
    border-bottom-color: #1a6699
}

.btn-primary.btn-3d.active,
.btn-primary.btn-3d.active.focus,
.btn-primary.btn-3d.active:focus,
.btn-primary.btn-3d.active:hover,
.btn-primary.btn-3d:active,
.btn-primary.btn-3d:active.focus,
.btn-primary.btn-3d:active:focus,
.btn-primary.btn-3d:active:hover,
.open>.btn-primary.dropdown-toggle.btn-3d,
.open>.btn-primary.dropdown-toggle.btn-3d.focus,
.open>.btn-primary.dropdown-toggle.btn-3d:focus,
.open>.btn-primary.dropdown-toggle.btn-3d:hover {
    background: #248cd2
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
    border-color: #2183c5 !important;
    background: #2a94db !important
}

.btn-primary.btn-outline.disabled,
.btn-primary.btn-outline[disabled],
fieldset[disabled] .btn-primary.btn-outline {
    color: #207ebc;
    border-color: #2183c5 !important;
    background: 0 0 !important
}

.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    color: #fff !important;
    border-color: #1a6699 !important;
    background: #2183c5 !important
}

.px-navbar {
    color: #444;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
}

.px-navbar .dropdown-menu a,
.px-navbar .navbar-nav a {
    color: #444
}

.px-navbar .dropdown-menu a:active,
.px-navbar .dropdown-menu a:focus,
.px-navbar .dropdown-menu a:hover,
.px-navbar .dropdown.active>a,
.px-navbar .dropdown.active>a:active,
.px-navbar .dropdown.active>a:focus,
.px-navbar .dropdown.active>a:hover,
.px-navbar .dropdown.open>a,
.px-navbar .dropdown.open>a:active,
.px-navbar .dropdown.open>a:focus,
.px-navbar .dropdown.open>a:hover,
.px-navbar .navbar-nav a:active,
.px-navbar .navbar-nav a:focus,
.px-navbar .navbar-nav a:hover,
.px-navbar li.active>a,
.px-navbar li.active>a:active,
.px-navbar li.active>a:focus,
.px-navbar li.active>a:hover {
    color: #444;
    background: rgba(0, 0, 0, .03)
}

.px-navbar .dropdown-menu li:hover,
.px-navbar .navbar-nav li:hover {
    background: 0 0
}

.px-navbar .navbar-brand {
    background: 0 0 !important
}

.px-navbar form.navbar-form .form-control {
    color: #444;
    border-color: transparent !important;
    background: #f8f8f8
}

.px-navbar .navbar-toggle {
    color: #444
}

.px-navbar .navbar-toggle .navbar-toggle-icon,
.px-navbar .navbar-toggle .navbar-toggle-icon:after,
.px-navbar .navbar-toggle .navbar-toggle-icon:before {
    opacity: 1;
    color: #444;
    background: #444
}

.px-navbar .navbar-toggle.collapsed {
    color: #444
}

.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon,
.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon:after,
.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon:before {
    color: #444;
    background: #444
}

.px-navbar .ps-scrollbar-x-rail,
.px-navbar .ps-scrollbar-y-rail {
    background-color: transparent !important
}

.px-navbar .ps-scrollbar-x-rail>.ps-scrollbar-x,
.px-navbar .ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .3) !important
}

.px-navbar .navbar-header {
    color: #444;
    background: #fff
}

.px-navbar .navbar-header a {
    color: #444
}

.px-navbar .navbar-header a:focus,
.px-navbar .navbar-header a:hover {
    color: #444;
    background: rgba(0, 0, 0, .03)
}

.px-navbar .dropdown-menu>li.divider {
    background: #f1f1f1
}

@media (max-width:767px) {
    .px-navbar .navbar-collapse {
        border-color: #f1f1f1;
        background: #fff
    }

    .px-navbar .dropdown-menu li,
    .px-navbar .navbar-nav li {
        border-color: #f1f1f1
    }

    .px-navbar .dropdown.open {
        background: #f6f6f6 !important;
        border-color: #e7e7e7
    }

    .px-navbar .dropdown.open li {
        border-color: #e7e7e7
    }
}

@media (min-width:768px) {

    .px-navbar .navbar-nav>li,
    .px-navbar [class *=" widget-"],
    .px-navbar [class^=widget-] {
        border-color: #f1f1f1
    }

    .px-navbar .navbar-collapse {
        border-color: #f1f1f1;
        background: #fff
    }

    .px-navbar .dropdown-menu {
        background: #fff
    }

    .px-navbar [class *=" widget-"] a,
    .px-navbar [class *=" widget-"] a:focus,
    .px-navbar [class *=" widget-"] a:hover,
    .px-navbar [class^=widget-] a,
    .px-navbar [class^=widget-] a:focus,
    .px-navbar [class^=widget-] a:hover {
        background: 0 0
    }

    .px-navbar .navbar-header a,
    .px-navbar .navbar-nav>li>a {
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media (min-width:992px) {
    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header {
        color: #444;
        background: #fff
    }

    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a {
        color: #444
    }

    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a:focus,
    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a:hover {
        color: #777
    }

    .px-nav-toggle {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}

.px-nav,
.px-nav-item a {
    color: #9fa9b9
}

.px-nav {
    background: #23272d
}

.px-nav .ps-scrollbar-x-rail,
.px-nav .ps-scrollbar-y-rail {
    background-color: transparent !important
}

.px-nav .ps-scrollbar-x-rail>.ps-scrollbar-x,
.px-nav .ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .3) !important
}

.px-nav-dimmer {
    background: rgba(35, 39, 45, .4)
}

.px-nav-item a:active,
.px-nav-item a:focus,
.px-nav-item a:hover {
    color: #fff;
    background: 0 0
}

.px-nav-item.active>a {
    color: #fff !important;
    background: #181b1f
}

.px-nav-dropdown.active>a .px-nav-icon,
.px-nav-item.active>a .px-nav-icon {
    color: #2a94db
}

.px-nav-dropdown.active>a,
.px-nav-dropdown.active>a:active,
.px-nav-dropdown.active>a:focus,
.px-nav-dropdown.active>a:hover {
    background: 0 0
}

.px-nav-tooltip {
    background: #181b1f;
    color: #fff
}

.px-nav-left .px-nav-tooltip:before {
    border-right-color: #181b1f
}

.px-nav-right .px-nav-tooltip:before {
    border-left-color: #181b1f
}

.px-nav-dropdown-menu-title,
.px-show>a {
    background: #2a94db !important;
    color: #fff !important
}

.px-nav-dropdown-menu-title .px-nav-icon,
.px-show>a .px-nav-icon {
    color: #fff !important
}

.px-nav-dropdown-menu {
    background: #2a2e36
}

.px-nav-toggle {
    color: #444;
    background: #f8f8f8
}

.px-nav-toggle .navbar-toggle-icon,
.px-nav-toggle .navbar-toggle-icon:after,
.px-nav-toggle .navbar-toggle-icon:before {
    color: #444;
    background: #444
}

.px-nav-box {
    border-color: #2d323a;
    color: #fff
}

.px-nav-box .close {
    color: #9fa9b9
}

.px-nav-box .close:active,
.px-nav-box .close:focus,
.px-nav-box .close:hover {
    color: #fff
}

.px-nav-box .btn-outline {
    border-color: #2d323a;
    color: #9fa9b9
}

.px-footer,
.px-footer hr {
    border-color: #e6e6e6
}

.px-nav-static .px-nav-dropdown>a,
.px-nav-static .px-nav-dropdown>a:focus,
.px-nav-static .px-nav-dropdown>a:hover {
    color: #9fa9b9
}

@media (max-width:991px) {

    .px-nav-dropdown-menu .px-open>a,
    .px-nav.px-nav-expand .px-open>a {
        color: #fff
    }
}

@media (min-width:992px) {

    .px-nav-dropdown-menu .px-open>a,
    .px-nav:not(.px-nav-collapse) .px-open>a {
        color: #fff
    }
}

.px-footer {
    background: #fff;
    color: #444
}

.px-footer a {
    color: #666
}

.px-footer a:focus,
.px-footer a:hover {
    color: #444
}

.px-footer .text-muted {
    color: #888 !important
}

.badge-primary,
.label-primary,
.panel-warning>.panel-heading .badge-primary {
    border-color: #2a94db;
    background: #2a94db;
    color: #fff
}

.badge-primary[href]:focus,
.badge-primary[href]:hover,
.label-primary[href]:focus,
.label-primary[href]:hover,
.panel-warning>.panel-heading .badge-primary[href]:focus,
.panel-warning>.panel-heading .badge-primary[href]:hover {
    border-color: #1e78b4;
    background: #1e78b4
}

.badge-primary.label-outline,
.label-primary.label-outline,
.panel-warning>.panel-heading .badge-primary.label-outline {
    color: #1e78b4;
    box-shadow: 0 0 0 1px #2a94db inset
}

.badge-primary.label-outline[href]:focus,
.badge-primary.label-outline[href]:hover,
.label-primary.label-outline[href]:focus,
.label-primary.label-outline[href]:hover,
.panel-warning>.panel-heading .badge-primary.label-outline[href]:focus,
.panel-warning>.panel-heading .badge-primary.label-outline[href]:hover {
    color: #175b88
}

.badge-primary.label-ribbon:before,
.label-primary.label-ribbon:before,
.panel-warning>.panel-heading .badge-primary.label-ribbon:before {
    border-top-color: #2e75a4
}

.progress-bar {
    background-color: #2a94db
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:active,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #2a94db
}

.panel-primary {
    border-color: #2183c5 !important
}

.panel-primary .panel-heading {
    background: #2a94db;
    border-color: #2183c5;
    color: #fff
}

.panel-primary .panel-heading-text a,
.panel-primary .panel-heading-text a:focus,
.panel-primary .panel-heading-text a:hover,
.panel-primary.panel-body-colorful a,
.panel-primary.panel-body-colorful a:focus,
.panel-primary.panel-body-colorful a:hover {
    color: #fff
}

.panel-primary .panel-footer {
    border-color: #2183c5
}

.panel-primary.panel-body-colorful,
.panel-primary.panel-body-colorful .panel-body,
.panel-primary.panel-body-colorful .panel-footer {
    background: #2a94db;
    color: #fff
}

.panel-primary.panel-body-colorful .panel-body,
.panel-primary.panel-body-colorful hr {
    border-color: #2183c5 !important
}

.panel-primary.panel-body-colorful .text-muted {
    color: rgba(255, 255, 255, .7) !important
}

.panel-primary.panel-dark {
    border-color: #2a94db !important
}

.panel-primary.panel-dark .panel-heading {
    background: #2a94db;
    border-color: #2a94db;
    color: #fff
}

.panel-primary.panel-dark .panel-heading-text a,
.panel-primary.panel-dark .panel-heading-text a:focus,
.panel-primary.panel-dark .panel-heading-text a:hover,
.panel-primary.panel-dark.panel-body-colorful a,
.panel-primary.panel-dark.panel-body-colorful a:focus,
.panel-primary.panel-dark.panel-body-colorful a:hover {
    color: #fff
}

.panel-primary.panel-dark .panel-footer {
    border-color: #2a94db
}

.panel-primary.panel-dark.panel-body-colorful,
.panel-primary.panel-dark.panel-body-colorful .panel-body,
.panel-primary.panel-dark.panel-body-colorful .panel-footer {
    background: #2a94db;
    color: #fff
}

.panel-primary.panel-dark.panel-body-colorful .text-muted {
    color: rgba(255, 255, 255, .7) !important
}

.panel-primary.panel-dark .panel-heading-controls li.active a,
.panel-primary.panel-dark .panel-heading-controls li.active a:focus,
.panel-primary.panel-dark .panel-heading-controls li.active a:hover,
.panel-primary.panel-dark .panel-heading-controls li.active span,
.panel-primary.panel-dark .panel-heading-controls li.active span:focus,
.panel-primary.panel-dark .panel-heading-controls li.active span:hover {
    color: #2a94db
}

.panel-primary.panel-dark.panel-body-colorful .list-group-item,
.panel-primary.panel-dark.panel-body-colorful .panel-body,
.panel-primary.panel-dark.panel-body-colorful .panel-footer,
.panel-primary.panel-dark.panel-body-colorful .panel-heading,
.panel-primary.panel-dark.panel-body-colorful hr,
.panel-primary.panel-dark.panel-body-colorful table,
.panel-primary.panel-dark.panel-body-colorful table td,
.panel-primary.panel-dark.panel-body-colorful table th,
.panel-primary.panel-dark.panel-body-colorful table tr {
    color: #fff;
    border-color: #6bb5e6 !important
}

.custom-control:hover .custom-control-indicator {
    box-shadow: 0 0 0 1px #2a94db inset
}

.custom-control:active .custom-control-indicator,
.custom-control:active .custom-control-input:checked~.custom-control-indicator {
    background-color: #56aae2;
    box-shadow: none
}

.custom-control-input:checked~.custom-control-indicator {
    background-color: #2a94db;
    box-shadow: none
}

.custom-control-input:focus~.custom-control-indicator {
    box-shadow: 0 0 0 1px #2a94db inset, 0 0 0 1px #fff, 0 0 0 2px #2a94db
}

.custom-control-input:active~.custom-control-indicator {
    background-color: #56aae2;
    box-shadow: none
}

.custom-control-input:checked:disabled~.custom-control-indicator,
fieldset[disabled] .custom-control-input:checked~.custom-control-indicator {
    background-color: #2a94db !important;
    box-shadow: none !important
}

.select2-primary .select2-selection__choice,
.select2-primary+.select2-container .select2-selection__choice,
.tooltip-primary .tooltip-inner {
    background-color: #2a94db
}

.custom-file-control:active,
.custom-file-control:focus,
.custom-file-control:hover,
.custom-file-input:focus~.custom-file-control {
    border-color: #2a94db
}

.tooltip-primary.top .tooltip-arrow,
.tooltip-primary.top-left .tooltip-arrow,
.tooltip-primary.top-right .tooltip-arrow {
    border-top-color: #2a94db
}

.tooltip-primary.bottom .tooltip-arrow,
.tooltip-primary.bottom-left .tooltip-arrow,
.tooltip-primary.bottom-right .tooltip-arrow {
    border-bottom-color: #2a94db
}

.tooltip-primary.right .tooltip-arrow {
    border-right-color: #2a94db
}

.tooltip-primary.left .tooltip-arrow {
    border-left-color: #2a94db
}

.popover-primary {
    border-width: 1px
}

.popover-primary.top .arrow {
    bottom: -9px
}

.popover-primary.bottom .arrow {
    top: -9px
}

.popover-primary.left .arrow {
    right: -9px
}

.popover-primary.right .arrow {
    left: -9px
}

.popover-primary .popover-title,
.popover-primary.popover-colorful {
    color: #fff;
    background: #2a94db
}

.popover-primary,
.popover-primary .popover-title,
.popover-primary.popover-colorful {
    border-color: #2183c5
}

.popover-primary.popover-dark .popover-title,
.popover-primary.popover-dark.popover-colorful {
    color: #fff;
    background: #2a94db
}

.popover-primary.popover-dark,
.popover-primary.popover-dark .popover-title,
.popover-primary.popover-dark.popover-colorful {
    border-color: #2a94db
}

.popover-primary.popover-dark.popover-colorful .popover-title {
    border-color: #4da6e1
}

.pager li>a:active,
.pager li>a:focus,
.pager li>a:hover,
.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>a:hover {
    border-color: #2a94db
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background: #2a94db
}

.nav-tabs>li.active>a {
    border-bottom-color: #2286c9 !important
}

.pagination>li.active>a,
.pagination>li.active>a:active,
.pagination>li.active>a:focus,
.pagination>li.active>a:hover,
.pagination>li.active>span {
    color: #fff;
    border-color: #2a94db;
    background: #2a94db
}

a.active .thumbnail,
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover,
a:focus .thumbnail,
a:hover .thumbnail {
    border-color: #2a94db !important
}

.list-group .list-group-item.active {
    color: #fff;
    border-color: #2a94db;
    background: #2a94db
}

.list-group .list-group-item.active .list-group-item-text {
    color: #d9ecf8
}

.switcher-primary>input:checked~.switcher-indicator {
    color: #fff;
    background: #2a94db
}

.switcher-primary:active .switcher-indicator:after,
.switcher-primary>input:active~.switcher-indicator:after,
.switcher-primary>input:focus~.switcher-indicator:after {
    box-shadow: 0 0 0 1px #2a94db inset
}

.select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background: #2a94db
}

.select2-container--focus .select2-dropdown,
.select2-container--focus .select2-selection,
.select2-container--open .select2-dropdown,
.select2-container--open .select2-selection {
    border-color: #2a94db
}

.datepicker thead th {
    color: #fff
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev {
    background: #2a94db
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover {
    background: #379bdd
}

.datepicker .dow,
.datepicker thead .cw {
    border-top: 1px solid #33749f;
    background: #3a82b2
}

.dropzone-box.dz-drag-hover,
.timepicker-decrement:focus,
.timepicker-decrement:hover,
.timepicker-increment:focus,
.timepicker-increment:hover {
    border-color: #2a94db
}

.datepicker .active,
.datepicker .active:hover,
.datepicker .range-end,
.datepicker .range-end:hover,
.datepicker .range-start,
.datepicker .range-start:hover,
.timepicker-decrement:hover,
.timepicker-increment:hover {
    color: #fff;
    background: #2a94db
}

.widget-timeline-icon,
.widget-timeline-time {
    color: #444
}

.dz-upload-icon {
    background-color: #2a94db
}

.widget-timeline-bullet,
.widget-timeline-bullet:before,
.widget-timeline-icon,
.widget-timeline-icon:before,
.widget-timeline-image:before,
.widget-timeline-time,
.widget-timeline:after,
.widget-timeline:before {
    background: #e7e7e7
}

:not(.panel) .widget-pricing .widget-pricing-item {
    border-color: #e2e2e2
}

:not(.panel) .widget-pricing-simple .widget-pricing-item {
    border-color: rgba(226, 226, 226, 0)
}

:not(.panel) .widget-pricing-simple .widget-pricing-active {
    border-color: #e2e2e2
}

:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item {
    border-color: rgba(226, 226, 226, 0)
}

:not(.panel) .widget-pricing-expanded .widget-pricing-item,
:not(.panel) .widget-pricing-expanded.widget-pricing-simple .widget-pricing-active,
:not(.panel) .widget-pricing-expanded.widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item,
:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item:hover {
    border-color: #e2e2e2
}

.widget-timeline-section {
    color: #444;
    background: #e7e7e7
}

.px-nav-item a:hover:before,
.px-nav-item.active:not(.px-nav-dropdown)>a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 3px;
    content: "";
    background: #2a94db
}

.px-nav .px-nav-item>a[class *=" bg-"]:before,
.px-nav .px-nav-item>a[class^=bg-]:before,
.px-nav.px-nav-static .px-nav-dropdown>a:before {
    display: none !important
}

@media (min-width:992px) {
    .px-nav-off-canvas.px-nav-collapse .px-nav-toggle {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}

/*
|==================================================================================
| 							SKIN midnight
|==================================================================================
*/

.bg-midnight,
.bg-midnight a,
.bg-midnight a:active,
.bg-midnight a:focus,
.bg-midnight a:hover,
.bg-midnight:active,
.bg-midnight:focus,
.bg-midnight:hover,
.bg-midnight[href],
.bg-midnight[href]:active,
.bg-midnight[href]:focus,
.bg-midnight[href]:hover {
    color: #fff !important
}

.panel-midnight .panel-heading-text a,
.panel-midnight.panel-body-colorful .panel-body a,
.panel-midnight.panel-body-colorful .panel-footer a,
.panel-midnight.panel-dark .panel-heading-text a,
.panel-midnight.panel-dark.panel-body-colorful .panel-body a,
.panel-midnight.panel-dark.panel-body-colorful .panel-footer a {
    text-decoration: underline
}

body {
    background: #f6f6f6
}

.page-breadcrumb,
.page-header:not(.panel) {
    background: 0 0
}

.nav-tabs,
.nav-tabs.nav-justified,
.page-breadcrumb,
.page-header,
hr {
    border-color: rgba(0, 0, 0, .07)
}

.panel .nav-tabs {
    border-color: rgba(0, 0, 0, .11)
}

.panel,
.widget-more-link.b-a-1,
.widget-products-image,
:not(.panel) .thumbnail {
    border-color: #e2e2e2
}

.bg-midnight,
.bg-midnight .bg-midnight {
    border-color: #121314 !important
}

.bg-midnight {
    background-color: #121314 !important
}

.bg-midnight[href]:hover {
    background-color: #121314 !important
}

.bg-midnight .bg-midnight.darken,
.bg-midnight.darken {
    background-color: #121314 !important;
    border-color: #2371a5 !important
}

.bg-midnight .bg-midnight.darken[href]:hover,
.bg-midnight.darken[href]:hover {
    background-color: #2882be !important
}

.bg-midnight .bg-midnight.darker,
.bg-midnight.darker {
    background-color: #2882be !important;
    border-color: #216b9c !important
}

.bg-midnight .bg-midnight.darker[href]:hover,
.bg-midnight.darker[href]:hover {
    background-color: #121314 !important
}

.bg-midnight .text-muted,
.bg-midnight .text-muted a,
.bg-midnight .text-muted:active,
.bg-midnight .text-muted:focus,
.bg-midnight .text-muted:hover,
.bg-midnight .text-muted[href] {
    color: rgba(255, 255, 255, .6) !important
}

.text-midnight,
.text-midnight a,
.text-midnight:active,
.text-midnight:focus,
.text-midnight:hover,
.text-midnight[href] {
    color: #121314 !important
}

.text-midnight a:active,
.text-midnight a:focus,
.text-midnight a:hover,
.text-midnight[href]:active,
.text-midnight[href]:focus,
.text-midnight[href]:hover {
    color: #1e78b4 !important
}

.border-midnight {
    border-color: #121314 !important
}

.table-midnight .table,
.table-midnight.table {
    margin: 0;
    border-top-color: #2c6f9c !important
}

.table-midnight {
    margin-bottom: 21px
}

.table-midnight .table-header,
.table-midnight thead,
.table-midnight thead th,
.table-midnight thead tr {
    border-color: #2c6f9c !important;
    color: #fff
}

.table-midnight thead th,
.table-midnight thead tr {
    background: #2b82bc
}

.btn-midnight,
.table-midnight .table-header {
    background: #121314
}

.table-midnight .table-header .form-control {
    border: none
}

.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
    border-color: #121314
}

.btn-midnight {
    color: #fff;
    border-color: #2183c5
}

.btn-midnight.btn-outline {
    color: #207ebc;
    border-color: #2183c5;
    background: 0 0
}

.btn-midnight.btn-outline.focus,
.btn-midnight.btn-outline:focus,
.btn-midnight.btn-outline:hover,
.btn-midnight.focus,
.btn-midnight:focus,
.btn-midnight:hover {
    color: #fff;
    border-color: #207ebc #207ebc #13496e;
    background: #248cd2
}

.btn-midnight.active,
.btn-midnight.btn-outline.active,
.btn-midnight.btn-outline:active,
.btn-midnight:active,
.open>.btn-midnight.dropdown-toggle,
.open>.btn-midnight.dropdown-toggle.btn-outline {
    color: #fff;
    border-color: #1a6699;
    background: #2183c5
}

.btn-midnight.active.focus,
.btn-midnight.active:focus,
.btn-midnight.active:hover,
.btn-midnight.btn-outline.active.focus,
.btn-midnight.btn-outline.active:focus,
.btn-midnight.btn-outline.active:hover,
.btn-midnight.btn-outline:active.focus,
.btn-midnight.btn-outline:active:focus,
.btn-midnight.btn-outline:active:hover,
.btn-midnight:active.focus,
.btn-midnight:active:focus,
.btn-midnight:active:hover,
.open>.btn-midnight.dropdown-toggle.btn-outline.focus,
.open>.btn-midnight.dropdown-toggle.btn-outline:focus,
.open>.btn-midnight.dropdown-toggle.btn-outline:hover,
.open>.btn-midnight.dropdown-toggle.focus,
.open>.btn-midnight.dropdown-toggle:focus,
.open>.btn-midnight.dropdown-toggle:hover {
    border-color: #1a6699;
    background: #207ebc
}

.btn-midnight.btn-3d.btn-outline.focus,
.btn-midnight.btn-3d.btn-outline:focus,
.btn-midnight.btn-3d.btn-outline:hover,
.btn-midnight.btn-3d.focus,
.btn-midnight.btn-3d:focus,
.btn-midnight.btn-3d:hover {
    border-bottom-color: #1a6699
}

.btn-midnight.btn-3d.active,
.btn-midnight.btn-3d.active.focus,
.btn-midnight.btn-3d.active:focus,
.btn-midnight.btn-3d.active:hover,
.btn-midnight.btn-3d:active,
.btn-midnight.btn-3d:active.focus,
.btn-midnight.btn-3d:active:focus,
.btn-midnight.btn-3d:active:hover,
.open>.btn-midnight.dropdown-toggle.btn-3d,
.open>.btn-midnight.dropdown-toggle.btn-3d.focus,
.open>.btn-midnight.dropdown-toggle.btn-3d:focus,
.open>.btn-midnight.dropdown-toggle.btn-3d:hover {
    background: #248cd2
}

.btn-midnight.disabled,
.btn-midnight[disabled],
fieldset[disabled] .btn-midnight {
    border-color: #2183c5 !important;
    background: #121314 !important
}

.btn-midnight.btn-outline.disabled,
.btn-midnight.btn-outline[disabled],
fieldset[disabled] .btn-midnight.btn-outline {
    color: #207ebc;
    border-color: #2183c5 !important;
    background: 0 0 !important
}

.btn-midnight.disabled.active,
.btn-midnight[disabled].active,
fieldset[disabled] .btn-midnight.active {
    color: #fff !important;
    border-color: #1a6699 !important;
    background: #2183c5 !important
}

.px-navbar {
    color: #444;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
}

.px-navbar .dropdown-menu a,
.px-navbar .navbar-nav a {
    color: #444
}

.px-navbar .dropdown-menu a:active,
.px-navbar .dropdown-menu a:focus,
.px-navbar .dropdown-menu a:hover,
.px-navbar .dropdown.active>a,
.px-navbar .dropdown.active>a:active,
.px-navbar .dropdown.active>a:focus,
.px-navbar .dropdown.active>a:hover,
.px-navbar .dropdown.open>a,
.px-navbar .dropdown.open>a:active,
.px-navbar .dropdown.open>a:focus,
.px-navbar .dropdown.open>a:hover,
.px-navbar .navbar-nav a:active,
.px-navbar .navbar-nav a:focus,
.px-navbar .navbar-nav a:hover,
.px-navbar li.active>a,
.px-navbar li.active>a:active,
.px-navbar li.active>a:focus,
.px-navbar li.active>a:hover {
    color: #444;
    background: rgba(0, 0, 0, .03)
}

.px-navbar .dropdown-menu li:hover,
.px-navbar .navbar-nav li:hover {
    background: 0 0
}

.px-navbar .navbar-brand {
    background: 0 0 !important
}

.px-navbar form.navbar-form .form-control {
    color: #444;
    border-color: transparent !important;
    background: #f8f8f8
}

.px-navbar .navbar-toggle {
    color: #444
}

.px-navbar .navbar-toggle .navbar-toggle-icon,
.px-navbar .navbar-toggle .navbar-toggle-icon:after,
.px-navbar .navbar-toggle .navbar-toggle-icon:before {
    opacity: 1;
    color: #444;
    background: #444
}

.px-navbar .navbar-toggle.collapsed {
    color: #444
}

.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon,
.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon:after,
.px-navbar .navbar-toggle.collapsed .navbar-toggle-icon:before {
    color: #444;
    background: #444
}

.px-navbar .ps-scrollbar-x-rail,
.px-navbar .ps-scrollbar-y-rail {
    background-color: transparent !important
}

.px-navbar .ps-scrollbar-x-rail>.ps-scrollbar-x,
.px-navbar .ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .3) !important
}

.px-navbar .navbar-header {
    color: #444;
    background: #fff
}

.px-navbar .navbar-header a {
    color: #444
}

.px-navbar .navbar-header a:focus,
.px-navbar .navbar-header a:hover {
    color: #444;
    background: rgba(0, 0, 0, .03)
}

.px-navbar .dropdown-menu>li.divider {
    background: #f1f1f1
}

@media (max-width:767px) {
    .px-navbar .navbar-collapse {
        border-color: #f1f1f1;
        background: #fff
    }

    .px-navbar .dropdown-menu li,
    .px-navbar .navbar-nav li {
        border-color: #f1f1f1
    }

    .px-navbar .dropdown.open {
        background: #f6f6f6 !important;
        border-color: #e7e7e7
    }

    .px-navbar .dropdown.open li {
        border-color: #e7e7e7
    }
}

@media (min-width:768px) {

    .px-navbar .navbar-nav>li,
    .px-navbar [class *=" widget-"],
    .px-navbar [class^=widget-] {
        border-color: #f1f1f1
    }

    .px-navbar .navbar-collapse {
        border-color: #f1f1f1;
        background: #fff
    }

    .px-navbar .dropdown-menu {
        background: #fff
    }

    .px-navbar [class *=" widget-"] a,
    .px-navbar [class *=" widget-"] a:focus,
    .px-navbar [class *=" widget-"] a:hover,
    .px-navbar [class^=widget-] a,
    .px-navbar [class^=widget-] a:focus,
    .px-navbar [class^=widget-] a:hover {
        background: 0 0
    }

    .px-navbar .navbar-header a,
    .px-navbar .navbar-nav>li>a {
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media (min-width:992px) {
    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header {
        color: #444;
        background: #fff
    }

    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a {
        color: #444
    }

    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a:focus,
    .px-nav-left:not(.px-nav-collapse)~.px-navbar .navbar-header a:hover {
        color: #777
    }

    .px-nav-toggle {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}

.px-nav,
.px-nav-item a {
    color: #9fa9b9
}

.px-nav {
    background: #23272d
}

.px-nav .ps-scrollbar-x-rail,
.px-nav .ps-scrollbar-y-rail {
    background-color: transparent !important
}

.px-nav .ps-scrollbar-x-rail>.ps-scrollbar-x,
.px-nav .ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .3) !important
}

.px-nav-dimmer {
    background: rgba(35, 39, 45, .4)
}

.px-nav-item a:active,
.px-nav-item a:focus,
.px-nav-item a:hover {
    color: #fff;
    background: 0 0
}

.px-nav-item.active>a {
    color: #fff !important;
    background: #181b1f
}

.px-nav-dropdown.active>a .px-nav-icon,
.px-nav-item.active>a .px-nav-icon {
    color: #121314
}

.px-nav-dropdown.active>a,
.px-nav-dropdown.active>a:active,
.px-nav-dropdown.active>a:focus,
.px-nav-dropdown.active>a:hover {
    background: 0 0
}

.px-nav-tooltip {
    background: #181b1f;
    color: #fff
}

.px-nav-left .px-nav-tooltip:before {
    border-right-color: #181b1f
}

.px-nav-right .px-nav-tooltip:before {
    border-left-color: #181b1f
}

.px-nav-dropdown-menu-title,
.px-show>a {
    background: #121314 !important;
    color: #fff !important
}

.px-nav-dropdown-menu-title .px-nav-icon,
.px-show>a .px-nav-icon {
    color: #fff !important
}

.px-nav-dropdown-menu {
    background: #2a2e36
}

.px-nav-toggle {
    color: #444;
    background: #f8f8f8
}

.px-nav-toggle .navbar-toggle-icon,
.px-nav-toggle .navbar-toggle-icon:after,
.px-nav-toggle .navbar-toggle-icon:before {
    color: #444;
    background: #444
}

.px-nav-box {
    border-color: #2d323a;
    color: #fff
}

.px-nav-box .close {
    color: #9fa9b9
}

.px-nav-box .close:active,
.px-nav-box .close:focus,
.px-nav-box .close:hover {
    color: #fff
}

.px-nav-box .btn-outline {
    border-color: #2d323a;
    color: #9fa9b9
}

.px-footer,
.px-footer hr {
    border-color: #e6e6e6
}

.px-nav-static .px-nav-dropdown>a,
.px-nav-static .px-nav-dropdown>a:focus,
.px-nav-static .px-nav-dropdown>a:hover {
    color: #9fa9b9
}

@media (max-width:991px) {

    .px-nav-dropdown-menu .px-open>a,
    .px-nav.px-nav-expand .px-open>a {
        color: #fff
    }
}

@media (min-width:992px) {

    .px-nav-dropdown-menu .px-open>a,
    .px-nav:not(.px-nav-collapse) .px-open>a {
        color: #fff
    }
}

.px-footer {
    background: #fff;
    color: #444
}

.px-footer a {
    color: #666
}

.px-footer a:focus,
.px-footer a:hover {
    color: #444
}

.px-footer .text-muted {
    color: #888 !important
}

.badge-midnight,
.label-midnight,
.panel-warning>.panel-heading .badge-midnight {
    border-color: #121314;
    background: #121314;
    color: #fff
}

.badge-midnight[href]:focus,
.badge-midnight[href]:hover,
.label-midnight[href]:focus,
.label-midnight[href]:hover,
.panel-warning>.panel-heading .badge-midnight[href]:focus,
.panel-warning>.panel-heading .badge-midnight[href]:hover {
    border-color: #1e78b4;
    background: #1e78b4
}

.badge-midnight.label-outline,
.label-midnight.label-outline,
.panel-warning>.panel-heading .badge-midnight.label-outline {
    color: #1e78b4;
    box-shadow: 0 0 0 1px #121314 inset
}

.badge-midnight.label-outline[href]:focus,
.badge-midnight.label-outline[href]:hover,
.label-midnight.label-outline[href]:focus,
.label-midnight.label-outline[href]:hover,
.panel-warning>.panel-heading .badge-midnight.label-outline[href]:focus,
.panel-warning>.panel-heading .badge-midnight.label-outline[href]:hover {
    color: #175b88
}

.badge-midnight.label-ribbon:before,
.label-midnight.label-ribbon:before,
.panel-warning>.panel-heading .badge-midnight.label-ribbon:before {
    border-top-color: #2e75a4
}

.progress-bar {
    background-color: #121314
}

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

.panel-midnight {
    border-color: #2183c5 !important
}

.panel-midnight .panel-heading {
    background: #121314;
    border-color: #2183c5;
    color: #fff
}

.panel-midnight .panel-heading-text a,
.panel-midnight .panel-heading-text a:focus,
.panel-midnight .panel-heading-text a:hover,
.panel-midnight.panel-body-colorful a,
.panel-midnight.panel-body-colorful a:focus,
.panel-midnight.panel-body-colorful a:hover {
    color: #fff
}

.panel-midnight .panel-footer {
    border-color: #2183c5
}

.panel-midnight.panel-body-colorful,
.panel-midnight.panel-body-colorful .panel-body,
.panel-midnight.panel-body-colorful .panel-footer {
    background: #121314;
    color: #fff
}

.panel-midnight.panel-body-colorful .panel-body,
.panel-midnight.panel-body-colorful hr {
    border-color: #2183c5 !important
}

.panel-midnight.panel-body-colorful .text-muted {
    color: rgba(255, 255, 255, .7) !important
}

.panel-midnight.panel-dark {
    border-color: #121314 !important
}

.panel-midnight.panel-dark .panel-heading {
    background: #121314;
    border-color: #121314;
    color: #fff
}

.panel-midnight.panel-dark .panel-heading-text a,
.panel-midnight.panel-dark .panel-heading-text a:focus,
.panel-midnight.panel-dark .panel-heading-text a:hover,
.panel-midnight.panel-dark.panel-body-colorful a,
.panel-midnight.panel-dark.panel-body-colorful a:focus,
.panel-midnight.panel-dark.panel-body-colorful a:hover {
    color: #fff
}

.panel-midnight.panel-dark .panel-footer {
    border-color: #121314
}

.panel-midnight.panel-dark.panel-body-colorful,
.panel-midnight.panel-dark.panel-body-colorful .panel-body,
.panel-midnight.panel-dark.panel-body-colorful .panel-footer {
    background: #121314;
    color: #fff
}

.panel-midnight.panel-dark.panel-body-colorful .text-muted {
    color: rgba(255, 255, 255, .7) !important
}

.panel-midnight.panel-dark .panel-heading-controls li.active a,
.panel-midnight.panel-dark .panel-heading-controls li.active a:focus,
.panel-midnight.panel-dark .panel-heading-controls li.active a:hover,
.panel-midnight.panel-dark .panel-heading-controls li.active span,
.panel-midnight.panel-dark .panel-heading-controls li.active span:focus,
.panel-midnight.panel-dark .panel-heading-controls li.active span:hover {
    color: #121314
}

.panel-midnight.panel-dark.panel-body-colorful .list-group-item,
.panel-midnight.panel-dark.panel-body-colorful .panel-body,
.panel-midnight.panel-dark.panel-body-colorful .panel-footer,
.panel-midnight.panel-dark.panel-body-colorful .panel-heading,
.panel-midnight.panel-dark.panel-body-colorful hr,
.panel-midnight.panel-dark.panel-body-colorful table,
.panel-midnight.panel-dark.panel-body-colorful table td,
.panel-midnight.panel-dark.panel-body-colorful table th,
.panel-midnight.panel-dark.panel-body-colorful table tr {
    color: #fff;
    border-color: #6bb5e6 !important
}

.custom-control:hover .custom-control-indicator {
    box-shadow: 0 0 0 1px #121314 inset
}

.custom-control:active .custom-control-indicator,
.custom-control:active .custom-control-input:checked~.custom-control-indicator {
    background-color: #56aae2;
    box-shadow: none
}

.custom-control-input:checked~.custom-control-indicator {
    background-color: #121314;
    box-shadow: none
}

.custom-control-input:focus~.custom-control-indicator {
    box-shadow: 0 0 0 1px #121314 inset, 0 0 0 1px #fff, 0 0 0 2px #121314
}

.custom-control-input:active~.custom-control-indicator {
    background-color: #56aae2;
    box-shadow: none
}

.custom-control-input:checked:disabled~.custom-control-indicator,
fieldset[disabled] .custom-control-input:checked~.custom-control-indicator {
    background-color: #121314 !important;
    box-shadow: none !important
}

.select2-midnight .select2-selection__choice,
.select2-midnight+.select2-container .select2-selection__choice,
.tooltip-midnight .tooltip-inner {
    background-color: #121314
}

.custom-file-control:active,
.custom-file-control:focus,
.custom-file-control:hover,
.custom-file-input:focus~.custom-file-control {
    border-color: #121314
}

.tooltip-midnight.top .tooltip-arrow,
.tooltip-midnight.top-left .tooltip-arrow,
.tooltip-midnight.top-right .tooltip-arrow {
    border-top-color: #121314
}

.tooltip-midnight.bottom .tooltip-arrow,
.tooltip-midnight.bottom-left .tooltip-arrow,
.tooltip-midnight.bottom-right .tooltip-arrow {
    border-bottom-color: #121314
}

.tooltip-midnight.right .tooltip-arrow {
    border-right-color: #121314
}

.tooltip-midnight.left .tooltip-arrow {
    border-left-color: #121314
}

.popover-midnight {
    border-width: 1px
}

.popover-midnight.top .arrow {
    bottom: -9px
}

.popover-midnight.bottom .arrow {
    top: -9px
}

.popover-midnight.left .arrow {
    right: -9px
}

.popover-midnight.right .arrow {
    left: -9px
}

.popover-midnight .popover-title,
.popover-midnight.popover-colorful {
    color: #fff;
    background: #121314
}

.popover-midnight,
.popover-midnight .popover-title,
.popover-midnight.popover-colorful {
    border-color: #2183c5
}

.popover-midnight.popover-dark .popover-title,
.popover-midnight.popover-dark.popover-colorful {
    color: #fff;
    background: #121314
}

.popover-midnight.popover-dark,
.popover-midnight.popover-dark .popover-title,
.popover-midnight.popover-dark.popover-colorful {
    border-color: #121314
}

.popover-midnight.popover-dark.popover-colorful .popover-title {
    border-color: #4da6e1
}

.pager li>a:active,
.pager li>a:focus,
.pager li>a:hover,
.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>a:hover {
    border-color: #121314
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background: #121314
}

.nav-tabs>li.active>a {
    border-bottom-color: #2286c9 !important
}

.pagination>li.active>a,
.pagination>li.active>a:active,
.pagination>li.active>a:focus,
.pagination>li.active>a:hover,
.pagination>li.active>span {
    color: #fff;
    border-color: #121314;
    background: #121314
}

a.active .thumbnail,
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover,
a:focus .thumbnail,
a:hover .thumbnail {
    border-color: #121314 !important
}

.list-group .list-group-item.active {
    color: #fff;
    border-color: #121314;
    background: #121314
}

.list-group .list-group-item.active .list-group-item-text {
    color: #d9ecf8
}

.switcher-midnight>input:checked~.switcher-indicator {
    color: #fff;
    background: #121314
}

.switcher-midnight:active .switcher-indicator:after,
.switcher-midnight>input:active~.switcher-indicator:after,
.switcher-midnight>input:focus~.switcher-indicator:after {
    box-shadow: 0 0 0 1px #121314 inset
}

.select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background: #121314
}

.select2-container--focus .select2-dropdown,
.select2-container--focus .select2-selection,
.select2-container--open .select2-dropdown,
.select2-container--open .select2-selection {
    border-color: #121314
}

.datepicker thead th {
    color: #fff
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev {
    background: #121314
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover {
    background: #379bdd
}

.datepicker .dow,
.datepicker thead .cw {
    border-top: 1px solid #33749f;
    background: #3a82b2
}

.dropzone-box.dz-drag-hover,
.timepicker-decrement:focus,
.timepicker-decrement:hover,
.timepicker-increment:focus,
.timepicker-increment:hover {
    border-color: #121314
}

.datepicker .active,
.datepicker .active:hover,
.datepicker .range-end,
.datepicker .range-end:hover,
.datepicker .range-start,
.datepicker .range-start:hover,
.timepicker-decrement:hover,
.timepicker-increment:hover {
    color: #fff;
    background: #121314
}

.widget-timeline-icon,
.widget-timeline-time {
    color: #444
}

.dz-upload-icon {
    background-color: #121314
}

.widget-timeline-bullet,
.widget-timeline-bullet:before,
.widget-timeline-icon,
.widget-timeline-icon:before,
.widget-timeline-image:before,
.widget-timeline-time,
.widget-timeline:after,
.widget-timeline:before {
    background: #e7e7e7
}

:not(.panel) .widget-pricing .widget-pricing-item {
    border-color: #e2e2e2
}

:not(.panel) .widget-pricing-simple .widget-pricing-item {
    border-color: rgba(226, 226, 226, 0)
}

:not(.panel) .widget-pricing-simple .widget-pricing-active {
    border-color: #e2e2e2
}

:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item {
    border-color: rgba(226, 226, 226, 0)
}

:not(.panel) .widget-pricing-expanded .widget-pricing-item,
:not(.panel) .widget-pricing-expanded.widget-pricing-simple .widget-pricing-active,
:not(.panel) .widget-pricing-expanded.widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item,
:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item:hover {
    border-color: #e2e2e2
}

.widget-timeline-section {
    color: #444;
    background: #e7e7e7
}

.px-nav-item a:hover:before,
.px-nav-item.active:not(.px-nav-dropdown)>a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 3px;
    content: "";
    background: #121314
}

.px-nav .px-nav-item>a[class *=" bg-"]:before,
.px-nav .px-nav-item>a[class^=bg-]:before,
.px-nav.px-nav-static .px-nav-dropdown>a:before {
    display: none !important
}

@media (min-width:992px) {
    .px-nav-off-canvas.px-nav-collapse .px-nav-toggle {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}