body {
	background-color: #F1F1F1;
	padding-bottom: 10px;
	font-size: 12px;
	height: 100%;
	width: 100%;
}

.modal-lg {
	font-size: 8px;
}
.content {
	padding: 10px;
	max-width: 1440px;
}

.login-panel{
	width: 400px
}

.grid {
	width: 100%;
}
.grid-content {
	height: 200px;
}
.cellRed{
	color: #520202 !important;
	background-color: #b2030366 !important;
}
.smallCellFont{
	font-size: 10px !important;
}

form {
	margin-bottom: 5px;
}

form .btn {
	border-radius: 0;
}

.fa {
	cursor: pointer;
	font-size: 1.3em;
	/*margin: -10px 0 0 0;*/
}

.navbar {
	margin-bottom: 5px;
}

/*para la configuracion del titulo */
.navbar-title{
	margin-top: 10px;
	margin-left: auto;
	margin-bottom: 7px;
	margin-right: auto;
}

.currency{
	text-align:right;
}
.currency .ui-grid-cell-contents:before{
	content: '$';
	float: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-upper{
	text-transform: uppercase;
}
.jumbotron {
	padding: 5px;
	margin-bottom: 10px;
	color: inherit;
	background-color: #eee;
}

.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
	border: 0;
}

.rpt-export{
	float: right; 
}

.btn-group-custom {
	margin-bottom: 5px;
}

.status-text {
	display: inline;
	font-size: 18px;
}

.dboard-chart{
	padding-left: 6%;
	padding-right: 6%;
}

.nav-user {
	color: #777; 
	background-color: transparent;
	text-align: right; 
	float: right; 
	position: relative; 
	padding-top: 15px; 
	padding-bottom: 15px;
}
.nav-logo{
	background-color: transparent;
	position: absolute;
	/*float: right;*/
	/*padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20%;
	padding-left: 20%;*/
	width: 100%;
	height: 50px;
	text-align: center;
	left: 0;
	position:absolute;
	line-height: 50px;
	margin: 0px auto;
}
#usr-logo{
	/* display: block; */
	/* margin-left: auto;
	margin-right: auto;
	padding-top: auto; */
	/*border: 1px solid;*/
	/* padding-top: 4px;	
	opacity: 0.85;	*/
	height: 36px;
	position:relative;
	vertical-align:middle;
	text-align:center;
}
#login-logo{
	height: 32px;
	position:relative;
	vertical-align:middle;
	text-align:center;
}

.thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
    top: 7px;
}

form .progress {
    line-height: 15px;
}

.progress {
    display: inline-block;
    width: 200px;
    border: 3px groove #CCC;
	margin: 10px 20px 0 2px;
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.fileresult{
	margin: 10px 20px 0 2px;
	line-height: 20px;
}

.txtResultImport{
	margin: 10px 2px;
	font-size: 10pt;
	display: block;
}

@media only screen and (max-width: 330px) {
	.status-text {
		display: none;
	}
	.grid{
		font-size: 6px;
	}
	.panel-title{	font-size: 9px; }

}

@media only screen and (max-width: 480px) {
	.status-text {
		display: none;
	}
	.grid{
		font-size: 8px;
	}
	.panel-title{	font-size: 10px; }

	body {
		font-size: 10px;
	}

	#pantallaLogin{
		width: 400px;
	}

}

@media only screen and (max-width: 760px) {
	.status-text {
		font-size: 8px;
	}
	.grid{
		font-size: 10px;
	}
	.panel-title{
		font-size: 12px;
	}
	.dboard-chart{
		padding-left: 3%;
		padding-right: 3%;
	}
	.rpt-export {
		float: none;
	}

	.nav-logo {
		background-color: transparent;
		width: 100%;
		height: 50px;
		text-align: right;
		left: 0;
		position: absolute;
		line-height: 50px;
		margin: 0px auto;
	}

	.nav-user {
		color: #777;
		background-color: transparent;
		text-align: right;
		float: left;
		position: absolute;
		padding-top: 21px;
		padding-bottom: 15px;
		padding-left: 30px;
	}

	#usr-logo {
		height: auto;
		width: 110px;
		position: relative;
		vertical-align: middle;
		text-align: right;
		right: 70px;
	}
}

@media only screen and (min-width: 761px) and (max-width: 840px){
	.nav-logo{
		padding-left: 20%;
	}
	.rpt-export {
		float: none;
	}
	.form-group {
		margin-bottom: 10px !important;
	}
}
@media only screen and (min-width: 841px) and (max-width: 1200px){
	.rpt-export {
		float: none;
	}
	.form-group {
		margin-bottom: 10px !important;
	}
}

@media only screen and (max-width: 1024px) {
		.status-text {
			font-size: 12px;
		}
		.grid{
			font-size: 12px;
		}
		.panel-title{	font-size: 12px; }

}

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

	#pantallaLogin{
		width: 400px;
	}
}

@media only screen and (min-width: 1023px){
		.chart-container {
			position: relative;
			margin: auto;
			height: 30vh;
			width: 30vw;
		}
} 

.legend {
		padding: 6px 8px;
		font: 10px Arial, Helvetica, sans-serif;
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		background: rgba(255,255,255, 0.9);
		line-height: 18px;
		border-radius: 5px;
		color: #555;
}

.legend i {
		color: #777;
		width: 18px;
		height: 18px;
		float: left;
		margin-right: 8px;
		opacity: 0.7;
}

.panel {
	margin-bottom: 0;
}

.panel-heading {
	padding: 4px 12px;
}

.panel-title{
	font-size: 12px; 
}

.panel-body {
	padding: 5px;
}

.text-bold {
	font-weight: bolder;
}

.chart-pie {
	height: 150px;
	width: 150px;
}

@media (min-width: 992px){
	.modal-lg {
			width: 96%;
	}
	.modal-lg.tag-express{
			width: 70%;
			min-width: 640px;
	}
	.modal-lg.tag-sin-mapa{
			width: 55%;
			min-width: 640px;
	}
	.modal-lg.tag-cliente{
			width: 80%;
			min-width: 640px;
	}
}

.miniBtn {
	min-width: 40px;
	min-height: 32px;
	font-size: 1em;
}
.hideFilterBox{
	display: none !important;
}
.miniBtnCS {
	height: 22px;
	width: 22px;
	padding: 2px;
	min-width: 22px;
	min-height: 22px;
	font-size: 12px;
	border-radius: 4px !important;
}

.inputCS {
	text-align: right;
	width: 100%;
	height: 22px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}
/* Estilos css para el mapa reporte tag*/
#map {
	position: relative;
	/*top: 0;
	left: 0;
	right: 0;
	bottom: 0; */
	height: 435px;
}

#title_container {
		z-index: 10000;
		position: fixed;
		left: 100px;
}

.datetimeSliderContent {
		right: 85px;
		/*height: 52px;
		width: 80%;*/
		margin-bottom: 8px;
		
}
/*.leaflet-bottom{
		height: 52px;
}*/
.leaflet-popup-content{
	text-align: center;
}

.datetimeControl{
		padding-top: 2px !important;
		padding-bottom: 1px !important;
		opacity: .8;
}

.datetimeControl p {
		margin: 0;
		font-size: 11px;
		line-height: 14px;
}

.sliderControl{
		float: left !important;
		right: 0px;
		left: 106px;
		width: auto;
		position: inherit !important;
		opacity: .8;
}

.payContent{
	height: 52px !important;
}

.playControl{
	margin-bottom: 2px !important;
	padding-top: 3px !important;
	padding-bottom: 2px !important;
	opacity: .8;
}
.btn-play-pause{
	font-size: 1em;
}
.ui-grid-menu-button{
	height: 20px;
	/*margin-right: 12px;*/
	top: -1px;
}
.ui-grid-column-menu-button-last-col {
		margin-right: 18px;
}
#reportFlota1Modal .ui-grid-filter-container{
	display: none !important;
}
.tab-content{
	overflow: hidden;border-right: 1px solid #ddd;
}

.panel-dboard{
	margin-bottom: 10px;
}
.dist-control{
	padding-left: 5px;
}

.form-login{
	padding: 6px 16px 0 16px;
	margin-bottom: 10px;
}

.lbl-login{
	padding-left: 0;
}