#space_city{
	border: none;
	padding: 0px;
	background-color: #b72e1c9e;
}

#space_form{
	background-color: #b72e1c9e;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	-webkit-box-shadow: 0px 0px 5px 2px #999;
	-moz-box-shadow: 0px 0px 5px 2px #999;

	filter: shadow(color=#999999, direction=135, strength=2);
}

#btnAceptResponsible{
	background-color: #263238;
	color: #fff;
	border-radius: 30px;
	border-color: #263238;
	width: 150px;
	-webkit-box-shadow: 2px 2px 5px #999;
}

#header_register_citizen {

	background-color: #b72e1c9e;

}

#img-title{
	margin-top:10px;
}
#btn_add_citizen{
	text-align: center;
	padding-top: 20px;
}

#body-form{
	border-radius: 0px;
	border:0px;
	margin-bottom: 0px;
	-webkit-box-shadow: -2px 18px 29px 4px rgba(0,0,0,0.83);
	-moz-box-shadow: -2px 18px 29px 4px rgba(0,0,0,0.83);
	box-shadow: -2px 18px 29px 4px rgba(0,0,0,0.83);
}



.btn_success_citizen{
	background-color: #263238;
	color: #fff;
	border-radius: 30px;
	border-color: #263238;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-box-shadow: 2px 2px 5px  #999;
	-moz-box-shadow: 2px 2px 5px  #999;
	filter: shadow(color=#999999, direction=135, strength=2);
}
.btn_success_citizen:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}


.contInt{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
}
/* .panel-heading{
	height: 77px;
} */

.form-control{
	-webkit-box-shadow: 2px 2px 5px 1px #999;
	-moz-box-shadow: 2px 2px 5px 1px #999;
	filter: shadow(color=#999999, direction=135, strength=2);

}
body{
	background-color: #DBDBDB;
}

label{
	color: white;
}

.panel-citizen{

	padding-left: 150px;
	padding-right: 150px;
	padding-top: 30px;

}

#row-addCitizen{
	padding-left: 25px;
	padding-right: 25px;
	height: 60px;

}

#body-recover{

	padding-left: 150px;
	padding-right: 150px;
	-webkit-box-shadow: -2px 18px 29px 4px rgba(0,0,0,0.83);
	-moz-box-shadow: -2px 18px 29px 4px rgba(0,0,0,0.83);
	box-shadow: -2px 18px 29px 4px rgba(0,0,0,0.83);
}

#header-citizen{

	-webkit-box-shadow: -2px -7px 29px 4px rgba(0,0,0,0.83);
	-moz-box-shadow: -2px -7px 29px 4px rgba(0,0,0,0.83);
	box-shadow: -2px -7px 29px 4px rgba(0,0,0,0.83);
}

#btn-dash-citizen{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	text-align: center;
	background-color: #263238;
	color: #fff;
	border-radius: 30px;
	border-color: #263238;
	-webkit-box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2);
}

#div-btn-dash-citizen{

	margin-bottom: 30px;
}

.textTitle_consult_plate{
	text-align: center;
	background-color: #404041;
	padding: 10px;
	margin-bottom: 10px;
	display: table;
	width: 100%;
}

.panel-consult-plate{

	background-color: #b72e1c9e;
}

.panel-consult-plate .row{
	border-color: #000;
}

#panel-body-consult{
	margin-left: 0px;
	margin-right: 0px;
}

.btn-consult{

	border-radius: 15px;
	border-color: #404041;
	background-color: #404041;
	margin-bottom: 15px;
}

#fondo-consulta-placa{
	background-color: #b72e1c9e;
	padding: 30px;
}

#content-result{
	padding: 100px;
	background-color: #fff;
	margin-left: 100px;
	margin-right: 100px;
	box-shadow: 2px 2px 5px #999;
}
.btn-acceptPendingLiquidation{
	background-color: #b72e1c9e;
	color: white;
	width: 120px
}

/*************************
Responsive design
*/
/**Resolución celular portrait**/
@media (min-width: 320px) and (max-width: 480px) {

	#back{
		display: none;
	}

	#imgTow{
		padding-right: 0px !important;
	}

	#text{
		padding-left: 0px !important;
	}

	#selects{
		padding: 0px !important;
	}

	#selects .row{
		padding: 0px !important;
	}

	#selects .col-xs-12{
		padding: 0px !important;
	}

	#text .contExt{
		height: 0px !important;
	}

	#text .contInt{
		font-size: 17px;
		padding-top: 25px;
	}

	.panel-citizen{
		padding: 0px;
	}

	.panel-citizen .row{
		margin: 0px;
	}

	.panel-citizen h3{
		font-size: 25px;
	}

	#btn-dash-citizen{
		width: 100%;
		font-size: 12px;
	}

	.closeSession{
		top: 25px !important ;
	}

	.closeSession h4{
		font-size: 13px;
	}

	.panel-default{
		padding: 0px;
	}
	#panel-body-consult{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#textInformation{
		padding: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin: 0px !important;
		margin-left:10px !important;
		margin-right:10px !important;
	}

	.section_photoTow{
		width: 100% !important;
	}

	#btn-inventory, #btn-preView, #btn-liquidar, #btn-print{
		width: 80% !important;
	}

	#messageInventoryNotAvailable .modal-dialog{
		width: auto !important;
	}
	#messageInventoryNotAvailable .modal-content{
		width: auto !important;
	}

	#pdfPrintModal .modal-dialog{
		width: auto !important;
	}
	#pdfPrintModal .modal-content{
		width: auto !important;
	}

	#pdfModal .modal-dialog{
		width: auto !important;
	}
	#pdfModal .modal-content{
		width: auto !important;
	}

	#pdfModalInventory .modal-dialog{
		width: auto !important;
	}
	#pdfModalInventory .modal-content{
		width: auto !important;
	}
	.modal-footer{
		text-align: center !important;
	}

	/**Registro de ciudadanos**/
	#space_form{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.panel-citizen{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	#row-addCitizen{
		margin-bottom: 5px !important;
		padding: 0px !important;
		margin-bottom: 25px !important;
	}
	/**Recuperación de contraseña**/
	#body-recover{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#rowRecoverPass{
		padding: 0px;
	}

	/*Inicio de sesión*/
	.form-signin{
		width: 100% !important;
	}
}
/*Resolución celular landscape*/
@media (min-width: 481px) and (max-width: 767px) {

	#back{
		display: none;
	}

	#imgTow{
		padding-right: 0px !important;
	}

	#text{
		padding-left: 0px !important;
	}

	#text .contExt{
		height: 0px !important;
	}

	#text .contInt{
		font-size: 17px;
		padding-top: 25px;
	}

	#selects{
		padding: 0px !important;
	}

	#selects .row{
		padding: 0px !important;
	}

	#selects .col-xs-12{
		padding: 0px !important;
	}

	.panel-citizen{
		padding: 0px;
	}

	.panel-citizen .row{
		margin: 0px;
	}

	.panel-citizen h3{
		font-size: 25px;
	}

	#btn-dash-citizen{
		width: 70%;
    font-size: 15px;
	}

	.closeSession{
		top: 25px !important ;
	}

	.closeSession h4{
		font-size: 16px;
	}

	/*consultar placa*/
	.panel-default{
		padding: 0px;
	}
	#panel-body-consult{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#textInformation{
		padding: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin: 0px !important;
		margin-left:10px !important;
		margin-right:10px !important;
	}

	.section_photoTow{
		width: 70% !important;
	}

	#btn-inventory, #btn-preView, #btn-liquidar, #btn-print{
		width: 50% !important;
	}

	#messageInventoryNotAvailable .modal-dialog{
		width: auto !important;
	}
	#messageInventoryNotAvailable .modal-content{
		width: auto !important;
	}

	#pdfPrintModal .modal-dialog{
		width: auto !important;
	}
	#pdfPrintModal .modal-content{
		width: auto !important;
	}

	#pdfModal .modal-dialog{
		width: auto !important;
	}
	#pdfModal .modal-content{
		width: auto !important;
	}

	#pdfModalInventory .modal-dialog{
		width: auto !important;
	}
	#pdfModalInventory .modal-content{
		width: auto !important;
	}
	.modal-footer{
		text-align: center !important;
	}

	/**Registro de ciudadanos**/
	#space_form{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.panel-citizen{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	#row-addCitizen{
		margin-bottom: 5px !important;
		padding: 0px !important;
		margin-bottom: 25px !important;
	}
	/**Recuperación de contraseña**/
	#body-recover{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#rowRecoverPass{
		padding: 0px;
	}
}

@media screen and (min-device-width : 375px) {
	.form-signin{
		width: 350px !important;
	}
}

/*Resolución tables*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	#back{
		display: none;
	}

	#imgTow{
		padding-right: 0px !important;
	}

	#text{
		padding-left: 0px !important;
	}

	#text .contExt{
		height: 0px !important;
	}

	#text .contInt{
		font-size: 17px;
		padding-top: 25px;
	}

	#selects{
		padding: 0px !important;
	}

	#selects .row{
		padding: 0px !important;
	}

	#selectCountry{
		padding-left: 0px !important;
	}

	#selectCity{
		padding-right: 0px !important;
	}

	.panel-citizen{
		padding: 0px;
	}

	.panel-citizen .row{
		margin: 0px;
	}

	.panel-citizen h3{
		font-size: 25px;
	}

	#btn-dash-citizen{
		width: 60%;
    font-size: 15px;
	}

	.closeSession{
		top: 25px !important ;
	}

	.closeSession h4{
		font-size: 18px;
	}

	.panel-default{
		padding: 0px;
	}
	#panel-body-consult{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#textInformation{
		padding: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin: 0px !important;
		margin-left:10px !important;
		margin-right:10px !important;
	}

	.section_photoTow{
		width: 70% !important;
	}

	#btn-inventory, #btn-preView, #btn-liquidar, #btn-print{
		width: 50% !important;
	}

	#messageInventoryNotAvailable .modal-dialog{
		width: auto !important;
	}
	#messageInventoryNotAvailable .modal-content{
		width: auto !important;
	}

	#pdfPrintModal .modal-dialog{
		width: auto !important;
	}
	#pdfPrintModal .modal-content{
		width: auto !important;
	}

	#pdfModal .modal-dialog{
		width: auto !important;
	}
	#pdfModal .modal-content{
		width: auto !important;
	}

	#pdfModalInventory .modal-dialog{
		width: auto !important;
	}
	#pdfModalInventory .modal-content{
		width: auto !important;
	}
	.modal-footer{
		text-align: center !important;
	}

	/**Registro de ciudadanos**/
	#space_form{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.panel-citizen{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	#row-addCitizen{
		margin-bottom: 5px !important;
		padding: 0px !important;
		margin-bottom: 25px !important;
	}
	/**Recuperación de contraseña**/
	#body-recover{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#rowRecoverPass{
		padding: 0px;
	}
}

/**Resolución tables landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	#btn-inventory, #btn-preView, #btn-liquidar, #btn-print{
		width: 50% !important;
		font-size: 20px !important;
	}

	.section_photoTow{
		width: 60% !important;
	}

	#result-consult{
		font-size: 20px;
	}

	#messageInventoryNotAvailable .modal-dialog{
		width: auto !important;
	}
	#messageInventoryNotAvailable .modal-content{
		width: auto !important;
	}

	#pdfPrintModal .modal-dialog{
		width: auto !important;
	}
	#pdfPrintModal .modal-content{
		width: auto !important;
	}

	#pdfModal .modal-dialog{
		width: auto !important;
	}
	#pdfModal .modal-content{
		width: auto !important;
	}

	#pdfModalInventory .modal-dialog{
		width: auto !important;
	}
	#pdfModalInventory .modal-content{
		width: auto !important;
	}
	.modal-footer{
		text-align: center !important;
	}
}

.label-black{
	color: black;
}