.vertical-text{
	transform: rotate(-180deg);
    writing-mode: vertical-lr;
    vertical-align: middle!important;
}

td.empty-default:empty::before{
	content: '-';
}

table.sticky-column th:first-child, table.sticky-column td:first-child{
	position: sticky;
	left: 0px;
	z-index: 1;
	background: #FFF;
}

.nav-pills{
	--bs-nav-pills-link-active-bg: #243953;
	--bs-nav-link-color: #243953;
}
.nav-tabs{
    --bs-nav-link-color: var(--bs-secondary-color);
    --bs-nav-link-hover-color: var(--bs-body-color);
}
.pagination{
	--bs-pagination-active-bg: #243953;
	--bs-pagination-active-border-color: #243953;
	--bs-pagination-color: #243953;
}
.progress{
	--bs-progress-font-size: 0.64rem;
}
.progress-bar{
	--bs-progress-bar-bg: #243953;
	overflow: visible;
}

.interactivo{
	cursor: pointer;
}

.popover-body{
	padding: 6px 8px;
	font-size: 85%;
}

/*
 * Force Bootstrap v4 transitions
 * (ignores prefers-reduced-motion media feature)
 * https://gist.github.com/robsonsanches/33c6c1bf4dd5cf3c259009775883d1c0
 * https://stackoverflow.com/a/57945412
 */

.fade {
	transition:opacity 0.15s linear !important;
}
.collapsing {
	transition:height 0.35s ease !important;
}
.custom-switch .custom-control-label::after {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
}
.custom-range::-webkit-slider-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-range::-moz-range-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-range::-ms-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-control-label::before,.custom-file-label,.custom-select {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.badge {
	transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.progress-bar {
	transition:width 0.6s ease !important;
}
.progress-bar-animated {
	-webkit-animation:progress-bar-stripes 1s linear infinite !important;
	animation:progress-bar-stripes 1s linear infinite !important;
}
.modal.fade .modal-dialog {
	transition:-webkit-transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out !important;
}
.carousel-item {
	transition:-webkit-transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out !important;
}
.carousel-fade .carousel-item {
    transition-property: opacity !important;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: 0s 0.6s opacity !important;
}

.carousel-control-prev,.carousel-control-next {
	transition:opacity 0.15s ease !important;
}
.carousel-indicators li {
	transition:opacity 0.6s ease !important;
}
.form-control {
	transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.btn {
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}

.bg-stock{
	background-color: #CFE2F3!important;
}
.bg-minimo{
	background-color: #EFEFEF!important;
}
.bg-ventas{
	background-color: #D9EAD3!important;
}
.bg-articulo{
	background-color: #FCE5CD!important;
}
.bg-cabecera-articulo{
	background-color: #D9D9D9!important;
}
table.fixed-size{
	table-layout: fixed;
}
.whitespaces{
	white-space: pre;
}
.form-control-editable, .form-control-editable-total{
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	font: inherit;
	cursor: pointer;
}
.text-stock{
	color: #4d6bc1!important;
}
.left-group-divider {
    border-left: calc(var(--bs-border-width) * 10) solid #FFF!important;
}
.top-group-divider {
    border-top: calc(var(--bs-border-width) * 4) solid #C7C7C7!important;
}
.bottom-group-divider {
    border-bottom: calc(var(--bs-border-width) * 4) solid #C7C7C7!important;
}
.custom-tooltip{
	font-size: 12px;
}
.custom-tooltip-article{
	font-size: 12px;
    --bs-popover-max-width: 100%;
    --bs-popover-border-color: var(--bs-dark);
    --bs-popover-header-bg: var(--bs-dark);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 0.5rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.error-column {
	background-color: #f8d7da !important;
}

.rainbow-bar {
    background: linear-gradient(to right, 
        red, 
        orange, 
        yellow, 
        green, 
        blue, 
        indigo, 
        violet
    ) !important;
}

.highlight-space {
    background-color: rgba(255, 255, 0, 0.45);
    box-shadow: inset 0 -2px 0 0 yellow;
}

.img-modal-trigger{
	cursor: pointer;
}
.img-modal-show{
	border-radius: var(--bs-modal-border-radius);
}
.modal-btn-close{
	position: absolute;
	top: 10px;
	right: 10px;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}
fthfoot, fthfoot>*, fthfoot>*>*{
	padding: 0px!important;
	margin: 0px!important;
}

.table-group-divider-bottom {
    border-bottom: calc(var(--bs-border-width) * 2) solid currentcolor;
}