:root { --color-primary: #014f87; --link-color: #014f87; } a, .btn-link { color: var(--color-primary); } a:hover, .btn-link:hover { color: #0679b7; } .btn-primary:disabled { color: #fff; background-color: var(--color-primary); border-color: var(--color-primary); } .sidebar-menu li:not(.submenu-active).active a { background-color: var(--color-primary); /* padding: 5px; */ border-radius: 5px; } .sidebar-menu li:not(.submenu-active).active a { color: white !important; } .sidebar-menu li:not(.submenu-active).active a i { color: white !important; } body, aside.main-sidebar { background-color: #d8e2eb; } aside.main-sidebar { font-weight: bold; } body { font-size: 0.8rem; line-height: normal; } label.form-control-label { flex-basis: 15%; text-align: left; } .form-widget { flex-basis: 80%; } .field-checkbox .form-widget, .form-group.field-collection-action { margin-left: calc(15% + 5px); } .large2 textarea.form-control { height: 3.1rem; max-width: unset !important; } :root { /* make the backend contents as wide as the browser window */ --body-max-width: 100%; /* change the background color of the */ --body-bg: #f5f5f5; /* make the base font size smaller */ --font-size-base: 13px; /* remove all border radius to make corners straight */ --border-radius: 0px; } /* body.easyadmin { background-image: url('/img/fondo.png'); background-repeat: no-repeat; background-size: 50%; background-position-x: center; background-position-y: bottom; } */ .form-group.field-puntos-tarifa { padding-bottom: 0px; } .field-puntos-tarifa .form-group { float: left; display: flex; flex-wrap: nowrap; } .field-puntos-tarifa .form-widget-compound .form-group .form-widget { flex: none; } .field-puntos-tarifa .field-text > .form-widget { width: 12em; } .field-puntos-tarifa .field-integer > .form-widget { width: 10em; } .field-puntos-tarifa .field-integer > .form-widget input { text-align: right; } td.float > input { text-align: right; } div#miloader { display: none; width: 35%; border: 1px solid #444; padding: 20px; color: #444; font-family: sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background-color: white; } .miloader { width: 100%; height: 4.8px; display: inline-block; position: relative; background: #eee; overflow: hidden; } .miloader::after { content: ""; box-sizing: border-box; width: 0; height: 4.8px; background: #f39c12; position: absolute; top: 0; left: 0; animation: animFw 3s linear infinite; } @keyframes animFw { 0% { width: 0; } 100% { width: 100%; } } header.main-header { background: white; padding: 2px 10px; border-radius: 5px; box-shadow: var(--box-shadow-lg); } .site-name { color: #004f8b; vertical-align: middle; line-height: 3rem; } .user.user-menu-wrapper { color: #004f8b; margin-top: 15px; } .user .badge { border-radius: 5px; } #modal-filters .modal-dialog { max-width: 70% !important; } form#filters { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 5px; grid-row-gap: 5px; } .filtersped { display: grid; grid-template-columns: repeat(2, 1fr); /* grid-template-rows: repeat(2, 1fr); */ grid-column-gap: 5px; grid-row-gap: 5px; } .filterspedblock { border: 1px solid silver; margin: 0.5em; padding: 0.5em; } .navbar-custom-menu { display: flex; column-gap: 3rem; } /* Estilos chat */ a.chat { color: var(--color-primary) !important; } .text-small { font-size: 0.9rem; } .messages-box, .chat-box { height: 510px; overflow-y: scroll; } .rounded-lg { border-radius: 0.5rem; } input::placeholder { font-size: 0.9rem; color: #999; } a.list-group-item.list-group-item-action.list-group-item-light.rounded-0.active { background-color: var(--color-primary); } .bg-primary { background-color: var(--color-primary) !important; } h6.active { color: white; } legend.col-form-label { font-weight: bold !important; } /** aplica al ancho del componente cliente-fabricacion */ div.ancho-100 > div > div.form-widget { flex-basis: 100%; } .pedido-baja { text-decoration-line: line-through; text-decoration-color: red; text-decoration-thickness: 2px; } .form-section.seccion { padding: 20px 0 0 0; } .form-section.seccion h2 { border: 0; font-size: var(--font-size-sm); font-weight: 500; text-transform: uppercase; margin: 0 0 5px -5px; padding: 0 5px; width: auto; } .form-section.seccion h2 span { border-bottom: 0; flex: 1; padding-bottom: 0px; } fieldset .form-group { padding: 0px 0 5px 0; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; padding-right: 5px; padding-left: 5px; } .form-tabs .nav-tabs { background: var(--white); margin: -20px -10px 20px; padding-left: 20px; } .row { display: flex; flex-wrap: wrap; margin-right: -14px; margin-left: -14px; } .fa.recargar { margin-top: 5px; margin-right: 5px; } .oculto { visibility: hidden; } input#pedido_observacionesTapizado { max-width: 100%; } div.form-group.field-text.coleccion > div { max-height: 100%; } .inline-edit-value { border-bottom: 1px dotted var(--primary); } .summary-pop { position: absolute; z-index: 1060; width: 230px; background: white; border: 1px solid #e3e7ee; border-radius: 0.3rem; margin-top: 5px; padding: 5px; filter: drop-shadow(8px 8px 10px gray); top: -125px; left: -230px; } .pedido-finalizado { color: white; background-color: green; padding: 0 4px 2px 4px; border-radius: 5px; } .w-35p { width: 35px !important; } th.virtual.text.fechas { width: 10rem; display: inline-block; } .linea-fecha { display: flex; justify-content: space-between; } .fecha-der { text-align: right; } /* estilos utilizados en resumenPedido */ label.res-ped-label { font-size: var(--font-size-base); margin-bottom: 0.2rem; margin-top: 0.2rem; } .res-ped-control { font-size: 0.875rem; border: 1px solid silver; padding: 3px 7px; background-color: #fffff4; margin-right: 0.5rem; min-height: 25px; } .res-ped-dibujo { max-width: 5cm; height: fit-content; vertical-align: top; margin-right: 5px; margin-bottom: 5px; }