/*
www.cesenas.com
*/

/* COLORES TEMA 1 */
::-webkit-scrollbar-thumb {
  background: #380c1a;
}

::-webkit-scrollbar-thumb:hover {
  background: #460f1f;
}

.header,
.bg-oscuro {
  background-color: #571328;
}

.bg-oscuro {
  color: white;
}

.sidebar {
  background-color: #1e1e1e;
}

.bg-claro {
  background-color: #c42b59;
}

.card-numero,
.card-desc {
  color: white;
}

#carga {
  border-top-color: #c42b59;
}

.breadcrumbcolor {
  color: #8f1f40 !important;
}

.page-item.active .page-link {
  background-color: #8f1f40;
}

.bg-normal {
  background-color: #8f1f40;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
  border-top: 0.125rem solid #8f1f40;
  border-bottom: 0.125rem solid #8f1f40;
  border-left: 0.125rem solid #8f1f40;
}
.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
  border-bottom: 0.125rem solid;
  border-color: #8f1f40;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
  border-color: currentcolor currentcolor currentcolor #8f1f40;
  border-bottom: 0.125rem solid #8f1f40;
  border-right: 0.125rem solid #8f1f40;
  border-top: 0.125rem solid #8f1f40;
}

.form-outline .form-control:focus ~ .form-label {
  color: #8f1f40;
}

.form-switch .form-check-input:checked[type="checkbox"]:after,
.form-check-input[type="checkbox"]:checked {
  background-color: #8f1f40 !important;
  transition: none !important;
}

.btn-normal {
  color: #ffff;
  background-color: #8f1f40;
  transition: 0.5s;
}

.btn-normal:hover {
  background-color: #460f1f;
  transition: 0.5s;
}

.profile-head h6{
  color: #8f1f40;
}

.profile-head .nav-tabs .nav-link.active{
  border-bottom:2px solid #8f1f40;
}

.profile-tab p {
    color: #8f1f40;
}

.file-upload-btn {
  background: #8f1f40;
  border-bottom: 4px solid #571328;
}

.file-upload-btn:hover {
  background: #571328;
}

.image-upload-wrap {
  border: 4px dashed #8f1f40;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #c42b59;
}

.drag-text h3 {
  font-weight: 100;
  color: #8f1f40;
}

.page-link {
  color: #c42b59;
}

.page-link:hover {
  color: #8f1f40;
}

.modal-header {
  background-color: #8f1f40;
}

.__autoitem.selected, .__autoitem.selected:hover {
  background: #e984a3;
}

.__autoitem:hover {
  background: #a84e69;
}