body{
	zoom:90%!important;
}
/* your styles go here */
#Cargando{ position: fixed; width: 100%; height: 100%; top: 0; text-align: center;
    background: rgba(52, 58, 64, 0.7);
    z-index:999999;
}
#Cargando div{ position: relative; top: 40%; /*right: 10px;*/ color: white;}
#Cargando p{ font-size: 20px; }

nav#sidebar li li a {
    padding-left: 30px;
}

.swal2-container{
	z-index: 999999 !important;
}

.table{
	font-size: 0.8rem !important;
}

.swal2-popup{
	font-size: 0.7rem !important;
}

.shadow{
	box-shadow: 0 .5rem 1rem rgba(255,255,255,.15)!important;
}

.form-control{
	font-size: 0.9rem!important;
}

.btn-xs{
	padding: 0.1rem 0.3rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.trNoHover{
  background-color: transparent!important;
}

pre{
	font-family: "Spartan", sans-serif;
}

.Thumbnail{
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 100px; /* Set a small width */	
}

.modal-backdrop {
	width: 100%!important;
    height: 100vw!important;
}

.form-control:disabled, .form-control[readonly] {
    opacity: 0.5!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ccc !important;
}

@media (max-width: 576px) {
	.container-fluid{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.breadcrumb {
	    padding: .75rem 1rem !important; 
	}
	.page-header .h5{
		font-size: 0.8rem!important;
	}

	.col-12 .block-table{
		padding: 5px!important;
	}
	.tab-content{
		padding: .5rem!important;
	}

	.login-page{
		background-color: var(--principal);
	}

	.login-page .container {
	    min-height: 100vh;
	    z-index: 1;
	    padding: 0px;
	}
	.login-page .form-holder{
		margin-top: -60px;
	}

	.imgLogo{
		margin-left: 50px;
	}

	.card-body-phone{
		padding: 0.5rem!important;
	}
}