.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: #fafafa
}

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

.nav-tabs,
.nav-tabs.nav-justified,
.page-breadcrumb,
.page-header,
hr {
    border-color: #eee
}

.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: #e0e0e0
}

.bg-primary,
.bg-primary .bg-primary {
    border-color: #449f7f !important
}

.bg-primary {
    background-color: #51bf99 !important
}

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

    .bg-primary .bg-primary.darken,
    .bg-primary.darken {
        background-color: #4db390 !important;
        border-color: #3f9477 !important
    }

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

    .bg-primary .bg-primary.darker,
    .bg-primary.darker {
        background-color: #48a988 !important;
        border-color: #3c8d71 !important
    }

        .bg-primary .bg-primary.darker[href]:hover,
        .bg-primary.darker[href]:hover {
            background-color: #449f7f !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: #3ba27e !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: #2e7c61 !important
    }

.border-primary {
    border-color: #51bf99 !important
}

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

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

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

        .table-primary thead th,
        .table-primary thead tr {
            background: #4ba787
        }

    .btn-primary,
    .table-primary .table-header {
        background: #51bf99
    }

        .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: #51bf99
}

.btn-primary {
    color: #fff;
    border-color: #41b08a
}

    .btn-primary.btn-outline {
        color: #3ea984;
        border-color: #41b08a;
        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: #3ea984 #3ea984 #256650;
            background: #46bb92
        }

        .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: #338b6d;
            background: #41b08a
        }

            .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: #338b6d;
                background: #3ea984
            }

    .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: #338b6d
    }

    .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: #46bb92
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary {
        border-color: #41b08a !important;
        background: #51bf99 !important
    }

        .btn-primary.btn-outline.disabled,
        .btn-primary.btn-outline[disabled],
        fieldset[disabled] .btn-primary.btn-outline {
            color: #3ea984;
            border-color: #41b08a !important;
            background: 0 0 !important
        }

        .btn-primary.disabled.active,
        .btn-primary[disabled].active,
        fieldset[disabled] .btn-primary.active {
            color: #fff !important;
            border-color: #338b6d !important;
            background: #41b08a !important
        }

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

.px-navbar {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .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: #fff;
        background: rgba(0, 0, 0, .09)
    }

    .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: #fff
    }

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

        .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: #fff;
            background: #fff
        }

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

            .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: #fff;
                background: #fff
            }

    .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(255, 255, 255, .4) !important
        }

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

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

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

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

@media (max-width:767px) {
    .px-navbar .navbar-collapse {
        border-color: #4c5b71;
        background: #3d4a5d
    }

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

    .px-navbar .dropdown.open {
        background: #4c5b71 !important;
        border-color: #55657b
    }

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

@media (min-width:768px) {
    .px-navbar .navbar-collapse,
    .px-navbar .navbar-nav > li {
        border-color: transparent
    }

    .px-navbar,
    .px-navbar .dropdown-menu,
    .px-navbar .dropdown-multi-column,
    .px-navbar .navbar-collapse {
        background: #3d4a5d
    }

        .px-navbar .dropdown-menu .dropdown-toggle:hover > a {
            color: #fff;
            background: rgba(0, 0, 0, .09)
        }

        .px-navbar [class*=" widget-"],
        .px-navbar [class^=widget-] {
            border-color: #4c5b71
        }

            .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: #fff;
        background: 0 0;
        margin-right: 1px;
        -webkit-box-shadow: 1px 0 0 0 transparent;
        box-shadow: 1px 0 0 0 transparent
    }

        .px-nav-left:not(.px-nav-collapse) ~ .px-navbar .navbar-header a,
        .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: #fff
        }

    .px-nav-toggle {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.px-nav,
.px-nav-item a {
    color: #626b7a
}

.px-nav {
    background: #edf0f1
}

    .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(61, 74, 93, .4) !important
        }

.px-nav-dimmer {
    background: rgba(0, 0, 0, .35)
}

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

.px-nav-item.active > a {
    color: #2c333e !important;
    background: #fafafa
}

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

.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: #3d4a5d;
    color: #fff
}

.px-nav-left .px-nav-tooltip:before {
    border-right-color: #3d4a5d
}

.px-nav-right .px-nav-tooltip:before {
    border-left-color: #3d4a5d
}

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

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

.px-nav-dropdown-menu {
    background: #e6eaeb
}

.px-nav-toggle {
    color: #fff;
    background: #3d4a5d
}

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

.px-nav-box {
    border-color: #dbe0e2;
    color: #2c333e
}

    .px-nav-box .close {
        color: #626b7a
    }

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

    .px-nav-box .btn-outline {
        border-color: #dbe0e2;
        color: #626b7a
    }

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

.px-nav-toggle ~ .px-nav-content {
    padding-top: 51px
}

.px-nav-toggle ~ .px-nav-scrollable-area .px-nav-content {
    padding-top: 1px
}

.px-nav.px-nav-left {
    -webkit-box-shadow: -1px 0 0 #d8dddf inset;
    box-shadow: -1px 0 0 #d8dddf inset
}

    .px-nav.px-nav-left .px-nav-content > .px-nav-item > .px-nav-dropdown-menu {
        margin-right: 1px
    }

    .px-nav.px-nav-left .px-nav-content > .px-nav-item.active > a {
        -webkit-box-shadow: -1px 0 0 #d8dddf inset;
        box-shadow: -1px 0 0 #d8dddf inset
    }

.px-nav.px-nav-right {
    -webkit-box-shadow: 1px 0 0 #d8dddf inset;
    box-shadow: 1px 0 0 #d8dddf inset
}

    .px-nav.px-nav-right .px-nav-content > .px-nav-item > .px-nav-dropdown-menu {
        margin-left: 1px
    }

    .px-nav.px-nav-right .px-nav-content > .px-nav-item.active > a {
        -webkit-box-shadow: 1px 0 0 #d8dddf inset;
        box-shadow: 1px 0 0 #d8dddf inset
    }

.px-nav-dropdown-menu.px-show {
    -webkit-box-shadow: 0 0 0 1px #d8dddf;
    box-shadow: 0 0 0 1px #d8dddf
}

.px-nav-content > .px-nav-item > .px-nav-dropdown-menu,
.px-nav-content > .px-nav-item > a,
.px-nav-dropdown-menu-title {
    border-bottom: 1px solid #dfe4e6
}

.px-nav-dropdown-menu-wrapper ~ .px-nav-dropdown-menu-title {
    border-top: 1px solid #dfe4e6;
    border-bottom: none
}

.px-nav-dropdown-menu-top.px-show {
    margin-bottom: 1px !important
}

.px-nav-dropdown-menu .px-nav-dropdown-menu .px-nav-item > a,
.px-nav-dropdown-menu .px-nav-item + .px-nav-item > a {
    border-top: 1px solid #dbe0e2
}

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

@media (max-width:991px) {
    .px-nav-dropdown-menu .px-open > a,
    .px-nav.px-nav-expand .px-open > a {
        color: #2c333e
    }
}

@media (min-width:992px) {
    .px-nav-dropdown-menu .px-open > a,
    .px-nav:not(.px-nav-collapse) .px-open > a {
        color: #2c333e
    }
}

.px-footer,
.px-footer a {
    color: #656a73
}

.px-footer {
    background: #f4f5f5
}

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

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

.badge-primary,
.label-primary,
.panel-warning > .panel-heading .badge-primary {
    border-color: #51bf99;
    background: #51bf99;
    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: #44b890;
        background: #44b890;
        color: #fff
    }

    .badge-primary.label-outline,
    .label-primary.label-outline,
    .panel-warning > .panel-heading .badge-primary.label-outline {
        color: #3ba27e;
        -webkit-box-shadow: 0 0 0 1px #51bf99 inset;
        box-shadow: 0 0 0 1px #51bf99 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: #2e7c61
        }

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

.progress-bar {
    background-color: #51bf99
}

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

.panel-primary {
    border-color: #41b08a !important
}

    .panel-primary .panel-heading,
    .panel-primary .panel-heading .accordion-toggle {
        background: #51bf99;
        border-color: #41b08a;
        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: #41b08a
    }

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

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

    .panel-primary.panel-dark {
        border-color: #51bf99 !important
    }

        .panel-primary.panel-dark .panel-heading,
        .panel-primary.panel-dark .panel-heading .accordion-toggle {
            background: #51bf99;
            border-color: #51bf99;
            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: #51bf99
        }

        .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: #51bf99;
            color: #fff
        }

        .panel-primary.panel-dark .panel-heading .pager a,
        .panel-primary.panel-dark .panel-heading .pager a:focus,
        .panel-primary.panel-dark .panel-heading .pager a:hover,
        .panel-primary.panel-dark .panel-heading .pager span,
        .panel-primary.panel-dark .panel-heading .pager span:focus,
        .panel-primary.panel-dark .panel-heading .pager span:hover,
        .panel-primary.panel-dark .panel-heading .pagination a,
        .panel-primary.panel-dark .panel-heading .pagination a:focus,
        .panel-primary.panel-dark .panel-heading .pagination a:hover,
        .panel-primary.panel-dark .panel-heading .pagination span,
        .panel-primary.panel-dark .panel-heading .pagination span:focus,
        .panel-primary.panel-dark .panel-heading .pagination span:hover {
            color: #fff
        }

        .panel-primary.panel-dark .panel-heading .pager li.active a,
        .panel-primary.panel-dark .panel-heading .pager li.active a:focus,
        .panel-primary.panel-dark .panel-heading .pager li.active a:hover,
        .panel-primary.panel-dark .panel-heading .pager li.active span,
        .panel-primary.panel-dark .panel-heading .pager li.active span:focus,
        .panel-primary.panel-dark .panel-heading .pager li.active span:hover,
        .panel-primary.panel-dark .panel-heading .pagination li.active a,
        .panel-primary.panel-dark .panel-heading .pagination li.active a:focus,
        .panel-primary.panel-dark .panel-heading .pagination li.active a:hover,
        .panel-primary.panel-dark .panel-heading .pagination li.active span,
        .panel-primary.panel-dark .panel-heading .pagination li.active span:focus,
        .panel-primary.panel-dark .panel-heading .pagination li.active span:hover {
            color: #51bf99
        }

        .panel-primary.panel-dark .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, .9)
        }

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

        .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 {
            border-color: #89d4ba !important
        }

.custom-control:hover .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #51bf99 inset;
    box-shadow: 0 0 0 1px #51bf99 inset
}

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

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

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

.custom-control-input:active ~ .custom-control-indicator {
    background-color: #76cdaf;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.list-group .list-group-item.active,
.nav li.active > a,
.nav li.active > a:focus,
.nav li.active > a:hover,
.popover-primary .popover-title,
.popover-primary.popover-colorful,
.popover-primary.popover-dark .popover-title,
.popover-primary.popover-dark.popover-colorful,
.select2-results__option--highlighted[aria-selected],
.switcher-primary > input:checked ~ .switcher-indicator {
    background: #51bf99;
    color: #fff
}

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

.tooltip-primary .tooltip-inner {
    background-color: #51bf99;
    color: #fff
}

.tooltip-primary.top .tooltip-arrow,
.tooltip-primary.top-left .tooltip-arrow,
.tooltip-primary.top-right .tooltip-arrow {
    border-top-color: #51bf99
}

.tooltip-primary.bottom .tooltip-arrow,
.tooltip-primary.bottom-left .tooltip-arrow,
.tooltip-primary.bottom-right .tooltip-arrow {
    border-bottom-color: #51bf99
}

.tooltip-primary.right .tooltip-arrow {
    border-right-color: #51bf99
}

.tooltip-primary.left .tooltip-arrow {
    border-left-color: #51bf99
}

.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-primary .popover-title,
    .popover-primary.popover-colorful {
        border-color: #41b08a
    }

        .popover-primary.popover-dark,
        .popover-primary.popover-dark .popover-title,
        .popover-primary.popover-dark.popover-colorful {
            border-color: #51bf99
        }

            .popover-primary.popover-dark.popover-colorful .popover-title {
                border-color: #6fcaaa
            }

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

.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: #51bf99
}

.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: #51bf99;
    background: #51bf99
}

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

.list-group .list-group-item.active {
    border-color: #51bf99
}

    .list-group .list-group-item.active .list-group-icon,
    .list-group .list-group-item.active .list-group-item-text {
        color: #fff
    }

.switcher-primary:active .switcher-indicator:after,
.switcher-primary > input:active ~ .switcher-indicator:after,
.switcher-primary > input:focus ~ .switcher-indicator:after {
    -webkit-box-shadow: 0 0 0 1px #51bf99 inset;
    box-shadow: 0 0 0 1px #51bf99 inset
}

.select2-primary .select2-selection__choice,
.select2-primary + .select2-container .select2-selection__choice {
    background-color: #51bf99
}

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

.ui-select-primary.ui-select-multiple .ui-select-match-item {
    background: #51bf99 !important
}

    .ui-select-primary.ui-select-multiple .ui-select-match-item.btn-primary {
        background: #3ba27e !important
    }

.btn-default-focus .ui-select-toggle,
.ui-select-choices,
.ui-select-container.open .ui-select-search,
.ui-select-container.open .ui-select-toggle,
.ui-select-multiple.open,
.ui-select-no-choice {
    border-color: #51bf99 !important
}

.ui-select-choices-row.active > span {
    color: #fff;
    background-color: #51bf99
}

.datepicker thead th {
    color: #fff
}

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

    .datepicker .datepicker-switch:hover,
    .datepicker .next:hover,
    .datepicker .prev:hover {
        background: #5cc3a0
    }

.datepicker .dow,
.datepicker thead .cw {
    border-top: 1px solid #528b77;
    background: #5b9c85
}

.daterangepicker .calendar th,
.daterangepicker select:focus,
.dropzone-box.dz-drag-hover,
.timepicker-decrement:focus,
.timepicker-decrement:hover,
.timepicker-increment:focus,
.timepicker-increment:hover {
    border-color: #51bf99
}

.datepicker .active,
.datepicker .active:hover,
.datepicker .range-end,
.datepicker .range-end:hover,
.datepicker .range-start,
.datepicker .range-start:hover {
    color: #fff !important;
    background: #51bf99 !important
}

.timepicker-decrement:hover,
.timepicker-increment:hover {
    color: #fff;
    background: #51bf99
}

.dz-upload-icon {
    background-color: #51bf99
}

.px-irs-primary .irs-bar,
.px-irs-primary .irs-bar-edge,
.px-irs-primary .irs-slider:after {
    background: #51bf99
}

.px-irs-primary .irs-slider.state_hover:after,
.px-irs-primary .irs-slider:hover:after {
    background: #2e7c61
}

.daterangepicker .calendar td.active,
.daterangepicker .calendar th,
.daterangepicker .ranges .active,
.daterangepicker .ranges li:focus,
.daterangepicker .ranges li:hover,
.px-irs-primary .irs-from,
.px-irs-primary .irs-single,
.px-irs-primary .irs-to {
    background: #51bf99;
    color: #fff
}

    .px-irs-primary .irs-from:after,
    .px-irs-primary .irs-single:after,
    .px-irs-primary .irs-to:after {
        border-top-color: #51bf99
    }

    .daterangepicker .calendar th.available:hover {
        background: #5cc3a0
    }

.daterangepicker .calendar thead tr + tr th {
    border-top-color: #528b77 !important;
    background: #5b9c85 !important
}

.bootstrap-tagsinput.focus,
tags-input .tags.focused {
    border-color: #51bf99 !important
}

.noUi-active:after,
.noUi-active:before,
.noUi-primary .noUi-connect,
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span,
.slider-primary .slider-reversed .slider-tick,
.slider-primary .slider-reversed .slider-track-high,
.slider-primary .slider-selection,
.slider-primary .slider-selection.tick-slider-selection,
.slider-primary .slider-tick.in-selection,
.slider-primary.slider-reversed .slider-tick,
.slider-primary.slider-reversed .slider-track-high,
tags-input .suggestion-item.selected {
    background: #51bf99
}

tags-input .suggestion-item.selected {
    color: #fff
}

.owl-nav [class*=owl-]:hover {
    background: #51bf99;
    color: #fff
}

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

    .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: #ebebeb
    }

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

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

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

:not(.panel) .widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item {
    border-color: rgba(224, 224, 224, 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: #e0e0e0
    }

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

@media (min-width:768px) {
    .px-navbar .dropdown-menu,
    .px-navbar .dropdown-multi-column {
        border-top-width: 2px;
        border-top-color: #51bf99;
        border-right: none;
        border-bottom: none;
        border-left: none
    }

        .px-navbar .dropdown-multi-column .dropdown-menu {
            border-color: rgba(255, 255, 255, .1)
        }
}

.pace-progress {
    background: #51bf99
}