/* ========================================================================
 * 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: #af86b9;
  color: #ffffff;
}
body.page-sidebar-minimize #header .navbar-minimize:hover > a {
  background-color: #a476b0;
}
#header .navbar-header {
  background-color: #af86b9;
}
/* ========================================================================
 * 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 #af86b9;
}
#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: #af86b9;
}
#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 #9a66a6;
  -moz-box-shadow: 0 0 0 5px #9a66a6;
  box-shadow: 0 0 0 5px #9a66a6;
}
#sidebar-left .sidebar-menu ul li:hover:after {
  background-color: #af86b9;
}
#sidebar-left .sidebar-menu ul li:hover a:before {
  color: #af86b9;
}
#sidebar-left .sidebar-menu ul li.active:after {
  background-color: #af86b9;
}
#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
  color: #af86b9;
}
/* ========================================================================
 * PAGE CONTENT
 * ======================================================================== */
body.page-sidebar-minimize .navbar-minimize,
body.page-sidebar-minimize-auto .navbar-minimize {
  border-right: 1px solid #af86b9 !important;
}
body.page-sidebar-minimize .navbar-minimize a,
body.page-sidebar-minimize-auto .navbar-minimize a {
  background-color: #af86b9;
  border-bottom: 1px solid #af86b9;
}
body.page-sidebar-minimize .navbar-minimize a:hover,
body.page-sidebar-minimize-auto .navbar-minimize a:hover {
  background-color: #a476b0;
  border-bottom: 1px solid #a476b0;
}
body.page-sidebar-minimize .navbar-minimize a i,
body.page-sidebar-minimize-auto .navbar-minimize a i {
  color: #ffffff;
}
.navbar-minimize-mobile {
  background-color: #af86b9;
}
.navbar-minimize-mobile:hover {
  background-color: #a476b0;
}
@media (max-width: 768px) {
  body.page-sidebar-left-show .navbar-minimize-mobile,
  body.page-sidebar-right-show .navbar-minimize-mobile {
    background-color: #9a66a6;
  }
  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
    background-color: #a476b0;
  }
}
.navbar-toolbar .navbar-form input:focus {
  border: 1px solid #af86b9;
}
.navbar-toolbar .navbar-form .btn-focus {
  background-color: #af86b9;
  box-shadow: none;
  border: none;
  color: #ffffff;
}
.navbar-toolbar .navbar-right .dropdown > a:focus > i {
  color: #af86b9;
}
/* ========================================================================
 * SIGN
 * ======================================================================== */
.sign-wrapper a {
  color: #af86b9;
}
.sign-wrapper a:hover,
.sign-wrapper a:focus,
.sign-wrapper a:active {
  color: #ad83b7;
}
.sign-text:before {
  background-color: #c4a6cc;
}
.sign-header {
  background-color: #af86b9;
  border-bottom: 10px solid #a06fac;
}
.sign-text span {
  background-color: #af86b9;
}
.sign-text img {
  border: 7px solid #af86b9;
}
/* ========================================================================
 * ERROR
 * ======================================================================== */
.error-wrapper h1 {
  color: #af86b9;
}
/* ========================================================================
 * INVOICE
 * ======================================================================== */
.product-num {
  background-color: #af86b9;
}
/* ========================================================================
 * RESET
 * ======================================================================== */
a {
  color: #af86b9;
}
a:hover,
a:active,
a:focus {
  color: #9a66a6;
}
input.no-border-left:focus,
textarea.no-border-left:focus {
  border-top: 1px solid #af86b9 !important;
  border-right: 1px solid #af86b9 !important;
  border-bottom: 1px solid #af86b9 !important;
  border-left: none !important;
}
input.no-border-right:focus,
textarea.no-border-right:focus {
  border-top: 1px solid #af86b9 !important;
  border-none: 1px solid #af86b9 !important;
  border-bottom: 1px solid #af86b9 !important;
  border-right: none !important;
}
input:focus,
textarea:focus {
  border: 1px solid #af86b9 !important;
}
/* ========================================================================
 * PANEL
 * ======================================================================== */
.panel-tab .panel-heading ul li.active a i {
  color: #af86b9;
}
.panel-tab .panel-heading ul li a:hover i {
  color: #af86b9;
}
/* ========================================================================
 * MEDIA MANAGER
 * ======================================================================== */
.media-manager .media-manager-options .filter-type a.active {
  color: #af86b9;
}
/* ========================================================================
 * PAGINATION
 * ======================================================================== */
.pagination > li > a {
  color: #9a66a6;
}
.pagination > .active > a,
.pagination > .active > span {
  background-color: #9a66a6;
  border: 1px solid #9a66a6;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #af86b9;
  border: 1px solid #af86b9;
}
.pager > li > a {
  color: #9a66a6;
}
/* ========================================================================
 * RATING STAR
 * ======================================================================== */
.rating .star:hover:before {
  color: #af86b9;
}
.rating .star.active:before {
  color: #af86b9;
}
.rating .star.active ~ .star:before {
  color: #af86b9;
}
/* ========================================================================
 * DROPDOWN
 * ======================================================================== */
.dropdown-menu li {
  position: relative;
}
.dropdown-menu li.active a {
  background-color: #af86b9;
}
.dropdown-menu li.active:hover a,
.dropdown-menu li.active:focus a,
.dropdown-menu li.active:active a {
  background-color: #af86b9;
  cursor: default;
}
.dropdown-menu li > a:hover:before {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  border-left: 3px solid #a476b0;
}
/* ========================================================================
 * LIST GROUP
 * ======================================================================== */
a.list-group-item.active {
  background-color: #af86b9;
  border-color: #af86b9;
}
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #af86b9;
  border-color: #af86b9;
}
/* ========================================================================
 * FORM
 * ======================================================================== */
.ckbox-theme input[type=checkbox]:checked + label::after {
  border-color: #af86b9;
  background-color: #af86b9;
}
.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
  border-color: #af86b9;
  opacity: .5;
}
.rdio-theme input[type=radio]:checked + label::after {
  border-color: #af86b9;
  background-color: #af86b9;
}
.rdio-theme input[type=radio][disabled]:checked + label::after {
  border-color: #af86b9;
  opacity: .5;
}
.form-control:focus {
  border: 1px solid #af86b9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-focus {
  border: 1px solid #af86b9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* ========================================================================
 * TABLE
 * ======================================================================== */
.table-theme thead tr th {
  background-color: #af86b9 !important;
  border-color: #ba96c2 #ba96c2 #a06fac !important;
  color: #fff;
}
.table-theme tbody tr td.sorting_1 {
  background: #cbb0d1 !important;
  color: white;
  border-bottom: 1px solid #dac7de !important;
}
.table-theme tfoot tr th {
  background-color: #af86b9 !important;
  border-color: #a06fac #ba96c2 #ba96c2 !important;
  color: #fff;
}
.table-theme.table-bordered {
  border: 1px solid #af86b9;
}
.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 #dac7de !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: #af86b9;
  border-color: #af86b9;
  color: white;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.btn-theme[disabled],
.btn-theme.disabled {
  background-color: #a476b0;
  border-color: transparent;
  color: white;
}
.btn-theme.dropdown-toggle.btn-theme {
  background-color: #af86b9;
  border-color: #a476b0;
  color: white;
}
.btn-theme.btn-alt {
  background-color: #a476b0;
  border: 1px solid #af86b9;
}
.btn-theme.btn-alt:hover {
  background-color: #9a66a6;
}
.btn-theme.btn-stroke {
  border: 1px double #af86b9;
  background-color: transparent;
  color: #999;
}
.btn-theme.btn-stroke:hover {
  background-color: #a476b0;
  border-color: transparent;
  color: white;
}
.btn-theme.btn-solid {
  border: 1px solid #af86b9;
}
.btn-theme.btn-dashed {
  border: 1px dashed #af86b9;
}
.btn-theme.btn-dotted {
  border: 1px dotted #af86b9;
}
.btn-theme.btn-double {
  border: 4px double #af86b9;
}
.btn-theme.btn-inset {
  border: 4px inset #af86b9;
}
.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: #9a66a6;
  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: #9a66a6;
  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: #9a66a6;
  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: #9a66a6;
  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: #9a66a6;
  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: #af86b9;
  box-shadow: 0 6px #9a66a6;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-theme.btn-push:hover {
  box-shadow: 0 4px #9a66a6;
  top: 2px;
}
.btn-theme.btn-push:active {
  box-shadow: 0 0 #9a66a6;
  top: 6px;
}
.btn-theme.btn-pushright {
  background: #af86b9;
  box-shadow: 6px 0 #9a66a6;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-theme.btn-pushright:hover {
  box-shadow: 4px 0 #9a66a6;
  left: 2px;
}
.btn-theme.btn-pushright:active {
  box-shadow: 0 0 #9a66a6;
  left: 6px;
}
/* ========================================================================
 * PANEL
 * ======================================================================== */
.panel-theme .panel-heading {
  background-color: #af86b9;
  border: 1px solid #ad83b7;
  color: white;
}
.panel-theme .panel-heading .option .btn:hover {
  background-color: #a476b0;
  color: white;
}
.panel-theme .panel-heading .option .btn i {
  color: white;
}
.panel-bg-theme .panel-body {
  background-color: #af86b9;
  color: white;
}
.panel-bg-theme .panel-body .text-muted {
  color: #f2f2f2;
}
/* ========================================================================
 * MISC
 * ======================================================================== */
.img-bordered-theme {
  border: 2px solid #af86b9;
}
.progress-bar-theme {
  background-color: #af86b9;
}
.fg-theme {
  color: #af86b9 !important;
}
.nicescroll-rails div {
  background-color: #af86b9 !important;
}
.sidebar .nicescroll-rails div {
  background-color: #323232 !important;
}
.cal-month-box {
  border-top: 7px solid #a06fac !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: #af86b9;
  color: #ffffff;
  border-width: 0px 1px 0px !important;
  border-style: solid;
  border-color: #ba96c2 #ba96c2 #a06fac !important;
  border-left: none !important;
}
.cal-row-head [class*="cal-cell1"]:hover,
.cal-row-head [class*="cal-cell"]:hover {
  background-color: #af86b9 !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: #ba96c2 #ba96c2 #a06fac !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 #a06fac !important;
  background-color: rgba(255, 255, 255, 0.28);
}
.cal-day-today {
  background-color: #af86b9 !important;
}
.cal-row-head + .cal-day-hour {
  background-color: #a06fac !important;
  color: #ffffff;
}
.bg-theme {
  background-color: #af86b9 !important;
  border: 1px solid #af86b9;
  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: #9a66a6;
}
#back-top:hover {
  background: #af86b9;
  box-shadow: 0 0 0 6px #ffffff;
}
.jqvmap-zoomin,
.jqvmap-zoomout {
  background: #af86b9 !important;
}
.jqvmap-zoomin:hover,
.jqvmap-zoomout:hover {
  background: #9a66a6 !important;
}
/* ========================================================================
 * CHOSEN
 * ======================================================================== */
.chosen-container .chosen-results li.highlighted {
  background-color: #af86b9 !important;
  background-image: none !important;
}
/* ========================================================================
 * DROPZONE
 * ======================================================================== */
.dz-file-preview .dz-details:before {
  color: #af86b9;
}
/* ========================================================================
 * JPRELOADER
 * ======================================================================== */
#jpreBar {
  background-color: #af86b9;
}
/* ========================================================================
 * DATEPICKER
 * ======================================================================== */
.datepicker table thead tr:first-child {
  background-color: #af86b9;
}
.datepicker table thead tr:last-child {
  background-color: #9a66a6;
}
.datepicker table thead tr th {
  background-color: #af86b9;
  border-color: #a476b0 #a476b0 #a06fac;
}
.datepicker table thead tr .prev:hover,
.datepicker table thead tr .switch:hover,
.datepicker table thead tr .next:hover {
  background-color: #a476b0 !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: #af86b9;
}
.datepicker table tbody tr td.active.active {
  background-color: #af86b9;
}
.datepicker table tbody tr td.active.active:hover {
  background-color: #9a66a6;
}
.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 #af86b9;
}
/* ========================================================================
 * ION SLIDER
 * ======================================================================== */
.slider-theme .irs-diapason {
  background-color: #ba96c2 !important;
}
.slider-theme .irs-slider {
  background-color: #af86b9 !important;
}
.slider-theme #irs-active-slider,
.slider-theme .irs-slider:hover {
  background-color: #af86b9 !important;
}
.slider-theme .irs-from,
.slider-theme .irs-to,
.slider-theme .irs-single {
  background-color: #af86b9 !important;
}
.slider-theme .irs-from:after,
.slider-theme .irs-to:after,
.slider-theme .irs-single:after {
  border-top-color: #af86b9 !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 #af86b9;
  margin-left: -3px;
}
