@media (min-width: 1200px) { .fixed { position: fixed; top: 108px; margin-right: 20px; overflow: auto; max-height: 100%; } } /*Alert*/ .trigger_notify_box { position: fixed; top: 0; right: 0; width: 380px; max-width: 90%; padding-top: 15px; padding-right: 15px; z-index: 999999999; } .trigger_notify_timer { position: absolute; left: 0; bottom: 0; height: 8%; background: rgba(0, 0, 0, .3); } .trigger_notify { display: flex; align-content: center; position: relative; right: -380px; padding: 2px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; font-size: 0.8em; overflow: hidden; margin-bottom: 15px; opacity: 0; } .trigger_notify_seticon { display: flex; padding: 15px; vertical-align: middle !important; font-size: 1.8em; line-height: 1; color: #fff; opacity: 0.8; flex: 0; } .trigger_notify_seticon * { display: block; margin: auto; } .trigger_notify_content { position: relative; /*background: rgba(255, 255, 255, 0.96);*/ color: #fbfbfb; padding: 15px; border-top-right-radius: 2%; border-bottom-right-radius: 2%; margin-right: 1px; flex: 1; } .trigger_notify_content_title { font-weight: bold; text-transform: uppercase; margin-bottom: 5px; line-height: 1.3; } .trigger_notify_content_desc { font-size: 0.875em; font-weight: 300; } .trigger_notify_content_close { position: absolute; right: 1px; top: 0; padding: 5px; color: #333; } .trigger_notify.info { background-color: #53b1da; color: #333; } .trigger_notify.success { background-color: #41d492; color: #333; } .trigger_notify.warning { background: #f2b51d; color: #333; } .trigger_notify.error { background: #f26666; color: #333; } .trigger_notify.dark { background: #a877b5; color: #333; } /* ========================================================= Selectize — Dark Mode Ativado quando Cores fixas + !important para sobrescrever o plugin ========================================================= */ /* Input */ [data-bs-theme="dark"] .selectize-input, [data-bs-theme="dark"] .selectize-control.single .selectize-input.input-active { background-color: #2b3035 !important; border-color: #495057 !important; color: #dee2e6 !important; } [data-bs-theme="dark"] .selectize-input input { color: #dee2e6 !important; background: transparent !important; } [data-bs-theme="dark"] .selectize-input input::placeholder { color: #6c757d !important; } [data-bs-theme="dark"] .selectize-input.focus { border-color: #86b7fe !important; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important; } [data-bs-theme="dark"] .selectize-input.disabled { background-color: #343a40 !important; opacity: .65; } /* Seta do single select */ [data-bs-theme="dark"] .selectize-control.single .selectize-input::after { border-color: #dee2e6 transparent transparent transparent !important; } [data-bs-theme="dark"] .selectize-control.single .selectize-input.dropdown-active::after { border-color: transparent transparent #dee2e6 transparent !important; } /* Separador dropdown-active */ [data-bs-theme="dark"] .selectize-input.dropdown-active::before { background: #495057 !important; } /* Tags (multi) */ [data-bs-theme="dark"] .selectize-control.multi .selectize-input > div { background: #343a40 !important; color: #dee2e6 !important; border-color: #495057 !important; } [data-bs-theme="dark"] .selectize-control.multi .selectize-input > div.active { background: #0d6efd !important; color: #fff !important; border-color: transparent !important; } /* Dropdown — container e conteúdo */ [data-bs-theme="dark"] .selectize-dropdown, [data-bs-theme="dark"] .selectize-dropdown.form-control, [data-bs-theme="dark"] .selectize-dropdown-content { background-color: #212529 !important; border-color: #495057 !important; color: #dee2e6 !important; } /* Opções — base */ [data-bs-theme="dark"] .selectize-dropdown .option, [data-bs-theme="dark"] .selectize-dropdown .create, [data-bs-theme="dark"] .selectize-dropdown .no-results { background-color: #212529 !important; color: #dee2e6 !important; } /* Opção em hover (active, não selecionada) */ [data-bs-theme="dark"] .selectize-dropdown .active:not(.selected) { background-color: #2b3035 !important; color: #dee2e6 !important; } /* Opção selecionada (valor atual na lista) */ [data-bs-theme="dark"] .selectize-dropdown .selected { background-color: #343a40 !important; color: #dee2e6 !important; } /* Opção selecionada em hover */ [data-bs-theme="dark"] .selectize-dropdown .active.selected { background-color: #3d4349 !important; color: #fff !important; } /* Cabeçalho de grupo */ [data-bs-theme="dark"] .selectize-dropdown .optgroup-header { background-color: #212529 !important; color: #6c757d !important; } [data-bs-theme="dark"] .selectize-dropdown .optgroup::before { border-top-color: #495057 !important; } /* Highlight de busca */ [data-bs-theme="dark"] .selectize-dropdown [data-selectable] .highlight { background: rgba(255, 237, 40, .15) !important; } /* Botão de remover (plugin remove_button) */ [data-bs-theme="dark"] .selectize-control.plugin-remove_button .item .remove { border-left-color: #495057 !important; color: #dee2e6 !important; } /*Assets*/ .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f7cd00 !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #f7cd00 !important; color: white; } /*Todos os cursos*/ .card_courses { border: 2px solid #dee2e6; } .card_courses:hover { border-color: #93c752; } .card_courses.draft { border-color: #c7b452; } .card_courses .card-title a { color: #333; } .card_courses .card-title a:hover { color: #93c752; }