body {
  font-family: Helvetica, Arial, sans-serif !important;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px !important;
  line-height: 21px;
  margin: 0;
}

#sp-page-builder button.sppb-btn-custom:hover,
#sp-page-builder .sppb-btn.sppb-btn-custom:hover,
#sp-page-builder .sppb-btn.sppb-btn-custom:active {
  background: #d69400 !important;
  color: white !important;
}

#sp-left .sp-module,
#sp-right .sp-module {
  margin-top: 20px;
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 10px;
  /*width:50%;*/
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
  margin: 0 px;
  padding-bottom: 0px;
  /*padding-bottom: 5px; */
  font-size: 22px;
  font-weight: 700;
  /* background: bisque; */
  /* border-bottom: 3px solid #990000; */
}

#sp-left .sp-module ul>li,
#sp-right .sp-module ul>li {
  display: block;
  /* border-bottom: 1px solid #212f49; */
  /*  border-bottom: 1px solid #c4d7db; */
}

#sp-left .sp-module ul>li.active,
#sp-right .sp-module ul>li.active {
  color: #ffffff !important;
  /*background-color: #fac136;*/
}

#sp-left .sp-module ul>li>a:hover,
#sp-right .sp-module ul>li>a:hover {
  color: #000000 !important;
  background-color: #ece9ea;
}

#sp-left .sp-module ul>li>a:visited,
#sp-right .sp-module ul>li>a:visited {
  color: #316ac5 !important;
  background-color: #ece9ea;
}

/* Prueba de submenu */

#sp-left .sp-module ul>li>ul>li,
#sp-right .sp-module ul>li>ul>li {
  margin: 0px 0px 0px 25px;
  display: block;
  /* border-bottom: 1px solid #212f49; */
  /* Quita subrayado menu   border-bottom: 1px solid #c4d7db; */
}

/*#sppb-addon-1657620419493 {background-color:#990000 !important; opacity: 0.3 !important;}*/

.img-slice-wrap-two .inner-box {
  opacity: 1 !important;
}

/*estilo que le falta al input datetime-local*/

input[type="datetime-local"]:not(.form-control) {
  display: block;
  width: 100%;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  /* font-size: 14px; */
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*breadcrumbs* margin-right para modificar el margen derecho icono fa-map-marker situacion y quitar el color gris #E9ECEF a las migas de pan */
.breadcrumb {
  background-color: #fff;
}

.float-start {
  margin-right: 7px;
}

/*poner color de fondo en el megamenu */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 5px 4px 5px 4px #cccccc;
}

.sp-megamenu-parent>li.active>a {
  text-decoration-color: #E18728;
}


/*#sp-main-body {padding:100px 0;} Reducir el espacio entre la foto y las migas de pan */

#sp-main-body {
  padding: 10px 0;
}

/*Algunos estilos traidos de la antigua joomla.css*/
/* Box Icons
---------------------------------------------------------------------- */

.simple-box,
.info-box,
.equip-box,
.success-box,
.warning-box,
.error-box {
  margin: 10px 0 11px;
  padding: 9px 35px 9px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.simple-box {
  background-color: #eeeeee;
  border: 1px solid #e7e7e7;
  color: #777;
}

.info-box {
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  color: #3A87AD;
}

.equip-box {
  background-color: #FFFFFF;
  border: 1px solid #e7e7e7;
  color: #000000;
}

.success-box {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

.warning-box {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
  width: fit-content;
}

.error-box {
  background-color: #F2DEDE;
  border-color: #EED3D7;
  color: #B94A48;
  width: fit-content;
}

/* 2. FONT ICON
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

[class^="fa fa-"],
[class*="far fa-"],
[class*=" fa fa-"] {
  font-size: 18px;
  padding-right: 0.6em;
}

dd {
  margin-left: 10px !important;
  margin-bottom: 0px;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  /*background-color: #FEB7EE !important;*/
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button {
  font-family: Helvetica, Arial, sans-serif !important;
}

.article-details .article-header h1,
.article-details .article-header h2 {
  font-size: 1.875rem !important
}

.accordeonck img {
  display: inline;
}