/* |-------------------------------------------------------------------------- | unomas.App - Override Themes |-------------------------------------------------------------------------- | Cargar DESPUÉS del CSS principal y DESPUÉS de admin-themes.css. | Funciona con , | o . */ body.theme-dark, body.theme-light, body.theme-gray { --override-icon-primary: var(--theme-primary-hover); --override-focus-outline: rgba(255,255,255,.18); --override-label-dark-bg: var(--theme-sidebar-bg); --override-error: #ff3300; --override-modal-text: var(--theme-text-soft); --override-hr: var(--theme-card-border); --override-panel-footer-bg: var(--theme-sidebar-sub-bg); --override-panel-footer-border: var(--theme-card-border); --override-addon-bg: var(--theme-modal-header-bg); --override-addon-text: var(--theme-text); --override-progress-bg: var(--theme-sidebar-sub-bg); --override-loader-text: var(--theme-text); --override-form-control-bg: var(--theme-card-bg); --override-form-control-text: var(--theme-text); --override-form-control-border: var(--theme-input-border); --override-link-input-bg: var(--theme-sidebar-sub-bg); --override-media-bg: #e5e5e5; --override-avatar-border: #39424e; --override-header-cover-bg: var(--theme-card-header-bg); --override-datatable-border: var(--theme-table-border); --override-copyright: var(--theme-text-muted); --override-select-list-bg: #38424e; --override-select-list-hover-bg: #3c4652; --override-select-list-border-top: #414954; --override-select-list-border-bottom: #2b333e; --override-filters-bg: var(--theme-panel-bg); --override-help-bg: var(--theme-list-bg); --override-filters-border: var(--theme-card-border); --override-bg-default: var(--theme-modal-header-bg); --override-bg-input: #20252d; } body.theme-light { --override-focus-outline: rgba(0,90,164,.18); --override-label-dark-bg: #e2e8f0; --override-modal-text: #475569; --override-panel-footer-bg: #f8fafc; --override-panel-footer-border: #e2e8f0; --override-addon-bg: #e2e8f0; --override-addon-text: #1f2937; --override-progress-bg: #e2e8f0; --override-form-control-bg: #ffffff; --override-form-control-text: #111827; --override-link-input-bg: #f1f5f9; --override-media-bg: #f1f5f9; --override-avatar-border: #cbd5e1; --override-datatable-border: #e2e8f0; --override-copyright: #64748b; --override-select-list-bg: #ffffff; --override-select-list-hover-bg: #f1f5f9; --override-select-list-border-top: #e2e8f0; --override-select-list-border-bottom: #e2e8f0; --override-bg-input: #20252d; } body.theme-gray { --override-focus-outline: rgba(20,184,166,.16); --override-label-dark-bg: #334155; --override-modal-text: #6b7280; --override-panel-footer-bg: #dee4ed; --override-panel-footer-border: #d5dde9; --override-addon-bg: #a8aeb8; --override-addon-text: #f8fafc; --override-progress-bg: #b8bec5; --override-form-control-bg: #1f2937; --override-form-control-text: #f8fafc; --override-link-input-bg: #334155; --override-media-bg: #e2e8f0; --override-avatar-border: #a8aeb8; --override-datatable-border: #a8aeb8; --override-copyright: #94a3b8; --override-select-list-bg: #c8ced6; --override-select-list-hover-bg: #bfc5ce; --override-select-list-border-top: #d8dde6; --override-select-list-border-bottom: #a7b2c2; --override-bg-input: #eceef2; } .btn.red, .btn.blue-grey, .btn.green, .btn.purple, .btn.orange, .btn-success, .btn-indigo, .btn-warning, .btn-danger, .btn-default, .btn-info, .btn-primary{ color: white !important; } body.theme-dark nav i.material-icons, body.theme-light nav i.material-icons, body.theme-gray nav i.material-icons, body.theme-dark .navbar-brand .company, body.theme-light .navbar-brand .company, body.theme-gray .navbar-brand .company { color: var(--override-brand-text) !important; } body.theme-dark .card-header i.fa, body.theme-light .card-header i.fa, body.theme-gray .card-header i.fa, body.theme-dark .card .card-title .fa-solid, body.theme-light .card .card-title .fa-solid, body.theme-gray .card .card-title .fa-solid { color: var(--override-icon-primary) !important; background-color: unset !important; } body.theme-dark .card-header a i.fa, body.theme-light .card-header a i.fa { color: var(--theme-text) !important; } body.theme-gray .card-header a i.fa{ color: var(--theme-primary-light) !important; } body.theme-dark .btn.active.focus, body.theme-dark .btn.active:focus, body.theme-dark .btn.focus, body.theme-dark .btn:active.focus, body.theme-dark .btn:active:focus, body.theme-dark .btn:focus, body.theme-light .btn.active.focus, body.theme-light .btn.active:focus, body.theme-light .btn.focus, body.theme-light .btn:active.focus, body.theme-light .btn:active:focus, body.theme-light .btn:focus, body.theme-gray .btn.active.focus, body.theme-gray .btn.active:focus, body.theme-gray .btn.focus, body.theme-gray .btn:active.focus, body.theme-gray .btn:active:focus, body.theme-gray .btn:focus { outline: 3px solid var(--override-focus-outline) !important; } body.theme-dark .label-dark, body.theme-light .label-dark, body.theme-gray .label-dark { background-color: var(--override-label-dark-bg) !important; color: white !important; } body.theme-dark .blockUI h2, body.theme-light .blockUI h2, body.theme-gray .blockUI h2, body.theme-dark #jError h4, body.theme-light #jError h4, body.theme-gray #jError h4, body.theme-dark .md-content h3, body.theme-light .md-content h3, body.theme-gray .md-content h3, body.theme-dark .md-modal .md-content p, body.theme-light .md-modal .md-content p, body.theme-gray .md-modal .md-content p { color: #ffffff !important; } body.theme-dark .error_message, body.theme-light .error_message, body.theme-gray .error_message, body.theme-dark .mdl-textfield__error, body.theme-light .mdl-textfield__error, body.theme-gray .mdl-textfield__error { color: var(--override-error) !important; } .tabs .tab a{ color: var(--override-brand-text) !important; } body.theme-dark .tabs .tab a:hover, body.theme-dark .tabs .tab a.active, body.theme-light .tabs .tab a:hover, body.theme-light .tabs .tab a.active body.theme-gray .tabs .tab a:hover, body.theme-gray .tabs .tab a.active { color: var(--override-brand-text) !important; } body.theme-dark .btn-flat{ color: #f2f2f2 !important; } body.theme-gray .btn-flat:focus, body.theme-light .btn-flat:focus { color: #f2f2f2 !important; } body.theme-dark .btn.focus, body.theme-dark .btn:focus, body.theme-dark .btn:hover, body.theme-gray .btn.focus, body.theme-gray .btn:focus, body.theme-gray .btn:hover { color: white !important; } body.theme-light .btn.focus, body.theme-light .btn:hover { color: #fff !important; } body.theme-dark .btn-default, body.theme-light .btn-default, body.theme-gray .btn-default { background: #fff !important; color: #000 !important; } body.theme-dark .dropdown-menu li.dropdown-header, body.theme-light .dropdown-menu li.dropdown-header, body.theme-gray .dropdown-menu li.dropdown-header { border-top: 1px solid var(--theme-card-border) !important; color: var(--theme-text) !important; background: var(--theme-card-header-bg) !important; } body.theme-dark ul.dropdown-menu li.dropdown-header a, body.theme-light ul.dropdown-menu li.dropdown-header a, body.theme-gray ul.dropdown-menu li.dropdown-header a, body.theme-dark .dropdown-menu .list-details a i, body.theme-light .dropdown-menu .list-details a i, body.theme-gray .dropdown-menu .list-details a i { color: var(--theme-text-soft); } body.theme-dark .modal-dialog .modal-body p, body.theme-light .modal-dialog .modal-body p, body.theme-gray .modal-dialog .modal-body p { color: var(--override-modal-text) !important; } body.theme-dark hr, body.theme-light hr, body.theme-gray hr { border-top: 1px solid var(--override-hr) !important; } body.theme-dark .modal-body hr, body.theme-light .modal-body hr, body.theme-gray .modal-body hr { border-top-color: var(--theme-card-border) !important; } body.theme-dark #postBox .gray, body.theme-light #postBox .gray, body.theme-gray #postBox .gray { color: var(--theme-text-muted) !important; } body.theme-dark .card .card-content p, body.theme-light .card .card-content p, body.theme-gray .card .card-content p { color: var(--theme-text) !important; } body.theme-dark .panel-footer, body.theme-light .panel-footer, body.theme-gray .panel-footer { background-color: var(--override-panel-footer-bg) !important; border-top: 1px solid var(--override-panel-footer-border) !important; } body.theme-dark .input-group-addon, body.theme-light .input-group-addon, body.theme-gray .input-group-addon { background-color: var(--override-addon-bg) !important; color: var(--override-addon-text) !important; } body.theme-dark .loading, body.theme-light .loading, body.theme-gray .loading { color: var(--override-loader-text) !important; } body.theme-dark .progress, body.theme-light .progress, body.theme-gray .progress { background-color: var(--override-progress-bg) !important; } body.theme-dark #promo_code .form-control, body.theme-light #promo_code .form-control, body.theme-gray #promo_code .form-control { background-color: var(--override-bg-input) !important; color: var(--override-form-control-text) !important; border-color: var(--override-form-control-border) !important; } body.theme-dark #promo_code .btn-flat.disabled, body.theme-light #promo_code .btn-flat.disabled, body.theme-gray #promo_code .btn-flat.disabled { background: var(--theme-card-bg) !important; } body.theme-dark .highcharts-background, body.theme-light .highcharts-background, body.theme-gray .highcharts-background { fill: var(--theme-card-bg) !important; } body.theme-dark .dataTables_info, body.theme-light .dataTables_info, body.theme-gray .dataTables_info { color: var(--theme-text-muted) !important; } body.theme-dark .text-link, body.theme-light .text-link, body.theme-gray .text-link { color: var(--theme-primary) !important; } body.theme-dark #media_files, body.theme-light #media_files, body.theme-gray #media_files { background: var(--override-media-bg) !important; } body.theme-dark .input_link, body.theme-light .input_link, body.theme-gray .input_link { background-color: var(--override-link-input-bg) !important; color: var(--theme-text) !important; } body.theme-dark .copiar_link, body.theme-light .copiar_link, body.theme-gray .copiar_link, body.theme-dark button:focus, body.theme-light button:focus, body.theme-gray button:focus { background-color: var(--theme-primary) !important; } body.theme-dark button.btn-default:hover, body.theme-light button.btn-default:hover, body.theme-gray button.btn-default:hover { color: #000 !important; } body.theme-dark button.btn-default:focus, body.theme-light button.btn-default:focus, body.theme-gray button.btn-default:focus { background-color: #fff !important; } body.theme-dark .forum-post-content .user-status-avatar .avatar, body.theme-light .forum-post-content .user-status-avatar .avatar, body.theme-gray .forum-post-content .user-status-avatar .avatar, body.theme-dark #frontales-table .avatar, body.theme-light #frontales-table .avatar, body.theme-gray #frontales-table .avatar { border-color: var(--override-avatar-border) !important; } body.theme-dark .forum-post-content .forum-post-user-title a, body.theme-light .forum-post-content .forum-post-user-title a, body.theme-gray .forum-post-content .forum-post-user-title a { color: var(--theme-text) !important; } body.theme-dark .forum-post-user-text a, body.theme-light .forum-post-user-text a, body.theme-gray .forum-post-user-text a { color: var(--theme-text-soft) !important; } body.theme-dark .forum-post-user-text a:hover, body.theme-light .forum-post-user-text a:hover, body.theme-gray .forum-post-user-text a:hover { color: var(--theme-primary) !important; } body.theme-dark .forum-post-info .created, body.theme-light .forum-post-info .created, body.theme-gray .forum-post-info .created { color: var(--theme-text-muted) !important; } body.theme-dark .forum-post-info .attach, body.theme-light .forum-post-info .attach, body.theme-gray .forum-post-info .attach { color: var(--theme-text-soft) !important; } body.theme-dark .forum-post-info .attach:hover, body.theme-light .forum-post-info .attach:hover, body.theme-gray .forum-post-info .attach:hover { color: var(--theme-text) !important; } body.theme-dark .bg-white, body.theme-light .bg-white, body.theme-gray .bg-white { background-color: var(--theme-card-bg) !important; color: var(--theme-text) !important; } body.theme-dark .header-cover, body.theme-light .header-cover, body.theme-gray .header-cover { background-color: var(--override-header-cover-bg) !important; } body.theme-dark table.dataTable.no-footer, body.theme-light table.dataTable.no-footer, body.theme-gray table.dataTable.no-footer, body.theme-dark .panel-default, body.theme-light .panel-default, body.theme-gray .panel-default { border-color: var(--override-datatable-border) !important; } body.theme-dark #infoBox .img-circle, body.theme-light #infoBox .img-circle, body.theme-gray #infoBox .img-circle { border-color: var(--theme-page-bg) !important; } body.theme-dark #infoBox .img-circle.active, body.theme-light #infoBox .img-circle.active, body.theme-gray #infoBox .img-circle.active, body.theme-dark #frontales-table .avatar.active, body.theme-light #frontales-table .avatar.active, body.theme-gray #frontales-table .avatar.active { border-color: var(--theme-primary-hover) !important; } body.theme-dark .copyright, body.theme-light .copyright, body.theme-gray .copyright, body.theme-dark .copyright a, body.theme-light .copyright a, body.theme-gray .copyright a { color: var(--override-copyright) !important; } body.theme-dark #termsBox .modal-dialog .modal-body, body.theme-light #termsBox .modal-dialog .modal-body, body.theme-gray #termsBox .modal-dialog .modal-body { background: #f2f2f2 !important; } body.theme-dark #termsBox .modal-dialog .modal-body h1, body.theme-dark #termsBox .modal-dialog .modal-body p, body.theme-light #termsBox .modal-dialog .modal-body h1, body.theme-light #termsBox .modal-dialog .modal-body p, body.theme-gray #termsBox .modal-dialog .modal-body h1, body.theme-gray #termsBox .modal-dialog .modal-body p, body.theme-dark .leaflet-popup-content p, body.theme-light .leaflet-popup-content p, body.theme-gray .leaflet-popup-content p, body.theme-dark textarea.cke_source, body.theme-light textarea.cke_source, body.theme-gray textarea.cke_source, body.theme-dark .cke_editor_content_dialog input, body.theme-light .cke_editor_content_dialog input, body.theme-gray .cke_editor_content_dialog input, body.theme-dark .cke_editor_contenido_dialog input, body.theme-light .cke_editor_contenido_dialog input, body.theme-gray .cke_editor_contenido_dialog input { color: #000 !important; } body.theme-dark .file-field input.file-path::placeholder, body.theme-gray .file-field input.file-path::placeholder { color: #fff !important; } body.theme-light .file-field input.file-path::placeholder { color: #64748b !important; } body.theme-dark .text-white { color: white !important; } body.theme-dark .items-modal ul li a, body.theme-dark #selectPaymentBox ul li a, body.theme-gray .items-modal ul li a, body.theme-gray #selectPaymentBox ul li a { background: var(--override-select-list-bg) !important; color: var(--theme-text) !important; border-top: 1px solid var(--override-select-list-border-top) !important; border-bottom: 1px solid var(--override-select-list-border-bottom) !important; text-shadow: 1px 1px 2px #222 !important; } body.theme-gray #selectPaymentBox ul li a{ text-shadow: 1px 1px 2px #adadad !important; } body.theme-light .items-modal ul li a, body.theme-light #selectPaymentBox ul li a { background: var(--override-select-list-bg) !important; color: var(--theme-text) !important; border-top: 1px solid var(--override-select-list-border-top) !important; border-bottom: 1px solid var(--override-select-list-border-bottom) !important; text-shadow: none !important; } body.theme-dark .items-modal ul li a:hover, body.theme-dark #selectPaymentBox ul li a:hover, body.theme-light .items-modal ul li a:hover, body.theme-light #selectPaymentBox ul li a:hover, body.theme-gray .items-modal ul li a:hover, body.theme-gray #selectPaymentBox ul li a:hover { background: var(--override-select-list-hover-bg) !important; color: var(--theme-text) !important; } body.theme-dark #bank_note, body.theme-gray #bank_note { color: #afafaf !important; } body.theme-light #bank_note { color: #64748b !important; } body.theme-dark #airtmPaymentBox .modal-body ul, body.theme-light #airtmPaymentBox .modal-body ul, body.theme-gray #airtmPaymentBox .modal-body ul { background: var(--theme-card-header-bg) !important; } body.theme-dark #send_address label, body.theme-light #send_address label, body.theme-gray #send_address label { color: var(--theme-text-soft) !important; } body.theme-dark #infoBox .modal-body h4, body.theme-light #infoBox .modal-body h4, body.theme-gray #infoBox .modal-body h4, body.theme-dark #infoBox .modal-body p, body.theme-light #infoBox .modal-body p, body.theme-gray #infoBox .modal-body p { color: var(--theme-text) !important; } body.theme-dark .text-yellow, body.theme-light .text-yellow, body.theme-gray .text-yellow { color: #E5D005 !important; } body.theme-dark .bg-default, body.theme-light .bg-default, body.theme-gray .bg-default { background-color: var(--override-bg-default) !important; color: var(--theme-text) !important; } body.theme-dark .filters-box, body.theme-light .filters-box, body.theme-gray .filters-box { background: var(--override-filters-bg) !important; border: 1px solid var(--override-filters-border) !important; } body.theme-dark .help-box, body.theme-light .help-box, body.theme-gray .help-box { background: var(--override-help-bg) !important; border: 1px solid var(--override-filters-border) !important; } body.theme-dark .modal_link, body.theme-light .modal_link, body.theme-gray .modal_link { color: var(--theme-accent) !important; } body.theme-light .modal_link { color: var(--theme-primary) !important; } body.theme-dark .table-striped>tbody>tr:nth-of-type(odd) { background-color: #333a45 !important; } body.theme-dark table.dataTable tbody tr { background-color: #2a3039 !important; } body.theme-dark .table > tbody > tr > td, .table > tbody > tr > th, body.theme-dark .table > tfoot > tr > td, .table > tfoot > tr > th, body.theme-dark .table > thead > tr > td, .table > thead > tr > th{ border-top: 1px solid #21272e; } body.theme-dark table.dataTable thead th, table.dataTable thead td{ border-bottom: 1px solid #1b1d20 !important; } body.theme-dark .table-hover>tbody>tr:hover { background-color: #343c46 !important; } body.theme-dark .table>thead>tr>th { border-bottom: 2px solid #1d2228; } body.theme-dark .dataTables_wrapper .dataTables_length, body.theme-dark .dataTables_wrapper .dataTables_filter, body.theme-dark .dataTables_wrapper .dataTables_info, body.theme-dark .dataTables_wrapper .dataTables_processing, body.theme-dark .dataTables_wrapper .dataTables_paginate { color: #eee; } body.theme-dark .dataTables_wrapper .dataTables_processing { color: #f2f2f2; background-color: #1f2329 !important; background: linear-gradient(to right, rgba(31, 35, 41, 0) 0%, rgb(31 35 41) 25%, rgb(31 35 41) 75%, rgba(31, 35, 41, 0) 100%) !important; } body.theme-light .dataTables_wrapper .dataTables_processing { background-color: #e0e0e0 !important; background: linear-gradient(to right, rgba(231, 235, 241, 0) 0%, rgb(231 235 241) 25%, rgb(231 235 241) 75%, rgba(231, 235, 241, 0) 100%) !important; } body.theme-gray .dataTables_wrapper .dataTables_processing { background-color: #b3b3b3 !important; background: linear-gradient(to right, rgba(231, 235, 241, 0) 0%, rgb(231 235 241) 25%, rgb(231 235 241) 75%, rgba(231, 235, 241, 0) 100%) !important; } .tab-content .tab-pane > p { color: var(--theme-text); }