/* CSS from adminlte.min.css */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } nav { display: block; } body { margin: 0; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } h4 { margin-top: 0; margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; margin-top: 10px; font-size: 1.5rem; } p { margin-top: 0; margin-bottom: 0rem; } ul { margin-top: 0; margin-bottom: 1rem; } ul ul { margin-bottom: 0; } small { font-size: 80%; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: none; } img { vertical-align: middle; border-style: none; padding-left: 28px; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: visible; } button { text-transform: none; } [role=button] { cursor: pointer; } [type=button], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } small { font-size: 80%; font-weight: 400; } .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -7.5px; margin-left: -7.5px; } .col-10, .col-12, .col-2, .col-auto, .col-md-5 { position: relative; width: 100%; padding-right: 17px; padding-left: 17px; } .col-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-2 { -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-10 { -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .col-md-5 { -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus { outline: 0; box-shadow: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; box-shadow: none; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0 rgba(38, 143, 255, .5); } .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; box-shadow: none; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0 rgba(130, 138, 145, .5); } .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-warning { color: #1f2d3d; background-color: #ffc107; border-color: #ffc107; box-shadow: none; } .btn-warning:hover { color: #1f2d3d; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus { color: #1f2d3d; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0 rgba(221, 171, 15, .5); } .btn-warning:disabled { color: #1f2d3d; background-color: #ffc107; border-color: #ffc107; } .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem .5rem; } .navbar-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-expand { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand .navbar-nav { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .card { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0 solid rgba(0, 0, 0, .125); border-radius: .25rem; } .card-body { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-secondary { color: #fff; background-color: #6c757d; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-secondary { border-color: #6c757d !important; } .d-none { display: none !important; } .justify-content-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-center { -webkit-align-items: left !important; -ms-flex-align: left !important; align-items: left !important; } .mt-1 { margin-top: .25rem !important; } .mr-1 { margin-right: .25rem !important; } .mt-2 { margin-top: .5rem !important; } .mr-2 { margin-right: .5rem !important; } .mt-3 { margin-top: 1rem !important; margin-bottom: .75rem; } .mr-3 { margin-right: 1rem !important; } .p-1 { padding: .25rem !important; } .p-2 { padding: 1.5rem !important; } .pt-2 { padding-top: .5rem !important; } .ml-auto { margin-left: auto !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-center { text-align: left !important; } @media (min-width: 768px) { .text-md-left { text-align: left !important; padding-left: 10px; } } .text-info { color: #17a2b8 !important; } .text-warning { color: #ffc107 !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } img { page-break-inside: avoid; } p { orphans: 3; widows: 3; } body { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } } .wrapper, body, html { min-height: 100%; } .wrapper { position: relative; } .wrapper .content-wrapper { min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)); } @media (min-width: 768px) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { transition: margin-left .3s ease-in-out; margin-left: 0; } } .folders::before { margin-right: 5px; } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { transition: none; } } @media (max-width: 991.98px) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 0; } } .content-wrapper { background-color: #f4f6f9; } .content-wrapper > .content { padding: 0 .5rem; } .main-sidebar, .main-sidebar::before { transition: margin-left .3s ease-in-out, width .3s ease-in-out; width: 250px; } @media (prefers-reduced-motion: reduce) { .main-sidebar, .main-sidebar::before { transition: none; } } .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before { margin-left: -250px; } @media (max-width: 767.98px) { .main-sidebar, .main-sidebar::before { box-shadow: none !important; margin-left: -250px; } } body:not(.layout-fixed) .main-sidebar { height: inherit; min-height: 100%; position: absolute; top: 0; } body:not(.layout-fixed) .main-sidebar .sidebar { overflow-y: auto; } .dark-mode { background-color: #454d55 !important; color: #fff; } .dark-mode .content-wrapper { background-color: #454d55; color: #fff; } .main-header { border-bottom: 1px solid #dee2e6; z-index: 1034; } .main-header .navbar-nav .nav-item { margin: 0; } .main-sidebar { height: 100vh; overflow-y: hidden; z-index: 1038; } .main-sidebar a:-moz-focusring { border: 0; outline: 0; } .sidebar::-webkit-scrollbar { width: .5rem; height: .5rem; } .sidebar::-webkit-scrollbar-thumb { background-color: #a9a9a9; } .sidebar::-webkit-scrollbar-track { background-color: transparent; } .sidebar::-webkit-scrollbar-corner { background-color: transparent; } .sidebar { height: calc(100% - (3.5rem + 1px)); overflow-x: none; overflow-y: initial; padding-bottom: 0; padding-left: .5rem; padding-right: .5rem; padding-top: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: thin; scrollbar-color: #a9a9a9 transparent; } #sidebar-overlay { background-color: rgba(0, 0, 0, .1); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1037; } [class*=sidebar-dark-] { background-color: #343a40; } [class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link { background-color: rgba(255, 255, 255, .1); color: #fff; } [class*=sidebar-dark-] .sidebar a { color: #c2c7d0; } [class*=sidebar-dark-] .sidebar a:focus, [class*=sidebar-dark-] .sidebar a:hover { text-decoration: none; } @media (min-width: 992px) { .sidebar-mini .nav-sidebar { white-space: nowrap; } .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-header { margin-left: -.39999999999997726rem !important; } .sidebar-mini.sidebar-collapse .main-sidebar { overflow-x: hidden; } .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before { margin-left: 0; width: 4.6rem; } .sidebar-mini.sidebar-collapse .main-sidebar:hover { width: 250px; } } @media (max-width: 991.98px) { .sidebar-mini.sidebar-collapse .main-sidebar { box-shadow: none !important; } } @media (max-width: 600.98px) { .align-items-center { -webkit-align-items: left !important; -ms-flex-align: left !important; align-items: left !important; } } .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar { width: .5rem; height: .5rem; } .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb { background-color: #a9a9a9; } .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-track { background-color: transparent; } .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-corner { background-color: transparent; } .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: thin; scrollbar-color: #a9a9a9 transparent; } .sidebar-collapse.sidebar-mini .main-sidebar .sidebar::-webkit-scrollbar { width: 0; height: 0; } .sidebar-collapse.sidebar-mini .main-sidebar .sidebar { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: none; } .nav-sidebar { position: relative; } .nav-sidebar:hover { overflow: visible; } .navbar-dark { background-color: #343a40; border-color: #4b545c; } .dark-mode .navbar-dark { background-color: #343a40; border-color: #4b545c; } .card-primary.card-outline { border-top: 3px solid #007bff; } .card { box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2); margin-bottom: 1rem; } .card-body::after { display: block; clear: both; content: ""; } .dark-mode .card-primary.card-outline { border-top: 3px solid #3f6791; } .dark-mode .card { background-color: #343a40; color: #fff; } .btn:disabled { cursor: not-allowed; } .btn-xs { padding: .125rem .25rem; font-size: .75rem; line-height: 1.5; border-radius: .15rem; } .dark-mode .btn-primary { color: #fff; background-color: #3f6791; border-color: #3f6791; box-shadow: none; } .dark-mode .btn-primary:hover { color: #fff; background-color: #335476; border-color: #304e6d; } .dark-mode .btn-primary:focus { color: #fff; background-color: #335476; border-color: #304e6d; box-shadow: 0 0 0 0 rgba(92, 126, 162, .5); } .dark-mode .btn-primary:disabled { color: #fff; background-color: #3f6791; border-color: #3f6791; } .dark-mode .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; box-shadow: none; } .dark-mode .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .dark-mode .btn-secondary:focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0 rgba(130, 138, 145, .5); } .dark-mode .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .dark-mode .btn-warning { color: #1f2d3d; background-color: #efdc0c; border-color: #efdc0c; box-shadow: none; } .dark-mode .btn-warning:hover { color: #fff; background-color: #d4860b; border-color: #c87f0a; } .dark-mode .btn-warning:focus { color: #fff; background-color: #d4860b; border-color: #c87f0a; box-shadow: 0 0 0 0 rgba(211, 139, 24, .5); } .dark-mode .btn-warning:disabled { color: #1f2d3d; background-color: #f39c12; border-color: #f39c12; } .content-wrapper { height: 100%; } .dark-mode a:not(.btn):hover { color: #3395ff; } @media print { .main-header, .main-sidebar { display: none !important; } .content-wrapper { -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-left: 0 !important; min-height: 0 !important; } } .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #fff; } .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover { color: #f5b428; } .fa-folder:before { content: "\f07b"; } .far { font-weight: 400; } .fa, .far { font-family: "Font Awesome 5 Free"; } .fa { font-weight: 900; } /* Keyframes */ @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Custom Styles */ @media (max-width: 4000px) { .col-sm { flex: 1 0 0%; flex-grow: 1; flex-shrink: 0; flex-basis: 0%; } } .text-md-right { text-align: right !important; } .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #e7af1e !important; color: #000 !important; } #toast-container > .toast { background-image: none !important; } #tyche_cmp_modal { background: #343a40 !important; color: #fff !important; } .banner_title--2vgc3 { color: #fff !important; } .banner_continueBtn--3KNKl { background-color: #343a40 !important; border-color: gray !important; } ins[data-ad-status=unfilled] { display: none !important; } .locker-iframe { position: fixed; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 9999; display: none; } .overly-screen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 7000; display: none; }