@charset "ISO-8859-1";

 /*Mapa*/

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

	#mapaPopup{
	left: 5%;
	width: 70%;
    height: 500px;
    margin-left: 10%;
    overflow-y: hidden;  
    background-color: #fff !important;  
	}
	

 }

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

	#mapaPopup{
	left: 0%;
	width: 80%;
    height: 495px;
    margin-left: 10%;
    overflow: hidden;
    background-color: #fff !important;

	}

 }

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

	#mapaPopup{
	left: 0%;
	width: 80%;
    height: 495px;
    margin-left: 10%;
    overflow: hidden;
    background-color: #fff !important;

	}

 }

 @media screen and (min-width: 500px) and (max-width: 599px){

	#mapaPopup{
	left: 0%;
	width: 80%;
    height: 495px;
    margin-left: 10%;
    overflow: hidden;
    background-color: #fff !important;

	}

 }

 @media screen and (min-width: 450px) and (max-width: 499px){

	#mapaPopup{
	left: 0%;
	width: 90%;
    height: 495px;
    margin-left: 5%;
    overflow: hidden;

	}


 }

 @media screen and (min-width: 400px) and (max-width: 449px){

	#mapaPopup{
		width: 90%;
    height: 495px;
    margin-left: 5%;
    overflow: hidden;

	}


 }

 @media screen and (min-width: 300px) and (max-width: 399px){

	#mapaPopup{
		width: 90%;
    height: 495px;
    margin-left: 5%;
    overflow: hidden;

	}


 }



@media screen and (max-width: 575.98px) {
  .btn-large.btnpt{
    margin-bottom:20px ;
  }
}

@media screen and (max-width: 575.98px) {
  .modalform{
  	width: 80%;
  	padding-left: 10%;
  }
}
@media screen and (max-width: 575.98px) {
  .modalform{
  	width: 80%;
  	padding-left: 10%;
  }
}
@media screen and (max-width: 575.98px) {
  .modalform{
  	width: 80%;
  	padding-left: 10%;
  }
}

/* ******************Contenido***************************** */

@media screen and (max-width: 992px) {
 .contmain{
    width: 65% !important;
  }
  .contmain-vp{
  width: 65% !important;
  }
   .contmain{
    width: 65% !important;
  }
  #allcontent {
    position: absolute !important;
    left: 10% !important;
   }
}

@media screen and (max-width: 768px) {
 .contmain{
    width: 80% !important;
  }
  .contmain-vp{
  width: 80% !important;
  }
  .contmainout{
  	 width: 80% !important;
  }
  #allcontent {
    position: absolute !important;
    left: 10% !important;
   }
}


@media screen and (max-width: 575.98px) {
  .contmain-vp{
  	width: 100% !important;
  	height:100% !important;
    border:none;
    border-radius: 0px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
  }
  .contmain{
    width: 100% !important;
    border:none;
    border-radius: 0px;    
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	
  }
  body{
  background: #fff !important;
  }
  .contmainout{
  	 width: 100% !important;
    border:none;
    padding-top: 100px;
  }
  #allcontent{
    position: absolute !important;
    left: 0% !important;
  }
  .portlet-content{	
	padding: 0px !important;
  }
  .qa-body-mv{
  	padding: 0px !important;
  }
  .qa-body-mv #wrapper{
  	    padding: 0px !important;
    width: 100% !important;
    position: static !important;
  }
  .pre-data {
 	text-align: right;
 	padding-top: 0px;
 }
}

/* ******************Botones***************************** */
@media screen and (max-width: 979px) {	
	.btn.nextbtn{
	border-radius: 2px;
	border: 1px solid #8f1180;
	width: 70%;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: #8f1180;
	padding: 4px 9px;
		
	}
	
	.btn.backbtn{
	border-radius: 2px;
	border: 1px solid #8f1180;
	width: 70%;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: #8f1180;
	padding: 4px 9px;
	
	}
	.btn.edit{
	background: #8f1180;
    /*background: #008c99;*/
    color: #fff;
    padding: 4px 12px;
    font-size: 14px;
    width: 85px;
    border-radius: 3px;
}
  
}
@media screen and (max-width: 768px) {
	
	.btn.nextbtn{
	border-radius: 2px;
	border: 1px solid #8f1180;
	width: 70%;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: #8f1180;
	padding: 4px 9px;
	margin:auto !important;
		
	}
	
	.btn.backbtn{
	border-radius: 2px;
	border: 1px solid #8f1180;
	width: 70%;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: #8f1180;
	padding: 4px 9px;
	margin:auto !important;
	
	}
	.btn.edit{
	background: #8f1180;
    /*background: #008c99;*/
    color: #fff;
    padding: 4px 12px;
    font-size: 14px;
    width: 85px;
    border-radius: 3px;
	}
	
	.btn.edit:hover{
    background: #8f1180;
    /*background: #008c99;*/
    color: #fff;
    padding: 4px 12px;
    font-size: 14px;
    width: 85px;
    border-radius: 3px;
  }
  
}

/* ****************** adjuntar archivos popups***************************** */

@media screen and (max-width: 768px) {
  #adjuntarPopup{
		left: 20%;
		right: 20%;
	}
}

@media screen and (max-width: 575.98px) {
  #adjuntarPopup{
		left: 10%;
		right: 10%;
	}
}

@media screen and (max-width: 768px) {
  .popcaptura{
		left: 20%;
		right: 20%;
	}
}

@media screen and (max-width: 575.98px) {
  .popcaptura{
		left: 10%;
		right: 10%;
	}
	
}



@media screen and (max-width: 979px) {
	input[type="text"].mediumbox{
		    height: 20px !important;
		    font-size: 14px!important;
	}	
}


/* ****************** Boloque de Expediente***************************** */
@media screen and (max-width: 1250px) {
  .expedientemv{
    display: block !important;
  }
  .expedientedesk{

    display: none;
  }
}
@media screen and (max-width: 992px) {
  .expedientemv{
    display: block !important;
  }
  .expedientedesk{

    display: none;
  }
}
@media screen and (max-width: 768px) {
  .expedientemv{
    display: block !important;
  }
  .expedientedesk{

    display: none;
  }
}
@media screen and (max-width: 575.98px) {
  .expedientemv{
    display: block !important;
  }
  .expedientedesk{

    display: none;
  }
}
/* ****************** Tipo Persona ***************************** */
@media screen and (max-width: 575.98px) {
	/*
	.mb-persona{
		display: inline-block !important;
	    font-size: 18px;
    	color: #6C217F;
	}
	*/
	
	.mb-persona{
		display: inline-block !important;
	   
	}
	
	.desk-persona{
		display: none !important;
	}
	#allcontenttap{
	  width: 100%;
	  padding-top: 180px !important;
	}
	
}

@media screen and (max-width: 768px) {
	.informacion{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
}


@media screen and (max-width: 575.98px) {
	.informacion{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
}

@media screen and (max-width: 768px) {
	.bottomright{
		position: fixed;
	    bottom: 10%;
	    right: -5%;
	}
	
}


/********************************logos*************************************/

@media screen and (max-width: 575.98px) {
  .mb-stepper{
  	position: fixed;
    top: 80px;
    z-index: 2;
    margin-left: -15px;
  }
  .app-header{
  	position: fixed;
    width: 100%;
    height: 80px;
    z-index: 2;
  	margin-left: -15px;
    
   
   
  }
  .list-group-item.abjuntadoc{
  	font-size: 12px !important;
  }
  .list-group-item.abjunta-red{
  	font-size: 12px !important;
  }
  .app-loading{
  	    padding-top: 186px; !important;
  }
  .app-body{
  	padding-left: 0px; !important;
  	padding-right: 0px; !important;
  }
}