nav,
.main-header-top,
.color-picker .settings-header,
.color-picker a.handle:hover,
.bg-spark-chart,
.double-bounce1,
.circle-5,
.loader .circle:after,
.slider-handle,
#BC .slider-selection,
.br-theme-bars-1to10 .br-widget a.br-selected,
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected,
.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected,
.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected,
.nav-tabs .slide,
.bg-primary,
#breadcrumb-triangle li a,
.error-500,
.error-503,
.error-404,
.error-400,
.error-403,
.login,
.md-content h3,
.portlets-primary .card-header,
.custom-control-input:checked ~ .custom-control-indicator,
.md-form-control:focus ~ .md-line:before,
.md-form-control:focus ~ .md-line:after,
.md-input-wrapper .md-line:after,
.md-form-control:focus ~ .md-line:before,
.md-input-wrapper .md-line:before,
.sign-in-up,
.pricing-new,
.join-us,
.footer-gallery li .footer-hvr-effect,
.ourpro-icon-effect-8 .ourpro-icon,
.ourpro-icon-effect-8 .ourpro-icon:hover,
.footer-news button,
.blog-hover-detail,
.invoice-box,
.blog-section h2, .custom-header, .select2-container--default .select2-results__option--highlighted[aria-selected],
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover,
.badge-primary, .label-primary,
.dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr > td > a.selected,
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,
.daterangepicker td.active, .daterangepicker td.active:hover, .bootstrap-datetimepicker-widget table td span.active,
.dtp .dtp-actual-meridien a.selected, .wizard > .steps .current a,
.wizard > .steps .current a:hover, .wizard > .steps .current a:active,
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active,
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover, .dropdown-primary a:hover,
#main-chat .chat-single-box.active .chat-header, .morris-hover-row-label, .morris-hover-point,
.card-questioning .ui-state-active,
.card-member .ui-state-active, .cd-pricing-switcher .cd-switch,
.fc-state-active, .b-menu-left, .b-menu-right, #b-menu a.b-menu-icon:hover, .b-menu-icon,
.chat-menu-reply, .slimScrollBar, .dynamic-list-two .new-item, .dynamic-list-three .new-item, .dynamic-list-one .new-item {
    background-color: #f57c00 !important;
}

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected, .form-control:focus ~ .input-group-btn .btn-secondary {
    border-color: #f57c00;
    color: #f57c00;
}

#breadcrumb-triangle li a:before {
    border: solid #f57c00;
    border-width: 20px 10px;
}

#breadcrumb-triangle li:nth-child(even) a:before {
    border-color: #f57c00;
    border-left-color: transparent;
}

#breadcrumb-triangle li a:after, .color-picker .section {
    border-left-color: #f57c00;
}

#breadcrumb-triangle li:nth-child(even) a:after, .chat-menu-reply:before {
    border-left-color: #f57c00;
}

.double-bounce2 {
    background-color: #f57c00 !important;
    opacity: 0.6;
}

#BC .slider-handle, .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #f57c00;
}

.custom-control-input:checked ~ .custom-control-indicator {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #f57c00;
}

.cd-popular .cd-pricing-wrapper > li {
    box-shadow: inset 0 0 0 3px #f57c00;
}

.ms-container .ms-list.ms-focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(245, 124, 0, 0.6);
    border-color: rgba(245, 124, 0, 0.8);
}

.min-slider-handle.triangle,
.min-slider-handle.custom,
.md-effect-12 h3, .media-left .btn-primary {
    background-color: transparent !important;
}

.color-picker a.handle i,
.main-header .breadcrumb-title a,
.sidebar-menu .treeview-menu > li.active > a,
.color-picker a.handle i,
.dashboard-page-view .counter-txt,
.slider-handle.custom::before,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-css-stars .br-widget a.br-selected:after,
.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after,
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.md-tabs .nav-item.open .nav-link,
.md-tabs .nav-item.open .nav-link:focus,
.md-tabs .nav-item.open .nav-link:hover,
.md-tabs .nav-link.active,
.md-tabs .nav-link.active:focus,
.md-tabs .nav-link.active:hover,
.md-tabs .nav-link,
.md-form-control:focus ~ label,
.md-valid ~ label,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.btn-inverse-primary,
a:hover,
a {
    color: #f57c00;
}

.txt-primary,
.icon-list-demo i:hover,
.login-card h1,
span.logo,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
#home-header span,
.socials-icon li a:hover,
h2.title-sec,
h2.title-center,
.about-sec li i,
.portfolioFilter li button:hover,
.portfolioFilter li button.current,
.pricing-table-header .price,
.pricing-table-items li i.icofont-check,
.blog-details h6,
.blog-details .read-more a,
.testimonial-thumbs h5,
.slick-dots li.slick-active button:before,
.footer-about i,
.footer-menu h5:hover,
.slick-dots li button:before,
.blog-section h5,
.read-more a,
.blog-block a:hover,
.blog-single h4,
.blog-big-user h4,
.blog-s-reply h6,
.blog-article .articles a, .radio label:hover .helper, .radio input:checked ~ .helper::before, .ranges li,
.inline-editable label, .ourCountdownContainer, .yourCountdownContainer p,
.cd-pricing-header, .cd-currency, .cd-duration,
.mega-card h6, ul.mega-list li > a:hover,
#b-menu .dropup .dropdown-menu li:hover, .dummy-media-object:hover h3,
.main-header-top .top-nav .settings-menu li a:hover, .coming-social a:hover, .h-active a, .faq-expi li i {
    color: #f57c00 !important;
}

    .btn-primary,
    .btn-primary:hover,
    .btn-primary:active,
    .page-item.active .page-link,
    .page-item.active .page-link:focus,
    .page-item.active .page-link:hover,
    .bootpag > .active > a,
    .bootpag > .active > a:focus,
    .bootpag > .active > a:hover,
    .bootpag > .active > span,
    .bootpag > .active > span:focus,
    .bootpag > .active > span:hover,
    .btn-inverse-primary:hover,
    .radio .helper::after,
    .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--classic .select2-results__option--highlighted[aria-selected],
    .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus,
    .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus,
    .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover,
    .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus,
    .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus,
    .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover,
    .ranges li.active, .ranges li:hover, .checkbox-primary input[type="checkbox"]:checked + label::before,
    .footable .pagination > .active > a, .footable .pagination > .active > a:focus,
    .footable .pagination > .active > a:hover, .footable .pagination > .active > span,
    .footable .pagination > .active > span:focus, .footable .pagination > .active > span:hover,
    .fc th {
        background-color: #f57c00 !important;
        border-color: #f57c00 !important;
    }

.color-picker a.handle,
.btn-inverse-primary,
.form-control:focus,
.rkmd-checkbox.checkbox-rotate .checkbox-primary input[type="checkbox"]:checked + .checkbox:before,
.fade-in-primary .cr,
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover,
.slick-dots li button, .radio.radiofill .helper::after,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-dropdown,
.select2-container--classic.select2-container--open .select2-selection--single,
.daterangepicker .input-mini.active, .media-list .media a.border-primary, .fade-in-primary .cr,
.chat-footer, .chat-link, .new-msg:focus ~ .input-group-addon, .md-input-primary .md-form-control,
.horizontal-fixed .main-sidebar .sidebar-menu li:hover ul.mega-menu, .panels-wells .panel-primary {
    border-color: #f57c00 !important;
}

#circle-loader2 {
    stroke: #f57c00;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    border-bottom-color: #f57c00;
}

.color-picker .section:last-child {
    border-bottom-color: rgb(245, 124, 0);
}

.color-picker .section {
    border-right-color: rgb(245, 124, 0);
}

.pricing-table:hover {
    border-top-color: #f57c00;
}

.filter-bar > .navbar {
    background-color: #fff !important;
}

.item:hover .blog-hover-detail, .wizard > .actions .disabled a, .cd-pricing-switcher .fieldset {
    background-color: rgba(245, 124, 0, 0.68);
    color: #fff;
}

.blog-single .qutoe-text, .fc-event {
    border-left-color: #f57c00 !important;
    color: #f57c00;
}

button.dt-button, div.dt-button, a.dt-button {
    background-image: linear-gradient(to bottom, #f57c00 0%,#f57c00 100%) !important;
    border-color: #f57c00 !important;
}

.checkbox-color input[type="checkbox"]:focus + label::before {
    outline: none;
}

.hour-hand, .minute-hand {
    stroke: #f57c00;
}

.dtp-select-hour[fill="#2196F3"], .dtp-select-minute[fill="#2196F3"] {
    fill: #f57c00 !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background-color: #f56606;
}

.invoice-box tr td a, a.dt-button:hover {
    color: #fff;
}

.signup-btn .btn-primary:hover {
    background-color: #fff !important;
    border-color: #f57c00;
}

.dashboard-primary.bg-primary, .bg-spark-chart {
    background-color: #2196F3 !important;
}

.bg-spark-chart {
    background-color: #3f51b5 !important;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f57c00, 0 0 10px 10px #f59233, 0 0 0 10px #f5a428;
    }

    100% {
        box-shadow: 0 0 0 2px #f57c00, 0 0 10px 10px #f59233, 0 0 0 10px #f5a428;
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f57c00, 0 0 10px 10px #f59233, 0 0 0 10px #f5a428;
    }

    100% {
        box-shadow: 0 0 0 2px #f57c00, 0 0 10px 10px #f59233, 0 0 0 10px #f5a428;
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f57c00, 0 0 10px 10px #f59233, 0 0 0 10px #f5a428;
    }

    100% {
        box-shadow: 0 0 0 2px #f57c00, 0 0 10px 10px #f59233, 0 0 0 10px #f5a428;
        transform: scale(1.5);
        opacity: 0;
    }
}

.hotal-menu-list .hotal-menu-1 {
    background: rgba(245,124,0, 1);
}

.hotal-menu-list .hotal-menu-2 {
    background: rgba(245,124,0,.9);
}

.hotal-menu-list .hotal-menu-3 {
    background: rgba(245,124,0,.8);
}

.hotal-menu-list .hotal-menu-4 {
    background: rgba(245,124,0,.7);
}

.hotal-menu-list .hotal-menu-5 {
    background: rgba(245,124,0,.6);
}

.hotal-menu-list .hotal-menu-6 {
    background: rgba(245,124,0,.5);
}

.login-card {
    border-top-color: #f57c00
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #f57c00;
    border-color: #f57c00;
}

.tabs-bg-primary .active {
    background-color: #f57c00 !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .sidebar-menu > li > a:hover, .sidebar-menu > li.active > a {
        background: #f57c00;
    }
}



/**  2017-12-16  **/

.main-header-top {
    background: url(../../images/header-l.png) no-repeat #ffa534 !important
}

nav {
    background: -moz-linear-gradient(left, rgba(255, 165, 52, .4) 33%, rgba(245, 124, 0, .7) 67%), url(../../images/header-r.png) no-repeat !important;
    background: -webkit-gradient(linear, left, right, color-stop(33%, rgba(255, 165, 52, .4)), color-stop(67%, rgba(245, 124, 0, .7))), url(../../images/header-r.png) no-repeat !important;
    background: -webkit-linear-gradient(left, rgba(255, 165, 52, .4) 33%, rgba(245, 124, 0, .7) 67%), url(../../images/header-r.png) no-repeat !important;
    background: -o-linear-gradient(left, rgba(255, 165, 52, .4) 33%, rgba(245, 124, 0, .7) 67%), url(../../images/header-r.png) no-repeat !important;
    background: -ms-linear-gradient(left, rgba(255, 165, 52, .4) 33%, rgba(245, 124, 0, .7) 67%), url(../../images/header-r.png) no-repeat !important;
    background: linear-gradient(to right, rgba(255, 165, 52, .4) 33%, rgba(245, 124, 0, .7) 67%), url(../../images/header-r.png) no-repeat !important;
}



/* Pricing tables */
.pricing-table.pricing-recommended .top,
.pricing-table.pricing-recommended .top:after,
.pricing-table.pricing-recommended .top:before {
    background-color: #ffa534;
}



/**  2018-03-28  **/
/* left-menu */
.panel01 {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    background: #fff;
}
.panel01 .panel-body1 {
    padding: 20px;
}
.panel01 .panel-body1 p {
    margin: 0;
}
.panel01 .panel-body1 p + p {
    margin-top: 15px;
}
.panel-heading1 {
    border-radius: 0;
    border: none !important;
    padding: 15px 20px;
}
.panel-default > .panel-heading1 {
    background-color: #ffa534;
    border-bottom: none;
    color: #fff;
}
.panel-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.panel-footer {
    background: #fafafa;
    border-top: 0;
}
.panel-color .panel-title {
    color: #ffffff;
}

.panel-border {
    border-radius: 3px;
}
.panel-border .panel-heading1 {
    background-color: #ffffff;
    border-top: 3px solid #ccc !important;
    border-radius: 3px;
    padding: 10px 20px 0;
}
.panel-border .panel-body1 {
    padding: 15px 20px 20px 20px;
}
.panel-fill {
    border-radius: 3px;
}
.panel-fill .panel-heading1 {
    background-color: transparent;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.panel-fill .panel-body1 {
    color: rgba(255, 255, 255, 0.85);
}
.panel-fill.panel-default .panel-body1 {
    color: #666;
}
.panel-fill.panel-default .panel-heading1 {
    background-color: transparent;
    color: #333333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.panel-group .panel01 .panel-heading1 a[data-toggle=collapse].collapsed:before {
    content: '\f067';
}
.panel-group .panel01 .panel-heading1 .accordion-toggle.collapsed:before {
    content: '\f067';
}
.panel-group .panel01 .panel-heading1 a[data-toggle=collapse] {
    display: block;
}
.panel-group .panel01 .panel-heading1 a[data-toggle=collapse]:before {
    content: '\f068';
    display: block;
    float: right;
    font-family: 'FontAwesome';
    font-size: 14px;
    text-align: right;
    width: 25px;
}
.panel-group .panel01 .panel-heading1 .accordion-toggle {
    display: block;
}
.panel-group .panel01 .panel-heading1 .accordion-toggle:before {
    content: '\f068';
    display: block;
    float: right;
    font-family: 'FontAwesome';
    font-size: 14px;
    text-align: right;
    width: 25px;
}
.panel-group .panel01 .panel-heading1 + .panel-collapse .panel-body1 {
    border-top: none;
}
.panel-group .panel-heading1 {
    padding: 15px 26px;
}
.panel-group.panel-group-joined .panel01 + .panel01 {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
.panel-group-joined .panel-group .panel01 + .panel01 {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
.panel01 .panel-body1 ul li{
    color: #75798B;
    line-height: 24pt;
}
.panel01 .panel-body1 ul li a{
    color: #75798B;
    display: block;
    padding: 3px 10px;
}
.panel01 .panel-body1 ul li.active a {
    color: #ffa534;
}
.panel01 .panel-body1 ul li a:hover {
    color: #ffa534;
    background: #f3f3f3;
}
.panel01 .panel-body1 ul li a.active {
    background: #f3f3f3 !important;
}
.panel01 .panel-body1 ul li a.active.active_li_item {
    background: #f3f3f3 !important;
}
.active_li_item{
    background: #f3f3f3;
}