*{

	margin:0;

	padding: 0;

}



body{

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;	

}

.v-flex{

	display: flex;

}

.v-container{	

	max-width: 2000px;	

	margin:0 auto;

	width: 100%;

	min-height: 100vh;

}

.v-container .v-row{

	padding: 20px 5%;

}

.v-clearfix{

	clear: both;

	height: 1px;

}

.v-img-lg{

	width: 100%;

	height: auto;

}

.medicamentos{

	position:relative;

	margin-top: 30px;

}

.medicamentos .recuadro{

	margin: 0 auto;

	background-color:#0387a0;

	padding: 10px;

	position: absolute;

	top: 20%;

	width: 66%;

	left: 17%;

	border-radius: 5px 5px 0px;

	font-size: 14px;

}

.medicamentos .v-form-group .v-col-6{

	position: relative;

	

}

.medicamentos .v-form-group .v-col-6 span{

	position: absolute;

	top: -10px;

	left: 0px;

}

.medicamentos .v-form-group .v-col-6{

	padding-left: 35px;

}



.float-left{

	float: left;

}



.v-form-group div{

 float: left;

 vertical-align: middle;

 margin-bottom: 10px;

}

.v-form-group .v-m{

	width: 50px;

	padding: 5px;

}

.f-shear label{

	padding: 7px 0px;

	display: block;

	line-height: 1em;

	font-weight: bold;

}

input,textarea,select{

	width:100%; 

	padding: 7px;

	border: none;

	margin: 2px 2px;

	clear: both;

	border-radius: 7px;

	outline:0px;

}

#swal2-checkbox{
	width:5%;
}

a {
    color: 
    #2196f3;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.f-shear input, .f-shear select {

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

	padding: 10px 15px;



}

.f-s{

	padding:0px 40px;

}

.f-shear{

	background-color: #7cc8f8;

	padding: 15px;

	border:solid 3px #02c20b;

	border-radius: 5px;

}

.f-shear .v-col-6,.f-shear .v-col-12{

	padding-top: 10px;

	padding-bottom: 10px;

}



.f-shear .v-p{

	position: relative;

}

.f-shear .v-kg{

	position: absolute;

	bottom: 30px; 

	right: 8.333%;

}

.f-shear .v-kg input{

	padding-right: 30px;

}

.f-shear .v-kg:before{

	position: absolute;

	content: "Kg";

	font-family: 'Open Sans', sans-serif;

	top: 10px;

	right: 20px;



}

.result{

	border:solid 3px #0387a0;

	border-radius: 5px;

	padding: 20px 15px 0px;

	z-index: 3;

	position: relative;

	background-color: white;

}

.resul .item{

	margin-bottom: 30px;

}

.resul .item:before{

	clear: both;

}

.image-curva{

	position: absolute;

    width: 100%;

    bottom: -11%;

    right: -60%;

    z-index: -1;

}

.img-md{

	display: block;

}

.img-xs{

	display: none;

}

.min,.max{

	font-size: 20px;

	color:#0a800d;

	font-weight: bold;

	margin-bottom: 20px;

}

.max {

color: #E3353A;

}

[class^="icon-"], [class*=" icon-"] {

 height: 2rem;

 width: 2rem;

 background-size: cover;

 background-repeat: none;

 display: inline-block;  

}

.icon-bolsa{

	background-image: url(../img/suero.svg);

}

.icon-ampolla{

	background-image: url(../img/ampolla.svg);

}



.c-active{

	box-shadow: 0px 0px 7px rgba(0,0,0,0.7);

}

/**************************************************
 * NUEVOS ESTILOS - 07/12/2020
 *
 * */

@media only screen and (min-width: 770px) and (max-width: 960px){

	.medicamentos{
		width: 40%;
	}

}

@media only screen and (max-width: 769px){

	.medicamentos{
		width: 50%;
		margin: 10px auto;
	}

}

@media only screen and (max-width: 577px){

	.medicamentos{
		width: 60%;
		margin: 10px auto;
	}

}


@media only screen and (max-width: 576px){

	.f-shear {
		width: 75%;
	}

	.medicamentos{
		width: 70%;
		margin: 0;
	}

	.min, .max {
		font-size: 15px;
	}

	.result {
		width: 74%;
	}

}

@media only screen and (max-width: 435px){

	.f-shear {
		width: 100%;
	}
    
    .medicamentos, .result {
        width: 65%;
    }
    
}

@media only screen and (max-width: 321px){

	.f-shear {
		width: 52.5%;
	}

	.result {
		width: 52%;
	}

	.min, .max {
		font-size: 14px;
	}

	.medicamentos{
		width: 53%;
		margin: 0;
	}

}

 /*************************************************/

@media(max-width:1300px ){

	.medicamentos .recuadro{

	top: 20%;

	width: 80%;

	left: 10%;

	}

}

@media screen and (max-width:992px ) and (min-width: 768px){

	.medicamentos .recuadro{

	top: 18% !important;

	}

	.v-form-group div{

		margin-bottom: 7px;

	}

}

@media(max-width:1200px ){

	.v-container{

		padding: 0 10px;

	}

	.v-container .v-row{

	padding: 0 0px;

}

}

@media(max-width:960px ){

	.v-container{

		padding: 0 10px;

	}

	.v-container .v-row{

	padding: 0 0px;

}

}

@media(max-width:768px ){

	.v-container{

		padding: 0 0px;

	}

	.v-container .v-row{

	padding: 0 0px;

	}

	.f-s{

	padding:0px 0px;

}

.img-md{

	display: none;

}

.img-xs{

	display: block;

}

.f-shear .v-kg{

	right: 0;

}

}

@media (max-width:576px ){

	.v-container{

		padding: 0 15px;

	}

}

.select2-container--default .select2-selection--single {

	height: 36px;

	padding-top:4px;



}

.select2-container--default .select2-selection--single .select2-selection__arrow {

	    top: 50%;

    transform: translateY(-50%);

}

/* calculo 2*/

.res{

	border:solid 2px white;

	padding: 10px;

	height: 40px;

	border-radius: 5px;

	color:white;

	font-weight: bold;

}

h1{

	width: 100%;

	text-align: center;

	text-transform: uppercase;

	color: #E3353A;

}

.oral{

	color:#0a800d;

	margin-top: 32px;

}
.select2-results__options li:nth-child(odd){
	background-color: #eee;
	
}
.select2-container--default .select2-results__option[aria-selected=true] {
	color:black;
	font-weight: bold;
}