@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

.picker__date-display {
	background-color: #A32430!important;
}

.picker__weekday-display {
	background-color: #A32430!important;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

nav .nav-wrapper {
    position: relative;
    height: 100%;
    padding-top: 0px!important;
    height: 80px!important;
    line-height: 80px;
}


.datepicker-modal{
	
	width: auto!important;
	height: auto!important;
	
}

.datepicker-date-display {

	background-color: #3A7FF9!important;
	color: #fff;

}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
	color: #3A7FF9!important;
	padding: 0 1rem;
}

.datepicker-table td.is-selected {
	background-color: #3a7ff9!important;
	color: #fff;
}

.dropdown-content li>a, .dropdown-content li>span {
	
	color: #3a7ff9!important;

}

.modal.bottom-sheet {
	height: 50%!important;
}


#footer{
	margin-top:-20px!important
}

/* desarrollado por Prime Developers Chile*/

body {

	height: 100vh;
	font-family: 'Oxygen', sans-serif;

}


nav {
	color: #243F63!important;
	background-color: #fff!important;
	width: 100%;
	height: 56px;
	line-height: 56px;
}

nav ul a {
	transition: background-color .3s;
	font-size: 1rem;
	display: block;
	padding: 0 15px;
	cursor: pointer;
}



.card{
	border-radius: 10px!important;
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
	/* box-shadow: 0 2px 2px 0 #3A7FF9, 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)!important; */
}

.btn, .btn-large, .btn-small {
	border-radius: 10px!important;
	text-decoration: none;
	color: #fff;
	background-color: #26d07c!important;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
	cursor: pointer;
}

/*Colores bases winmed */
/*
Verde: #26D07C;
Azul-oscuro : #243F63;
Amarillo: #FFD282;
*/



/* Paleta de colores */

.verde{
	color: #26D07C;
}

.fondo-verde{
	background-color: #26D07C;
}

.azul-oscuro{
	color: #243F63;
}

.fondo-azul-oscuro{
	background-color: #243F63;
}

.amarillo{
	color: #FFD282;
}

.fondo-amarillo{
	background-color: #FFD282;
}

.gris-claro{
	color: #6c6c6c;
}
/*fin paleta de colores*/

/*ayudas de texto*/

.mayusculas{
	text-transform: uppercase;
}

.minusculas{
	text-transform: lowercase;
}

.capitalize{
	text-transform: capitalize;
}

.negrita{
	font-weight: bold;
}

.justificado{
	text-align: justify;
}

.valing-mid{
	vertical-align: middle;
}

.izquierda{
	text-align: left;
}

.derecha{
	text-align: right;
}
/* Menu moviles*/

.logo-menu{
	max-height: 40px;
	padding-left: 35%;
}

.btn-menu{
	max-height: 30px;

}



.borde-disponible{
	border: solid 3px #7FEE5F;
}

.borde-ocupado{
	border: solid 3px #FFD080;
}

.no-disponible{
	filter: grayscale(100%);
	/* border: solid 1px #7d7d7d; */
}

/*Index - login pacientes*/

.contenedor-ingreso{
	padding-top: 15vh;
}


.fondo-codigo{
	background-image:url("../../../images/portadas/paciente-codigo.png");
	height: 35vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*position: relative;*/
}



.fondo-final{
	background-image:url("../../../images/index/seccion-final.png");
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

.boton-buscar {
	font-size: 14px;
	width: fit-content!important;
	top: -5px!important;
}

/*dashboard doctor*/


.fondo-img-login{
	background-image:url("../../../images/background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.avatar-doctor-dashboard{
	height: 150px;
	width: 150px!important;
	display:block;
	margin:auto;
	background-size: cover;
	background-position: center;
}

.avatar-doctor{
	height: 70px;
	width: 70px!important;
	display:block;
	margin:auto;
	background-size: cover;
	background-position: center;
}

.span-login{
	height: 12em;
}


.btn{
	margin-top: 10px;
	width: 80%;
	height: 40px!important;
}

/*Agenda de horas*/
.schedule{
	background-color: #ffffff;
	padding: 0px;
	/* border: 1px solid #b34e4e; */
	margin: 5px!important;
	min-width: 110px;
	min-height: 140px;
}


/*videollamada*/


#video2{
	width: 100%;
	height: 70vh!important;
	/* padding-left: 20%; */
}

#video{
	/* width: 100%; */
	/* height: 480px; */
	position: absolute;
	z-index: 2;
	height: 165px!important;
	width: 165px!important;
	/* top: 56.3%; */
	left: 10px;
	/* border: solid; */
	/* border-color: #fff; */
	/* border-radius: 5px; */
}
.conecta-videocall{
	/*background-image: url("../../../images/boton-conecta-alargado.svg");*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.conecta-videocall:hover{
	opacity: 0.5;
}

.conecta-videocall:active{
	opacity: 0.5;
}

.icon-video-call{
	width: 50px;
}
.icon-video-call:hover{
	opacity: 0.5;

}

.btn-index{

	width: 343px;
}

.btn-index:hover{
	opacity: 0.5;
	
}

.btn:hover{
	opacity: 0.5;
}
.btn-small:hover{
	opacity: 0.5;
}
.avatar-video-call{
	margin-top: -10%;
}

.agora-theme .video-view, .agora-theme .video-placeholder, .agora-theme #local_stream, .agora-theme #local_video_info {
	width: inherit!important;
	height: inherit!important;
}


.modal.bottom-sheet {

	width: 100%!important;
	max-height: 50%;

}


/*fin video llamada*/
select {

	border-radius: 10px!important;

}


.mini-container{
	padding-left: 4%;
	padding-right: 4%;
}

.tabs .tab a:hover, .tabs .tab a.active {
	background-color: transparent;
	color: #01518c!important;
}

.tabs .tab a {
	color: #000!important;

}

.tabs .indicator {

	background-color: #01518c!important;
	width: 45%;
}

.modal { width: 75% !important ; height: auto!important ; }



/*calendario yii plugin*/

.current .schedule{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(38,208,124,1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(38,208,124,1);
	box-shadow: 0px 0px 6px 0px rgba(38,208,124,1);
	background-color: #fff!important;

} 

.not-relevant .schedule{
	background-color: #0000002b;
}

.past-day{
	background-color: #fff;
}

.past-day .schedule{
	background-color: #eeeeee;
}

/* Dispositivos */
@media  (min-width: 1020px) and (max-width: 1278px) {

	.fondo-index{
		background-image: url(../../../images/index/portada.jpg);
		min-height: 80vh;
	}

	.s2-5{
		width: 10%;
	}
	.span-login{
		height: 18em;
	}

	#video2 {
		width: 730px;
		height: 480px;
		/* padding-left: 20%; */
	}

	#video{
		top: 67%;
		right: 14.1%;
	}

}

@media  (min-width: 1280px) and (max-width: 1360px) {

	#video2 {
		width: 100%;
		height: 480px;
		/* padding-left: 20%; */
	}

	#video{
		/* top: 56vh; */
		/* right: 13.5%; */
		left: 13px;
	}

}
.s2-5{
	width: 10%;
}
.span-login{
	height: 18em;
}


}

@media  (min-width: 1360px) and (max-width: 1399px) {
	#video{
		top: 58.3vh;
		right: 13.4%;
	}

	.s2-5{
		width: 10%;
	}
	.span-login{
		height: 6em;
	}

}

@media (min-width: 1400px) and (max-width: 1499px){
	#video2 {
		width: 100%;
		height: 480px;
		padding-left: 5%;
	}

	#video{
		/* top: 49.8vh; */
		/* right: 13.3%; */
		left: 55px;
	}
	
	.span-login{
		height: 18em;
	}

}

@media (min-width: 1500px) and (max-width: 1699px){

	
	.span-login{
		height: 18em;
	}

	#video2 {
		width: 800px;
		height: 480px;
		padding-left: 20%;
	}
}

@media (min-width: 1600px) and (max-width: 1699px){
	
	.span-login{
		height: 4em;
	}

	#video2 {
		/* width: 1065px; */
		height: 550px;
		padding-left: 5%;
	}

	#video{
		height: 140px!important;
		width: 140px!important;
		/* top: 63.5%; */
		/* right: -26.7%; */
		left: 60px;
	}
}

@media  (min-width: 1700px) and (max-width: 1980px) {


}
/* dispositivos */
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
  */

  @media only screen and (max-width: 992px) {
  	.fondo-index{
  		background-image: url(../../../images/index/portada-m.jpg);
  		min-height: auto;
  		background-position: right;
  	}
  	
  }

  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


  	/*video llamada*/
  	#video2 {
  		width: 75vh;
  		height: 600px;
  		padding-left: 0%;
  		position: inherit;
  		top: -2vh;
  		right: 5vh;
  		/* border: solid; */
  		/* border-color: #fff; */
  		/* border-radius: 5px; */
  	}

  	#video{
  		position: absolute;
  		z-index: 2;
  		height: 115px!important;
  		width: 100px!important;
  		top: 0px;
  		right: 3px;
  		/* border: solid; */
  		/* border-color: #fff; */
  		/* border-radius: 5px; */
  	}


  }

  @media (-webkit-min-device-pixel-ratio: 1) and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {


  	/*video llamada*/
  	#video2 {
  		width: 108.1%;
  		height: 600px;
  		padding-left: 0%;
  		position: relative;
  		top: -2vh;
  		right: 5vh;
  		/* border: solid; */
  		/* border-color: #fff; */
  		/* border-radius: 5px; */
  	}

  	#video{
  		position: absolute;
  		z-index: 990;
  		height: 115px!important;
  		width: 100px!important;
  		top: 522px;
  		right: 3px;
  		border: solid;
  		border-color: #fff;
  		border-radius: 5px;
  	}

  }


  @media (min-width: 481px) and (max-width: 767px) {


  	/*video llamada*/
  	#video2 {
  		width: 108.1%;
  		height: 600px;
  		padding-left: 0%;
  		position: relative;
  		top: -2vh;
  		right: 5vh;
  		/* border: solid; */
  		/* border-color: #fff; */
  		/* border-radius: 5px; */
  	}

  	#video{
  		position: absolute;
  		z-index: 990;
  		height: 115px!important;
  		width: 100px!important;
  		top: 522px;
  		right: 3px;
  		border: solid;
  		border-color: #fff;
  		border-radius: 5px;
  	}

  }


  @media (min-width: 320px) and (max-width: 480px) {
  	.fondo-codigo {
  		background-image: url(../../../images/portadas/paciente-codigo-m.png);
  		height: 28vh;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: contain;
  		/* position: relative; */
  	}


  	.boton-buscar {
  		font-size: 14px;
  		width: fit-content!important;
  		top: -15px!important;
  	}

  	.logo-menu {
  		max-height: 35px;
  		padding-left: 0px;
  	}
  	/*video llamada*/
  	#video2 {
  		width: 108.1%;
  		height: 600px;
  		margin-left: -2%;
  		position: relative;
  		top: -6vh;
  		right: 5vh;
  		/* border: solid; */
  		/* border-color: #fff; */
  		/* border-radius: 5px; */
  	}

  	#video{
  		position: absolute;
  		z-index: 990;
  		height: 115px!important;
  		width: 100px!important;
  		/* top: 437px; */
  		left: -3.6vh;
  		/* border: solid; */
  		/* border-color: #fff; */
  		/* border-radius: 5px; */
  	}

  }