/* ========================================================================

 * TABLE OF CONTENTS

 * ========================================================================

 

 * ========================================================================

 * LAYOUT

 * ========================================================================

   01. HEADER

   02. SIDEBAR LEFT & RIGHT

   03. PAGE CONTENT

 * ========================================================================

 

 * ========================================================================

 * PAGES

 * ========================================================================

   01. SIGN

   02. ERROR

   03. INVOICE

 * ========================================================================

 

 * ========================================================================

 * COMPONENT

 * ========================================================================

   01. RESET

   02. PANEL

   03. MEDIA MANAGER

   04. PAGINATION

   05. RATING STAR

   06. DROPDOWN

   07. LIST GROUP

   08. FORM

   09. TABLE

   10. BUTTON

   11. MISC

 * ========================================================================

 

 * ========================================================================

 * PLUGINS

 * ========================================================================

   01. CHOSEN

   02. DROPZONE

   03. JPRELOADER

   04. DATEPICKER

   05. ION SLIDER

 * ======================================================================== */





/* ========================================================================

 * HEADER

 * ======================================================================== */



body.page-sidebar-minimize #header .navbar-minimize>a {

    background-color: #00b1e1;

    color: #ffffff;

}



body.page-sidebar-minimize #header .navbar-minimize:hover>a {

    background-color: #c64012;

}



#header .navbar-header {

    background-color: #00b1e1;/*#dd4814;*/

}





/* ========================================================================

 * SIDEBAR LEFT & RIGHT

 * ======================================================================== */



#sidebar-left.sidebar-box .sidebar-content img,

#sidebar-left.sidebar-rounded .sidebar-content img,

#sidebar-left.sidebar-circle .sidebar-content img {

    border: 2px solid #dd4814;

}



#sidebar-left.sidebar-box .sidebar-menu>li.active>a>.icon i,

#sidebar-left.sidebar-rounded .sidebar-menu>li.active>a>.icon i,

#sidebar-left.sidebar-circle .sidebar-menu>li.active>a>.icon i {

    background-color: #dd4814;

}



#sidebar-left.sidebar-box .sidebar-menu>li>ul>li:hover:after,

#sidebar-left.sidebar-rounded .sidebar-menu>li>ul>li:hover:after,

#sidebar-left.sidebar-circle .sidebar-menu>li>ul>li:hover:after {

    -webkit-box-shadow: 0 0 0 5px #ae3910;

    -moz-box-shadow: 0 0 0 5px #ae3910;

    box-shadow: 0 0 0 5px #ae3910;

}



#sidebar-left .sidebar-menu ul li:hover:after {

    background-color: #dd4814;

}



#sidebar-left .sidebar-menu ul li:hover a:before {

    color: #dd4814;

}



#sidebar-left .sidebar-menu ul li.active:after {

    background-color: #dd4814;

}



#sidebar-left .sidebar-menu ul li.active>ul>li.active a:before {

    color: #dd4814;

}





/* ========================================================================

 * PAGE CONTENT

 * ======================================================================== */



body.page-sidebar-minimize .navbar-minimize,

body.page-sidebar-minimize-auto .navbar-minimize {

    border-right: 1px solid #00b1e1 !important;

}



body.page-sidebar-minimize .navbar-minimize a,

body.page-sidebar-minimize-auto .navbar-minimize a {

    background-color: #dd4814;

    /* border-bottom: 1px solid #dd4814; */
    border-bottom: 1px solid #00b1e1;

}



body.page-sidebar-minimize .navbar-minimize a:hover,

body.page-sidebar-minimize-auto .navbar-minimize a:hover {

    background-color: #c64012;

    border-bottom: 1px solid #c64012;

}



body.page-sidebar-minimize .navbar-minimize a i,

body.page-sidebar-minimize-auto .navbar-minimize a i {

    color: #ffffff;

}



.navbar-minimize-mobile {

    background-color: #dd4814;

}



.navbar-minimize-mobile:hover {

    background-color: #c64012;

}



@media (max-width: 768px) {

    body.page-sidebar-left-show .navbar-minimize-mobile,

    body.page-sidebar-right-show .navbar-minimize-mobile {

        background-color: #ae3910;

    }

    body.page-sidebar-left-show .navbar-minimize-mobile:hover,

    body.page-sidebar-right-show .navbar-minimize-mobile:hover {

        background-color: #c64012;

    }

}



.navbar-toolbar .navbar-form input:focus {

    border: 1px solid #dd4814;

}



.navbar-toolbar .navbar-form .btn-focus {

    background-color: #dd4814;

    box-shadow: none;

    border: none;

    color: #ffffff;

}



.navbar-toolbar .navbar-right .dropdown>a:focus>i {

    color: #dd4814;

}





/* ========================================================================

 * SIGN

 * ======================================================================== */



.sign-wrapper a {

    color: #a50059;

}



.sign-wrapper a:hover,

.sign-wrapper a:focus,

.sign-wrapper a:active {

    color: #d84614;

}



.sign-text:before {

    background-color: #a50059;

}



.sign-header {

    background-color: rgba(226, 0, 122, .8);

    border-bottom: 10px solid #a50059;

}



.sign-text span {

    background-color: #a50059;

}



.sign-text img {

    border: 7px solid #dd4814;

}





/* ========================================================================

 * ERROR

 * ======================================================================== */



.error-wrapper h1 {

    color: #dd4814;

}





/* ========================================================================

 * INVOICE

 * ======================================================================== */



.product-num {

    background-color: #dd4814;

}





/* ========================================================================

 * RESET

 * ======================================================================== */



a {

    color: #fff;

}



a:hover,

a:active,

a:focus {

    color: #ae3910;

}



input.no-border-left:focus,

textarea.no-border-left:focus {

    border-top: 1px solid #dd4814 !important;

    border-right: 1px solid #dd4814 !important;

    border-bottom: 1px solid #dd4814 !important;

    border-left: none !important;

}



input.no-border-right:focus,

textarea.no-border-right:focus {

    border-top: 1px solid #dd4814 !important;

    border-none: 1px solid #dd4814 !important;

    border-bottom: 1px solid #dd4814 !important;

    border-right: none !important;

}



input:focus,

textarea:focus {

    border: 1px solid #dd4814 !important;

}





/* ========================================================================

 * PANEL

 * ======================================================================== */



.panel-tab .panel-heading ul li.active a i {

    color: #dd4814;

}



.panel-tab .panel-heading ul li a:hover i {

    color: #dd4814;

}





/* ========================================================================

 * MEDIA MANAGER

 * ======================================================================== */



.media-manager .media-manager-options .filter-type a.active {

    color: #dd4814;

}





/* ========================================================================

 * PAGINATION

 * ======================================================================== */



.pagination>li>a {

    color: #ae3910;

}



.pagination>.active>a,

.pagination>.active>span {

    background-color: #ae3910;

    border: 1px solid #ae3910;

}



.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

    background-color: #dd4814;

    border: 1px solid #dd4814;

}



.pager>li>a {

    color: #ae3910;

}





/* ========================================================================

 * RATING STAR

 * ======================================================================== */



.rating .star:hover:before {

    color: #dd4814;

}



.rating .star.active:before {

    color: #dd4814;

}



.rating .star.active~.star:before {

    color: #dd4814;

}





/* ========================================================================

 * DROPDOWN

 * ======================================================================== */



.dropdown-menu li {

    position: relative;

}



.dropdown-menu li.active a {

    background-color: #dd4814;

}



.dropdown-menu li.active:hover a,

.dropdown-menu li.active:focus a,

.dropdown-menu li.active:active a {

    background-color: #dd4814;

    cursor: default;

}



.dropdown-menu li>a:hover:before {

    display: block;

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    bottom: 0px;

    border-left: 3px solid #c64012;

}





/* ========================================================================

 * LIST GROUP

 * ======================================================================== */



a.list-group-item.active {

    background-color: #dd4814;

    border-color: #dd4814;

}



a.list-group-item.active:hover,

a.list-group-item.active:focus {

    background-color: #dd4814;

    border-color: #dd4814;

}





/* ========================================================================

 * FORM

 * ======================================================================== */



.ckbox-theme input[type=checkbox]:checked+label::after {

    border-color: #dd4814;

    background-color: #dd4814;

}



.ckbox-theme input[type=checkbox][disabled]:checked+label::after {

    border-color: #dd4814;

    opacity: .5;

}



.rdio-theme input[type=radio]:checked+label::after {

    border-color: #dd4814;

    background-color: #dd4814;

}



.rdio-theme input[type=radio][disabled]:checked+label::after {

    border-color: #dd4814;

    opacity: .5;

}



.form-control:focus {

    border: 1px solid #dd4814;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.form-focus {

    border: 1px solid #dd4814;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}





/* ========================================================================

 * TABLE

 * ======================================================================== */



.table-theme thead tr th {

    background-color: #dd4814 !important;

    border-color: #eb5420 #eb5420 #bc3d11 !important;

    color: #fff;

}



.table-theme tbody tr td.sorting_1 {

    background: #ee7145 !important;

    color: white;

    border-bottom: 1px solid #f18a66 !important;

}



.table-theme tfoot tr th {

    background-color: #dd4814 !important;

    border-color: #bc3d11 #eb5420 #eb5420 !important;

    color: #fff;

}



.table-theme.table-bordered {

    border: 1px solid #dd4814;

}



.table-theme.table-bordered thead tr th:first-child,

.table-theme.table-bordered tfoot tr th:first-child,

.table-theme.table-bordered thead tr th:last-child,

.table-theme.table-bordered tfoot tr th:last-child {

    -webkit-border-radius: 0px !important;

    -moz-border-radius: 0px !important;

    border-radius: 0px !important;

}



.table-theme.table-bordered tbody tr td.sorting_1 {

    border-right: 1px solid #f18a66 !important;

}



.table-theme table.has-columns-hidden>tbody>tr>td>span.responsiveExpander:before {

    color: white;

}



.table-theme table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander:before {

    color: white;

}





/* ========================================================================

 * BUTTON

 * ======================================================================== */



.btn-theme {

    background-color: #a50059;

    border-color: #690038;

    color: white;

}



.btn-theme:hover,

.btn-theme:focus,

.btn-theme:active,

.btn-theme.active,

.btn-theme[disabled],

.btn-theme.disabled {

    background-color: #690038;

    border-color: transparent;

    color: white;

}



.btn-theme.dropdown-toggle.btn-theme {

    background-color: #dd4814;

    border-color: #c64012;

    color: white;

}



.btn-theme.btn-alt {

    background-color: #c64012;

    border: 1px solid #dd4814;

}



.btn-theme.btn-alt:hover {

    background-color: #ae3910;

}



.btn-theme.btn-stroke {

    border: 1px double #dd4814;

    background-color: transparent;

    color: #999;

}



.btn-theme.btn-stroke:hover {

    background-color: #c64012;

    border-color: transparent;

    color: white;

}



.btn-theme.btn-solid {

    border: 1px solid #dd4814;

}



.btn-theme.btn-dashed {

    border: 1px dashed #dd4814;

}



.btn-theme.btn-dotted {

    border: 1px dotted #dd4814;

}



.btn-theme.btn-double {

    border: 4px double #dd4814;

}



.btn-theme.btn-inset {

    border: 4px inset #dd4814;

}



.btn-theme.btn-circle {

    padding-left: 0;

    padding-right: 0;

    width: 34px;

    -webkit-border-radius: 50% 50% 50% 50%;

    -moz-border-radius: 50% 50% 50% 50%;

    border-radius: 50% 50% 50% 50%;

}



.btn-theme.btn-slidedown:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background-color: #ae3910;

    z-index: -1;

}



.btn-theme.btn-slidedown:hover,

.btn-theme.btn-slidedown:active {

    color: white;

}



.btn-theme.btn-slidedown:hover:after,

.btn-theme.btn-slidedown:active:after {

    height: 100%;

}



.btn-theme.btn-slideright:after {

    width: 0%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #ae3910;

    z-index: -1;

}



.btn-theme.btn-slideright:hover,

.btn-theme.btn-slideright:active {

    color: white;

}



.btn-theme.btn-slideright:hover:after,

.btn-theme.btn-slideright:active:after {

    width: 100%;

}



.btn-theme.btn-expand:after {

    width: 0;

    height: 103%;

    top: 50%;

    left: 50%;

    background-color: #ae3910;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}



.btn-theme.btn-expand:hover:after {

    width: 90%;

    opacity: 1;

}



.btn-theme.btn-expand:active:after {

    width: 101%;

    opacity: 1;

}



.btn-theme.btn-rotate {

    overflow: hidden;

}



.btn-theme.btn-rotate:after {

    width: 100%;

    height: 0;

    top: 50%;

    left: 50%;

    background-color: #ae3910;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    transform: translateX(-50%) translateY(-50%) rotate(45deg);

}



.btn-theme.btn-rotate:hover:after {

    height: 260%;

    opacity: 1;

}



.btn-theme.btn-rotate:active:after {

    height: 400%;

    opacity: 1;

}



.btn-theme.btn-open {

    overflow: hidden;

}



.btn-theme.btn-open:after {

    width: 101%;

    height: 0;

    top: 50%;

    left: 50%;

    background-color: #ae3910;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}



.btn-theme.btn-open:hover:after {

    height: 75%;

    opacity: 1;

}



.btn-theme.btn-open:active:after {

    height: 130%;

    opacity: 1;

}



.btn-theme.btn-push {

    background: #dd4814;

    box-shadow: 0 6px #ae3910;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    transition: none;

}



.btn-theme.btn-push:hover {

    box-shadow: 0 4px #ae3910;

    top: 2px;

}



.btn-theme.btn-push:active {

    box-shadow: 0 0 #ae3910;

    top: 6px;

}



.btn-theme.btn-pushright {

    background: #dd4814;

    box-shadow: 6px 0 #ae3910;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    transition: none;

}



.btn-theme.btn-pushright:hover {

    box-shadow: 4px 0 #ae3910;

    left: 2px;

}



.btn-theme.btn-pushright:active {

    box-shadow: 0 0 #ae3910;

    left: 6px;

}





/* ========================================================================

 * PANEL

 * ======================================================================== */



.panel-theme .panel-heading {

    background-color: #dd4814;

    border: 1px solid #d84614;

    color: white;

}



.panel-theme .panel-heading .option .btn:hover {

    background-color: #c64012;

    color: white;

}



.panel-theme .panel-heading .option .btn i {

    color: white;

}



.panel-bg-theme .panel-body {

    background-color: #dd4814;

    color: white;

}



.panel-bg-theme .panel-body .text-muted {

    color: #f2f2f2;

}





/* ========================================================================

 * MISC

 * ======================================================================== */



.img-bordered-theme {

    border: 2px solid #dd4814;

}



.progress-bar-theme {

    background-color: #dd4814;

}



.fg-theme {

    color: #dd4814 !important;

}



.nicescroll-rails div {

    background-color: #dd4814 !important;

}



.sidebar .nicescroll-rails div {

    background-color: #323232 !important;

}



.cal-month-box {

    border-top: 7px solid #bc3d11 !important;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}



.cal-row-head [class*="cal-cell1"],

.cal-row-head [class*="cal-cell"] {

    background-color: #dd4814;

    color: #ffffff;

    border-width: 0px 1px 0px !important;

    border-style: solid;

    border-color: #eb5420 #eb5420 #bc3d11 !important;

    border-left: none !important;

}



.cal-row-head [class*="cal-cell1"]:hover,

.cal-row-head [class*="cal-cell"]:hover {

    background-color: #dd4814 !important;

}



.cal-row-head [class*="cal-cell1"]:first-child,

.cal-row-head [class*="cal-cell"]:first-child {

    border-width: 0px 1px 0px !important;

    border-style: solid;

    border-color: #eb5420 #eb5420 #bc3d11 !important;

}



.cal-row-head [class*="cal-cell1"]:last-child,

.cal-row-head [class*="cal-cell"]:last-child {

    border-right: none !important;

}



#cal-day-panel {

    border-top: 7px solid #bc3d11 !important;

    background-color: rgba(255, 255, 255, 0.28);

}



.cal-day-today {

    background-color: #dd4814 !important;

}



.cal-row-head+.cal-day-hour {

    background-color: #bc3d11 !important;

    color: #ffffff;

}



.bg-theme {

    background-color: #dd4814 !important;

    border: 1px solid #dd4814;

    color: white;

}



.bg-theme a,

.bg-theme i,

.bg-theme span,

.bg-theme small,

.bg-theme p {

    color: white;

}



.bg-theme .flot-tick-label.tickLabel {

    color: rgba(255, 255, 255, 0.5) !important;

}



.bg-theme .morris-hover-row-label {

    background-color: #ae3910;

}



#back-top:hover {

    background: #dd4814;

    box-shadow: 0 0 0 6px #ffffff;

}



.jqvmap-zoomin,

.jqvmap-zoomout {

    background: #dd4814 !important;

}



.jqvmap-zoomin:hover,

.jqvmap-zoomout:hover {

    background: #ae3910 !important;

}





/* ========================================================================

 * CHOSEN

 * ======================================================================== */



.chosen-container .chosen-results li.highlighted {

    background-color: #dd4814 !important;

    background-image: none !important;

}





/* ========================================================================

 * DROPZONE

 * ======================================================================== */



.dz-file-preview .dz-details:before {

    color: #dd4814;

}





/* ========================================================================

 * JPRELOADER

 * ======================================================================== */



#jpreBar {

    background-color: #dd4814;

}





/* ========================================================================

 * DATEPICKER

 * ======================================================================== */



.datepicker table thead tr:first-child {

    background-color: #dd4814;

}



.datepicker table thead tr:last-child {

    background-color: #ae3910;

}



.datepicker table thead tr th {

    background-color: #dd4814;

    border-color: #c64012 #c64012 #bc3d11;

}



.datepicker table thead tr .prev:hover,

.datepicker table thead tr .switch:hover,

.datepicker table thead tr .next:hover {

    background-color: #c64012 !important;

}



.datepicker table tbody tr td.active,

.datepicker table tbody tr td.active:hover,

.datepicker table tbody tr td.active:disabled,

.datepicker table tbody tr td.active.disabled:hover {

    background-color: #dd4814;

}



.datepicker table tbody tr td.active.active {

    background-color: #dd4814;

}



.datepicker table tbody tr td.active.active:hover {

    background-color: #ae3910;

}



.datepicker .icon-arrow-left:before {

    font-family: "FontAwesome";

    content: "\f104";

}



.datepicker .icon-arrow-right:before {

    font-family: "FontAwesome";

    content: "\f105";

}



.datepicker-dropdown:after {

    border-bottom: 6px solid #dd4814;

}





/* ========================================================================

 * ION SLIDER

 * ======================================================================== */



.slider-theme .irs-diapason {

    background-color: #eb5420 !important;

}



.slider-theme .irs-slider {

    background-color: #dd4814 !important;

}



.slider-theme #irs-active-slider,

.slider-theme .irs-slider:hover {

    background-color: #dd4814 !important;

}



.slider-theme .irs-from,

.slider-theme .irs-to,

.slider-theme .irs-single {

    background-color: #dd4814 !important;

}



.slider-theme .irs-from:after,

.slider-theme .irs-to:after,

.slider-theme .irs-single:after {

    border-top-color: #dd4814 !important;

}



.slider-theme.circle .irs-slider {

    top: 21px;

    width: 20px;

    height: 20px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.slider-theme.donut .irs-slider {

    background: #e1e4e9 !important;

    top: 21px;

    width: 20px;

    height: 20px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 4px solid #dd4814;

    margin-left: -3px;

}