/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
body {
  background-color: #fffcfc;
}

.cinette a {
  color: #e4002b;
}

.cinette .bg-primary {
  background-color: #e4002b !important;
}

.cinette .text-primary,
.cinette .text-primary-all *:after,
.cinette .text-primary-all *:before,
.cinette .text-primary-all * {
  color: #e4002b !important;
}

.cinette .btn-action {
  color: #fff !important;
}

.cinette .btn-secondary,
.cinette .btn-secondary.disabled {
  box-shadow: 0 2px 6px #e1e5e8;
  color: #fff;
}

/* ***** 3.2 Form - override/_form */
.cinette .form-control,
.cinette .input-group-text,
.cinette .custom-select,
.cinette .custom-file-label {
  background-color: #fff8fa;
  border-color: #ff6f8a;
  background-color: #f4f5f6;
  border-color: #e5e8ea;
}
.cinette .form-control:focus,
.cinette .input-group-text:focus,
.cinette .custom-select:focus,
.cinette .custom-file-label:focus {
  background-color: #fff8fa;
  border-color: #ff1844;
  background-color: #fff8fa;
  border-color: #ff6f8a;
}
.cinette .form-control:disabled, .cinette .form-control[readonly],
.cinette .input-group-text:disabled,
.cinette .input-group-text[readonly],
.cinette .custom-select:disabled,
.cinette .custom-select[readonly],
.cinette .custom-file-label:disabled,
.cinette .custom-file-label[readonly] {
  background-color: #fdfdff;
  opacity: 1;
}

.cinette .form-group {
  margin-bottom: 10px !important;
}

.cinette .input-group-append [class*=btn-outline-] {
  background-color: #ff8aa0;
}

.cinette .custom-control-input:checked ~ .custom-control-label::before,
.cinette .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #e4002b !important;
}

.cinette .custom-file-input:focus + .custom-file-label {
  border-color: #e4002b;
}

.cinette .selectgroup-button {
  background-color: #fff8fa;
  border-color: #ff6f8a;
}

.cinette .selectgroup-input:checked + .selectgroup-button, .cinette .selectgroup-input:focus + .selectgroup-button {
  background-color: #e4002b;
}

.cinette .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #e4002b;
}
.cinette .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #e4002b;
}

.cinette .imagecheck-figure {
  background-color: #ff8aa0;
  border-color: #ff6f8a;
}

.cinette .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #e4002b;
}
.cinette .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24);
}

.cinette .imagecheck-figure:before {
  background: #e4002b url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
}

.cinette .colorinput-color {
  background-color: #ff8aa0;
  border-color: #ff6f8a;
}

/* ***** 3.3 List - override/_list */
.cinette .list-group-item.active {
  background-color: #e4002b;
  border-color: #e4002b;
}

.cinette .list-group-item-primary {
  background-color: #e4002b;
}

/* ***** 3.4 Alert - override/_alert */
.cinette .alert.alert-primary {
  background-color: #e4002b;
}

/* ***** 3.5 Card - override/_card */
.cinette .card .card-header h4 + .card-header-action .btn.active,
.cinette .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #ff3258;
  background-color: #e4002b;
}
.cinette .card.card-primary {
  border-top: 2px solid #e4002b;
}
.cinette .card.card-border-primary {
  border: 3px solid #e4002b;
  border-radius: 15px;
}
.cinette .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #e4002b, #ff1844);
}
.cinette .card.card-hero .card-header .card-icon {
  color: #ff0e3b;
}

.cinette .card .card-header {
  min-height: 0;
  height: auto !important;
}

/* ***** 3.6 Table - override/_table */
.cinette .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #e4002b;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cinette .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(228, 0, 43, 0.05);
}

.cinette .table-hover tbody tr:hover {
  background-color: rgba(228, 0, 43, 0.15);
}

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.cinette .nav-tabs .nav-item .nav-link {
  color: #191d21;
}
.cinette .nav-tabs .nav-item .nav-link.active {
  color: #e4002b;
}

.cinette .nav-pills .nav-link.active,
.cinette .nav-pills .show > .nav-link {
  background-color: #e4002b;
  color: #ffffff;
}
.cinette .nav-pills .nav-item .nav-link:hover {
  background-color: #ff839a;
}
.cinette .nav-pills .nav-item .nav-link.active {
  box-shadow: 0 2px 6px #ff3258;
  background-color: #e4002b;
}

/* ***** 3.10 Pagination - override/_pagination */
.cinette .page-item .page-link {
  color: #e4002b;
}
.cinette .page-item.active .page-link {
  background-color: #e4002b;
  border-color: #e4002b;
  color: #fff;
}
.cinette .page-item.disabled .page-link {
  background-color: #ffe4e9;
  color: #e4002b;
  opacity: 0.8;
}

.cinette .page-link {
  background-color: #ffb4c2;
}
.cinette .page-link:hover {
  background-color: #e4002b;
  color: #fff;
  border-color: transparent;
}

/* ***** 3.11 Badge - override/_badge */
.cinette .badge.badge-primary {
  background-color: #e4002b;
}

/* ***** 3.12 Button - override/_button */
.cinette .btn-action {
  color: #fff !important;
}

.cinette .btn-secondary,
.cinette .btn-secondary.disabled {
  color: #676767;
}

.cinette .btn-outline-secondary:active, .cinette .btn-outline-secondary:focus, .cinette .btn-outline-secondary:hover,
.cinette .btn-outline-secondary.disabled:active,
.cinette .btn-outline-secondary.disabled:focus,
.cinette .btn-outline-secondary.disabled:hover {
  color: #fff !important;
}

.cinette .btn-success,
.cinette .btn-success.disabled {
  color: #fff;
  background-color: success;
  box-shadow: 0 2px 6px #2dae24;
  border-color: success;
}
.cinette .btn-success:active, .cinette .btn-success:focus, .cinette .btn-success:hover,
.cinette .btn-success.disabled:active,
.cinette .btn-success.disabled:focus,
.cinette .btn-success.disabled:hover {
  color: #fff !important;
}

.cinette .btn-outline-success,
.cinette .btn-outline-success.disabled {
  color: #2dae24;
}
.cinette .btn-outline-success:active, .cinette .btn-outline-success:focus, .cinette .btn-outline-success:hover,
.cinette .btn-outline-success.disabled:active,
.cinette .btn-outline-success.disabled:focus,
.cinette .btn-outline-success.disabled:hover {
  color: #fff !important;
}

.cinette .btn-danger,
.cinette .btn-danger.disabled {
  color: #fff;
}

.cinette .btn-outline-danger,
.cinette .btn-outline-danger.disabled {
  color: #fc544b;
}
.cinette .btn-outline-danger:active, .cinette .btn-outline-danger:focus, .cinette .btn-outline-danger:hover,
.cinette .btn-outline-danger.disabled:active,
.cinette .btn-outline-danger.disabled:focus,
.cinette .btn-outline-danger.disabled:hover {
  color: #fff !important;
}

.cinette .btn-dark,
.cinette .btn-dark.disabled {
  color: #fff;
}

.cinette .btn-outline-dark,
.cinette .btn-outline-dark.disabled {
  color: #191d21;
}
.cinette .btn-outline-dark:active, .cinette .btn-outline-dark:focus, .cinette .btn-outline-dark:hover,
.cinette .btn-outline-dark.disabled:active,
.cinette .btn-outline-dark.disabled:focus,
.cinette .btn-outline-dark.disabled:hover {
  color: #fff !important;
}

.cinette .btn-light,
.cinette .btn-light.disabled {
  color: #191d21;
}

.cinette .btn-outline-light,
.cinette .btn-outline-light.disabled {
  color: #e3eaef;
}
.cinette .btn-outline-light:active, .cinette .btn-outline-light:focus, .cinette .btn-outline-light:hover,
.cinette .btn-outline-light.disabled:active,
.cinette .btn-outline-light.disabled:focus,
.cinette .btn-outline-light.disabled:hover {
  color: #fff !important;
}

.cinette .btn-warning,
.cinette .btn-warning.disabled {
  color: #fff;
}
.cinette .btn-warning:active, .cinette .btn-warning:focus, .cinette .btn-warning:hover,
.cinette .btn-warning.disabled:active,
.cinette .btn-warning.disabled:focus,
.cinette .btn-warning.disabled:hover {
  color: #fff !important;
}

.cinette .btn-outline-warning,
.cinette .btn-outline-warning.disabled {
  color: #ffa426;
}
.cinette .btn-outline-warning:active, .cinette .btn-outline-warning:focus, .cinette .btn-outline-warning:hover,
.cinette .btn-outline-warning.disabled:active,
.cinette .btn-outline-warning.disabled:focus,
.cinette .btn-outline-warning.disabled:hover {
  color: #fff !important;
}

.cinette .btn-info,
.cinette .btn-info.disabled {
  color: #fff;
}

.cinette .btn-outline-info,
.cinette .btn-outline-info.disabled {
  color: #3abaf4;
}
.cinette .btn-outline-info:active, .cinette .btn-outline-info:focus, .cinette .btn-outline-info:hover,
.cinette .btn-outline-info.disabled:active,
.cinette .btn-outline-info.disabled:focus,
.cinette .btn-outline-info.disabled:hover {
  color: #fff !important;
}

.cinette .btn-primary,
.cinette .btn-primary.disabled {
  box-shadow: 0 2px 6px #ff98ab;
  background-color: #e4002b;
  border-color: #e4002b;
  color: #fff;
}
.cinette .btn-primary:focus,
.cinette .btn-primary.disabled:focus {
  background-color: #b10021 !important;
}
.cinette .btn-primary:focus:active,
.cinette .btn-primary.disabled:focus:active {
  background-color: #b10021 !important;
}
.cinette .btn-primary:active, .cinette .btn-primary:hover,
.cinette .btn-primary.disabled:active,
.cinette .btn-primary.disabled:hover {
  background-color: #b10021 !important;
}

.cinette .btn-outline-primary,
.cinette .btn-outline-primary.disabled {
  border-color: #e4002b;
  color: #e4002b;
}
.cinette .btn-outline-primary:active, .cinette .btn-outline-primary:focus, .cinette .btn-outline-primary:hover,
.cinette .btn-outline-primary.disabled:active,
.cinette .btn-outline-primary.disabled:focus,
.cinette .btn-outline-primary.disabled:hover {
  background-color: #e4002b !important;
  color: #fff;
}

.cinette .btn-outline-white,
.cinette .btn-outline-white.disabled {
  color: #fff;
}
.cinette .btn-outline-white:active, .cinette .btn-outline-white:focus, .cinette .btn-outline-white:hover,
.cinette .btn-outline-white.disabled:active,
.cinette .btn-outline-white.disabled:focus,
.cinette .btn-outline-white.disabled:hover {
  color: #e4002b;
}

.cinette .btn-social {
  color: #fff !important;
}

.cinette .btn-reddit {
  color: #000 !important;
}

.cinette .btn-group .btn.active {
  background-color: #e4002b;
  color: #fff;
}

/* ***** 3.13 Media - override/_media */
.cinette .media .media-right {
  color: #e4002b;
}

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.cinette .accordion .accordion-header[aria-expanded=true] {
  box-shadow: 0 2px 6px #ff3258;
  background-color: #e4002b;
}

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.cinette .navbar.active {
  background-color: #e4002b;
  box-shadow: rgba(228, 0, 43, 0.2) rgba(0, 0, 0, 0.03);
}

.cinette .navbar-bg {
  background-color: #e4002b;
}

.cinette .navbar .form-inline .search-result .search-item a:hover {
  background-color: #ff889f;
}

@media (max-width: 1024px) {
  .cinette .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #e4002b;
  }
  .cinette .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #e4002b;
  }
}
/* ***** 3.19 Dropdown - override/_dropdown */
.cinette a.dropdown-item.active, .cinette a.dropdown-item:active, .cinette a.dropdown-item:focus {
  background-color: #e4002b;
  color: #fff !important;
}

.cinette .dropdown-list .dropdown-item:focus {
  background-color: #e4002b;
}

.cinette .dropdown-flag .dropdown-item.active {
  background-color: #e4002b;
}

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.cinette .progress-bar {
  background-color: #e4002b;
}

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.cinette :root {
  /* Colors */
  --primary: color($theme);
}

.cinette a.bb {
  border-bottom: 1px solid #e4002b;
}

.cinette .circle-step .circle.circle-primary {
  border-color: #e4002b;
  color: #e4002b;
}

.cinette .shadow-primary {
  box-shadow: 0 2px 6px #ff3258;
}

/* ***** 4.2 Section - theme/section */
.cinette .section .section-header .section-header-back .btn:hover {
  background-color: #e4002b;
}
.cinette .section .section-title:before {
  background-color: #e4002b;
}

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.cinette.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #ff3258;
  background-color: #e4002b;
}
body.cinette.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.cinette.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.cinette.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #e4002b !important;
}

body.cinette .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #e4002b;
}

body.cinette .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #e4002b;
}
body.cinette .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #e4002b;
}
body.cinette .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.cinette .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #e4002b;
}

.cinette .main-sidebar .sidebar-menu li.active a {
  color: #e4002b;
}
.cinette .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #e4002b;
}
.cinette .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #e4002b;
}

.cinette .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #e4002b;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

body.cinette:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #e4002b;
}
body.cinette:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #ff748e;
}
body.cinette:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
  background-color: #e4002b;
}

body.cinette:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #e4002b;
}

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.cinette .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #e4002b;
}

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.cinette .ranges li {
  color: #e4002b;
}
.cinette .ranges li.active, .cinette .ranges li:hover {
  background-color: #e4002b;
}

.cinette .daterangepicker td.active,
.cinette .daterangepicker td.active:hover {
  background-color: #e4002b;
}

/* 1.10 Dropzone - components/_dropzone */
.cinette .dropzone {
  border: 2px dashed #e4002b;
  min-height: 70px;
}
.cinette .dropzone .dz-message {
  font-size: 20px;
  margin: 0.1em;
}

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.cinette .fc button.fc-state-active {
  background-color: #e4002b;
}

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.cinette .jqvmap-circle {
  border: 3px solid #e4002b;
}

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.cinette .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #fff8fa;
  border-color: #ff6f8a;
}
.cinette .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  background-color: #fff8fa;
  border-color: #ff1844;
  outline: none;
  box-shadow: none;
}

.cinette .select2-container .select2-selection--multiple, .cinette .select2-container .select2-selection--single {
  background-color: #fff8fa;
  border-color: #ff6f8a;
  background-color: #f4f5f6;
  border-color: #e5e8ea;
}

.cinette .select2-dropdown {
  border-color: #ff6f8a !important;
}

.cinette .select2-container--default .select2-results__option--highlighted[aria-selected],
.cinette .select2-container--default .select2-results__option[aria-selected=true],
.cinette .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4002b;
  border-color: #e4002b;
  color: #fff;
}

/* 1.19 Selectric - components/_selectric */
.cinette .selectric {
  background-color: #fff8fa;
  border-color: #ff6f8a;
  background-color: #f4f5f6;
  border-color: #e5e8ea;
}
.cinette .selectric:hover {
  background-color: #fff8fa;
  border-color: #ff6f8a;
}
.cinette .selectric:focus {
  background-color: #fff8fa;
  border-color: #ff1844;
}

.cinette .selectric-open .selectric {
  border-color: #e4002b;
}

.cinette .selectric-items li.highlighted, .cinette .selectric-items li.selected {
  background-color: #e4002b;
}

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.cinette .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #ff3258;
  background-color: #e4002b;
}

/* 1.26 Tags Input - components/_tagsinput */
.cinette .bootstrap-tagsinput {
  background-color: #fff8fa;
  border-color: #ff6f8a;
  background-color: #f4f5f6;
  border-color: #e5e8ea;
}
.cinette .bootstrap-tagsinput:focus {
  background-color: #fff8fa;
  border-color: #ff1844;
}
.cinette .bootstrap-tagsinput .tag {
  background-color: #e4002b;
}

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.cinette .weather ul li {
  border: 2px solid #e4002b;
  color: #e4002b;
}

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.cinette .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #e4002b;
}
.cinette .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #ff3258;
  background-color: #e4002b;
}

/* 1.35 Owl Carousel - components/_owlcarousel */
.cinette .owl-theme .owl-dots .owl-dot.active span {
  background-color: #e4002b;
}

/* 1.36 Activities - components/_activities */
.cinette .activities .activity:before {
  background-color: #e4002b;
}

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.cinette .empty-state .empty-state-icon {
  background-color: #e4002b;
}

/* 1.39 Pricing - components/_pricing */
.cinette .pricing.pricing-highlight .pricing-title {
  background-color: #e4002b;
}
.cinette .pricing.pricing-highlight .pricing-cta a {
  background-color: #e4002b;
  color: #fff;
}
.cinette .pricing.pricing-highlight .pricing-cta a:hover {
  background-color: #b10021 !important;
}
.cinette .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #e4002b;
}

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.cinette .avatar {
  background: #e4002b;
  color: #e3eaef;
}

/* 1.42 Wizard - components/_wizard */
.cinette .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #ff3258;
  background-color: #e4002b;
  color: #fff;
}
.cinette .wizard-steps .wizard-step.wizard-step-active:before {
  background-color: #e4002b;
  color: #fff;
}

/*# sourceMappingURL=cinette-theme.css.map */