.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }
  a:hover{
  	text-decoration:none !important;
  }
.login-actions a, footer a{
  	color: #00909e;
 }
footer{
	padding: 30px;
    background-color: #a7e2ea;
  }	
  footer .fa-whatsapp{
  	font-size:20pt;
  }
.logo{
	
	max-width: 100px;
}
.logo-link{
	text-align:center;
}
.bg-green {
    background-color: #00909e9e!important;
}	
.toggle-icon{
	    color: #fff;
	    font-size: 20pt;
}
.jumbotron{
	background: url(https://cdn.pixabay.com/photo/2016/10/11/09/26/office-1730939_960_720.jpg) no-repeat;
  background-size: cover;
  background-position: 50%;
	border-radius: unset !important;
	margin-bottom: 0px !important;
  }
  
@media (max-width:900px){
	.jumbotron{
	
    background-size: auto;
    background-position: top;
  }
}
.bg-green-f {
    background-color: #153b40 !important;
}
.page-header{
	text-align: center;
    padding: 20px;
}

  .validate-password, #jform_name, .validate-email, .validate-username, #jform_com_fields_telefono{
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  div.login, div.remind, div.reset, div.reset-confirm, div.reset-complete, div.complete, div.registration{
    max-width: 500px;
    margin: 0 auto !important;
    padding: 40px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
  	
  }
  div#video .button, section.jumbotron .button, div.login .button, div.remind .button, div.reset .button, div.reset-confirm .button, div.reset-complete .button, div.complete .button, div.registration .button, div.thankyou .button{
  	color: white;
    background: #00909e;
    border: none;
    padding: 10px;
    width: 100%;
    margin-top:20px;
  }
  button.mercadopago-button{
		color: white !important;
    background: #00909e !important;
    border: none !important;
    padding: 10px !important;
    width: 100% !important;
    margin-top: 20px !important;
    font-size: 13pt !important;
  }
  .button-cancell{
  	background-color:white;
  	border: solid 1px #00909e;
  	color: #00909e;
  	padding: 10px;
    width: 100%;
    margin-top:20px;
    text-align:center;
  }
 .button-cancell a{
 	color: #00909e;
}
.login-actions{
    text-align: center;
    margin-top: 30px;
    
}
div.alert-error{
	background-color: #f5cccc;
    border: 1px solid #841111;
    color: #841111;
}
div#message .alert-message{
	    color: #155724;
    background-color: none;
    border-color: #c3e6cb;
  }
 p.text-center{
 	text-align:center;
}
.button.mini-button{
		color: white;
    background: #00909e;
    border: none;
    padding: 2px 10px;
    
  }
  
div.citas{
    padding: 40px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    margin-bottom:20px;
}
div.calendar{
	padding: 10px 0px;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  margin-bottom: 20px;
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width:410px){
	div.calendar{
		margin:-20px;
	}
}

td.ocupado, td.hoy, td.selected, td.libre{
	padding: 1px !important;
	text-align:center;
}
td.selected{

	background-color: #6bbac3 !important;
    box-shadow: 1px 1px 3px #505050;
}
td.selected a{
	color:white !important;
}
table.calendar a{
	display:block !important;

}
table.calendar td:hover{
	background-color: #6bbac3;
    box-shadow: 1px 1px 3px #505050;
    color: white;
}
table.calendar td:hover a{
	color:white;
}
td.hoy{
	    background-color: #daf6f9;
}
table#mes thead {
    background-color: #eee;
}
.pagomp{
	background-color: white;
  border: 1px solid #e6e6e6;
  padding: 30px;
}
.pagook{
	    color: #00c700;
    font-size: 15pt;
}
div.thankyou .cita{
	color: red;
}
h3.welcome{
	font-weight: 200;
    margin: 30px auto;
    padding: 10px;
    background: #6bbac3;
    max-width: 500px;
    color: white;
}
#aviso1, #aviso2, #aviso3, #aviso4{
	transition: all .5s;
}
a.login, a.logout {
	color: #fff !important;
}
.disclamer{
	    font-size: 11px;
    text-align: center;
}
