/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.demo-oracle-icon {
  width: 58px;
  height:18px
}

.demo-oracle-icon:before {
  content:url("images/logo_sm.png")
}

html:not([dir="rtl"]) .demo-oracle-icon {
  padding-right:4px
}

html[dir="rtl"] .demo-oracle-icon {
  padding-left:4px
}

.demo-oracle-icon:before {
  display:inline
}

.demo-appheader-avatar {
  width:24px;
  height:24px
}

.demo-appheader-avatar:before {
  content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .demo-appheader-avatar:before {
      content:url("images/avatar_24px_2x.png");
      -webkit-transform:translate(-25%, -25%) scale(0.5);
      transform:translate(-25%, -25%) scale(0.5)
  }
}

#preloader {
	position: fixed;
	bottom: 10px;
	left: 10px;
	background-color: white;
	border: 1px solid #808080;
	padding: 5px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
	z-index: 10000;
}

#preloader span {
    padding: 0 5px;
    margin-bottom: 2px;
    display: inline-block;
}

.precio {
  background-color: var(--oj-core-info-1);
  border-radius: 16px;
  bottom: 10px;
  color: var(--oj-core-info-contrast);
  cursor: default;
  font-size: 1.2em;
  left: 10px;
  padding: 5px 10px;
  position: fixed;
  text-align: center;
}

.finalizar-venta {
  background-color: var(--oj-core-success-1);
  border: none;
  border-radius: 32px;
  bottom: 10px;
  color: var(--oj-core-success-contrast);
  font-size: var(--oj-core-icon-size-lg);
  right: 10px;
  padding: 16px;
  position: fixed;
  text-align: center;
}

.finalizar-venta:disabled {
  background-color: var(--oj-core-color-disabled-1);
  color: var(--oj-core-text-color-disabled);
}

#printFrame {
  display: none;
}

#dialogoPermisos {
  .oj-form > .oj-flex > .oj-flex-item:not(.oj-formlayout-nested-formlayout):not(.oj-formlayout-nested-labelvalue) {
    padding-bottom: 0;
  }
}

.custom-badge-lg {
    --oj-badge-height: 1.7rem;
    --oj-badge-font-size: 1rem;
    --oj-badge-font-weight: 600;
    --oj-badge-border-radius: var(--oj-core-border-radius-lg);
}

#tablaCotizacion .oj-table-footer-cell {
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}

.info-transaccion-cancelada {
  text-decoration: line-through;
}