/* Version marzo 2021 */

html,
body {
	height: 100vh;
	overflow: hidden;
}

body{
	background-image: url("../image/2025.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: inherit;
}

.welcome {
	top: 7rem;
	position: absolute;
	right: 7.5rem;
	width: 66rem;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

.table-sm {
	font-size: 0.875rem;
}

.w-15 {
	width: 15% !important;
}

.w-40 {
	width: 45% !important;
}

.w-60 {
	width: 55% !important;
}

.w-33 {
	width: 33.3% !important;
}

.h-20 {
	height: 20% !important;
}

.h-80 {
	height: 80% !important;
}

.logos {
	float: right;
	margin-top: -70px;
	text-align: right;
}

.logos img {
	margin-left: 15px;
}

.navbar {
	background-image: url(../image/alfa.png);
	background-position: top left;
	padding: 0.25rem 0.5rem;
}

.navbar-brand {
	font-size: 1em;
	font-weight: 300;
	margin-right: 0.5rem;
	padding-left: 0.25rem;
}

.nav-link {
	cursor: pointer;
	padding: 0.275em;
	min-width: 45px;
	text-align: center;
}

.jumbotron {
	background-color: transparent;
}

.display-08 {
	font-size: 0.8em;
}

.fa-btn,
.fa-15x {
	font-size: 1.5em;
}

.fa-btn {
	vertical-align: text-top;
	cursor: pointer;
}

.text-100 {
	font-weight: 100;
}

.hidden {
	display: none!important;
}

.show {
	display: block;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.35em + 2px);
}

.modal-dialog {
	margin: 0.5rem auto;
}

.modal-header {
	padding: 0.75rem;
}

.modal-body {
	padding: 0.75rem;
}

.modal-footer {
	padding: 0.75rem;
}

.modal-xl {
	max-width: 980px;
}

.f-sm {
	font-size: 0.875rem !important;
}

.btn-dlg-1 {
	padding: 0.1rem 0.5rem;
	cursor: pointer;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: top;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
}

.rounded {
	border-radius: 0.2rem !important;
}

@media (max-width: 575px) {
	.show-sm {
		display: inline-block;
	}
}

@media (min-width: 575px) {
	.show-md {
		display: inline-block;
	}
}

@media (min-width: 992px) {
	.show-lg {
		display: inline-block;
	}
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: lightgrey;
	cursor: pointer;
}

table#materials {
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 0.8rem;
}

table#materials thead {
	display: block;
	position: relative;
	text-align: center;
	background-color: #6c757d !important;
	max-width: 54rem;
	/* max-width: 58rem; */
}

table#materials thead th {
	font-weight: normal;
	color: white;
	border: none;
}

table#materials tbody {
	display: block;
	overflow: auto;
	height: calc(100vh - 8.5rem);
	margin-bottom: -15px;
}

table#materials td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right;
	line-height: 1.125rem;
	vertical-align: middle;
}

table#materials th, table#materials td {
	padding: 0.125rem 0.3rem;
}

table#materials td span {
	font-weight:400;
	font-size: 90%!important;
	font-style: italic;
}

/* name, ean, pack */
table#materials thead tr:nth-child(1) th:nth-of-type(1),
table#materials td:nth-child(1) {
	width: 18rem;
	max-width: 18rem;
	text-align: left;
}

table#materials td:nth-child(1) {
	font-weight:600;
	font-size: 105%;
}

table#materials td:nth-of-type(1) span {
	margin-right: .25rem;
	border-left: solid 1px darkgray;
	padding-left: .25rem;
}

table#materials td:nth-of-type(1) span i {
	margin-right: .25rem;	
}

table#materials td:nth-of-type(1) span:first-of-type {
	border-left: none;
	padding-left: 0;
}

/* base price */
table#materials thead th:nth-of-type(2),
table#materials td:nth-child(2) {
	width: 4.5rem;
	max-width: 4.5rem;
}

/* base offer */
table#materials thead th:nth-of-type(3),
table#materials td:nth-child(3) {
	width: 3.5rem;
	max-width: 3.5rem;
}

/* price */
table#materials thead th:nth-of-type(4),
table#materials td:nth-child(4) {
	width: 4.5rem;
	max-width: 4.5rem;
}

/* offer */
table#materials thead tr:nth-child(1) th:nth-of-type(5) {
	padding-bottom: 0;
}
table#materials thead tr:nth-child(2) th:nth-of-type(1),
table#materials thead tr:nth-child(2) th:nth-of-type(2),
table#materials thead tr:nth-child(2) th:nth-of-type(3) {
	padding-top: 0;
}

table#materials thead tr:nth-child(2) th:nth-of-type(1),
table#materials td:nth-child(5),
table#materials thead tr:nth-child(2) th:nth-of-type(2),
table#materials td:nth-child(6),
table#materials thead tr:nth-child(2) th:nth-of-type(3),
table#materials td:nth-child(7) {
	width: 3rem;
	max-width: 3rem;
	white-space: nowrap;
}

table#materials td:nth-child(5),
table#materials td:nth-child(6),
table#materials td:nth-child(7),
table#materials td:nth-child(8),
table#materials td:nth-child(9) {
	border-right: dashed 1px lightgray;
}

table#materials td:nth-child(5),
table#materials td:nth-child(8) {
	font-weight: 600;
}

/* final price */
table#materials thead tr:nth-child(1) th:nth-of-type(6),
table#materials td:nth-child(8) {
	width: 4.5rem;
	max-width: 4.5rem;
}

/* pieces */
table#materials thead tr:nth-child(1) th:nth-of-type(7),
table#materials td:nth-child(9) {
	width: 4rem;
	max-width: 4rem;
}

/* credit */
/* table#materials thead tr:nth-child(1) th:nth-of-type(8),
table#materials td:nth-child(10) {
	width: 4rem;
	max-width: 4rem;
}

table#materials td:nth-child(10) span {
	display: flex;
	justify-content:end;
}
 */
/* amount */
table#materials thead tr:nth-child(1) th:nth-of-type(8),
table#materials td:nth-child(10) {
	width: 6rem;
	max-width: 6rem;
}

#details .offer-end {
	text-transform: uppercase;
}

.comments {
	resize: none;
	height: 13rem;
	margin-bottom: -0.25rem;
}

.ui-helper-hidden-accessible {
	display: none;
}

.bg-capture {
	background-color: lightyellow;
}

#capture {
	border: solid 1.5px #17a2b8;
	font-size: 0.8rem;
	padding: 0.3rem;
	position: absolute;
	text-align: right;
}

.dropdown-menu {
	min-width: 0rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 0.8rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 0.875rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.dropdown-menu i {
	width: 20px;
	font-size: 1rem;
	vertical-align: middle;
}

.rounded-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.rounded-top-left-0 {
	border-top-left-radius: 0 !important;
}

.rounded-top-right-0 {
	border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rounded-bottom-left-0 {
	border-bottom-left-radius: 0 !important;
}

.rounded-bottom-right-0 {
	border-bottom-right-radius: 0 !important;
}

.nav-link-vertical {
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-top-right-radius: 0 !important;
	border-right-width: 0 !important;
	border-right-color: white;
	background-color: gray;
	color: lightgray;
}

.nav-tabs .nav-link-vertical {
	margin-bottom: 0 !important;
	text-align: left;
}

.no-transfers {
	position: absolute;
	top: 16rem;
	right: 16rem;
	color: whitesmoke;
}

.badge {
	font-weight: 400;
}

.bg-success-25 {
	/*background-color: #28a7456a !important;*/
	background-image: url(../image/alpha-success.png);
}

.bg-warning-25 {
	/*background-color: #ffc1076a !important;*/
	background-image: url(../image/alpha-warning.png);
}

.bg-primary-25 {
	/*background-color: #007bff6a !important;*/
	background-image: url(../image/alpha-primary.png);
}

.bg-danger-25 {
	/*background-color: #dc35356a !important;*/
	background-image: url(../image/alpha-danger.png);
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: darkgrey;
	color: white;
}

table#transfers {
	table-layout: fixed;
	border-collapse: collapse;
}

table#transfers thead {
	display: block;
	position: sticky;
	top: 0;
}

table#transfers thead th {
	font-weight: normal;
	text-align: center;
}

table#transfers tbody {
	display: block;
}

table#transfers td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right;
}

/* folio */

table#transfers th:nth-of-type(1),
table#transfers td:nth-child(1) {
	width: 60px;
	max-width: 60px;
}

/* codigo */

table#transfers th:nth-of-type(2),
table#transfers td:nth-child(2) {
	width: 65px;
	max-width: 65px;
}

/* laboratorio */

table#transfers th:nth-of-type(3),
table#transfers td:nth-child(3) {
	width: 160px;
	max-width: 160px;
	text-align: left;
}

/* estatus */
table#transfers th:nth-of-type(4),
table#transfers td:nth-child(4) {
	width: 90px;
	max-width: 90px;
	text-align: left;
}

/* importe negociado */
table#transfers th:nth-of-type(5),
table#transfers td:nth-child(5) {
	width: 100px;
	max-width: 100px;
}

/* importe oferta */
table#transfers th:nth-of-type(6),
table#transfers td:nth-child(6) {
	width: 95px;
	max-width: 95px;
}

/* importe farmacia */
table#transfers th:nth-of-type(7),
table#transfers td:nth-child(7) {
	width: 100px;
	max-width: 100px;
}

/* piezas */
table#transfers th:nth-of-type(8),
table#transfers td:nth-child(8) {
	width: 75px;
	max-width: 75px;
}

/* productos */
table#transfers th:nth-of-type(9),
table#transfers td:nth-child(9) {
	width: 75px;
	max-width: 75px;
}

/* parcialidad */
table#transfers th:nth-of-type(10),
table#transfers td:nth-child(10) {
	width: 50px;
	max-width: 50px;
}

/* facturado */
table#transfers th:nth-of-type(11),
table#transfers td:nth-child(11) {
	width: 50px;
	max-width: 50px;
}

.bg-dark-50 {
	background-color: rgb(0, 0, 0, 0.5);
}

.nav-link .dropdown-toggle {
	float: right;
	margin-left: -10px;
	margin-right: -20px;
	margin-bottom: -10px;
	margin-top: -1px;
}

#printer-list,
#reprint-list {
	margin-left: 5px;
	width: 20px;
}

.printer-letter,
.printer-copies {
	color: white;
	font-family: Arial;
	font-size: 1.55rem;
	font-weight: 600;
	height: 1.55rem;
	line-height: 1.55rem;
	margin-top: -3px;
	margin-bottom: 3px;
	width: 20px;
}

.fa-dropdown {
	font-size: 0.75rem;
	margin-left: -12px;
	margin-bottom: -2px;
}

.scrollbar-y-slim {
	overflow-y: auto;
	scrollbar-width: thin;
	/* scrollbar-color: white transparent; */
}

.scrollbar-left {
	direction: rtl;
}

.scrollbar-left div {
	direction: ltr;
}

table#status-summary {
	table-layout: fixed;
	border-collapse: collapse;
}

table#status-summary thead {
	display: block;
	position: relative;
	text-align: center;
}

table#status-summary thead th {
	font-weight: normal;
}

table#status-summary tbody {
	display: block;
}

table#status-summary td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right;
}

/* estatus */

table#status-summary th:nth-of-type(1),
table#status-summary td:nth-child(1) {
	width: 85px;
	max-width: 85px;
	text-align: left;
}

/* importe a precio negociado */

table#status-summary th:nth-of-type(2),
table#status-summary td:nth-child(2) {
	width: 95px;
	max-width: 95px;
}

/* importe de la oferta */

table#status-summary th:nth-of-type(3),
table#status-summary td:nth-child(3) {
	width: 95px;
	max-width: 95px;
}

/* importe a precio farmacia */

table#status-summary th:nth-of-type(4),
table#status-summary td:nth-child(4) {
	width: 95px;
	max-width: 95px;
}

/* piezas */

table#status-summary th:nth-of-type(5),
table#status-summary td:nth-child(5) {
	width: 85px;
	max-width: 85px;
}

.customer-counter {
	color: whitesmoke;
	min-height: 42px;
	font-style: italic;
	line-height: 38px;
}

.more_than {
	max-height: 100px;
}

.input-group-vertical {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.input-group-vertical > label {
	border-bottom: none;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0.2rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-group-vertical .input-group-append {
	border-radius: 0 !important;
	margin-left: 0 !important;
}

.input-group-vertical .form-control:not(:first-child) {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.btn-light {
	color: #495057;
	background-color: #e9ecef;
	border-color: #ced4da;
}

.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-prepend > .btn {
	padding-top: 0;
	padding-bottom: 0;
}

.btn-sm > i {
	font-size: 1.05rem;
	vertical-align: middle;
	width: 1.275rem;
}

.ml-1m {
	margin-left: -1px;
}

.hand {
	cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
	height: calc(1rem + 2px);
}

#services_table th:nth-child(1),
#services_table td:nth-child(1) {
	width: auto;
}

#services_table th:nth-child(2),
#services_table th:nth-child(3),
#services_table th:nth-child(4),
#services_table th:nth-child(5),
#services_table td:nth-child(2),
#services_table td:nth-child(5) {
	text-align: center;
}

#services_table td:nth-child(3),
#services_table td:nth-child(4) {
	text-align: right;
}

#services_table th:nth-child(2),
#services_table td:nth-child(2),
#services_table th:nth-child(3),
#services_table td:nth-child(3),
#services_table th:nth-child(4),
#services_table td:nth-child(4) {
	width: 5rem;
}

#services_table th:nth-child(5),
#services_table td:nth-child(5) {
	width: 3rem;
}

.custom-select:disabled {
    color: inherit;
}

.custom-select {
    background-position: right .5rem center;
}

.login {
    position: absolute;
    top: 2.5rem;
    right: 0.5rem;
    height: 2.75rem;
    display: flex;
    padding-left: .5rem;
    padding-top: .25rem;
}