.btn{
  font-family:Arial;
  font-size:12px;
  float:left;
  width:90px !important;
  margin:20px 20px 0 0;
  height:30px;
  border:#333 solid 1px;
  border-radius:5px;
  background-color: #604384;
}
.form-control {
  font-family:Arial; font-size:12px; width: 100%;
}
.alert-contestado_pruebas{
  box-shadow: 10px 6px 0px 1px #dedede;
    border-color: black;
    border-radius: 10px;
}
.btn-primary {
  background-color: #604384;
  border-color: #604384 !important;
  color: #fff !important;
  /* border-radius: 25px; */
  font-weight: 400 !important;
}
.btn-primary:hover {
  background: #b0a5ce !important;
  color: #FFF;
  border: #b0a5ce solid 1px;
  cursor: pointer;
}
.next{
  background:#fff;
  border:none;
  border-radius:3px;
  height:30px;
  color:#000;
  font-weight:bold;
  font-family:Arial;
  float:right;
  margin:0px;
  cursor:pointer;
  border:#666 double 3px;
}
.results{font-size: 12px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 4px;}
.item{cursor:pointer;}
.item:hover{background-color: #d9d9d9;}
.btn_agregar_a_tabla{ 
  margin-top: 30px;
  font-size: 12px;
  width: 68px;
  margin-left: -8px;
  padding-left: 9px;
}
.btn_agregar_otro_especialidad{
  margin-top: 20px;
  width: 120px;
  margin-right: 0px;
}
.letter-small{
  font-size: 10px;
}
.obligatorios{
  margin-left: 16px;
  color: red;
  font-size: 15px;
}
.required{color: red;}
#tabla-estudios{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.cont_gen .info_cand .btn{ margin: 0 -51px;}
.invisible{display: none;}

.padding15{
	padding: 15px;
}.bg-cont_gen {
	background-position: 5em 7em, 58em 20em !important;
	background-size: 18rem, 14rem !important;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media screen and (min-width: 1024px) {

	.bg-cont_gen {
		background-position: left 5em, 72em 25em !important;
    background-size: 15rem, 15rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}
@media screen and (min-width: 1200px) {

	.bg-cont_gen {
		background-position: left 5em, 77em 25em !important;
    background-size: 15rem, 15rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1300px) {

	.bg-cont_gen {
		background-position: 0em 5em, 85em 20em !important;
		background-size: 20rem, 15rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100%!important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1400px) {

	.bg-cont_gen {
		background-position: 6em 5em, 90em 20em !important;
    background-size: 20rem, 20rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1600px) {

	.bg-cont_gen {
		background-position: 13em 5em, 99em 20em !important;
    background-size: 20rem, 20rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1900px) {


	.bg-cont_gen {
		background-position: 10em 5em, 115em 20em !important;
		background-size: 20rem, 20rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.col-xl-8 {
		width:  66.66666667%;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}