.hotels-data-past-data-add-form,
.demography-add-form,
.hotels-data-past-data-delete-form,
.hotels-data-past-data-edit-form,
.hotels-data-future-data-add-form,
.hotels-data-future-data-delete-form,
.hotels-data-future-data-edit-form,
.hotels-data-compset-add-form,
.hotels-data-compset-edit-form,
.hotels-data-months-change-status-form,
.hotels-data-filter-dates-form,
.hotels-data-helpers-add-form,
.hotels-data-helpers-delete-form  {
	background-color: #e9e9e9;
	padding: 20px;
	margin-bottom: 24px;
}
.hotels-data-past-data-add-form .form-item,
.hotels-data-past-data-edit-form .form-item,
.hotels-data-future-data-add-form .form-item,
.hotels-data-compset-add-form .form-item,
.hotels-data-compset-edit-form .form-item,
.hotels-data-months-change-status-form .form-item,
.hotels-data-filter-dates-form .form-item,
.hotels-data-helpers-add-form .form-item {
    margin-top: 0px;
}
#hotels-data-past-data-add-form fieldset#edit-fields div.fieldset-wrapper,
#hotels-data-past-data-edit-form fieldset#edit-fields div.fieldset-wrapper,
#hotels-data-helpers-add-form fieldset#edit-fields div.fieldset-wrapper
{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 2rem
}
#hotels-data-helpers-add-form fieldset#edit-fields div.fieldset-wrapper select {
	width: 100%
}

#hotels-data-future-data-add-form fieldset#edit-fields div.fieldset-wrapper,
#hotels-data-future-data-edit-form fieldset#edit-fields div.fieldset-wrapper{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 2rem
}
#hotels-data-compset-add-form fieldset#edit-fields div.fieldset-wrapper,
#hotels-data-compset-edit-form fieldset#edit-fields div.fieldset-wrapper {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 1rem
}
#hotels-data-filter-dates-form fieldset#edit-fields div.fieldset-wrapper {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	column-gap: 1rem
}
#past-data-table th,
#past-data-table tr{
	width: 14.3%;
}
#hotels-data-wrapper .table-filters a:hover{
	text-decoration: none;
	color: white;
}
#hotels-data-wrapper .btn-outline-primary:not(:disabled):not(.disabled).active{
	background-color: var(--red) !important;
	border-color: var(--red)!important;
}
#hotels-data-wrapper .table-filters .btn-outline-primary:not(:disabled):not(.disabled).active a,
#hotels-data-wrapper .table-filters .btn-outline-primary:active a{
	color: blue;
}
#hotels-data-wrapper .table-filters .btn-outline-primary:hover{
	background-color: var(--red) !important;
	border-color: var(--red) !important;
	color: white;
}
#hotels-data-wrapper .btn-primary.year-button{
	color: white;
	background-color: var(--red);
	border-color:var(--red);
	cursor: default;
}
.table-filters {
	display: flex;
	padding: 0.75rem 0rem;
	margin-bottom: 0;
	color: inherit;
	background-color: #fff;
	border-bottom: 0px;
}
#hotels-data-wrapper .table-filters{
	padding-top: 0px;
}
.table-filters.performance{
	padding: 0px;
}
#datos-diarios .empty-row td:nth-child(1),
#datos-diarios .empty-row td:nth-child(4),
#datos-diarios .empty-row td:nth-child(5),
#datos-diarios .empty-row td:nth-child(6) {
	background: var(--pastelRed);
}
/*#datos-diarios td:nth-child(1),*/
/*#datos-diarios td:nth-child(4),*/
/*#datos-diarios td:nth-child(5),*/
/*#datos-diarios td:nth-child(6),*/
/*#prevision td:nth-child(2),*/
/*#prevision td:nth-child(3),*/
/*#prevision td:nth-child(5),*/
/*#prevision td:nth-child(6),*/
/*#prevision td:nth-child(8),*/
/*#prevision td:nth-child(9),*/
/*#alojamientos td:nth-child(1) {*/
	/*background-color: #f7f7f7;*/
/*}*/

/* List months status */

.closed::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f023";
}
.open::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f3c1";
}

#hotels-data-wrapper button.closed {
	background-color: var(--grey) !important ;
	border-color: var(--grey) !important ;;
	color:  white;
}
#hotels-data-wrapper button.incomplete {
	background-color: var(--pastelRed) ;
	border-color: var(--pastelRed) ;
}
.Pre-alta::before { background-color: var(--prealta) }
.Operativo::before { background-color: var(--operativo) }
.Desactualizado::before { background-color: var(--desactualizado) }
.Bloqueado::before { background-color: var(--bloqueado) }
.Deshabilitado::before { background-color: var(--deshabilitado) }

#hotels-data-wrapper div.prevision-ocupacion button.incomplete {
    background-color: var(--pastelOrange);
    border-color: var(--pastelOrange);
}

#hotels-data-wrapper div.prevision-ocupacion .btn-primary.year-button {
    background-color: var(--orange);
    border-color: var(--orange);
}

.views-field-field-user-estado::before,
.profile-field-user-estado::before {
	border-radius: 25%;
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
}
div.title-chart {
	margin: 10px 0;
    font-size: 18px;
    font-weight: 700;
}
table.horizontal-scroll {
	display: block;
    overflow-x: auto;
    white-space: nowrap;
}
table.horizontal-scroll th {
	border-top: 1px solid #e9ecef;
}
div.table-ranking table.horizontal-scroll {
	width: 100%;
	display: table;
}
.inline {
	display: inline-block;
}

/*  -- CSS DEL SOCIAL MEDIA ENGAGEMENT -- */

.actual-followers{
	display: flex;
}

.card.followers-card,
.card.information-card,
.card.social-data-card{
	border: 1px solid rgba(26, 54, 126, 0.125);
	box-shadow: none;
	padding: 1rem;
}

.social-media-logo img{
	height: 60px;
}

.social-media-logo-small img{
	height: 30px;
}

.row.actual-followers,
.card.social-data-card .row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.followers-number,
.social-media-name span{
	font-size: 18px;
	font-weight: bold;
}

.social-media-name{
	border-bottom: 1px solid rgba(26, 54, 126, 0.125);
}

.information-card .card-header{
	border-bottom: none;
	padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}

.more-info-text{
	color: #495057;
	font-weight: normal;
	font-size: 14px;
	text-transform: none;
}


.card.social-data-card .social-data-title,
.card.social-data-card .social-data-number{
	display: flex;
	align-items: center;
}

div.table-ranking {
	font-size: 0.9em;
}
div.table-ranking table.horizontal-scroll th,
div.table-ranking table.horizontal-scroll td,
div.table-ranking table th,
div.table-ranking table td  {
    border: 1px solid #ddd;
}
div.table-ranking .table th, div.table-ranking .table td {
    padding: 0.35rem;
}
.missing-data-warning {
	background-color: #ffcc0155;
	padding: 20px;
}

.missing-data-warning .fa-exclamation-circle {
	font-size: 30px;
	float: right;
	color: var(--red);
}
div.hide-leyend-message {
	text-align: center;
    background-color: #ddd;
    padding: 5px;
    margin-bottom: 10px;
}
.modal-dialog {
  position: absolute !important;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.btn.num-aloj {
	padding:  0px 5px;
}

div.table-responsive.tables-perfomance{
	width: 70vw;
	overflow-x: scroll;
}

.contenedor .tables-perfomance td {
  font-size: 12px;
}
.select2-container .select2-selection--single {
	height: 41px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 41px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 41px;
}

#prevision .table-responsive,
#prevision .grafica {
	max-width: calc(100vw - 400px);
}

.demography-title:disabled {
	font-weight: bold;
	padding-top: 0.7em;
	text-align: center;
}

.demography-form-operation:disabled {
	padding-top: 0.7em;
}

.hotels-data-past-data-add-form .form-item {
	margin-bottom: 0;
}

.underline-red {
	border-bottom: 3px solid var(--red);
	padding-bottom: 6px;
}

.underline-gray {
	border-bottom: 3px solid #e9ecef;
	padding-bottom: 6px;
}

.peak-occupancy-hotel-date-form .fieldset-wrapper {
	 display: flex;
	 justify-content: space-between;
 }

.peak-occupancy-hotel-date-form .form-item, .form-actions {
	flex-basis: 48%;
}

.form-dinamico,
.form-dinamico-alojamiento,
.form-dinamico-apartamento,
.form-dinamico-otro-alojamiento,
.form-dinamico-congreso,
.form-dinamico-servicio-turistico,
.form-dinamico-espacios-singulares,
.form-dinamico-restauracion
{
	background-color: #E9E9E9;
	padding: 25px;
	margin-bottom: 3%;
	display: none;
}




a.btn-edit.active {
	color: var(--red);
}

.prevision-add-form {
	/*display: flex;*/
	align-items: center;
}

.filtros-fechas {
	max-width: 50%;
	display: inline-block;
}

.filtros-fechas .fieldset-wrapper{
	width: 100%;
	display: flex;
}
.filtros-fechas .fieldset-wrapper > div {
	margin-right: 1em;
	margin-top: 0;
}

#prevision .button-container {
	max-width: 50%;
	display: inline-block;
}

#prevision .button-container input[type='submit']{
	margin-right: 1em;
}

#prevision input[type=submit].btn-outline-warning{
	color: #f7b924;
	border-color: #f7b924;
	background: transparent;
}
#prevision input[type=submit].btn-warning{
	color: #212529;
	background-color: #f7b924;
	border-color: #f7b924;
}

#prevision input[type=submit].btn-outline-success {
	color: #3ac47d;
	border-color: #3ac47d;
	background: transparent;
}

#prevision input[type=submit].btn-success {
	color: #fff;
	background-color: #3ac47d;
	border-color: #3ac47d;
}

#prevision input[type=submit].btn-outline-primary {
	color: var(--red);
	border-color: var(--red);
	background: transparent;
}

#prevision input[type=submit].btn-primary {
	color: white;
	background-color: var(--red);
	border-color: var(--red);
}

#prevision-add-form .filtros-fechas .fieldset-wrapper {
	align-items: end;
}

#prevision-add-form input[type=submit] {
	max-height: 43px;
	margin-top: 1em;
}

.fa.disabled,
.fa[disabled],
a.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.one-row {
	width: 100%;
	display: block;
}

.one-row .fieldset-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.one-row .fieldset-wrapper .form-item {
	width: 90%;
	margin: 0 3%;
}

.one-row .fieldset-wrapper .form-item input {
	width: 100%;
}
/* Custom Modal for Peak Occupancy Periods: */

/*(background)*/
.my-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 30% !important;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close {
  background-color: var(--red);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #fff !important;
  text-shadow: 0 1px 0 #000 !important;
  opacity: unset !important;
}

.align-list{
  padding: 0em 3em 0em 5em;
}