/*
  grisGoethe: #737A7F;
  amarilloGoeteh: #C1A231;
  rojoGoethe: #8E0C3A;
  successfulGreen: #56A902;
*/
@media(max-width:500px) {
  html, body {
    
  }
  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #E5E5E5;
    padding: 20px 0;
    opacity: 0.9;
    background-color: white;
    text-align: center;
    z-index: 1;
  }

  .view-container {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
}
html, body {
  height: 100%;
	/*background-color: #e2e2e2;	*/
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus  {
  background-color: #C1A231;
}

.navbar-inverse .navbar-nav>.open>a {
  background-color: #C1A231;
}

.navbar-inverse .navbar-nav>.open>a:hover {
  background-color: #C1A231;
}

.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #C1A231;
}

.navbar-inverse .navbar-nav>li>a {
	color: #ffffff;
}

.navbar-inverse {
  background-color: #8E0C3A;
}

.panel-primary>.panel-heading {
  background-color: #8E0C3A;
  border-color: #8E0C3A;
}

.alert-danger {
  background-color: #8E0C3A;
}

#views-container {
  height: 90%;
  margin-top: 50px;
	margin-bottom: 50px;
	/*min-height: 800px;*/
}

.active {
  background-color: #C1A231;
}

.footer {
  bottom: 0;
  width: 100%;
  height: 60px;
  border-top: 1px solid #E5E5E5;
  padding: 20px 0;
  opacity: 0.9;
  background-color: white;
  text-align: center;
	z-index: 1;
}

.footer img {
  filter: grayscale(100%);
}

#login-panel {
  text-align: center;
}
.error-message {
  color: #8E0C3A;
  display: none;
}
.success-message {
  color: #56A902;
  display: none;
}

.pagination>li>a, .pagination>li>span {
  position: static;
}

.password-low {
  color: #D81159;
  font-weight: bold;
}

.password-medium {
  color: #FFBC42;
  font-weight: bold;
}

.password-high {
  color: #218380;
  font-weight: bold;
}

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}

#week-days .panel-heading {
	text-align: center;
}

#week-days .col-md-2 {
	padding: 0 5px;
}

.fc-day-grid-event .fc-content {
	white-space: normal !important;
}

.custom-event {
  color: #fff;
  /*text-shadow: 0 1px 0 #000;*/
}
.custom-all-day-event {
  text-align: center;
  text-transform: uppercase
}

.loading-spinner {
	width: 30px;
	opacity: 0.5;
	margin: 3px 0;
	display: none;
}

@media(min-height: 1000px) {
	.scrollable-panel {
		overflow-y: scroll;
		height: 750px;
	}
	#views-container {
		margin-top: 80px;
	}
}

@media(min-height: 600px) {
	.scrollable-panel {
		overflow-y: scroll;
		height: 450px;
	}
	#views-container {
		margin-top: 50px;
	}
}