/*Colors*/
.themeprimary {
  color: #cc324b !important;
}
.themesecondary {
  color: #8cc474 !important;
}
.themethirdcolor {
  color: #ffce55 !important;
}
.themefourthcolor {
  color: #5db2ff !important;
}
.themefifthcolor {
  color: #e75b8d !important;
}
/*Background Colors*/
.bg-themeprimary {
  background-color: #cc324b !important;
}
.bg-themesecondary {
  background-color: #8cc474 !important;
}
.bg-themethirdcolor {
  background-color: #ffce55 !important;
}
.bg-themefourthcolor {
  background-color: #5db2ff !important;
}
.bg-themefifthcolor {
  background-color: #e75b8d !important;
}
/*Before Colors*/
.before-themeprimary:before {
  background-color: #cc324b !important;
}
.before-themesecondary:before {
  background-color: #8cc474 !important;
}
.before-themethirdcolor:before {
  background-color: #ffce55 !important;
}
.before-themefourthcolor:before {
  background-color: #5db2ff !important;
}
.before-themefifthcolor:before {
  background-color: #e75b8d !important;
}
/*Border Colors*/
.bordered-themeprimary {
  border-color: #cc324b !important;
}
.bordered-themesecondary {
  border-color: #8cc474 !important;
}
.bordered-themethirdcolor {
  border-color: #ffce55 !important;
}
.bordered-themefourthcolor {
  border-color: #5db2ff !important;
}
.bordered-themefifthcolor {
  border-color: #e75b8d !important;
}
/*Typography*/
h1.row-title:before,
h2.row-title:before,
h3.row-title:before,
h4.row-title:before,
h5.row-title:before,
h6.row-title:before {
  background-color: #cc324b;
}
/*Navbar*/
.navbar .navbar-inner {
  background: #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .badge {
  box-shadow: 1px 1px 0 #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-time {
  color: #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li .avatar-area .caption {
  background-color: #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.dropdown-footer {
  border-top: 3px solid #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
  background-color: #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
  border-left: 2px solid #8cc474;
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] + .text:before {
  border-color: #cc324b;
}
.navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked + .text:before {
  border-color: #cc324b;
  color: #8cc474;
}
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
  background-color: #cc324b;
}
/*Sidebar*/
.page-sidebar:hover .sidebar-collapse .collapse-icon {
  color: #cc324b;
}
.page-sidebar .sidebar-header-wrapper {
  margin-left: 5px;
  height: 40px;
  margin-bottom: 0;
  position: relative;
}
.page-sidebar .sidebar-header-wrapper .searchicon {
  color: #cc324b;
}
.page-sidebar .sidebar-menu li:before {
  background-color: #cc324b;
}
.page-sidebar .sidebar-menu li:not(.open):hover:before {
  background-color: #8cc474;
}
.page-sidebar .sidebar-collapse:before {
  background-color: #cc324b;
}
.page-sidebar .sidebar-collapse .collapse-icon:hover {
  background-color: #cc324b;
  color: #fff;
}
/*Page Header*/
.page-header .header-buttons a:before {
  background-color: #cc324b;
}
.page-header .header-buttons a:hover {
  color: #cc324b;
}
.page-header .header-buttons a.active {
  color: #cc324b;
}
.page-header .header-buttons a.fullscreen:before {
  background-color: #8cc474;
}
.page-header .header-buttons a.fullscreen:hover,
.page-header .header-buttons a.fullscreen.active {
  color: #8cc474;
}
.page-header .header-buttons a.sidebar-toggler:before {
  background-color: #cc324b;
}
.page-header .header-buttons a.sidebar-toggler:hover,
.page-header .header-buttons a.sidebar-toggler.active {
  color: #cc324b;
}
/*Widget*/
.widget:hover .compact i {
  color: #cc324b;
}
.widget-buttons.compact:hover {
  background-color: #cc324b;
}
.widget-buttons.compact:hover i {
  color: #fff !important;
}
.widget-buttons.compact:before {
  background-color: #cc324b;
}
/*Databoxes*/
.databox .databox-left {
  color: #cc324b;
}
.databox.databox-vertical .databox-top {
  color: #cc324b;
}
/*Tabs*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-top: 2px solid #cc324b;
}
/*Primary Button*/
.btn-primary,
.btn-primary:focus {
  background-color: #cc324b !important;
  border-color: #cc324b;
}
.btn-primary.dropdown-toggle {
  border-left-color: #c3405b !important;
}
.btn-primary.active {
  background-color: #be124b !important;
  border-color: #be124b;
}
.btn-primary.shiny {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNjYzMyNGIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JlMTI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(center top, #cc324b 5%, #be124b 100%);
  background-image: -moz-linear-gradient(center top, #cc324b 5%, #be124b 100%);
  background-image: -o-linear-gradient(center top, #cc324b 5%, #be124b 100%);
  background-image: linear-gradient(center to bottom, #cc324b 5%, #be124b 100%);
}
.btn-primary:hover,
.open .btn-primary.dropdown-toggle {
  background-color: #cf414b !important;
  border-color: #cc324b;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #cc324b !important;
  border-color: #cc324b;
}
/*Primary Label*/
.badge-primary,
.label-primary {
  background-color: #cc324b !important;
}
/*Popover*/
.popover-title {
  border-bottom: 3px solid #cc324b;
}
/*tooltip*/
.tooltip-primary + .tooltip > .tooltip-inner {
  border: 1px solid #cc324b;
  background-color: #cc324b;
}
.tooltip-primary + .tooltip.top .tooltip-arrow {
  border-top-color: #cc324b;
}
.tooltip-primary + .tooltip.right .tooltip-arrow {
  border-right-color: #cc324b;
}
.tooltip-primary + .tooltip.left .tooltip-arrow {
  border-left-color: #cc324b;
}
.tooltip-primary + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #cc324b;
}
/*ProgressBar*/
.progress-bar {
  background-color: #cc324b;
}
/*Notification*/
.toast-primary {
  background-color: #cc324b !important;
}
/*Modal*/
.modal-primary .modal-header {
  border-bottom: 3px solid #cc324b;
}
/*Dropdown*/
.dropdown-primary li a:hover,
.dropdown-primary li a:focus,
.dropdown-primary li a:active,
.dropdown-primary li.active a,
.dropdown-primary li.active a:hover,
.dropdown-primary .dropdown-submenu:hover > a,
.nav-tabs .dropdown-primary li > a:focus {
  background: #cc324b;
}
/*Pagination*/
.pagination > li.active > a,
.pagination > li.active > a:hover {
  background-color: #cc324b;
  border-color: #cc324b;
}
/*Table*/
.table thead.colored-primary > tr > th {
  background-color: #cc324b;
}
.table thead.colored-primary.bordered-primary > tr > th {
  border-bottom: 3px solid #cc324b;
}
@media only screen and (max-width: 800px) {
  .table thead.bordered-primary > tr > th {
    border-right: 3px solid #cc324b;
  }
}
/*Nestable Lists*/
.dd-list > li.bordered-primary > .dd-handle {
  border-left-color: #cc324b;
}
/*Treeview*/
.tree-loading {
  color: #cc324b !important;
}
/*Wizard*/
.wizard ul li.active .step {
  border-color: #cc324b;
  color: #cc324b;
}
.wizard ul li.active:before {
  background-color: #cc324b;
}
/*Inputs*/
input[type=checkbox].colored-primary:checked + .text,
input[type=radio].colored-primary:checked + .text {
  color: #cc324b;
}
input[type=checkbox].colored-primary:checked + .text:before,
input[type=radio].colored-primary:checked + .text:before {
  border-color: #cc324b;
  color: #cc324b;
}
input[type=checkbox].checkbox-slider.colored-primary + .text:after {
  border-color: #cc324b;
}
input[type=checkbox].checkbox-slider.colored-primary:checked + .text:before {
  background-color: #cc324b;
  border-color: #cc324b;
  color: #fff;
}
input[type=checkbox].checkbox-slider.colored-primary:checked + .text:after {
  background-color: #cc324b;
}
input[type=checkbox].checkbox-slider.colored-primary.slider-icon:checked + .text:after {
  color: #cc324b;
}
input[type=checkbox].checkbox-slider.colored-primary.slider-icon + .text:after {
  color: #cc324b;
}
input[type=checkbox].checkbox-slider.colored-primary.toggle:checked + .text:after {
  color: #cc324b;
}
input[type=checkbox].checkbox-slider.colored-primary.toggle + .text:after {
  background-color: #cc324b;
}
/*Slider*/
.noUi-connect {
  background: #cc324b;
}
.ui-rangeSlider.valuelabel-primary .ui-rangeSlider-label {
  background-color: #cc324b;
}
.ui-rangeSlider.valuelabel-primary .ui-rangeSlider-label-inner {
  border-top: 6px solid #cc324b;
}
.ui-rangeSlider.silder-primary .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before,
.ui-rangeSlider.silder-primary .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
  color: #cc324b !important;
}
.ui-rangeSlider.silder-primary .ui-rangeSlider-bar {
  background: #cc324b !important;
}
.ui-rangeSlider-label {
  background-color: #8cc474;
}
.ui-rangeSlider-bar {
  background: #cc324b;
}
.ui-rangeSlider-label-inner {
  border-top: 6px solid #8cc474;
}
/*Select2*/
.select2-results .select2-highlighted {
  background: #cc324b;
}
.select2-container-multi .select2-choices .select2-search-choice {
  border: 1px solid #cc324b;
  background-color: #cc324b;
}
/*Tags Input*/
.bootstrap-tagsinput > span {
  border: 1px solid #cc324b;
  background: #cc324b;
}
/*DatePicker*/
.datepicker td.active,
.datepicker td.active:hover {
  background-color: #cc324b;
}
.datepicker td span.active {
  background-color: #cc324b;
}
/*DateRangePicker*/
.daterangepicker .ranges li {
  color: #cc324b;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #cc324b;
  border: 1px solid #cc324b;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #cc324b;
  border-color: #cc324b;
}
/*Editors*/
.note-editor .dropdown-menu li a i {
  color: #cc324b;
}
.note-editor .note-dropzone.hover {
  color: #cc324b;
  border: 2px dashed #cc324b;
}
/*Lockscreen*/
.lock-container .lock-box .btn-lock,
.lock-container .lock-box .btn-lock:hover {
  color: #cc324b;
}
.lock-container .signinbox a {
  color: #cc324b;
}
/*Pricing Tables*/
.pricing-container .plan .signup {
  background-color: #cc324b;
}
.profile-container .profile-body .nav-tabs > li.active > a,
.profile-container .profile-body .nav-tabs > li.active > a:hover,
.profile-container .profile-body .nav-tabs > li.active > a:focus {
  border-bottom: 2px solid #cc324b;
}
/*Comment*/
.comment .comment-footer a:hover {
  color: #cc324b;
}
/*Mail*/
.mail-container .mail-header .header-buttons li a:hover {
  border-color: #cc324b;
}
.mail-container .mail-header .header-buttons li a:hover i {
  color: #cc324b;
}
.mail-container .mail-body .mail-info .mail-sender.mail-sender span,
.mail-container .mail-body .mail-info .mail-date.mail-sender span {
  color: #8cc474;
}
.mail-container .mail-body .mail-reply .reply-form > div a {
  color: #8cc474;
}
.mail-container .mail-body .mail-list .list-item:before {
  background-color: #cc324b;
}
/*Calendar*/
.external-event {
  border-left: 4px solid #cc324b;
}
/*Dashboard*/
.dashboard-box .box-header .deadline {
  border-top: 3px solid #cc324b !important;
}
.dashboard-box .box-progress .progress-handle {
  background-color: #cc324b !important;
}
.dashboard-box .box-progress .progress-handle:after {
  border-top-color: #cc324b !important;
}
.dashboard-box .box-days .day-container:hover {
  background-color: #cc324b;
  border: 1px solid #cc324b;
}
.dashboard-box .box-days .day-container.highlight {
  background-color: #cc324b;
  border: 1px solid #cc324b;
}
.dashboard-box .box-days .day-container.highlight:hover {
  color: #cc324b;
}
.dashboard-box .box-days .day-container .day-more {
  color: #cc324b;
}
/*Orders*/
.orders-container .orders-list .order-item:before {
  background-color: #cc324b !important;
}
.orders-container .orders-list .order-item.top:hover:before {
  background-color: #8cc474 !important;
}
.orders-container .orders-list .order-item.top .item-more {
  color: #8cc474 !important;
}
.orders-container .orders-list .order-item .item-more {
  color: #cc324b !important;
}
/*Error Pages*/
.body-404 {
  background-color: #cc324b;
}
.error-container h1 {
  color: #cc324b;
}
.return-btn:hover {
  color: #cc324b;
}
.body-500 {
  background-color: #8cc474;
}
.body-500 .error-container h1 {
  color: #8cc474;
}
.body-500 .return-btn:hover {
  color: #8cc474;
}
.loading-container .colored {
  background-color: #cc324b !important;
}
.breadcrumb > li > a {
  color: #cc324b;
}
