/* * Transitional compatibility for markup not yet converted to Bootstrap 5. * Remove selectors as their components are migrated. */ .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: #fff !important; } .hide { display: none !important; } .hidden { display: none !important; } bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: #555555; } #divmodalEdit .modal-footer { border-top: 0; margin-left: 0px !important; margin-right: 0px !important; } /* Bootstrap 5 dropped all styling for .close (replaced by the icon-based .btn-close), but bootbox still renders its close button with the old .close class and a literal "×" character. */ .bootbox-close-button{ border:none; background-color:#fff; float: right; padding: 0; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; opacity: .5; } .bootbox-close-button:hover { opacity: .75; } .bootbox.modal, .bootbox .modal-body { scrollbar-width: none; -ms-overflow-style: none; } .bootbox.modal::-webkit-scrollbar, .bootbox .modal-body::-webkit-scrollbar { display: none; } .bootstrap-select > .dropdown-toggle { background-color: #fff; border: var(--bs-border-width) solid var(--bs-border-color); } /* Restore the Bootstrap 5 caret after the legacy theme removed its side borders. */ .bootstrap-select > .dropdown-toggle::after { border-right: .3em solid transparent !important; border-left: .3em solid transparent !important; } /* bootstrap-select only sets min-width on its menu, so long option text shrink-wraps the menu wider than the toggle button instead of wrapping. */ .bootstrap-select .dropdown-menu { width: 100%; max-width: 100%; } .bootstrap-select .dropdown-menu li a span.text { white-space: normal; word-break: break-word; } /* bootstrap-select normally caps the menu's height with an inline max-height computed by JS from the viewport. When the select is initialized inside content injected after page load (e.g. a modal loaded over AJAX), that calc can fail to apply, leaving the option list with no height limit so it grows past the bottom of the screen. This fallback only takes effect when there's no valid inline max-height, since an inline style always wins over a stylesheet rule. */ .bootstrap-select .dropdown-menu.inner { max-height: 150px; overflow-y: auto; } .bootstrap-select > .dropdown-menu > .inner { max-height: 150px; overflow-y: auto; } /* bootstrap3-typeahead renders suggestions as
  • without the .dropdown-item class Bootstrap 5 requires for its color/padding, so the items fall back to the browser's default (blue, unpadded) link style. */ .dropdown-menu > li > a { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } /* The externally-hosted gdd-widget (Emisión) renders its modals with a Knockout `modal:` binding that toggles visibility via inline display:block/none, the Bootstrap 3-era way. It never adds the .show class Bootstrap 5 needs to drive .fade's opacity transition, so the modal stays invisible (opacity:0) even while displayed on screen. */ .modal.fade[data-bind*="modal:"] { opacity: 1; } /* The gdd-widget loads its own Select2 stylesheet from https://gdx-cdn.azureedge.net/ecosystem/products/gendocs/pr/css/Select2/select2.min.css, injected into after our own CSS. Its plain ".select2-dropdown" rule sets a z-index too low to clear the widget's own modal, so the dropdown reports aria-expanded="true" but renders hidden behind it. !important is needed in case that CDN stylesheet also uses !important. */ .select2-dropdown { z-index: 2147483647 !important; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } /* Bootstrap 3 used .in to display an expanded collapse; Bootstrap 5 uses .show. */ .collapse.in { display: block; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label-default { background-color: #777; } .label-primary { background-color: #337ab7; } .label-success { background-color: #5cb85c; } .label-info { background-color: #5bc0de; } .label-warning { background-color: #f0ad4e; } .label-danger { background-color: #d9534f; } .btn-block { display: block; width: 100%; } .form-group { margin-bottom: 15px; } .control-label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .input-group-btn { display: flex; align-items: stretch; } /* Bootstrap 3 positioned columns and allowed date addons beside full-width inputs. */ [class^="col-"], [class*=" col-"] { position: relative; } .input-group.date { display: flex; width: 100%; } .input-group.date > .form-control { flex: 1 1 auto; width: 1%; min-width: 0; } .input-group.date > .input-group-text { flex: 0 0 auto; width: auto; } /* FormValidation 0.6.x still emits Bootstrap 3 validation classes. */ .has-feedback, .form-group.has-feedback { position: relative; } .has-feedback .form-control, .has-feedback .form-select, .has-feedback .input-group > .form-control { padding-right: 1.5rem; } .has-feedback .input-group { position: relative; } .form-control-feedback { position: absolute; top: 2rem; right: .75rem; z-index: 3; display: block; width: 1rem; height: 1rem; line-height: 1; text-align: center; pointer-events: none; } .form-control-feedback.fv-icon-no-label { top: .7rem; } .input-group > .form-control-feedback, .fv-bootstrap-icon-input-group { top: 50%; right: .75rem; transform: translateY(-50%); } .has-feedback .selectpicker + .form-control-feedback { right: 2.25rem; margin-right: 0 !important; } .has-feedback .form-select + .form-control-feedback { right: 2.25rem; } /* Select labels can be long enough for the valid icon to cover their text. */ .has-success .selectpicker + .form-control-feedback, .has-success .form-select + .form-control-feedback { display: none !important; } .has-success .form-control, .has-success .form-select, .has-success .input-group-text, .has-success .select2-selection, .has-success .bootstrap-select > .dropdown-toggle { border-color: #198754 !important; } .has-success .form-control:focus, .has-success .form-select:focus { border-color: #146c43 !important; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25) !important; } .has-error .form-control, .has-error .form-select, .has-error .input-group-text, .has-error .select2-selection, .has-error .bootstrap-select > .dropdown-toggle { border-color: #dc3545 !important; } .has-error .form-control:focus, .has-error .form-select:focus { border-color: #b02a37 !important; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) !important; } .has-warning .form-control, .has-warning .form-select, .has-warning .input-group-text, .has-warning .select2-selection, .has-warning .bootstrap-select > .dropdown-toggle { border-color: #ffc107 !important; } .has-success .control-label, .has-success .form-label, .has-success .help-block, .has-success .form-control-feedback { color: #198754 !important; } .has-error .control-label, .has-error .form-label, .has-error .help-block, .has-error .form-control-feedback { color: #dc3545 !important; } .has-warning .control-label, .has-warning .form-label, .has-warning .help-block, .has-warning .form-control-feedback { color: #997404 !important; } .colorpicker-element .input-group-text i { display: inline-block; width: 16px; height: 16px; vertical-align: text-top; cursor: pointer; } /* Bootstrap Notify 3 still emits Bootstrap 3 utility and progress classes. */ @media (max-width: 575.98px) { .col-xs-11 { flex: 0 0 auto; width: 91.666667%; } } .progress-bar-success { background-color: var(--bs-success); } .progress-bar-info { background-color: var(--bs-info); } .progress-bar-warning { background-color: var(--bs-warning); } .progress-bar-danger { background-color: var(--bs-danger); } .alert .close { float: right; padding: 0; border: 0; background: transparent; font-size: 1.5rem; font-weight: 700; line-height: 1; color: inherit; opacity: .5; } .alert .close:hover { opacity: .75; } .navbar-header::before, .navbar-header::after { display: table; content: " "; } .navbar-header::after { clear: both; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-right { margin-right: -15px; } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-left { padding-right: 10px; } .media-right { padding-left: 10px; } .media-body { width: 10000px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: FontAwesome !important; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .divSinPadding-laterales .glyphicon-remove{ font-size:20.7px !important; cursor:pointer; } .divSinPadding-laterales .glyphicon-ok { width: 38px !important; height: 38px !important; cursor: pointer; } /* !important below: an externally embedded widget (gdd-widget) injects its own global custom.css after this stylesheet loads, which redefines these same .glyphicon-* selectors for its internal Bootstrap 3 icon font. Without !important its later-loaded rules win the cascade and break these icons. */ .glyphicon-arrow-right:before { content: "\f061" !important; } .glyphicon-ban-circle:before { content: "\f05e" !important; } .glyphicon-calendar:before { content: "\f073" !important; } .glyphicon-check:before, .glyphicon-ok:before { content: "\f00c" !important; } .glyphicon-chevron-down:before { content: "\f078" !important; } .glyphicon-chevron-right:before { content: "\f054" !important; } .glyphicon-chevron-up:before { content: "\f077" !important; } .glyphicon-cloud-download:before { content: "\f0ed" !important; } .glyphicon-download:before { content: "\f019" !important; } .glyphicon-duplicate:before { content: "\f0c5" !important; } .glyphicon-edit:before { content: "\f044" !important; } .glyphicon-envelope:before { content: "\f0e0" !important; } .glyphicon-exclamation-sign:before { content: "\f06a" !important; } .glyphicon-eye-open:before { content: "\f06e" !important; } .glyphicon-filter:before { content: "\f0b0" !important; } .glyphicon-globe:before { content: "\f0ac" !important; } .glyphicon-menu-down:before, .glyphicon-triangle-bottom:before { content: "\f0d7" !important; } .glyphicon-menu-left:before { content: "\f0d9" !important; } .glyphicon-menu-right:before, .glyphicon-triangle-right:before { content: "\f0da" !important; } .glyphicon-menu-up:before, .glyphicon-triangle-top:before { content: "\f0d8" !important; } .glyphicon-minus:before { content: "\f068" !important; } .glyphicon-ok-sign:before { content: "\f058" !important; } .glyphicon-open:before { content: "\f08e" !important; } .glyphicon-paperclip:before { content: "\f0c6" !important; } .glyphicon-pencil:before { content: "\f040" !important; } .glyphicon-phone:before { content: "\f095" !important; } .glyphicon-phone-alt:before { content: "\f2a0" !important; } .glyphicon-plus:before { content: "\f067" !important; } .glyphicon-question-sign:before { content: "\f128" !important; } .glyphicon-refresh:before { content: "\f021" !important; } .glyphicon-remove:before { content: "\f00d" !important; } .glyphicon-remove-circle:before { content: "\f05c" !important; } .glyphicon-remove-sign:before { content: "\f057" !important; } .glyphicon-save:before { content: "\f0c7" !important; } .glyphicon-search:before { content: "\f002" !important; } .glyphicon-share-alt:before { content: "\f1e0" !important; } .glyphicon-th:before { content: "\f00a" !important; } .glyphicon-time:before { content: "\f017" !important; } .glyphicon-trash:before { content: "\f1f8" !important; } .glyphicon-unchecked:before { content: "\f096" !important; } .glyphicon-upload:before { content: "\f093" !important; } .glyphicon-usd:before { content: "\f155" !important; } .glyphicon-user:before { content: "\f007" !important; } .glyphicon-volume-up:before { content: "\f028" !important; } /* Bootstrap 3 used .popover-content/.popover-title; Bootstrap 5 renders .popover-body/.popover-header. The theme's .popover { background-color: @PrimaryColor } rule (general.less) no longer reaches the header/body text, since Bootstrap 5's own .popover-header carries its own background-color, and themed content like .table-popover was written with white text expecting a dark popover behind it. Force both to inherit the outer .popover's actual background so the white text stays legible regardless of which per-grantor theme color is in play. */ .popover-body, .popover-header { color: #fff; background-color: inherit; } /* The tax composition popover (see Documents.js's initPopOverTax) renders a 5-column table that doesn't fit Bootstrap 5's default 276px popover max-width, so columns overflow outside the box instead of wrapping it. */ .popover-tax-composition { max-width: 420px; } .popover-tax-composition .table-popover { width: 100%; } @media (min-width: 768px) { .navbar-header { float: left; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-toggle { display: none; } .navbar-nav > li { float: left; } .navbar-right { float: right !important; margin-right: -15px; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } .visible-sm { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } .visible-md { display: block !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } .visible-lg { display: block !important; } } /* Select2's multi-select search box is a real