.form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

	.form-control:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
	}
	.form-control:disabled {
		color: #9e9e9e;
		background-color: #f1f1f1;
	}

	.form-control::-moz-placeholder {
		color: #999;
		opacity: 1
	}

	.form-control:-ms-input-placeholder {
		color: #999
	}

	.form-control::-webkit-input-placeholder {
		color: #999
	}

	.form-control::-ms-expand {
		background-color: transparent;
		border: 0
	}

	.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
		background-color: #eee;
		opacity: 1
	}

	.form-control[disabled], fieldset[disabled] .form-control {
		cursor: not-allowed
	}

.control-label {
	text-align: left !important;
	padding-top: 4px !important;
	color: black;
	margin: 0px;
	font-weight: 600;
	width: 100%;
	display: inherit;
}

.brand-sidebar .logo-wrapper a.brand-logo img{
	height: 36px;
}
.navbar-toggler {
	float: right;
	margin: 16px;
	color: white;
}
.row{
	margin-top: 4px !important;
}
a{
	color:white;
}
footer {
	padding-left: 64px;
	padding-right: 0px;
}

.item-cargo-info {
    background-color: floralwhite;
    margin: 4px;
    width: 49% !important;
    overflow: hidden;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.tracking-order-panel {
    background-color: aliceblue;
    margin: 4px;
    cursor: pointer;
    color: black;
    /*width: 49%;*/
	padding: 8px;
    overflow: hidden;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.btn-pqgrid {
    padding: inherit !important;
}

#btnReloadAll {
	transition: all 0.3s ease; /* Suaviza los cambios */
}

	#btnReloadAll:hover {
		background-color: #a6d0ff !important; /* Color de fondo más claro */
		color: #000000 !important; /* Asegura que el texto sea blanco */
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Sombra alrededor */
		transform: translateY(-2px); /* Eleva ligeramente el botón */
	}