html {
	zoom: 95%;
}

/* Inicio Sesión
----------------------------------------- */
.bg-login-image {
	/*
		https://source.unsplash.com/Gd4iGAkdw5U/600x800
		https://source.unsplash.com/
		https://source.unsplash.com/random/600×800/?pet
		background: url('https://source.unsplash.com/random/600×800/?pet');
	*/
	background: url('https://pawpet.co/assets/front/image/cat-dog.jpg');
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%
}

#frmLogin > .form-group > i {
	position: relative;
	top: 38px;
	left: 16px;
}

form.user .form-control-user {
	font-size: 1rem;
}

#versionLogin {
	font-size: .6em;
}


/* Recordar Contraseña
----------------------------------------- */
.bg-password-image {
	/* https://source.unsplash.com/MdCRLHD6U6E/600x800 */
	background: url('https://pawpet.co/assets/front/image/cat-dog.jpg');
	background-position: center;
	background-size: cover;
}


/* Recordar contraseña 2
----------------------------------------- */
.bg-recordar-image {
	/* https://source.unsplash.com/eXYxqFo3rGw/600x800 */
	background: url('https://pawpet.co/assets/front/image/cat-dog.jpg');
	background-position: center;
	background-size: cover;
}

/* Loading
----------------------------------------- */
.loading #loading {
	display: flex;
}

#loading {
	height: 100%;
	background-color: #ffffffba;
	position: fixed;
	width: 100%;
	z-index: 99999;
	display: none;
}

#loading > .loading-icon {
	position: relative;
	left: 50%;
	top: 50%;
	text-align: center;
}

#loading > .loading-icon > i {
	font-size: 2em;
	-webkit-animation: fa-spin 1s linear infinite;
	animation: fa-spin 1s linear infinite;
}

/* Menu Principal
----------------------------------------- */
.sidebar-dark .sidebar-brand {
	background-color: #fff;
}

li.nav-item.active {
	background-color: #ffffff1f;
}

.sidebar .nav-item .nav-link {
	padding: .75rem 1rem !important;
}

.sidebar.toggled .nav-item .nav-link i {
	font-size: 1.2em;
}

.nav-link > .numero {
	border-radius: 10px;
	background-color: red;
	color: white;
	font-size: small;
	width: 20px;
	height: 20px;
	padding: 2px;
	position: absolute;
	top: 6px;
	right: -8px;
	text-align: center;
	display: none;
	font-family: monospace;
}

/* Titulo
----------------------------------------- */
#titulo {
	margin-top: -74px;
	position: absolute;
	margin-left: 36px;
}

.sidebar-toggled #titulo {
	margin-left: 30px;
}

/* Footer
----------------------------------------- */
footer.sticky-footer .copyright {
	font-size: .6em;
}


/* Modal Rigth
----------------------------------------- */
.modal-dialog-slideout {
	min-height: 100%;
	margin: 0 0 0 auto;
	background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(100%, 0) scale(1);
	transform: translate(100%, 0) scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	display: flex;
	align-items: stretch;
	-webkit-box-align: stretch;
	height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
	border: 0;
}

.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
	height: 69px;
	display: block;
}

.modal-dialog-slideout .modal-header h5 {
	float: left;
}

/* dropdown-toggle
----------------------------------------- */
.dropdown-toggle {
	border: 1px solid #ced4da;
	background-color: #fff;
	border-radius: 0.25rem;
	color: #495057 !important;
}

/* Bootstrap 4 -- edit
----------------------------------------- */
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .02);
}

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


/* GroceryCrud  -- Edit
----------------------------------------- */
.chosen-search > input {
	width: 100% !important;
}

#crudForm .form-input-box > .form-control {
	height: 28px;
}

.report-div.error {
	font-size: .9em;
	width: 80%;
	margin: 0 auto;
}


/* Slide Rigth Modal
------------------------------------------ */
.modal.left .modal-dialog {
	position: fixed;
	right: 0;
	margin: auto;
	width: 90%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
	left: -500px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #eeeeee;
	background-color: #fafafa;
}

.modal-content label {
	margin-bottom: 0 !important;
}

/* bootstrap-growl-top-right */
.bootstrap-growl-top-right {
	width: 92% !important;
}
