/*==================================
	Estilos generales.
==================================*/
* {
   box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

header,
footer {
	width: 100%;
}

header {
	flex-shrink: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.flex-row-class {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
    flex-direction: row;
}

.flex-column-class {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
    flex-direction: column;
}

.system-bg {
	background: url("../img/system-bg.jpg") center no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.btn-row {
	cursor: pointer;
	display: inline-block;
	height: 30px;
	width: 30px;
}

	.show-icon {
		background: url("../img/show-icon.svg") center no-repeat;
		background-size: 100% auto;
	}

	.update-icon {
		background: url("../img/update-icon.svg") center no-repeat;
		background-size: auto 60%;
	}

	.edit-icon {
		background: url("../img/edit-icon.svg") center no-repeat;
		background-size: auto 60%;
	}

	.delete-icon {
		background: url("../img/delete-icon.svg") center no-repeat;
		background-size: auto 60%;
	}

	.lock-icon {
		background: url("../img/lock-icon.svg") center no-repeat;
		background-size: auto 60%;
	}

	.pdf-icon {
		background: url("../img/download-pdf-icon.svg") center no-repeat;
		background-size: 100% auto;
	}

.red-text {
	color: #E6001D;
}

.current-cash {
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 1.1em;
	text-align: right;
}

	/*.current-cash span {
		
	}*/

/*==================================
	Elementos de formulario.
==================================*/
.label-form {
	color: #3F3F3F;
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
}

.label-form-bold {
	font-weight: bold;
}

.label-form-inline {
	color: #3F3F3F;
	flex-shrink: 0;
	padding-right: 5px;
	width: auto;
}

.total-tag {
	background: #3F3F3F;
	border-radius: 5px;
	color: #FFF;
	font-size: 2em;
	margin: 0;
	padding: 5px 1em;
	text-align: center;
}

.text-form {
	background: transparent;
	border: 1px solid #3F3F3F;
	border-radius: 5px;
	color: #3F3F3F;
	margin-bottom: 10px;
	padding: 5px;
	width: 100%;
}

.text-form-inline {
	margin-bottom: 0;
}

.text-form-locked {
	background: #777;
	color: #FFF;
}

.textarea-form {
	background: rgb(227, 229, 231);
	border: 1px solid #3F3F3F;
	border-radius: 5px;
	color: #3F3F3F;
	height: 100px;
	margin-bottom: 10px;
	padding: 5px;
	width: 100%;
}

.update-hidden,
.pdf-recipe-id,
.element-hidden {
	display: none;
}

.btn {
	background: transparent;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
}

	.white-btn {
		border: 2px solid #FFF;
		color: #FFF;
	}

	.green-btn {
		border: 2px solid #54951a;
		color: #54951a;
	}

	.ok-btn {
		border: 3px solid #002691;
		color: #002691;
		margin-bottom: 10px;
		width: 100%;
	}

	.cancel-btn {
		width: 100%;
	}

	.white-fill-btn {
		background: #FFF;
		border: 2px solid #FFF;
		color: rgb(89, 89, 89);
	}

	.red-btn {
		background: #9e0429;
		color: #FFF;
	}

	.blue-btn {
		border: 3px solid #002691;
		color: #002691;
	}

.active-button {
	border: 3px solid #002691;
	color: #002691;
}

.lock-button {
	border: 3px solid #CCC;
	color: #CCC;
}

.submit-container {
	margin-top: 20px;
	text-align: center;
}

.pseudo-radio {
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 15px;
}

	.pseudo-radio > label {
		cursor: pointer;
		margin-right: 15px;
	}

	.pseudo-radio > label:last-child {
		margin-right: 0;
	}

	.pseudo-radio-option {
		background: rgb(227, 229, 231);
		border: 2px solid rgb(114, 127, 136);
		border-radius: 50%;
		display: inline-block;
		height: 25px;
		position: relative;
		width: 25px;
	}

		.real-radio {
			display: none;
		}

		.text-radio {
			margin-right: 5px;
		}

		.real-radio:checked + .pseudo-radio-option span {
			background: #3f3f3f;
			border-radius: 50%;
			bottom: 0;
			display: inline-block;
			height: 15px;
			left: 0;
			margin: auto;
			position: absolute;
			right: 0;
			top: 0;
			width: 15px;
		}

/*========= Estilos del checkbox ==========*/
.checkbox-option {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	cursor: pointer;
	width: 100%;
}

	.checkbox-container {
		display: inline-block;
		height: 25px;
		width: 25px;
	}

		.pseudo-checkbox {
			border: 2px solid #011627;
			cursor: pointer;
			display: inline-block;
			height: 25px;
			width: 25px;
		}

		.real-checkbox {
			display: none;
			height: 20px;
			opacity: 0;
			position: absolute;
			width: 20px;
		}

			.real-checkbox:checked + .pseudo-checkbox {
				background: url("../img/palomita-checkbox.svg") center no-repeat;
				background-size: cover;
				border: 2px solid #011627;
		}

	.checkbox-text {
		padding-left: 3px;
	}

.pseudo-select {
	background: transparent url("../img/select-arrow.svg") right no-repeat;
	background-size: auto 100%;
	border: 1px solid #3F3F3F;
	border-radius: 5px;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 5px;
	position: relative;
}

.pseudo-select-inline {
	margin-bottom: 0;
	width: 100%;
}

	.pseudo-select select {
		border: 1px solid gray;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.pseudo-select span {
		line-height: 25px;
	}

.switch-container {
	margin-bottom: 10px;
}

	.switch {
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		background: transparent;
		border-radius: 30px;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		position: relative;
		width: 100px;
	}

		.switch-box {
			display: none;
		}

		.switch-bar {
			background: #888;
			border-radius: 8px;
			bottom: 0;
			display: inline-block;
			height: 20px;
			margin: auto;
			position: absolute;
			right: 0;
			top: 0;
			transition: all .5s ease-in-out;
			width: 100%;
		}

		.switch .switch-circle {
			background: #CCC;
			border-radius: 50%;
			display: inline-block;
			height: 100%;
			position: absolute;
			right: -5px;
			top: 0;
			transition: all .5s ease-in-out;
			width: 40px;
		}

			.switch .switch-circle::after {
				bottom: 0;
				color: #000;
				content: "NO";
				display: inline-block;
				height: 35px;
				left: 0;
				line-height: 35px;
				margin: auto;
				position: absolute;
				right: 0;
				text-align: center;
				top: 0;
				width: 35px;
			}

		.switch-box:checked ~ .switch-circle {
			/*background: #011627;*/
			background: #3f3f3f;
			right: calc(100% - 35px);
		}

			.switch-box:checked ~ .switch-circle::after {
				color: #FFF;
				content: "SI";
			}

		.switch-box:checked ~ .switch-bar {
			background: #5f5f5f;
		}

/*==================================
		Ventana emergente.
==================================*/
.transparent-bg {
	background: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.popup-container,
.delete-popup-container,
.cancel-purchase-popup-container,
.efectivo-popup-container,
.adjustment-details-popup-container {
	display: none;
	font-family: 'Raleway', sans-serif;
	left: 0;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 1001;
}

	.popup,
	.delete-popup,
	.cancel-purchase-popup,
	.efectivo-popup,
	.adjustment-details-popup {
		background: rgba(255, 255, 255, 0.9);
		border-radius: 10px;
		color: #3F3F3F;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;
		position: absolute;
		right: 0;
		width: 95%;
	}

		.popup-title {
			border-bottom: 2px solid #3F3F3F;
			font-size: 1.5em;
			font-weight: bold;
			margin: 0 0 15px 0;
			padding-bottom: 7px;
			text-transform: uppercase;
		}

		.add-edit-popup-title,
		.delete-popup-title {
			text-align: center;
		}

		.warning-icon {
			height: auto;
			width: 100px;
		}

	.frm-sub-container-2,
	.frm-sub-container-3 {
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		width: 100%;
	}

		.inline-input-label {
			margin-bottom: 10px;
		}

	.frm-container {
		width: 100%;
	}

	.center-btn-container {
		text-align: center;
	}

.purchases-table,
.sales-table {
	background: #FFF;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

	.purchases-table-header,
	.sales-table-header {
		background: #5B5B5B;
		color: #FFF;
		text-align: center;
	}

/*==================================
			Login.
==================================*/
.login-bg {
	background: url("../img/login-bg.jpg") center no-repeat;
	background-size: cover;
}

.login-container {
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 1.1em;
	margin-top: 0px;
	text-align: center;
	width: 100%;
}

	.login-logo-company {
		height: auto;
		margin: 0 0 30px 0;
		width: 200px;
	}

	.username-container,
	.password-container {
		margin-bottom: 30px;
		width: 100%;
	}

		.username-container input[type="email"],
		.password-container input[type="password"] {
			background: #353535;
			border: none;
			border-radius: 0 0 3px 3px;
			color: #ADADAD;
			font-family: 'Raleway', sans-serif;
			padding: 10px 1em;
			text-align: center;
			width: 100%;
		}

	.login-submit {
		background: url("../img/login-submit-icon.svg") right no-repeat;
		background-size: auto 100%;
		border: none;
		border-radius: 3px;
		color: #002691;
		font-family: 'Raleway', sans-serif;
		margin-top: 20px;
		padding: 10px 1em;
		text-decoration: underline;
		width: 100%;
	}

.pseudo-search-select {
	cursor: pointer;
	position: relative;
	width: 100%;
}

	.search-select-label {
		background: transparent url("../img/select-arrow.svg") right no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 29px;
	}

		.search-select-items-container {
			background: #FFF;
			display: none;
			left: 0;
			position: absolute;
			top: 29px;
			width: 100%;
			z-index: 999;
		}

		.input-search-container {
			padding: 10px;
		}



		.pseudo-search-select:checked + .search-select-items-container {
			display: block;
		}

		.search-select-items-container ul {
			height: 200px;
			list-style: none;
			margin: 0;
			overflow-y: scroll;
			padding: 0;
		}

		.search-select-items-container ul li {
			border-bottom: 1px solid rgb(114, 127, 136);
			padding: 10px 7px;
			width: 100%;
		}

/*==================================
	Contenedores.
==================================*/
.container {
	padding-left: 1em;
	padding-right: 1em;
}

.main-content {
	padding-top: 104px;
	width: 100%;
}

.system-content,
.home-content {
	padding-top: 74px;
}

.system-content {
	padding-bottom: 50px;
}

	/*.home-content:before {
		content: "";
		background: rgba(255, 255, 255, 0.7);
		position: fixed;
		top: 74px;
		left: 0;
		height: calc(100% - 74px);
		width: 100%;
		z-index: -1;
	}

	.system-content:before {
		background: rgba(255, 255, 255, 1);
		content: "";
		position: fixed;
		top: 74px;
		left: 0;
		height: calc(100% - 124px);
		width: 100%;
		z-index: -1;
	}*/

/*==================================
			Navbar.
==================================*/
.navbar {
	background: rgba(0,0,0, .8);
}

.logo-header {
	height: 100px;
	width: auto;
}

	.logo-header-system {
		height: 60px;
	}

.page-title {
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 1.8em;
	margin: 0;
}

.user-icon {
	background: url("../img/profile-icon.svg") center no-repeat;
	background-size: auto 100%;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	margin-right: 1em;
	position: relative;
	width: 60px;
}

	.user-session-type {
		bottom: -15px;
		color: #FFF;
		display: inline-block;
		font-family: 'Raleway', sans-serif;
		font-size: 0.8em;
		position: absolute;
		right: -8px;
	}

.system-bar {
	background: rgba(0, 0, 0, 0.5);
}

.profile-submenu {
	background: #FFF;
	display: none;
	margin-left: -74px;
	margin-top: 60px;
	padding-left: 0;
	width: 150px;
}

	.profile-submenu li {
		text-align: center;
	}

		.profile-submenu li a {
			color: #011627;
			display: inline-block;
			font-family: 'Raleway', sans-serif;
			padding: 13px 8px;
			text-decoration: none;
		}

#logout-check:checked + .profile-submenu {
	display: inline-block;
}

/*==================================
			Toolbar.
==================================*/
.toolbar {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	height: 50px;
	left: 0;
	padding: 0 1em;
	position: fixed;
	width: 100%;
	z-index: 10;
}

.toolbar-btn {
	background: transparent;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
}

	.white-btn {
		border: 2px solid #FFF;
		color: #FFF;
	}

	.search-icon {
		background: url("../img/search-icon.svg") center no-repeat;
		background-size: auto 85%;
		display: inline-block;
		height: 40px;
		width: 50px;
	}

.search-bar {
	bottom: -50px;
	left: 0;
	margin: auto;
	position: fixed;
	right: 0;
	transition: all 0.5s ease-in-out;
	z-index: 4;
}

	.search-input {
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
	}

#search-box {
	display: none;
}

#search-box:checked + .search-bar {
	bottom: 43px;
}

/*==================================
			Home.
==================================*/
.home-menu {
	flex-wrap: wrap;
	text-align: center;
	padding-bottom: 60px;
}

	.home-menu a {
		color: #FFF;
		font-family: 'Raleway', sans-serif;
		margin: 20px 0 0 0;
		text-decoration: none;
		width: 100%;
	}

		.menu-options {
			-webkit-justify-content: center;
			justify-content: center;
			background: rgba(255, 255, 255, 0.7);
			border-radius: 10px;
			height: 200px;
			padding: 1em;
			transition: all .5s ease-in-out;
			width: 100%;
		}

			.menu-options p {
				color: #002691;
				text-transform: uppercase;
			}

			.menu-options img {
				height: auto;
				width: 117px;
			}

	.menu-options:hover {
		transform: scale(1.1);
	}

.menus-list {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	font-family: 'Raleway', Arial;
	margin-top: 20px;
}

	.menu-row {
		border-bottom: 1px solid rgb(157, 157, 157);
		padding: 7px 0 7px 1em;
		width: 100%;
	}

		.menu-row p {
			color: #000;
			font-size: 1.1em;
			margin: 0;
		}

		.hr-asigned {
			font-size: 0.8em;
		}

		.action-btn-row-container span,
		.action-btn-row-container a {
			margin-right: 6px;
		}

/*==================================
			Material.
==================================*/
.header-purchases-td,
.header-sales-td {
	padding: 5px 3px;
}

.material-purchase-row,
.material-sale-row {
	border-bottom: 1px solid gray;
	padding: 10px 3px;
}

/*==================================
			Compras.
==================================*/
.transaction-canceled {
	opacity: 0.5;
}

	.purchase-details-container {
		background: rgba(255, 255, 255, 0.8);
		border-radius: 5px;
		padding: 1em;
	}

	.special-description {
		background: rgb(227, 229, 231);
		border: 1px solid #3F3F3F;
		border-radius: 5px;
		color: #3F3F3F;
		margin-bottom: 10px;
		margin-top: 0;
		padding: 5px;
		width: 100%;
	}

	.description-container {
		width: 100%;
	}

	.description-hidden {
		display: none;
	}

		.description-container textarea {
			margin-bottom: 0;
		}

		.description-length {
			color: gray;
			font-size: 0.8em;
			margin: 0;
			padding-bottom: 10px;
		}

	.material-description {
		color: #777;
		text-align: left;
	}

		.description-span {
			color: #E6001D;
			font-weight: bold;
		}

		.delete-material-row {
			cursor: pointer;
		}

/*==================================
			Cortes.
==================================*/
.items-container {
	flex-wrap: wrap;
	padding: 20px 0;
}

	.item-label {
		margin-bottom: 25px;
		position: relative;
		width: 100%;
	}

		.item-info {
			background: #000;
			border-radius: 10px 10px 0 0;
			box-shadow: 0px -1px 2px #000;
			color: #D6D6D6;
			margin: 0;
			padding: 10px 1em;
			position: relative;
		}

		.blue-item-info {
			background: #000;
		}

		.info-center {
			text-align: center;
		}

			.item-info .user-type {
				position: absolute;
				right: 0;
				top: 5px;
			}

			.item-name {
				margin: 5px 0;
			}

			.item-details {
				font-size: 0.8em;
				font-weight: lighter;
				margin: 5px 0;
			}

	.buttons-item-container {
		background: #CBCCCB;
		border-radius: 0 0 10px 10px;
		box-shadow: 0px 1px 2px #000;
		color: rgb(51, 51, 51);
		font-size: 0.8em;
		text-align: center;
	}

	.one-button span,
	.one-button a {
		color: #000;
		cursor: pointer;
		display: inline-block;
		padding: 10px 0;
		text-decoration: none;
		text-transform: uppercase;
		width: 100%;
	}

	.two-buttons span,
	.two-buttons a {
		border-left: 1px solid rgb(51, 51, 51);
		color: #000;
		cursor: pointer;
		display: inline-block;
		padding: 10px 0;
		text-decoration: none;
		text-transform: uppercase;
		width: 50%;
	}

	.two-buttons span:first-child,
	.two-buttons a:first-child {
		border-left: none;
	}

	.three-buttons span,
	.three-buttons a {
		border-left: 1px solid rgb(51, 51, 51);
		color: #000;
		cursor: pointer;
		display: inline-block;
		padding: 10px 0;
		text-decoration: none;
		text-transform: uppercase;
		width: 33%;
	}

	.three-buttons span:first-child 
	.three-buttons a:first-child {
		border-left: none;
	}

.otros-gastos-container {
	padding-top: 20px;
}

	.otros-gastos-title {
		margin: 0 0 3px 0;
	}

	.otros-gastos-table {
		width: 100%;
	}

		.gastos-table-header {
			background: #5B5B5B;
			color: #FFF;
		}

			.header-gastos-concepto {
				padding: 5px;
				text-align: center;
				width: 80%;
			}

			.header-gastos-importe {
				padding: 5px 0;
				text-align: center;
				width: 30%;
			}

			.gastos-importe-row {
				padding-right: 10px;
				text-align: right;
			}

			.gastos-total-text-td {
				border-top: 1px solid #5B5B5B;
				text-align: right;
			}

			.gastos-total-td {
				border-top: 1px solid #5B5B5B;
				padding-right: 10px;
				text-align: right;
			}

/*==================================
		Compras Admin.
==================================*/
.filters-container {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 6px;
	font-family: 'Raleway', Arial;
	padding: 20px;
}

		.half-container {
			width: 100%;
		}

			.filter-button-container {
				text-align: center;
			}

/*==================================
			Inventario.
==================================*/
.popup-label {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
}

.popup-text {
	display: inline-block;
	font-size: 1.1em;
	font-style: italic;
	width: 100%;
}

.adjustment-materials-container {
	display: none;
}

	.adjustment-materials {
		border: 1px solid #000;
	}

		.quantity-container {
			display: none;
			opacity: 0;
			padding: 12px 12px 6px 12px;
			transition: all 2s linear;
		}

		.material-container {
			border-bottom: 1px solid #000;
		}

		.material-container:last-child {
			border-bottom: none;
		}

			.material-name {
				background: #ADADAD;
				cursor: pointer;
				padding: 0 7px;
			}

		.quantity-check:checked + .quantity-container {
			display: block;
			opacity: 1;
		}
			.quantity-container .text-form {
				width: 100%;
			}

.adjustment-materials-details-container {
	display: none;
}

.materials-details-table {
	width: 100%;
}

	.details-table-header {
		background: rgb(91, 91, 91);
		color: #FFF;
	}
		.details-th {
			padding: 3px 0;
			text-align: center;
			width: 50%;
		}

	.details-table-body {
		text-align: center;
	}

		.details-table-body tr:nth-child(even) {
			background: #ADADAD;
		}

	/* tarjetas */

	.inventario-container {
		background: rgba(255,255,255,.8);
		margin-top: 10px;
		padding: 20px;
		width: 100%;
	}
		.inventario-info-container{
			width: 80%;
		}
			.label-inventario-info label,
			.inventario-info-container span {
				display: inline-block;
			}

			.label-title-material {
				display: block;
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 15px;
			}

			.label-inventario-info {
				color: rgb(90,90,91);
				font-weight: bold;
				margin-bottom: 5px;
			}

			.span-inventario-info {
				margin-bottom: 10px;
			}
				.span-inventario-info:last-child {
					margin-bottom: 0;
				}

		.inventario-actions-container{
			height: 100px;
			position: relative;
			width: 100px;
		} 
			.more-options-icon {
				background: url("../img/more-options-horizontal.svg") center no-repeat;
				background-size: contain;
				cursor: pointer;
				display:block;
				height: 100%;
				margin:auto;
				width: 100%;
			}

		.check-more-options {
			display: none;
		}
			.menu-options-inventario {
				background:rgba(0,0,0,.8);
				bottom: -100px;
				display: none;
				list-style: none;
				margin: 0;
				padding: 10px;
				position: absolute;
				right: 0;
				width: 200px;
				z-index: 1;
			}
				.menu-options-inventario li {
					border-top: 2px solid #fff;
					border-bottom: 2px solid #fff;
				}
					.menu-options-inventario li:nth-child(2) {
						border-top:none;
					}

				.menu-options-inventario li a {
					color: #fff;
					display: block;
					font-weight: bold;
					padding: 8px 5px; 
					text-align: center;
					text-decoration: none;
				}

			.check-more-options:checked + .menu-options-inventario {
				display: block;
			}

		.margin-table {
			margin-top: 30px;
			margin-bottom: 30px;
		}


		/* LISTA DE TICKETS */

		.table-label {
		    cursor: pointer;
		    display: inline-block;
		    padding: 5px;
		    width: 100%;
		}
		.input-tickets-list,
		.tickets-container {
			display: none;
		}

		.table-row-inventario td{
			padding: 0;
		}

		.table-row-inventario td a{
			color: inherit;
		}

		.tickets-data-container {
			background: rgba(255,255,255, .6);
			border-bottom: none;
    		/*justify-content: space-around;*/
    		padding: 0 1em;
		}
			.tickets-data-container p{
				color: #808080;
			}
			.tickets-data-container .action-btn-row-container a{
				margin-right: 1.5em;
			}

		.input-tickets-list:checked + .tickets-container {
			display: contents;
		}
		
/*==================================
	Media queries.
==================================*/
@media screen and (min-width: 769px) {
	.container {
	    margin: 0 auto;
	    max-width: 1000px;
	    width: 90%;
	}

	/*==================================
			Ventana emergente.
	==================================*/
	.popup,
	.delete-popup,
	.cancel-purchase-popup,
	.efectivo-popup {
		max-width: 850px;
	}

	.lil-popup,
	.delete-popup,
	.cancel-purchase-popup {
		max-width: 500px;
	}

		.form-items {
			-webkit-flex-direction: row;
	    	flex-direction: row;
	    	-webkit-align-items: stretch;
			align-items: stretch;
		}

		.frm-sub-container-2 {
			width: 49%;
		}

		.frm-sub-container-3 {
			width: 31%;
		}

	/*==================================
		Elementos de formulario.
	==================================*/
	.submit-container {
		-webkit-flex-direction: row;
	    flex-direction: row;
	    -webkit-justify-content: center;
		justify-content: center;
	}

		.ok-btn {
			margin-bottom: 0;
			order: 2;
			width: auto;
		}

		.cancel-btn {
			margin-right: 20px;
			order: 1;
			width: auto;
		}

	/*========= Estilos del checkbox ==========*/
	.checkbox-options-container {
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: stretch;
		align-items: stretch;
	}

	/*==================================
				Login.
	==================================*/
	.login-container {
		max-width: 400px;
	}

		.login-submit {
			max-width: 200px;
		}

	.login-logo-company {
		height: auto;
		width: 280px;
	}

	/*==================================
				Home.
	==================================*/
	.home-menu {
		-webkit-flex-direction: row;
    	flex-direction: row;
	}

		.home-menu a {
			width: 50%;
		}

			.menu-options {
				width: 300px;
			}

	/*==================================
				Cortes.
	==================================*/
	.items-container {
		-webkit-flex-direction: row;
    	flex-direction: row;
	}

		.item-label {
			width: 32%;
		}

	/*==================================
				Compras Admin.
	==================================*/
	.two-column-container {
		-webkit-flex-direction: row;
    	flex-direction: row;
	}

		.half-container {
			width: 48%;
		}

	/*==================================
				Inventario 
	==================================*/
		/* tarjetas */
	.inventario-general-container {
		flex-direction: row;
	} 

	.inventario-container{
		height: 190px;
		margin-top: 20px;
		padding: 15px;
		position: relative;
		width: 30%;
	}
		.inventario-info-container{
			height: 100%
			width: 100%;
		}
			.label-inventario-info label,
			.inventario-info-container span {
				display: block;
			}

		.inventario-actions-container{
			bottom: 0;
			height: 70px;
			margin: auto;
			position: absolute;
			top: 0;
			right: 10px;
			width: 30px;
		}
			.more-options-icon {
				background: url("../img/more-options.svg") center no-repeat;
				background-size: contain;
				height: 70px;
				width: 30px;
			}

			.menu-options-inventario {
				right: -10px;
			}
}