diff --git a/docs/assets/css/adminlte.css b/docs/assets/css/adminlte.css index ef63cdded..0bf16916d 100644 --- a/docs/assets/css/adminlte.css +++ b/docs/assets/css/adminlte.css @@ -1,14 +1,14 @@ /*! - * AdminLTE v3.0.5 + * AdminLTE v3.1.0-rc * Author: Colorlib - * Website: AdminLTE.io - * License: Open source - MIT + * Website: AdminLTE.io + * License: Open source - MIT */ /*! - * Bootstrap v4.4.1 (https://getbootstrap.com/) - * Copyright 2011-2019 The Bootstrap Authors - * Copyright 2011-2019 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * Bootstrap v4.5.3 (https://getbootstrap.com/) + * Copyright 2011-2020 The Bootstrap Authors + * Copyright 2011-2020 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; @@ -21,7 +21,7 @@ --green: #28a745; --teal: #20c997; --cyan: #17a2b8; - --white: #ffffff; + --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; @@ -66,7 +66,7 @@ body { line-height: 1.5; color: #212529; text-align: left; - background-color: #ffffff; + background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { @@ -169,12 +169,12 @@ a:hover { text-decoration: none; } -a:not([href]) { +a:not([href]):not([class]) { color: inherit; text-decoration: none; } -a:not([href]):hover { +a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } @@ -191,6 +191,7 @@ pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; + -ms-overflow-style: scrollbar; } figure { @@ -221,6 +222,7 @@ caption { th { text-align: inherit; + text-align: -webkit-match-parent; } label { @@ -258,6 +260,10 @@ select { text-transform: none; } +[role="button"] { + cursor: pointer; +} + select { word-wrap: normal; } @@ -290,13 +296,6 @@ input[type="checkbox"] { padding: 0; } -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - -webkit-appearance: listbox; -} - textarea { overflow: auto; resize: vertical; @@ -487,7 +486,7 @@ mark, .img-thumbnail { padding: 0.25rem; - background-color: #ffffff; + background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); @@ -522,7 +521,7 @@ a > code { kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; - color: #ffffff; + color: #fff; background-color: #212529; border-radius: 0.2rem; box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); @@ -552,39 +551,12 @@ pre code { overflow-y: scroll; } -.container { - width: 100%; - padding-right: 7.5px; - padding-left: 7.5px; - margin-right: auto; - margin-left: auto; -} - -@media (min-width: 576px) { - .container { - max-width: 540px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 720px; - } -} - -@media (min-width: 992px) { - .container { - max-width: 960px; - } -} - -@media (min-width: 1200px) { - .container { - max-width: 1140px; - } -} - -.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { +.container, +.container-fluid, +.container-sm, +.container-md, +.container-lg, +.container-xl { width: 100%; padding-right: 7.5px; padding-left: 7.5px; @@ -1948,7 +1920,7 @@ pre code { } .table .thead-dark th { - color: #ffffff; + color: #fff; background-color: #212529; border-color: #383f45; } @@ -1960,7 +1932,7 @@ pre code { } .table-dark { - color: #ffffff; + color: #fff; background-color: #212529; } @@ -1979,7 +1951,7 @@ pre code { } .table-dark.table-hover tbody tr:hover { - color: #ffffff; + color: #fff; background-color: rgba(255, 255, 255, 0.075); } @@ -2051,7 +2023,7 @@ pre code { font-weight: 400; line-height: 1.5; color: #495057; - background-color: #ffffff; + background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; @@ -2077,10 +2049,10 @@ pre code { .form-control:focus { color: #495057; - background-color: #ffffff; + background-color: #fff; border-color: #80bdff; outline: 0; - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } .form-control::-webkit-input-placeholder { @@ -2113,9 +2085,18 @@ pre code { opacity: 1; } +input[type="date"].form-control, +input[type="time"].form-control, +input[type="datetime-local"].form-control, +input[type="month"].form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + select.form-control:focus::-ms-value { color: #495057; - background-color: #ffffff; + background-color: #fff; } .form-control-file, @@ -2260,6 +2241,7 @@ textarea.form-control { .valid-tooltip { position: absolute; top: 100%; + left: 0; z-index: 5; display: none; max-width: 100%; @@ -2267,7 +2249,7 @@ textarea.form-control { margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; - color: #ffffff; + color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } @@ -2301,7 +2283,7 @@ textarea.form-control { .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { @@ -2360,6 +2342,7 @@ textarea.form-control { .invalid-tooltip { position: absolute; top: 100%; + left: 0; z-index: 5; display: none; max-width: 100%; @@ -2367,7 +2350,7 @@ textarea.form-control { margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; - color: #ffffff; + color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } @@ -2401,7 +2384,7 @@ textarea.form-control { .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { @@ -2530,7 +2513,6 @@ textarea.form-control { color: #212529; text-align: center; vertical-align: middle; - cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -2565,6 +2547,10 @@ textarea.form-control { box-shadow: none; } +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { box-shadow: none; } @@ -2575,34 +2561,34 @@ fieldset:disabled a.btn { } .btn-primary { - color: #ffffff; + color: #fff; background-color: #007bff; border-color: #007bff; box-shadow: none; } .btn-primary:hover { - color: #ffffff; + color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { - color: #ffffff; + color: #fff; background-color: #0069d9; border-color: #0062cc; - box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5); + box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { - color: #ffffff; + color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #0062cc; border-color: #005cbf; } @@ -2613,34 +2599,34 @@ fieldset:disabled a.btn { } .btn-secondary { - color: #ffffff; + color: #fff; background-color: #6c757d; border-color: #6c757d; box-shadow: none; } .btn-secondary:hover { - color: #ffffff; + color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { - color: #ffffff; + color: #fff; background-color: #5a6268; border-color: #545b62; - box-shadow: none, 0 0 0 0 rgba(130, 138, 145, 0.5); + box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { - color: #ffffff; + color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #545b62; border-color: #4e555b; } @@ -2651,34 +2637,34 @@ fieldset:disabled a.btn { } .btn-success { - color: #ffffff; + color: #fff; background-color: #28a745; border-color: #28a745; box-shadow: none; } .btn-success:hover { - color: #ffffff; + color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { - color: #ffffff; + color: #fff; background-color: #218838; border-color: #1e7e34; - box-shadow: none, 0 0 0 0 rgba(72, 180, 97, 0.5); + box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { - color: #ffffff; + color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #1e7e34; border-color: #1c7430; } @@ -2689,34 +2675,34 @@ fieldset:disabled a.btn { } .btn-info { - color: #ffffff; + color: #fff; background-color: #17a2b8; border-color: #17a2b8; box-shadow: none; } .btn-info:hover { - color: #ffffff; + color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { - color: #ffffff; + color: #fff; background-color: #138496; border-color: #117a8b; - box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5); + box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { - color: #ffffff; + color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #117a8b; border-color: #10707f; } @@ -2727,34 +2713,34 @@ fieldset:disabled a.btn { } .btn-warning { - color: #1F2D3D; + color: #1f2d3d; background-color: #ffc107; border-color: #ffc107; box-shadow: none; } .btn-warning:hover { - color: #1F2D3D; + color: #1f2d3d; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { - color: #1F2D3D; + color: #1f2d3d; background-color: #e0a800; border-color: #d39e00; - box-shadow: none, 0 0 0 0 rgba(221, 171, 15, 0.5); + box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5); } .btn-warning.disabled, .btn-warning:disabled { - color: #1F2D3D; + color: #1f2d3d; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { - color: #1F2D3D; + color: #1f2d3d; background-color: #d39e00; border-color: #c69500; } @@ -2765,34 +2751,34 @@ fieldset:disabled a.btn { } .btn-danger { - color: #ffffff; + color: #fff; background-color: #dc3545; border-color: #dc3545; box-shadow: none; } .btn-danger:hover { - color: #ffffff; + color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { - color: #ffffff; + color: #fff; background-color: #c82333; border-color: #bd2130; - box-shadow: none, 0 0 0 0 rgba(225, 83, 97, 0.5); + box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { - color: #ffffff; + color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #bd2130; border-color: #b21f2d; } @@ -2803,34 +2789,34 @@ fieldset:disabled a.btn { } .btn-light { - color: #1F2D3D; + color: #1f2d3d; background-color: #f8f9fa; border-color: #f8f9fa; box-shadow: none; } .btn-light:hover { - color: #1F2D3D; + color: #1f2d3d; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { - color: #1F2D3D; + color: #1f2d3d; background-color: #e2e6ea; border-color: #dae0e5; - box-shadow: none, 0 0 0 0 rgba(215, 218, 222, 0.5); + box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5); } .btn-light.disabled, .btn-light:disabled { - color: #1F2D3D; + color: #1f2d3d; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { - color: #1F2D3D; + color: #1f2d3d; background-color: #dae0e5; border-color: #d3d9df; } @@ -2841,34 +2827,34 @@ fieldset:disabled a.btn { } .btn-dark { - color: #ffffff; + color: #fff; background-color: #343a40; border-color: #343a40; box-shadow: none; } .btn-dark:hover { - color: #ffffff; + color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { - color: #ffffff; + color: #fff; background-color: #23272b; border-color: #1d2124; - box-shadow: none, 0 0 0 0 rgba(82, 88, 93, 0.5); + box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { - color: #ffffff; + color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #1d2124; border-color: #171a1d; } @@ -2884,7 +2870,7 @@ fieldset:disabled a.btn { } .btn-outline-primary:hover { - color: #ffffff; + color: #fff; background-color: #007bff; border-color: #007bff; } @@ -2900,7 +2886,7 @@ fieldset:disabled a.btn { .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #007bff; border-color: #007bff; } @@ -2916,7 +2902,7 @@ fieldset:disabled a.btn { } .btn-outline-secondary:hover { - color: #ffffff; + color: #fff; background-color: #6c757d; border-color: #6c757d; } @@ -2932,7 +2918,7 @@ fieldset:disabled a.btn { .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #6c757d; border-color: #6c757d; } @@ -2948,7 +2934,7 @@ fieldset:disabled a.btn { } .btn-outline-success:hover { - color: #ffffff; + color: #fff; background-color: #28a745; border-color: #28a745; } @@ -2964,7 +2950,7 @@ fieldset:disabled a.btn { .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #28a745; border-color: #28a745; } @@ -2980,7 +2966,7 @@ fieldset:disabled a.btn { } .btn-outline-info:hover { - color: #ffffff; + color: #fff; background-color: #17a2b8; border-color: #17a2b8; } @@ -2996,7 +2982,7 @@ fieldset:disabled a.btn { .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #17a2b8; border-color: #17a2b8; } @@ -3012,7 +2998,7 @@ fieldset:disabled a.btn { } .btn-outline-warning:hover { - color: #1F2D3D; + color: #1f2d3d; background-color: #ffc107; border-color: #ffc107; } @@ -3028,7 +3014,7 @@ fieldset:disabled a.btn { .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { - color: #1F2D3D; + color: #1f2d3d; background-color: #ffc107; border-color: #ffc107; } @@ -3044,7 +3030,7 @@ fieldset:disabled a.btn { } .btn-outline-danger:hover { - color: #ffffff; + color: #fff; background-color: #dc3545; border-color: #dc3545; } @@ -3060,7 +3046,7 @@ fieldset:disabled a.btn { .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #dc3545; border-color: #dc3545; } @@ -3076,7 +3062,7 @@ fieldset:disabled a.btn { } .btn-outline-light:hover { - color: #1F2D3D; + color: #1f2d3d; background-color: #f8f9fa; border-color: #f8f9fa; } @@ -3092,7 +3078,7 @@ fieldset:disabled a.btn { .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { - color: #1F2D3D; + color: #1f2d3d; background-color: #f8f9fa; border-color: #f8f9fa; } @@ -3108,7 +3094,7 @@ fieldset:disabled a.btn { } .btn-outline-dark:hover { - color: #ffffff; + color: #fff; background-color: #343a40; border-color: #343a40; } @@ -3124,7 +3110,7 @@ fieldset:disabled a.btn { .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { - color: #ffffff; + color: #fff; background-color: #343a40; border-color: #343a40; } @@ -3147,7 +3133,6 @@ fieldset:disabled a.btn { .btn-link:focus, .btn-link.focus { text-decoration: none; - box-shadow: none; } .btn-link:disabled, .btn-link.disabled { @@ -3255,7 +3240,7 @@ input[type="button"].btn-block { color: #212529; text-align: left; list-style: none; - background-color: #ffffff; + background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; @@ -3434,7 +3419,7 @@ input[type="button"].btn-block { } .dropdown-item.active, .dropdown-item:active { - color: #ffffff; + color: #fff; text-decoration: none; background-color: #007bff; } @@ -3615,8 +3600,9 @@ input[type="button"].btn-block { .input-group > .custom-select, .input-group > .custom-file { position: relative; - -ms-flex: 1 1 0%; - flex: 1 1 0%; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; min-width: 0; margin-bottom: 0; } @@ -3796,9 +3782,12 @@ input[type="button"].btn-block { .custom-control { position: relative; + z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; + -webkit-print-color-adjust: exact; + color-adjust: exact; } .custom-control-inline { @@ -3817,14 +3806,14 @@ input[type="button"].btn-block { } .custom-control-input:checked ~ .custom-control-label::before { - color: #ffffff; + color: #fff; border-color: #007bff; background-color: #007bff; box-shadow: none; } .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { @@ -3832,7 +3821,7 @@ input[type="button"].btn-block { } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #ffffff; + color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; box-shadow: none; @@ -3882,7 +3871,7 @@ input[type="button"].btn-block { } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { @@ -3892,7 +3881,7 @@ input[type="button"].btn-block { } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { @@ -3908,7 +3897,7 @@ input[type="button"].btn-block { } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { @@ -3933,9 +3922,7 @@ input[type="button"].btn-block { height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { @@ -3946,7 +3933,6 @@ input[type="button"].btn-block { .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #dee2e6; - -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } @@ -3964,7 +3950,7 @@ input[type="button"].btn-block { line-height: 1.5; color: #495057; vertical-align: middle; - background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); @@ -3976,12 +3962,12 @@ input[type="button"].btn-block { .custom-select:focus { border-color: #80bdff; outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), none; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } .custom-select:focus::-ms-value { color: #495057; - background-color: #ffffff; + background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { @@ -4066,7 +4052,7 @@ input[type="button"].btn-block { font-weight: 400; line-height: 1.5; color: #495057; - background-color: #ffffff; + background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: none; @@ -4104,15 +4090,15 @@ input[type="button"].btn-block { } .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { @@ -4324,8 +4310,8 @@ input[type="button"].btn-block { .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; - background-color: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { @@ -4340,16 +4326,18 @@ input[type="button"].btn-block { .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: #ffffff; + color: #fff; background-color: #007bff; } +.nav-fill > .nav-link, .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } +.nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; @@ -4708,7 +4696,7 @@ input[type="button"].btn-block { } .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { @@ -4724,11 +4712,11 @@ input[type="button"].btn-block { } .navbar-dark .navbar-brand { - color: #ffffff; + color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: #ffffff; + color: #fff; } .navbar-dark .navbar-nav .nav-link { @@ -4747,7 +4735,7 @@ input[type="button"].btn-block { .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { - color: #ffffff; + color: #fff; } .navbar-dark .navbar-toggler { @@ -4756,7 +4744,7 @@ input[type="button"].btn-block { } .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { @@ -4764,11 +4752,11 @@ input[type="button"].btn-block { } .navbar-dark .navbar-text a { - color: #ffffff; + color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { - color: #ffffff; + color: #fff; } .card { @@ -4779,7 +4767,7 @@ input[type="button"].btn-block { flex-direction: column; min-width: 0; word-wrap: break-word; - background-color: #ffffff; + background-color: #fff; background-clip: border-box; border: 0 solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; @@ -4790,14 +4778,26 @@ input[type="button"].btn-block { margin-left: 0; } -.card > .list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; +.card > .list-group { + border-top: inherit; + border-bottom: inherit; } -.card > .list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.25rem - 0); + border-top-right-radius: calc(0.25rem - 0); +} + +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.25rem - 0); + border-bottom-left-radius: calc(0.25rem - 0); +} + +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; } .card-body { @@ -4839,10 +4839,6 @@ input[type="button"].btn-block { border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0; } -.card-header + .list-group .list-group-item:first-child { - border-top: 0; -} - .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); @@ -4872,6 +4868,7 @@ input[type="button"].btn-block { bottom: 0; left: 0; padding: 1.25rem; + border-radius: calc(0.25rem - 0); } .card-img, @@ -4983,6 +4980,10 @@ input[type="button"].btn-block { } } +.accordion { + overflow-anchor: none; +} + .accordion > .card { overflow: hidden; } @@ -5015,6 +5016,11 @@ input[type="button"].btn-block { border-radius: 0.25rem; } +.breadcrumb-item { + display: -ms-flexbox; + display: flex; +} + .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } @@ -5053,7 +5059,7 @@ input[type="button"].btn-block { margin-left: -1px; line-height: 1.25; color: #007bff; - background-color: #ffffff; + background-color: #fff; border: 1px solid #dee2e6; } @@ -5084,7 +5090,7 @@ input[type="button"].btn-block { .page-item.active .page-link { z-index: 3; - color: #ffffff; + color: #fff; background-color: #007bff; border-color: #007bff; } @@ -5093,7 +5099,7 @@ input[type="button"].btn-block { color: #6c757d; pointer-events: none; cursor: auto; - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; } @@ -5168,12 +5174,12 @@ a.badge:hover, a.badge:focus { } .badge-primary { - color: #ffffff; + color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { - color: #ffffff; + color: #fff; background-color: #0062cc; } @@ -5183,12 +5189,12 @@ a.badge-primary:focus, a.badge-primary.focus { } .badge-secondary { - color: #ffffff; + color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { - color: #ffffff; + color: #fff; background-color: #545b62; } @@ -5198,12 +5204,12 @@ a.badge-secondary:focus, a.badge-secondary.focus { } .badge-success { - color: #ffffff; + color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { - color: #ffffff; + color: #fff; background-color: #1e7e34; } @@ -5213,12 +5219,12 @@ a.badge-success:focus, a.badge-success.focus { } .badge-info { - color: #ffffff; + color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { - color: #ffffff; + color: #fff; background-color: #117a8b; } @@ -5228,12 +5234,12 @@ a.badge-info:focus, a.badge-info.focus { } .badge-warning { - color: #1F2D3D; + color: #1f2d3d; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { - color: #1F2D3D; + color: #1f2d3d; background-color: #d39e00; } @@ -5243,12 +5249,12 @@ a.badge-warning:focus, a.badge-warning.focus { } .badge-danger { - color: #ffffff; + color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { - color: #ffffff; + color: #fff; background-color: #bd2130; } @@ -5258,12 +5264,12 @@ a.badge-danger:focus, a.badge-danger.focus { } .badge-light { - color: #1F2D3D; + color: #1f2d3d; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { - color: #1F2D3D; + color: #1f2d3d; background-color: #dae0e5; } @@ -5273,12 +5279,12 @@ a.badge-light:focus, a.badge-light.focus { } .badge-dark { - color: #ffffff; + color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { - color: #ffffff; + color: #fff; background-color: #1d2124; } @@ -5330,6 +5336,7 @@ a.badge-dark:focus, a.badge-dark.focus { position: absolute; top: 0; right: 0; + z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } @@ -5469,6 +5476,7 @@ a.badge-dark:focus, a.badge-dark.focus { display: flex; height: 1rem; overflow: hidden; + line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; @@ -5483,7 +5491,7 @@ a.badge-dark:focus, a.badge-dark.focus { -ms-flex-pack: center; justify-content: center; overflow: hidden; - color: #ffffff; + color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; @@ -5532,6 +5540,7 @@ a.badge-dark:focus, a.badge-dark.focus { flex-direction: column; padding-left: 0; margin-bottom: 0; + border-radius: 0.25rem; } .list-group-item-action { @@ -5556,29 +5565,29 @@ a.badge-dark:focus, a.badge-dark.focus { position: relative; display: block; padding: 0.75rem 1.25rem; - background-color: #ffffff; + background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + border-top-left-radius: inherit; + border-top-right-radius: inherit; } .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; - background-color: #ffffff; + background-color: #fff; } .list-group-item.active { z-index: 2; - color: #ffffff; + color: #fff; background-color: #007bff; border-color: #007bff; } @@ -5597,26 +5606,26 @@ a.badge-dark:focus, a.badge-dark.focus { flex-direction: row; } -.list-group-horizontal .list-group-item:first-child { +.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } -.list-group-horizontal .list-group-item:last-child { +.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } -.list-group-horizontal .list-group-item.active { +.list-group-horizontal > .list-group-item.active { margin-top: 0; } -.list-group-horizontal .list-group-item + .list-group-item { +.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } -.list-group-horizontal .list-group-item + .list-group-item.active { +.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5626,22 +5635,22 @@ a.badge-dark:focus, a.badge-dark.focus { -ms-flex-direction: row; flex-direction: row; } - .list-group-horizontal-sm .list-group-item:first-child { + .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-sm .list-group-item:last-child { + .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-sm .list-group-item.active { + .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-sm .list-group-item + .list-group-item { + .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-sm .list-group-item + .list-group-item.active { + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5652,22 +5661,22 @@ a.badge-dark:focus, a.badge-dark.focus { -ms-flex-direction: row; flex-direction: row; } - .list-group-horizontal-md .list-group-item:first-child { + .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-md .list-group-item:last-child { + .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-md .list-group-item.active { + .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-md .list-group-item + .list-group-item { + .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-md .list-group-item + .list-group-item.active { + .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5678,22 +5687,22 @@ a.badge-dark:focus, a.badge-dark.focus { -ms-flex-direction: row; flex-direction: row; } - .list-group-horizontal-lg .list-group-item:first-child { + .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-lg .list-group-item:last-child { + .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-lg .list-group-item.active { + .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-lg .list-group-item + .list-group-item { + .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-lg .list-group-item + .list-group-item.active { + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5704,38 +5713,36 @@ a.badge-dark:focus, a.badge-dark.focus { -ms-flex-direction: row; flex-direction: row; } - .list-group-horizontal-xl .list-group-item:first-child { + .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-xl .list-group-item:last-child { + .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-xl .list-group-item.active { + .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } - .list-group-horizontal-xl .list-group-item + .list-group-item { + .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-xl .list-group-item + .list-group-item.active { + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } -.list-group-flush .list-group-item { - border-right-width: 0; - border-left-width: 0; +.list-group-flush { border-radius: 0; } -.list-group-flush .list-group-item:first-child { - border-top-width: 0; +.list-group-flush > .list-group-item { + border-width: 0 0 1px; } -.list-group-flush:last-child .list-group-item:last-child { +.list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } @@ -5750,7 +5757,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-primary.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #004085; border-color: #004085; } @@ -5766,7 +5773,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-secondary.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #383d41; border-color: #383d41; } @@ -5782,7 +5789,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-success.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #155724; border-color: #155724; } @@ -5798,7 +5805,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-info.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #0c5460; border-color: #0c5460; } @@ -5814,7 +5821,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-warning.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #856404; border-color: #856404; } @@ -5830,7 +5837,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-danger.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #721c24; border-color: #721c24; } @@ -5846,7 +5853,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-light.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #818182; border-color: #818182; } @@ -5862,7 +5869,7 @@ a.badge-dark:focus, a.badge-dark.focus { } .list-group-item-dark.list-group-item-action.active { - color: #ffffff; + color: #fff; background-color: #1b1e21; border-color: #1b1e21; } @@ -5873,7 +5880,7 @@ a.badge-dark:focus, a.badge-dark.focus { font-weight: 700; line-height: 1; color: #000; - text-shadow: 0 1px 0 #ffffff; + text-shadow: 0 1px 0 #fff; opacity: .5; } @@ -5890,9 +5897,6 @@ button.close, button.mailbox-attachment-close { padding: 0; background-color: transparent; border: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } a.close.disabled, a.disabled.mailbox-attachment-close { @@ -5900,15 +5904,14 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .toast { + -ms-flex-preferred-size: 350px; + flex-basis: 350px; max-width: 350px; - overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } @@ -5940,6 +5943,8 @@ a.close.disabled, a.disabled.mailbox-attachment-close { background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); } .toast-body { @@ -5975,10 +5980,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .modal.fade .modal-dialog { - transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; - transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; - -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @@ -5989,12 +5991,10 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .modal.show .modal-dialog { - -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { - -webkit-transform: scale(1.02); transform: scale(1.02); } @@ -6030,6 +6030,9 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); + height: -webkit-min-content; + height: -moz-min-content; + height: min-content; content: ""; } @@ -6057,7 +6060,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { flex-direction: column; width: 100%; pointer-events: auto; - background-color: #ffffff; + background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; @@ -6156,6 +6159,9 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); + height: -webkit-min-content; + height: -moz-min-content; + height: min-content; } .modal-content { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); @@ -6283,7 +6289,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; - color: #ffffff; + color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; @@ -6312,7 +6318,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { line-break: auto; font-size: 0.875rem; word-wrap: break-word; - background-color: #ffffff; + background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; @@ -6352,7 +6358,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; - border-top-color: #ffffff; + border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { @@ -6375,7 +6381,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #ffffff; + border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { @@ -6395,7 +6401,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { @@ -6429,7 +6435,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #ffffff; + border-left-color: #fff; } .popover-header { @@ -6481,9 +6487,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; - transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; - transition: transform 0.6s ease, -webkit-transform 0.6s ease; } @media (prefers-reduced-motion: reduce) { @@ -6500,20 +6504,17 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { - -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { - -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; - -webkit-transform: none; transform: none; } @@ -6551,7 +6552,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { -ms-flex-pack: center; justify-content: center; width: 15%; - color: #ffffff; + color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; @@ -6567,7 +6568,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { - color: #ffffff; + color: #fff; text-decoration: none; outline: 0; opacity: 0.9; @@ -6590,11 +6591,11 @@ a.close.disabled, a.disabled.mailbox-attachment-close { } .carousel-control-prev-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { @@ -6623,7 +6624,7 @@ a.close.disabled, a.disabled.mailbox-attachment-close { margin-left: 3px; text-indent: -999px; cursor: pointer; - background-color: #ffffff; + background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; @@ -6649,20 +6650,18 @@ a.close.disabled, a.disabled.mailbox-attachment-close { z-index: 10; padding-top: 20px; padding-bottom: 20px; - color: #ffffff; + color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @@ -6687,21 +6686,21 @@ a.close.disabled, a.disabled.mailbox-attachment-close { @-webkit-keyframes spinner-grow { 0% { - -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; + transform: none; } } @keyframes spinner-grow { 0% { - -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; + transform: none; } } @@ -6827,7 +6826,7 @@ button.bg-dark:focus { } .bg-white { - background-color: #ffffff !important; + background-color: #fff !important; } .bg-transparent { @@ -6907,7 +6906,7 @@ button.bg-dark:focus { } .border-white { - border-color: #ffffff !important; + border-color: #fff !important; } .rounded-sm { @@ -7987,6 +7986,27 @@ button.bg-dark:focus { } } +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + -ms-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} + .overflow-auto { overflow: auto !important; } @@ -8142,18 +8162,6 @@ button.bg-dark:focus { height: 100vh !important; } -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: auto; - content: ""; - background-color: rgba(0, 0, 0, 0); -} - .m-0 { margin: 0 !important; } @@ -9966,6 +9974,18 @@ button.bg-dark:focus { } } +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } @@ -10085,7 +10105,7 @@ button.bg-dark:focus { } .text-white { - color: #ffffff !important; + color: #fff !important; } .text-primary { @@ -10182,7 +10202,7 @@ a.text-dark:hover, a.text-dark:focus { .text-break { word-break: break-word !important; - overflow-wrap: break-word !important; + word-wrap: break-word !important; } .text-reset { @@ -10255,7 +10275,7 @@ a.text-dark:hover, a.text-dark:focus { } .table td, .table th { - background-color: #ffffff !important; + background-color: #fff !important; } .table-bordered th, .table-bordered td { @@ -10393,7 +10413,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { @@ -10401,7 +10421,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { @@ -10409,7 +10429,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { @@ -10417,7 +10437,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { @@ -10425,7 +10445,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { @@ -10433,7 +10453,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { @@ -10441,7 +10461,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { @@ -10449,7 +10469,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .content-wrapper { @@ -10554,7 +10574,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { @@ -10562,7 +10582,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { @@ -10570,7 +10590,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { @@ -10578,7 +10598,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { @@ -10586,7 +10606,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { @@ -10594,7 +10614,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { @@ -10602,7 +10622,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { @@ -10610,7 +10630,7 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side } .layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-navbar-fixed .wrapper .content-wrapper { @@ -10712,49 +10732,49 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-sm-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); @@ -10847,49 +10867,49 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-md-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); @@ -10982,49 +11002,49 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-lg-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); @@ -11117,49 +11137,49 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { background-color: #343a40; } .layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { - background-color: #ffffff; + background-color: #fff; } .layout-xl-navbar-fixed .wrapper .content-wrapper { margin-top: calc(3.5rem + 1px); @@ -11415,7 +11435,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .content-wrapper { - background: #f4f6f9; + background-color: #f4f6f9; } .content-wrapper > .content { @@ -11494,7 +11514,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .main-footer { - background: #ffffff; + background-color: #fff; border-top: 1px solid #dee2e6; color: #869099; padding: 1rem; @@ -11522,7 +11542,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .content-header .breadcrumb { - background: transparent; + background-color: transparent; line-height: 1.8rem; margin-bottom: 0; padding: 0; @@ -11544,6 +11564,30 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef animation-duration: 0s !important; } +.dark-mode { + background-color: #454d55 !important; + color: #fff; +} + +.dark-mode .breadcrumb-item.active, +.dark-mode .breadcrumb-item + .breadcrumb-item::before { + color: #adb5bd; +} + +.dark-mode .main-footer { + background-color: #343a40; + border-color: #4b545c; +} + +.dark-mode .content-wrapper { + background-color: #454d55; + color: #fff; +} + +.dark-mode .content-wrapper .content-header { + color: #fff; +} + .main-header { border-bottom: 1px solid #dee2e6; z-index: 1034; @@ -11563,12 +11607,16 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .text-sm .main-header .nav-link > .fas, .text-sm .main-header .nav-link > .far, .text-sm .main-header .nav-link > .fab, -.text-sm .main-header .nav-link > .glyphicon, +.text-sm .main-header .nav-link > .fal, +.text-sm .main-header .nav-link > .fad, +.text-sm .main-header .nav-link > .svg-inline--fa, .text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa, .main-header.text-sm .nav-link > .fas, .main-header.text-sm .nav-link > .far, .main-header.text-sm .nav-link > .fab, -.main-header.text-sm .nav-link > .glyphicon, +.main-header.text-sm .nav-link > .fal, +.main-header.text-sm .nav-link > .fad, +.main-header.text-sm .nav-link > .svg-inline--fa, .main-header.text-sm .nav-link > .ion { font-size: 0.875rem; } @@ -11577,19 +11625,24 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef margin: 0; } -.main-header .navbar-nav[class*='-right'] .dropdown-menu { +.main-header .navbar-nav[class*="-right"] .dropdown-menu { left: auto; margin-top: -3px; right: 0; } @media (max-width: 575.98px) { - .main-header .navbar-nav[class*='-right'] .dropdown-menu { + .main-header .navbar-nav[class*="-right"] .dropdown-menu { left: 0; right: auto; } } +.main-header.dropdown-legacy .dropdown-menu { + top: 3rem; + margin-top: 0; +} + .navbar-img { height: calc(3.5rem + 1px)/2; width: auto; @@ -11706,7 +11759,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .brand-link:hover { - color: #ffffff; + color: #fff; text-decoration: none; } @@ -11714,16 +11767,44 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef font-size: inherit; } -[class*='sidebar-dark'] .brand-link { +[class*="sidebar-dark"] .brand-link { border-bottom: 1px solid #4b545c; +} + +[class*="sidebar-dark"] .brand-link, +[class*="sidebar-dark"] .brand-link .pushmenu { color: rgba(255, 255, 255, 0.8); } -[class*='sidebar-light'] .brand-link { +[class*="sidebar-dark"] .brand-link:hover, +[class*="sidebar-dark"] .brand-link .pushmenu:hover { + color: #fff; +} + +[class*="sidebar-light"] .brand-link { border-bottom: 1px solid #dee2e6; +} + +[class*="sidebar-light"] .brand-link, +[class*="sidebar-light"] .brand-link .pushmenu { color: rgba(0, 0, 0, 0.8); } +[class*="sidebar-light"] .brand-link:hover, +[class*="sidebar-light"] .brand-link .pushmenu:hover { + color: #000; +} + +.brand-link .pushmenu { + margin-right: 0.5rem; + font-size: 1rem; +} + +.brand-link .brand-link { + padding: 0; + border-bottom: none; +} + .brand-link .brand-image { float: left; line-height: .8; @@ -11785,7 +11866,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar { height: calc(100% - (3.5rem + 1px)); - overflow-y: auto; + overflow-y: initial; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; @@ -11796,11 +11877,11 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef position: relative; } -[class*='sidebar-dark'] .user-panel { +[class*="sidebar-dark"] .user-panel { border-bottom: 1px solid #4f5962; } -[class*='sidebar-light'] .user-panel { +[class*="sidebar-light"] .user-panel { border-bottom: 1px solid #dee2e6; } @@ -11835,9 +11916,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .nav-sidebar .nav-item > .nav-link .right { - transition: -webkit-transform ease-in-out 0.3s; transition: transform ease-in-out 0.3s; - transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; } @media (prefers-reduced-motion: reduce) { @@ -11869,8 +11948,8 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef display: block; } -.nav-sidebar .menu-open > .nav-link i.right { - -webkit-transform: rotate(-90deg); +.nav-sidebar .menu-open > .nav-link i.right, +.nav-sidebar .menu-is-opening > .nav-link i.right { transform: rotate(-90deg); } @@ -11886,7 +11965,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef width: 1.6rem; } -.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.glyphicon, .nav-sidebar > .nav-item .nav-icon.ion { +.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.fal, .nav-sidebar > .nav-item .nav-icon.fad, .nav-sidebar > .nav-item .nav-icon.svg-inline--fa, .nav-sidebar > .nav-item .nav-icon.ion { font-size: 1.1rem; } @@ -11934,13 +12013,16 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .nav-sidebar .nav-link p { display: inline-block; + margin: 0; +} + +.sidebar-is-opening .nav-sidebar .nav-link p { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; - margin: 0; } #sidebar-overlay { @@ -11960,172 +12042,172 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } } -[class*='sidebar-light-'] { - background-color: #ffffff; +[class*="sidebar-light-"] { + background-color: #fff; } -[class*='sidebar-light-'] .user-panel a:hover { +[class*="sidebar-light-"] .user-panel a:hover { color: #212529; } -[class*='sidebar-light-'] .user-panel .status { - background: rgba(0, 0, 0, 0.1); +[class*="sidebar-light-"] .user-panel .status { + background-color: rgba(0, 0, 0, 0.1); color: #343a40; } -[class*='sidebar-light-'] .user-panel .status:hover, [class*='sidebar-light-'] .user-panel .status:focus, [class*='sidebar-light-'] .user-panel .status:active { - background: rgba(0, 0, 0, 0.1); - color: #212529; -} - -[class*='sidebar-light-'] .user-panel .dropdown-menu { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); - border-color: rgba(0, 0, 0, 0.1); -} - -[class*='sidebar-light-'] .user-panel .dropdown-item { - color: #212529; -} - -[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link:active, [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link:focus { - color: #343a40; -} - -[class*='sidebar-light-'] .nav-sidebar > .nav-item.menu-open > .nav-link, -[class*='sidebar-light-'] .nav-sidebar > .nav-item:hover > .nav-link { +[class*="sidebar-light-"] .user-panel .status:hover, [class*="sidebar-light-"] .user-panel .status:focus, [class*="sidebar-light-"] .user-panel .status:active { background-color: rgba(0, 0, 0, 0.1); color: #212529; } -[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link.active { +[class*="sidebar-light-"] .user-panel .dropdown-menu { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.1); +} + +[class*="sidebar-light-"] .user-panel .dropdown-item { + color: #212529; +} + +[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:active, [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:focus { + color: #343a40; +} + +[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link, +[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link { + background-color: rgba(0, 0, 0, 0.1); + color: #212529; +} + +[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active { color: #000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-treeview { - background: transparent; +[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview { + background-color: transparent; } -[class*='sidebar-light-'] .nav-header { - background: inherit; +[class*="sidebar-light-"] .nav-header { + background-color: inherit; color: #292d32; } -[class*='sidebar-light-'] .sidebar a { +[class*="sidebar-light-"] .sidebar a { color: #343a40; } -[class*='sidebar-light-'] .sidebar a:hover { +[class*="sidebar-light-"] .sidebar a:hover { text-decoration: none; } -[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link { +[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link { color: #777; } -[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover { +[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover { background-color: rgba(0, 0, 0, 0.1); color: #212529; } -[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link:hover { +[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover { background-color: rgba(0, 0, 0, 0.1); } -[class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview .nav-treeview { +[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview .nav-treeview { border-color: rgba(0, 0, 0, 0.1); } -[class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { +[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { border-color: rgba(0, 0, 0, 0.1); } -[class*='sidebar-dark-'] { +[class*="sidebar-dark-"] { background-color: #343a40; } -[class*='sidebar-dark-'] .user-panel a:hover { - color: #ffffff; +[class*="sidebar-dark-"] .user-panel a:hover { + color: #fff; } -[class*='sidebar-dark-'] .user-panel .status { - background: rgba(255, 255, 255, 0.1); - color: #C2C7D0; +[class*="sidebar-dark-"] .user-panel .status { + background-color: rgba(255, 255, 255, 0.1); + color: #c2c7d0; } -[class*='sidebar-dark-'] .user-panel .status:hover, [class*='sidebar-dark-'] .user-panel .status:focus, [class*='sidebar-dark-'] .user-panel .status:active { - background: rgba(247, 247, 247, 0.1); - color: #ffffff; +[class*="sidebar-dark-"] .user-panel .status:hover, [class*="sidebar-dark-"] .user-panel .status:focus, [class*="sidebar-dark-"] .user-panel .status:active { + background-color: rgba(247, 247, 247, 0.1); + color: #fff; } -[class*='sidebar-dark-'] .user-panel .dropdown-menu { +[class*="sidebar-dark-"] .user-panel .dropdown-menu { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); border-color: rgba(242, 242, 242, 0.1); } -[class*='sidebar-dark-'] .user-panel .dropdown-item { +[class*="sidebar-dark-"] .user-panel .dropdown-item { color: #212529; } -[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:active { - color: #C2C7D0; +[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active { + color: #c2c7d0; } -[class*='sidebar-dark-'] .nav-sidebar > .nav-item.menu-open > .nav-link, -[class*='sidebar-dark-'] .nav-sidebar > .nav-item:hover > .nav-link, -[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:focus { +[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, +[class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, +[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus { background-color: rgba(255, 255, 255, 0.1); - color: #ffffff; + color: #fff; } -[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link.active { - color: #ffffff; +[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active { + color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-treeview { - background: transparent; +[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview { + background-color: transparent; } -[class*='sidebar-dark-'] .nav-header { - background: inherit; +[class*="sidebar-dark-"] .nav-header { + background-color: inherit; color: #d0d4db; } -[class*='sidebar-dark-'] .sidebar a { - color: #C2C7D0; +[class*="sidebar-dark-"] .sidebar a { + color: #c2c7d0; } -[class*='sidebar-dark-'] .sidebar a:hover, [class*='sidebar-dark-'] .sidebar a:focus { +[class*="sidebar-dark-"] .sidebar a:hover, [class*="sidebar-dark-"] .sidebar a:focus { text-decoration: none; } -[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link { - color: #C2C7D0; +[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link { + color: #c2c7d0; } -[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link:focus { +[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus { background-color: rgba(255, 255, 255, 0.1); - color: #ffffff; + color: #fff; } -[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:focus { +[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus { background-color: rgba(255, 255, 255, 0.9); color: #343a40; } -[class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview .nav-treeview { +[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview .nav-treeview { border-color: rgba(255, 255, 255, 0.9); } -[class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { +[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { border-color: rgba(255, 255, 255, 0.9); } .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #007bff; - color: #ffffff; + color: #fff; } .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12136,7 +12218,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active { background-color: #6c757d; - color: #ffffff; + color: #fff; } .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12147,7 +12229,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active { background-color: #28a745; - color: #ffffff; + color: #fff; } .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12158,7 +12240,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active { background-color: #17a2b8; - color: #ffffff; + color: #fff; } .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12169,7 +12251,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active { background-color: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12180,7 +12262,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active { background-color: #dc3545; - color: #ffffff; + color: #fff; } .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12191,7 +12273,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active { background-color: #f8f9fa; - color: #1F2D3D; + color: #1f2d3d; } .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12202,7 +12284,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active { background-color: #343a40; - color: #ffffff; + color: #fff; } .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12213,7 +12295,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active { background-color: #3c8dbc; - color: #ffffff; + color: #fff; } .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12224,7 +12306,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active { background-color: #001f3f; - color: #ffffff; + color: #fff; } .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12235,7 +12317,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active { background-color: #3d9970; - color: #ffffff; + color: #fff; } .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12246,7 +12328,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active { background-color: #01ff70; - color: #1F2D3D; + color: #1f2d3d; } .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12257,7 +12339,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active { background-color: #f012be; - color: #ffffff; + color: #fff; } .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12268,7 +12350,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active { background-color: #d81b60; - color: #ffffff; + color: #fff; } .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12279,7 +12361,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active { background-color: #007bff; - color: #ffffff; + color: #fff; } .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12290,7 +12372,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active { background-color: #6610f2; - color: #ffffff; + color: #fff; } .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12301,7 +12383,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active { background-color: #6f42c1; - color: #ffffff; + color: #fff; } .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12312,7 +12394,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active { background-color: #e83e8c; - color: #ffffff; + color: #fff; } .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12323,7 +12405,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active { background-color: #dc3545; - color: #ffffff; + color: #fff; } .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12334,7 +12416,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active { background-color: #fd7e14; - color: #1F2D3D; + color: #1f2d3d; } .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12345,7 +12427,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active { background-color: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12356,7 +12438,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active { background-color: #28a745; - color: #ffffff; + color: #fff; } .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12367,7 +12449,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active { background-color: #20c997; - color: #ffffff; + color: #fff; } .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12378,7 +12460,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active { background-color: #17a2b8; - color: #ffffff; + color: #fff; } .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12388,19 +12470,19 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active { - background-color: #ffffff; - color: #1F2D3D; + background-color: #fff; + color: #1f2d3d; } .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { - border-color: #ffffff; + border-color: #fff; } .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active { background-color: #6c757d; - color: #ffffff; + color: #fff; } .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12411,7 +12493,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active { background-color: #343a40; - color: #ffffff; + color: #fff; } .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, @@ -12556,7 +12638,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .nav-flat.nav-sidebar > .nav-item .nav-treeview, .nav-flat.nav-sidebar > .nav-item > .nav-treeview { - background: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link, @@ -12582,7 +12664,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { - background: inherit; + background-color: inherit; border-left: 3px solid transparent; box-shadow: none; } @@ -12668,31 +12750,31 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef margin-left: calc(.75rem - 3px); } -[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview, -[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { - background: rgba(255, 255, 255, 0.05); +[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview, +[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { + background-color: rgba(255, 255, 255, 0.05); } -[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { - color: #ffffff; +[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { + color: #fff; } -[class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover { - background: none; - color: #ffffff; +[class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover { + background-color: transparent; + color: #fff; } -[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview, -[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { - background: rgba(0, 0, 0, 0.05); +[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview, +[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { + background-color: rgba(0, 0, 0, 0.05); } -[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { +[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { color: #000; } -[class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover { - background: none; +[class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover { + background-color: transparent; color: #000; } @@ -12719,9 +12801,9 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview, -.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-collapse-hide-child .menu-open > .nav-treeview, +.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open > .nav-treeview, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview, -.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-collapse-hide-child .menu-open > .nav-treeview { +.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .menu-open > .nav-treeview { max-height: -webkit-min-content; max-height: -moz-min-content; max-height: min-content; @@ -12754,44 +12836,78 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef top: .7rem; } -[class*='sidebar-dark'] .form-control-sidebar, -[class*='sidebar-dark'] .btn-sidebar { - background: #3f474e; +[class*="sidebar-dark"] .form-control-sidebar, +[class*="sidebar-dark"] .btn-sidebar { + background-color: #3f474e; border: 1px solid #56606a; color: white; } -[class*='sidebar-dark'] .form-control-sidebar:focus, -[class*='sidebar-dark'] .btn-sidebar:focus { +[class*="sidebar-dark"] .form-control-sidebar:focus, +[class*="sidebar-dark"] .btn-sidebar:focus { border: 1px solid #7a8793; } -[class*='sidebar-dark'] .btn-sidebar:hover { - background: #454d55; +[class*="sidebar-dark"] .btn-sidebar:hover { + background-color: #454d55; } -[class*='sidebar-dark'] .btn-sidebar:focus { - background: #4b545c; +[class*="sidebar-dark"] .btn-sidebar:focus { + background-color: #4b545c; } -[class*='sidebar-light'] .form-control-sidebar, -[class*='sidebar-light'] .btn-sidebar { - background: #f2f2f2; +[class*="sidebar-dark"] .list-group-item { + background-color: #454d55; + border-color: #56606a; + color: #c2c7d0; +} + +[class*="sidebar-dark"] .list-group-item:hover { + background-color: #4b545c; +} + +[class*="sidebar-dark"] .list-group-item:focus { + background-color: #515a63; +} + +[class*="sidebar-dark"] .list-group-item .search-path { + color: #adb5bd; +} + +[class*="sidebar-light"] .form-control-sidebar, +[class*="sidebar-light"] .btn-sidebar { + background-color: #f2f2f2; border: 1px solid #d9d9d9; - color: #1F2D3D; + color: #1f2d3d; } -[class*='sidebar-light'] .form-control-sidebar:focus, -[class*='sidebar-light'] .btn-sidebar:focus { +[class*="sidebar-light"] .form-control-sidebar:focus, +[class*="sidebar-light"] .btn-sidebar:focus { border: 1px solid #b3b3b3; } -[class*='sidebar-light'] .btn-sidebar:hover { - background: #ececec; +[class*="sidebar-light"] .btn-sidebar:hover { + background-color: #ececec; } -[class*='sidebar-light'] .btn-sidebar:focus { - background: #e6e6e6; +[class*="sidebar-light"] .btn-sidebar:focus { + background-color: #e6e6e6; +} + +[class*="sidebar-light"] .list-group-item { + border-color: #d9d9d9; +} + +[class*="sidebar-light"] .list-group-item:hover { + background-color: #ececec; +} + +[class*="sidebar-light"] .list-group-item:focus { + background-color: #e6e6e6; +} + +[class*="sidebar-light"] .list-group-item .search-path { + color: #6c757d; } .sidebar .form-inline .input-group { @@ -12802,17 +12918,129 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef margin-bottom: .2rem; } -.layout-boxed.sidebar-collapse .main-sidebar { +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md).sidebar-collapse .main-sidebar { margin-left: 0; } -.layout-boxed .content-wrapper, -.layout-boxed .main-header, -.layout-boxed .main-footer { +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md) .content-wrapper, +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md) .main-header, +.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md) .main-footer { z-index: 9999; position: relative; } +.sidebar-collapse .form-control-sidebar, +.sidebar-collapse .form-control-sidebar ~ .input-group-append, +.sidebar-collapse .sidebar-search-results { + display: none; +} + +[data-widget="sidebar-search"] input[type="search"]::-ms-clear, [data-widget="sidebar-search"] input[type="search"]::-ms-reveal { + display: none; + width: 0; + height: 0; +} + +[data-widget="sidebar-search"] input[type="search"]::-webkit-search-cancel-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-decoration, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-decoration { + display: none; +} + +.sidebar-search-results { + position: relative; + display: none; + width: 100%; +} + +.sidebar-search-open .sidebar-search-results { + display: inline-block; +} + +.sidebar-search-results .search-title { + margin-bottom: -.1rem; +} + +.sidebar-search-results .list-group { + position: absolute; + width: 100%; + z-index: 1039; +} + +.sidebar-search-results .list-group > .list-group-item { + padding: 0.375rem 0.75rem; +} + +.sidebar-search-results .list-group > .list-group-item:-moz-focusring { + margin-top: 0; + border-left: 1px solid transparent; + border-top: 0; + border-bottom: 1px solid transparent; +} + +.sidebar-search-results .list-group > .list-group-item:first-child { + margin-top: 0; + border-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.sidebar-search-results .search-path { + font-size: 80%; +} + +.sidebar-search-open .btn, +.sidebar-search-open .form-control { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +[class*="sidebar-dark"] .sidebar-custom { + border-top: 1px solid #4f5962; +} + +[class*="sidebar-light"] .sidebar-custom { + border-top: 1px solid #dee2e6; +} + +.layout-fixed.sidebar-collapse .hide-on-collapse { + display: none; +} + +.layout-fixed.sidebar-collapse:hover .hide-on-collapse { + display: block; +} + +.layout-fixed .main-sidebar-custom .sidebar { + height: calc(100% - ((3.5rem + 4rem) + 1px)); +} + +.layout-fixed .main-sidebar-custom .sidebar-custom { + height: 4rem; + padding: 0.85rem 0.5rem; +} + +.layout-fixed .main-sidebar-custom-lg .sidebar { + height: calc(100% - ((3.5rem + 6rem) + 1px)); +} + +.layout-fixed .main-sidebar-custom-lg .sidebar-custom { + height: 6rem; +} + +.layout-fixed .main-sidebar-custom-xl .sidebar { + height: calc(100% - ((3.5rem + 8rem) + 1px)); +} + +.layout-fixed .main-sidebar-custom-xl .sidebar-custom { + height: 8rem; +} + +.layout-fixed .main-sidebar-custom .pos-right, +.layout-fixed .main-sidebar-custom-lg .pos-right, +.layout-fixed .main-sidebar-custom-xl .pos-right { + position: absolute; + right: .5rem; +} + .logo-xs, .logo-xl { opacity: 1; @@ -12843,7 +13071,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef } .brand-link.logo-switch::before { - content: '\00a0'; + content: "\00a0"; } @media (min-width: 992px) { @@ -12953,7 +13181,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { display: block !important; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { display: inline-block !important; @@ -13082,7 +13310,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { display: block !important; - -webkit-transform: translateZ(0); + transform: translateZ(0); } .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { display: inline-block !important; @@ -13283,7 +13511,7 @@ html.control-sidebar-animate { } .control-sidebar::before { - content: ''; + content: ""; display: block; position: fixed; top: 0; @@ -13350,18 +13578,18 @@ body.text-sm .control-sidebar { margin-right: 250px; } +.control-sidebar-dark { + background-color: #343a40; +} + .control-sidebar-dark, .control-sidebar-dark a, .control-sidebar-dark .nav-link { - color: #C2C7D0; -} - -.control-sidebar-dark { - background: #343a40; + color: #c2c7d0; } .control-sidebar-dark a:hover { - color: #ffffff; + color: #fff; } .control-sidebar-dark h1, @@ -13371,7 +13599,7 @@ body.text-sm .control-sidebar { .control-sidebar-dark h5, .control-sidebar-dark h6, .control-sidebar-dark label { - color: #ffffff; + color: #fff; } .control-sidebar-dark .nav-tabs { @@ -13399,7 +13627,7 @@ body.text-sm .control-sidebar { border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; - color: #ffffff; + color: #fff; } .control-sidebar-dark .nav-tabs .nav-link.active { @@ -13412,10 +13640,7 @@ body.text-sm .control-sidebar { .control-sidebar-light { color: #4b545c; -} - -.control-sidebar-light { - background: #ffffff; + background-color: #fff; border-left: 1px solid #dee2e6; } @@ -13459,7 +13684,7 @@ body.text-sm .control-sidebar { position: relative; } -.dropdown-submenu > a:after { +.dropdown-submenu > a::after { border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; @@ -13471,8 +13696,8 @@ body.text-sm .control-sidebar { .dropdown-submenu > .dropdown-menu { left: 100%; - margin-left: 0px; - margin-top: 0px; + margin-left: 0; + margin-top: 0; top: 0; } @@ -13517,54 +13742,44 @@ body.text-sm .control-sidebar { @-webkit-keyframes flipInX { 0% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { - -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { - -webkit-transform: perspective(400px); transform: perspective(400px); } } @@ -13591,11 +13806,11 @@ body.text-sm .control-sidebar { right: 5%; left: auto; border: 1px solid #ddd; - background: #ffffff; + background-color: #fff; } } -.navbar-nav > .user-menu > .nav-link:after { +.navbar-nav > .user-menu > .nav-link::after { content: none; } @@ -13652,7 +13867,7 @@ body.text-sm .control-sidebar { @media (min-width: 576px) { .navbar-nav > .user-menu > .dropdown-menu > .user-body a { - background: #ffffff !important; + background-color: #fff !important; color: #495057 !important; } } @@ -13696,6 +13911,54 @@ body.text-sm .control-sidebar { } } +.dark-mode .dropdown-menu { + background-color: #343a40; + color: #fff; +} + +.dark-mode .dropdown-item { + color: #fff; +} + +.dark-mode .dropdown-item:focus, .dark-mode .dropdown-item:hover { + background-color: #3f474e; +} + +.dark-mode .dropdown-divider { + border-color: #6c757d; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer { + background-color: #3a4047; + color: #fff; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { + color: #fff; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus { + background-color: #3f474e; + color: #dee2e6; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus { + background-color: #454d55; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body { + border-color: #6c757d; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a { + background-color: transparent !important; + color: #fff !important; +} + +.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus { + color: #ced4da !important; +} + .nav-pills .nav-link { color: #6c757d; } @@ -13705,7 +13968,7 @@ body.text-sm .control-sidebar { } .nav-pills .nav-item.dropdown.show .nav-link:hover { - color: #ffffff; + color: #fff; } .nav-tabs.flex-column { @@ -13770,6 +14033,7 @@ body.text-sm .control-sidebar { .navbar-dark { background-color: #343a40; + border-color: #4b545c; } .navbar-primary { @@ -13861,7 +14125,7 @@ body.text-sm .control-sidebar { } .navbar-white { - background-color: #ffffff; + background-color: #fff; } .navbar-gray { @@ -13872,6 +14136,106 @@ body.text-sm .control-sidebar { background-color: #343a40; } +.dark-mode .nav-pills .nav-link { + color: #ced4da; +} + +.dark-mode .nav-tabs { + border-color: #56606a; +} + +.dark-mode .nav-tabs .nav-link:focus, +.dark-mode .nav-tabs .nav-link:hover { + border-color: #56606a; +} + +.dark-mode .nav-tabs .nav-item.show .nav-link, +.dark-mode .nav-tabs .nav-link.active { + background-color: #343a40; + border-color: #56606a #56606a transparent #56606a; + color: #fff; +} + +.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover, +.dark-mode .nav-tabs.flex-column .nav-link.active, +.dark-mode .nav-tabs.flex-column .nav-link:focus, +.dark-mode .nav-tabs.flex-column .nav-link:hover { + border-color: #56606a transparent #56606a #56606a; +} + +.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover, +.dark-mode .nav-tabs.flex-column .nav-link:focus, +.dark-mode .nav-tabs.flex-column .nav-link:hover { + background-color: #3f474e; +} + +.dark-mode .nav-tabs.flex-column.nav-tabs-right { + border-color: #56606a; +} + +.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover { + border-color: #56606a #56606a #56606a transparent; +} + +.pagination-month .page-item { + justify-self: stretch; +} + +.pagination-month .page-item .page-link { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + box-shadow: none; +} + +.pagination-month .page-item:first-child .page-link, .pagination-month .page-item:last-child .page-link { + height: 100%; + font-size: 1.25rem; +} + +.pagination-month .page-item .page-month { + margin-bottom: 0; + font-size: 1.25rem; + font-weight: 700; +} + +.pagination-month .page-item .page-year { + margin-bottom: 0; +} + +.pagination-month.pagination-lg .page-month { + font-size: 1.5625rem; +} + +.pagination-month.pagination-sm .page-month { + font-size: 1rem; +} + +.dark-mode .page-item.disabled .page-link { + background-color: #3a4047; + border-color: #6c757d; + color: #6c757d; +} + +.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus { + color: #ced4da; +} + +.dark-mode .page-item:not(.active) .page-link { + background-color: #343a40; + border-color: #6c757d; +} + +.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus { + color: #1a88ff; + background-color: #3f474e; +} + .form-group.has-icon { position: relative; } @@ -13895,35 +14259,39 @@ body.text-sm .control-sidebar { border-radius: 0; } -.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.glyphicon, .form-control-feedback.ion { +.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion { line-height: calc(2.25rem + 2px); } -.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.glyphicon, .input-lg + .form-control-feedback.ion, +.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion, .input-group-lg + .form-control-feedback.fa, .input-group-lg + .form-control-feedback.fas, .input-group-lg + .form-control-feedback.far, .input-group-lg + .form-control-feedback.fab, -.input-group-lg + .form-control-feedback.glyphicon, +.input-group-lg + .form-control-feedback.fal, +.input-group-lg + .form-control-feedback.fad, +.input-group-lg + .form-control-feedback.svg-inline--fa, .input-group-lg + .form-control-feedback.ion { line-height: calc(2.875rem + 2px); } -.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.glyphicon, .form-group-lg .form-control + .form-control-feedback.ion { +.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion { line-height: calc(2.875rem + 2px); } -.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.glyphicon, .input-sm + .form-control-feedback.ion, +.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion, .input-group-sm + .form-control-feedback.fa, .input-group-sm + .form-control-feedback.fas, .input-group-sm + .form-control-feedback.far, .input-group-sm + .form-control-feedback.fab, -.input-group-sm + .form-control-feedback.glyphicon, +.input-group-sm + .form-control-feedback.fal, +.input-group-sm + .form-control-feedback.fad, +.input-group-sm + .form-control-feedback.svg-inline--fa, .input-group-sm + .form-control-feedback.ion { line-height: calc(1.8125rem + 2px); } -.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.glyphicon, .form-group-sm .form-control + .form-control-feedback.ion { +.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion { line-height: calc(1.8125rem + 2px); } @@ -13943,7 +14311,7 @@ label:not(.form-check-label):not(.custom-file-label) { border-radius: 0.25rem; font-size: 0.875rem; background-color: rgba(255, 193, 7, 0.9); - color: #1F2D3D; + color: #1f2d3d; display: none; line-height: 1.5; margin-top: .1rem; @@ -14041,706 +14409,729 @@ textarea.form-control.is-warning { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); } +body.text-sm .input-group-text { + font-size: 0.875rem; +} + +.form-control.form-control-border, +.custom-select.form-control-border { + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; + box-shadow: inherit; +} + +.form-control.form-control-border.border-width-2, +.custom-select.form-control-border.border-width-2 { + border-bottom-width: 2px; +} + +.form-control.form-control-border.border-width-3, +.custom-select.form-control-border.border-width-3 { + border-bottom-width: 3px; +} + .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before { - background: #007bff; + background-color: #007bff; border-color: #004a99; } .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after { - background: #003e80; + background-color: #003e80; } .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before { - background: #007bff; + background-color: #007bff; border-color: #004a99; } .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after { - background: #99caff; + background-color: #99caff; } .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before { - background: #6c757d; + background-color: #6c757d; border-color: #3d4246; } .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after { - background: #313539; + background-color: #313539; } .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before { - background: #6c757d; + background-color: #6c757d; border-color: #3d4246; } .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after { - background: #bcc1c6; + background-color: #bcc1c6; } .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before { - background: #28a745; + background-color: #28a745; border-color: #145523; } .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after { - background: #0f401b; + background-color: #0f401b; } .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before { - background: #28a745; + background-color: #28a745; border-color: #145523; } .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after { - background: #86e29b; + background-color: #86e29b; } .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before { - background: #17a2b8; + background-color: #17a2b8; border-color: #0c525d; } .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after { - background: #093e47; + background-color: #093e47; } .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before { - background: #17a2b8; + background-color: #17a2b8; border-color: #0c525d; } .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after { - background: #7adeee; + background-color: #7adeee; } .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before { - background: #ffc107; + background-color: #ffc107; border-color: #a07800; } .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after { - background: #876500; + background-color: #876500; } .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before { - background: #ffc107; + background-color: #ffc107; border-color: #a07800; } .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after { - background: #ffe7a0; + background-color: #ffe7a0; } .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before { - background: #dc3545; + background-color: #dc3545; border-color: #921925; } .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after { - background: #7c151f; + background-color: #7c151f; } .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before { - background: #dc3545; + background-color: #dc3545; border-color: #921925; } .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after { - background: #f3b7bd; + background-color: #f3b7bd; } .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before { - background: #f8f9fa; + background-color: #f8f9fa; border-color: #bdc6d0; } .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after { - background: #aeb9c5; + background-color: #aeb9c5; } .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before { - background: #f8f9fa; + background-color: #f8f9fa; border-color: #bdc6d0; } .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after { - background: white; + background-color: white; } .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before { - background: #343a40; + background-color: #343a40; border-color: #060708; } .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after { - background: black; + background-color: black; } .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before { - background: #343a40; + background-color: #343a40; border-color: #060708; } .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after { - background: #7a8793; + background-color: #7a8793; } .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before { - background: #3c8dbc; + background-color: #3c8dbc; border-color: #23536f; } .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after { - background: #1d455b; + background-color: #1d455b; } .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before { - background: #3c8dbc; + background-color: #3c8dbc; border-color: #23536f; } .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after { - background: #acd0e5; + background-color: #acd0e5; } .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before { - background: #001f3f; + background-color: #001f3f; border-color: black; } .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after { - background: black; + background-color: black; } .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before { - background: #001f3f; + background-color: #001f3f; border-color: black; } .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after { - background: #006ad8; + background-color: #006ad8; } .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before { - background: #3d9970; + background-color: #3d9970; border-color: #20503b; } .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after { - background: #193e2d; + background-color: #193e2d; } .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before { - background: #3d9970; + background-color: #3d9970; border-color: #20503b; } .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after { - background: #99d6bb; + background-color: #99d6bb; } .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before { - background: #01ff70; + background-color: #01ff70; border-color: #009a43; } .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after { - background: #008138; + background-color: #008138; } .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before { - background: #01ff70; + background-color: #01ff70; border-color: #009a43; } .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after { - background: #9affc6; + background-color: #9affc6; } .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before { - background: #f012be; + background-color: #f012be; border-color: #930974; } .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after { - background: #7b0861; + background-color: #7b0861; } .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before { - background: #f012be; + background-color: #f012be; border-color: #930974; } .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after { - background: #f9a2e5; + background-color: #f9a2e5; } .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before { - background: #d81b60; + background-color: #d81b60; border-color: #7d1038; } .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after { - background: #670d2e; + background-color: #670d2e; } .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before { - background: #d81b60; + background-color: #d81b60; border-color: #7d1038; } .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after { - background: #f29aba; + background-color: #f29aba; } .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before { - background: #007bff; + background-color: #007bff; border-color: #004a99; } .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after { - background: #003e80; + background-color: #003e80; } .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before { - background: #007bff; + background-color: #007bff; border-color: #004a99; } .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after { - background: #99caff; + background-color: #99caff; } .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before { - background: #6610f2; + background-color: #6610f2; border-color: #3d0894; } .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after { - background: #33077c; + background-color: #33077c; } .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before { - background: #6610f2; + background-color: #6610f2; border-color: #3d0894; } .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after { - background: #c3a1fa; + background-color: #c3a1fa; } .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before { - background: #6f42c1; + background-color: #6f42c1; border-color: #432776; } .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after { - background: #382063; + background-color: #382063; } .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before { - background: #6f42c1; + background-color: #6f42c1; border-color: #432776; } .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after { - background: #c7b5e7; + background-color: #c7b5e7; } .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before { - background: #e83e8c; + background-color: #e83e8c; border-color: #ac145a; } .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after { - background: #95124e; + background-color: #95124e; } .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before { - background: #e83e8c; + background-color: #e83e8c; border-color: #ac145a; } .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after { - background: #f8c7dd; + background-color: #f8c7dd; } .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before { - background: #dc3545; + background-color: #dc3545; border-color: #921925; } .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after { - background: #7c151f; + background-color: #7c151f; } .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before { - background: #dc3545; + background-color: #dc3545; border-color: #921925; } .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after { - background: #f3b7bd; + background-color: #f3b7bd; } .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before { - background: #fd7e14; + background-color: #fd7e14; border-color: #aa4e01; } .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after { - background: #904201; + background-color: #904201; } .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before { - background: #fd7e14; + background-color: #fd7e14; border-color: #aa4e01; } .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after { - background: #fed1ac; + background-color: #fed1ac; } .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before { - background: #ffc107; + background-color: #ffc107; border-color: #a07800; } .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after { - background: #876500; + background-color: #876500; } .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before { - background: #ffc107; + background-color: #ffc107; border-color: #a07800; } .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after { - background: #ffe7a0; + background-color: #ffe7a0; } .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before { - background: #28a745; + background-color: #28a745; border-color: #145523; } .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after { - background: #0f401b; + background-color: #0f401b; } .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before { - background: #28a745; + background-color: #28a745; border-color: #145523; } .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after { - background: #86e29b; + background-color: #86e29b; } .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before { - background: #20c997; + background-color: #20c997; border-color: #127155; } .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after { - background: #0e5b44; + background-color: #0e5b44; } .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before { - background: #20c997; + background-color: #20c997; border-color: #127155; } .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after { - background: #94eed3; + background-color: #94eed3; } .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before { - background: #17a2b8; + background-color: #17a2b8; border-color: #0c525d; } .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after { - background: #093e47; + background-color: #093e47; } .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before { - background: #17a2b8; + background-color: #17a2b8; border-color: #0c525d; } .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after { - background: #7adeee; + background-color: #7adeee; } .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before { - background: #ffffff; + background-color: #fff; border-color: #cccccc; } .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after { - background: #bfbfbf; + background-color: #bfbfbf; } .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before { - background: #ffffff; + background-color: #fff; border-color: #cccccc; } .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after { - background: white; + background-color: white; } .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before { - background: #6c757d; + background-color: #6c757d; border-color: #3d4246; } .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after { - background: #313539; + background-color: #313539; } .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before { - background: #6c757d; + background-color: #6c757d; border-color: #3d4246; } .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after { - background: #bcc1c6; + background-color: #bcc1c6; } .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before { - background: #343a40; + background-color: #343a40; border-color: #060708; } .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after { - background: black; + background-color: black; } .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before { - background: #343a40; + background-color: #343a40; border-color: #060708; } .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after { - background: #7a8793; + background-color: #7a8793; } .custom-range.custom-range-primary:focus { @@ -14748,15 +15139,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-primary:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-range.custom-range-primary:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-range.custom-range-primary:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-range.custom-range-primary::-webkit-slider-thumb { @@ -14788,15 +15179,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-secondary:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-range.custom-range-secondary:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-range.custom-range-secondary:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-range.custom-range-secondary::-webkit-slider-thumb { @@ -14828,15 +15219,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-success:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-range.custom-range-success:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-range.custom-range-success:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-range.custom-range-success::-webkit-slider-thumb { @@ -14868,15 +15259,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-info:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-range.custom-range-info:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-range.custom-range-info:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-range.custom-range-info::-webkit-slider-thumb { @@ -14908,15 +15299,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-warning:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-range.custom-range-warning:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-range.custom-range-warning:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-range.custom-range-warning::-webkit-slider-thumb { @@ -14948,15 +15339,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-danger:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-range.custom-range-danger:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-range.custom-range-danger:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-range.custom-range-danger::-webkit-slider-thumb { @@ -14988,15 +15379,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-light:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } .custom-range.custom-range-light:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } .custom-range.custom-range-light:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25); } .custom-range.custom-range-light::-webkit-slider-thumb { @@ -15028,15 +15419,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-dark:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-range.custom-range-dark:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-range.custom-range-dark:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-range.custom-range-dark::-webkit-slider-thumb { @@ -15068,15 +15459,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } .custom-range.custom-range-lightblue:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } .custom-range.custom-range-lightblue:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25); } .custom-range.custom-range-lightblue::-webkit-slider-thumb { @@ -15108,15 +15499,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-navy:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } .custom-range.custom-range-navy:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } .custom-range.custom-range-navy:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25); } .custom-range.custom-range-navy::-webkit-slider-thumb { @@ -15148,15 +15539,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-olive:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } .custom-range.custom-range-olive:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } .custom-range.custom-range-olive:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25); } .custom-range.custom-range-olive::-webkit-slider-thumb { @@ -15188,15 +15579,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-lime:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } .custom-range.custom-range-lime:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } .custom-range.custom-range-lime:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25); } .custom-range.custom-range-lime::-webkit-slider-thumb { @@ -15228,15 +15619,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } .custom-range.custom-range-fuchsia:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } .custom-range.custom-range-fuchsia:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25); } .custom-range.custom-range-fuchsia::-webkit-slider-thumb { @@ -15268,15 +15659,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-maroon:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } .custom-range.custom-range-maroon:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } .custom-range.custom-range-maroon:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25); } .custom-range.custom-range-maroon::-webkit-slider-thumb { @@ -15308,15 +15699,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-blue:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-range.custom-range-blue:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-range.custom-range-blue:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25); } .custom-range.custom-range-blue::-webkit-slider-thumb { @@ -15348,15 +15739,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-indigo:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } .custom-range.custom-range-indigo:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } .custom-range.custom-range-indigo:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25); } .custom-range.custom-range-indigo::-webkit-slider-thumb { @@ -15388,15 +15779,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-purple:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } .custom-range.custom-range-purple:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } .custom-range.custom-range-purple:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25); } .custom-range.custom-range-purple::-webkit-slider-thumb { @@ -15428,15 +15819,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-pink:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } .custom-range.custom-range-pink:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } .custom-range.custom-range-pink:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25); } .custom-range.custom-range-pink::-webkit-slider-thumb { @@ -15468,15 +15859,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-red:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-range.custom-range-red:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-range.custom-range-red:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25); } .custom-range.custom-range-red::-webkit-slider-thumb { @@ -15508,15 +15899,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-orange:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } .custom-range.custom-range-orange:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } .custom-range.custom-range-orange:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25); } .custom-range.custom-range-orange::-webkit-slider-thumb { @@ -15548,15 +15939,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-yellow:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-range.custom-range-yellow:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-range.custom-range-yellow:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25); } .custom-range.custom-range-yellow::-webkit-slider-thumb { @@ -15588,15 +15979,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-green:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-range.custom-range-green:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-range.custom-range-green:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25); } .custom-range.custom-range-green::-webkit-slider-thumb { @@ -15628,15 +16019,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-teal:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } .custom-range.custom-range-teal:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } .custom-range.custom-range-teal:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25); } .custom-range.custom-range-teal::-webkit-slider-thumb { @@ -15668,15 +16059,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-cyan:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-range.custom-range-cyan:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-range.custom-range-cyan:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25); } .custom-range.custom-range-cyan::-webkit-slider-thumb { @@ -15708,19 +16099,19 @@ textarea.form-control.is-warning { } .custom-range.custom-range-white:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } .custom-range.custom-range-white:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } .custom-range.custom-range-white:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25); } .custom-range.custom-range-white::-webkit-slider-thumb { - background-color: #ffffff; + background-color: #fff; } .custom-range.custom-range-white::-webkit-slider-thumb:active { @@ -15728,7 +16119,7 @@ textarea.form-control.is-warning { } .custom-range.custom-range-white::-moz-range-thumb { - background-color: #ffffff; + background-color: #fff; } .custom-range.custom-range-white::-moz-range-thumb:active { @@ -15736,7 +16127,7 @@ textarea.form-control.is-warning { } .custom-range.custom-range-white::-ms-thumb { - background-color: #ffffff; + background-color: #fff; } .custom-range.custom-range-white::-ms-thumb:active { @@ -15748,15 +16139,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-gray:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-range.custom-range-gray:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-range.custom-range-gray:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25); } .custom-range.custom-range-gray::-webkit-slider-thumb { @@ -15788,15 +16179,15 @@ textarea.form-control.is-warning { } .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-range.custom-range-gray-dark:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-range.custom-range-gray-dark:focus::-ms-thumb { - box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25); } .custom-range.custom-range-gray-dark::-webkit-slider-thumb { @@ -15823,6 +16214,782 @@ textarea.form-control.is-warning { background-color: #88939e; } +.custom-control-input-primary:checked ~ .custom-control-label::before { + border-color: #007bff; + background-color: #007bff; +} + +.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-primary:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; +} + +.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before { + background-color: #b3d7ff; + border-color: #b3d7ff; +} + +.custom-control-input-secondary:checked ~ .custom-control-label::before { + border-color: #6c757d; + background-color: #6c757d; +} + +.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-secondary:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); +} + +.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before { + border-color: #afb5ba; +} + +.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before { + background-color: #caced1; + border-color: #caced1; +} + +.custom-control-input-success:checked ~ .custom-control-label::before { + border-color: #28a745; + background-color: #28a745; +} + +.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-success:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before { + border-color: #71dd8a; +} + +.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before { + background-color: #9be7ac; + border-color: #9be7ac; +} + +.custom-control-input-info:checked ~ .custom-control-label::before { + border-color: #17a2b8; + background-color: #17a2b8; +} + +.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-info:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25); +} + +.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before { + border-color: #63d9ec; +} + +.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before { + background-color: #90e4f1; + border-color: #90e4f1; +} + +.custom-control-input-warning:checked ~ .custom-control-label::before { + border-color: #ffc107; + background-color: #ffc107; +} + +.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-warning:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25); +} + +.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe187; +} + +.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before { + background-color: #ffeeba; + border-color: #ffeeba; +} + +.custom-control-input-danger:checked ~ .custom-control-label::before { + border-color: #dc3545; + background-color: #dc3545; +} + +.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-danger:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before { + border-color: #efa2a9; +} + +.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before { + background-color: #f6cdd1; + border-color: #f6cdd1; +} + +.custom-control-input-light:checked ~ .custom-control-label::before { + border-color: #f8f9fa; + background-color: #f8f9fa; +} + +.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-light:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25); +} + +.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; +} + +.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; +} + +.custom-control-input-dark:checked ~ .custom-control-label::before { + border-color: #343a40; + background-color: #343a40; +} + +.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-dark:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); +} + +.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before { + border-color: #6d7a86; +} + +.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before { + background-color: #88939e; + border-color: #88939e; +} + +.custom-control-input-lightblue:checked ~ .custom-control-label::before { + border-color: #3c8dbc; + background-color: #3c8dbc; +} + +.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-lightblue:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25); +} + +.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before { + border-color: #99c5de; +} + +.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before { + background-color: #c0dbeb; + border-color: #c0dbeb; +} + +.custom-control-input-navy:checked ~ .custom-control-label::before { + border-color: #001f3f; + background-color: #001f3f; +} + +.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-navy:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25); +} + +.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before { + border-color: #005ebf; +} + +.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before { + background-color: #0077f2; + border-color: #0077f2; +} + +.custom-control-input-olive:checked ~ .custom-control-label::before { + border-color: #3d9970; + background-color: #3d9970; +} + +.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-olive:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25); +} + +.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before { + border-color: #87cfaf; +} + +.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before { + background-color: #abdec7; + border-color: #abdec7; +} + +.custom-control-input-lime:checked ~ .custom-control-label::before { + border-color: #01ff70; + background-color: #01ff70; +} + +.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-lime:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25); +} + +.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before { + border-color: #81ffb8; +} + +.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before { + background-color: #b4ffd4; + border-color: #b4ffd4; +} + +.custom-control-input-fuchsia:checked ~ .custom-control-label::before { + border-color: #f012be; + background-color: #f012be; +} + +.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-fuchsia:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25); +} + +.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f88adf; +} + +.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbbaec; + border-color: #fbbaec; +} + +.custom-control-input-maroon:checked ~ .custom-control-label::before { + border-color: #d81b60; + background-color: #d81b60; +} + +.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-maroon:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25); +} + +.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f083ab; +} + +.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before { + background-color: #f5b0c9; + border-color: #f5b0c9; +} + +.custom-control-input-blue:checked ~ .custom-control-label::before { + border-color: #007bff; + background-color: #007bff; +} + +.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-blue:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; +} + +.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before { + background-color: #b3d7ff; + border-color: #b3d7ff; +} + +.custom-control-input-indigo:checked ~ .custom-control-label::before { + border-color: #6610f2; + background-color: #6610f2; +} + +.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-indigo:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25); +} + +.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b389f9; +} + +.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before { + background-color: #d2b9fb; + border-color: #d2b9fb; +} + +.custom-control-input-purple:checked ~ .custom-control-label::before { + border-color: #6f42c1; + background-color: #6f42c1; +} + +.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-purple:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25); +} + +.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before { + border-color: #b8a2e0; +} + +.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before { + background-color: #d5c8ed; + border-color: #d5c8ed; +} + +.custom-control-input-pink:checked ~ .custom-control-label::before { + border-color: #e83e8c; + background-color: #e83e8c; +} + +.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-pink:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25); +} + +.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before { + border-color: #f6b0d0; +} + +.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before { + background-color: #fbddeb; + border-color: #fbddeb; +} + +.custom-control-input-red:checked ~ .custom-control-label::before { + border-color: #dc3545; + background-color: #dc3545; +} + +.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-red:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before { + border-color: #efa2a9; +} + +.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before { + background-color: #f6cdd1; + border-color: #f6cdd1; +} + +.custom-control-input-orange:checked ~ .custom-control-label::before { + border-color: #fd7e14; + background-color: #fd7e14; +} + +.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-orange:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25); +} + +.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before { + border-color: #fec392; +} + +.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before { + background-color: #ffdfc5; + border-color: #ffdfc5; +} + +.custom-control-input-yellow:checked ~ .custom-control-label::before { + border-color: #ffc107; + background-color: #ffc107; +} + +.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-yellow:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25); +} + +.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffe187; +} + +.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before { + background-color: #ffeeba; + border-color: #ffeeba; +} + +.custom-control-input-green:checked ~ .custom-control-label::before { + border-color: #28a745; + background-color: #28a745; +} + +.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-green:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before { + border-color: #71dd8a; +} + +.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before { + background-color: #9be7ac; + border-color: #9be7ac; +} + +.custom-control-input-teal:checked ~ .custom-control-label::before { + border-color: #20c997; + background-color: #20c997; +} + +.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-teal:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25); +} + +.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before { + border-color: #7eeaca; +} + +.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before { + background-color: #aaf1dc; + border-color: #aaf1dc; +} + +.custom-control-input-cyan:checked ~ .custom-control-label::before { + border-color: #17a2b8; + background-color: #17a2b8; +} + +.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-cyan:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25); +} + +.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before { + border-color: #63d9ec; +} + +.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before { + background-color: #90e4f1; + border-color: #90e4f1; +} + +.custom-control-input-white:checked ~ .custom-control-label::before { + border-color: #fff; + background-color: #fff; +} + +.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-white:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25); +} + +.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before { + border-color: white; +} + +.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before { + background-color: white; + border-color: white; +} + +.custom-control-input-gray:checked ~ .custom-control-label::before { + border-color: #6c757d; + background-color: #6c757d; +} + +.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-gray:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25); +} + +.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before { + border-color: #afb5ba; +} + +.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before { + background-color: #caced1; + border-color: #caced1; +} + +.custom-control-input-gray-dark:checked ~ .custom-control-label::before { + border-color: #343a40; + background-color: #343a40; +} + +.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important; +} + +.custom-control-input-gray-dark:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25); +} + +.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before { + border-color: #6d7a86; +} + +.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before { + background-color: #88939e; + border-color: #88939e; +} + +.custom-control-input-outline ~ .custom-control-label::before { + background-color: transparent !important; + box-shadow: none; +} + +.custom-control-input-outline:checked ~ .custom-control-label::before { + background-color: transparent; +} + +.dark-mode .form-control, +.dark-mode .custom-select, +.dark-mode .custom-file-label, +.dark-mode .custom-file-label::after, +.dark-mode .custom-control-label::before, +.dark-mode .input-group-text { + background-color: #343a40; + color: #fff; +} + +.dark-mode .form-control:not(.form-control-navbar):not(.is-invalid):not(:focus) { + border-color: #6c757d; +} + +.dark-mode select { + background-color: #343a40; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .input-group-text { + border-color: #6c757d; +} + +.dark-mode .custom-control-input:disabled ~ .custom-control-label::before, +.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before { + background-color: #3f474e; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .custom-range::-webkit-slider-runnable-track { + background-color: #454d55; +} + +.dark-mode .custom-range::-moz-range-track { + background-color: #454d55; +} + +.dark-mode .custom-range::-ms-track { + background-color: #454d55; +} + +.dark-mode .navbar-dark .btn-navbar, +.dark-mode .navbar-dark .form-control-navbar { + background-color: #343a40; + border: 1px solid #6c757d; +} + +.dark-mode .navbar-dark .btn-navbar:hover { + background-color: #454d55; +} + +.dark-mode .navbar-dark .btn-navbar:focus { + background-color: #4b545c; +} + +.dark-mode .navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar, +.dark-mode .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + background-color: #3f474e; + color: #fff; + border: 1px solid #6c757d; + border-left: none; +} + .progress { box-shadow: none; border-radius: 1px; @@ -15874,17 +17041,21 @@ textarea.form-control.is-warning { margin: 0; } +.dark-mode .progress { + background: #454d55; +} + .card-primary:not(.card-outline) > .card-header { background-color: #007bff; } .card-primary:not(.card-outline) > .card-header, .card-primary:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-primary:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-primary.card-outline { @@ -15908,7 +17079,7 @@ textarea.form-control.is-warning { .bg-primary .btn-tool:hover, .bg-gradient-primary .btn-tool:hover, .card-primary:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-primary .bootstrap-datetimepicker-widget .table td, @@ -15928,21 +17099,21 @@ textarea.form-control.is-warning { .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover { - background: #0067d6; - color: #ffffff; + background-color: #0067d6; + color: #fff; } .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-primary .bootstrap-datetimepicker-widget table td.active, .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover { - background: #3395ff; - color: #ffffff; + background-color: #3395ff; + color: #fff; } .card-secondary:not(.card-outline) > .card-header { @@ -15951,11 +17122,11 @@ textarea.form-control.is-warning { .card-secondary:not(.card-outline) > .card-header, .card-secondary:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-secondary:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-secondary.card-outline { @@ -15979,7 +17150,7 @@ textarea.form-control.is-warning { .bg-secondary .btn-tool:hover, .bg-gradient-secondary .btn-tool:hover, .card-secondary:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-secondary .bootstrap-datetimepicker-widget .table td, @@ -15999,21 +17170,21 @@ textarea.form-control.is-warning { .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover { - background: #596167; - color: #ffffff; + background-color: #596167; + color: #fff; } .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-secondary .bootstrap-datetimepicker-widget table td.active, .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover { - background: #868e96; - color: #ffffff; + background-color: #868e96; + color: #fff; } .card-success:not(.card-outline) > .card-header { @@ -16022,11 +17193,11 @@ textarea.form-control.is-warning { .card-success:not(.card-outline) > .card-header, .card-success:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-success:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-success.card-outline { @@ -16050,7 +17221,7 @@ textarea.form-control.is-warning { .bg-success .btn-tool:hover, .bg-gradient-success .btn-tool:hover, .card-success:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-success .bootstrap-datetimepicker-widget .table td, @@ -16070,21 +17241,21 @@ textarea.form-control.is-warning { .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover { - background: #208637; - color: #ffffff; + background-color: #208637; + color: #fff; } .card.bg-success .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-success .bootstrap-datetimepicker-widget table td.active, .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover { - background: #34ce57; - color: #ffffff; + background-color: #34ce57; + color: #fff; } .card-info:not(.card-outline) > .card-header { @@ -16093,11 +17264,11 @@ textarea.form-control.is-warning { .card-info:not(.card-outline) > .card-header, .card-info:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-info:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-info.card-outline { @@ -16121,7 +17292,7 @@ textarea.form-control.is-warning { .bg-info .btn-tool:hover, .bg-gradient-info .btn-tool:hover, .card-info:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-info .bootstrap-datetimepicker-widget .table td, @@ -16141,21 +17312,21 @@ textarea.form-control.is-warning { .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover { - background: #128294; - color: #ffffff; + background-color: #128294; + color: #fff; } .card.bg-info .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-info .bootstrap-datetimepicker-widget table td.active, .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover { - background: #1fc8e3; - color: #ffffff; + background-color: #1fc8e3; + color: #fff; } .card-warning:not(.card-outline) > .card-header { @@ -16164,11 +17335,11 @@ textarea.form-control.is-warning { .card-warning:not(.card-outline) > .card-header, .card-warning:not(.card-outline) > .card-header a { - color: #1F2D3D; + color: #1f2d3d; } .card-warning:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-warning.card-outline { @@ -16192,7 +17363,7 @@ textarea.form-control.is-warning { .bg-warning .btn-tool:hover, .bg-gradient-warning .btn-tool:hover, .card-warning:not(.card-outline) .btn-tool:hover { - color: #1F2D3D; + color: #1f2d3d; } .card.bg-warning .bootstrap-datetimepicker-widget .table td, @@ -16212,21 +17383,21 @@ textarea.form-control.is-warning { .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover { - background: #dda600; - color: #1F2D3D; + background-color: #dda600; + color: #1f2d3d; } .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1F2D3D; + border-bottom-color: #1f2d3d; } .card.bg-warning .bootstrap-datetimepicker-widget table td.active, .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover { - background: #ffce3a; - color: #1F2D3D; + background-color: #ffce3a; + color: #1f2d3d; } .card-danger:not(.card-outline) > .card-header { @@ -16235,11 +17406,11 @@ textarea.form-control.is-warning { .card-danger:not(.card-outline) > .card-header, .card-danger:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-danger:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-danger.card-outline { @@ -16263,7 +17434,7 @@ textarea.form-control.is-warning { .bg-danger .btn-tool:hover, .bg-gradient-danger .btn-tool:hover, .card-danger:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-danger .bootstrap-datetimepicker-widget .table td, @@ -16283,21 +17454,21 @@ textarea.form-control.is-warning { .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover { - background: #c62232; - color: #ffffff; + background-color: #c62232; + color: #fff; } .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-danger .bootstrap-datetimepicker-widget table td.active, .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover { - background: #e4606d; - color: #ffffff; + background-color: #e4606d; + color: #fff; } .card-light:not(.card-outline) > .card-header { @@ -16306,11 +17477,11 @@ textarea.form-control.is-warning { .card-light:not(.card-outline) > .card-header, .card-light:not(.card-outline) > .card-header a { - color: #1F2D3D; + color: #1f2d3d; } .card-light:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-light.card-outline { @@ -16334,7 +17505,7 @@ textarea.form-control.is-warning { .bg-light .btn-tool:hover, .bg-gradient-light .btn-tool:hover, .card-light:not(.card-outline) .btn-tool:hover { - color: #1F2D3D; + color: #1f2d3d; } .card.bg-light .bootstrap-datetimepicker-widget .table td, @@ -16354,21 +17525,21 @@ textarea.form-control.is-warning { .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover { - background: #e0e5e9; - color: #1F2D3D; + background-color: #e0e5e9; + color: #1f2d3d; } .card.bg-light .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1F2D3D; + border-bottom-color: #1f2d3d; } .card.bg-light .bootstrap-datetimepicker-widget table td.active, .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover { - background: white; - color: #1F2D3D; + background-color: white; + color: #1f2d3d; } .card-dark:not(.card-outline) > .card-header { @@ -16377,11 +17548,11 @@ textarea.form-control.is-warning { .card-dark:not(.card-outline) > .card-header, .card-dark:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-dark:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-dark.card-outline { @@ -16405,7 +17576,7 @@ textarea.form-control.is-warning { .bg-dark .btn-tool:hover, .bg-gradient-dark .btn-tool:hover, .card-dark:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-dark .bootstrap-datetimepicker-widget .table td, @@ -16425,21 +17596,21 @@ textarea.form-control.is-warning { .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover { - background: #222629; - color: #ffffff; + background-color: #222629; + color: #fff; } .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-dark .bootstrap-datetimepicker-widget table td.active, .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover { - background: #4b545c; - color: #ffffff; + background-color: #4b545c; + color: #fff; } .card-lightblue:not(.card-outline) > .card-header { @@ -16448,11 +17619,11 @@ textarea.form-control.is-warning { .card-lightblue:not(.card-outline) > .card-header, .card-lightblue:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-lightblue:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-lightblue.card-outline { @@ -16476,7 +17647,7 @@ textarea.form-control.is-warning { .bg-lightblue .btn-tool:hover, .bg-gradient-lightblue .btn-tool:hover, .card-lightblue:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-lightblue .bootstrap-datetimepicker-widget .table td, @@ -16496,21 +17667,21 @@ textarea.form-control.is-warning { .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover { - background: #32769d; - color: #ffffff; + background-color: #32769d; + color: #fff; } .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active, .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover { - background: #5fa4cc; - color: #ffffff; + background-color: #5fa4cc; + color: #fff; } .card-navy:not(.card-outline) > .card-header { @@ -16519,11 +17690,11 @@ textarea.form-control.is-warning { .card-navy:not(.card-outline) > .card-header, .card-navy:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-navy:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-navy.card-outline { @@ -16547,7 +17718,7 @@ textarea.form-control.is-warning { .bg-navy .btn-tool:hover, .bg-gradient-navy .btn-tool:hover, .card-navy:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-navy .bootstrap-datetimepicker-widget .table td, @@ -16567,21 +17738,21 @@ textarea.form-control.is-warning { .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover { - background: #000b16; - color: #ffffff; + background-color: #000b16; + color: #fff; } .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-navy .bootstrap-datetimepicker-widget table td.active, .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover { - background: #003872; - color: #ffffff; + background-color: #003872; + color: #fff; } .card-olive:not(.card-outline) > .card-header { @@ -16590,11 +17761,11 @@ textarea.form-control.is-warning { .card-olive:not(.card-outline) > .card-header, .card-olive:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-olive:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-olive.card-outline { @@ -16618,7 +17789,7 @@ textarea.form-control.is-warning { .bg-olive .btn-tool:hover, .bg-gradient-olive .btn-tool:hover, .card-olive:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-olive .bootstrap-datetimepicker-widget .table td, @@ -16638,21 +17809,21 @@ textarea.form-control.is-warning { .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover { - background: #317c5b; - color: #ffffff; + background-color: #317c5b; + color: #fff; } .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-olive .bootstrap-datetimepicker-widget table td.active, .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover { - background: #50b98a; - color: #ffffff; + background-color: #50b98a; + color: #fff; } .card-lime:not(.card-outline) > .card-header { @@ -16661,11 +17832,11 @@ textarea.form-control.is-warning { .card-lime:not(.card-outline) > .card-header, .card-lime:not(.card-outline) > .card-header a { - color: #1F2D3D; + color: #1f2d3d; } .card-lime:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-lime.card-outline { @@ -16689,7 +17860,7 @@ textarea.form-control.is-warning { .bg-lime .btn-tool:hover, .bg-gradient-lime .btn-tool:hover, .card-lime:not(.card-outline) .btn-tool:hover { - color: #1F2D3D; + color: #1f2d3d; } .card.bg-lime .bootstrap-datetimepicker-widget .table td, @@ -16709,21 +17880,21 @@ textarea.form-control.is-warning { .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover { - background: #00d75e; - color: #1F2D3D; + background-color: #00d75e; + color: #1f2d3d; } .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1F2D3D; + border-bottom-color: #1f2d3d; } .card.bg-lime .bootstrap-datetimepicker-widget table td.active, .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover { - background: #34ff8d; - color: #1F2D3D; + background-color: #34ff8d; + color: #1f2d3d; } .card-fuchsia:not(.card-outline) > .card-header { @@ -16732,11 +17903,11 @@ textarea.form-control.is-warning { .card-fuchsia:not(.card-outline) > .card-header, .card-fuchsia:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-fuchsia:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-fuchsia.card-outline { @@ -16760,7 +17931,7 @@ textarea.form-control.is-warning { .bg-fuchsia .btn-tool:hover, .bg-gradient-fuchsia .btn-tool:hover, .card-fuchsia:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td, @@ -16780,21 +17951,21 @@ textarea.form-control.is-warning { .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover { - background: #cc0da1; - color: #ffffff; + background-color: #cc0da1; + color: #fff; } .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active, .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover { - background: #f342cb; - color: #ffffff; + background-color: #f342cb; + color: #fff; } .card-maroon:not(.card-outline) > .card-header { @@ -16803,11 +17974,11 @@ textarea.form-control.is-warning { .card-maroon:not(.card-outline) > .card-header, .card-maroon:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-maroon:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-maroon.card-outline { @@ -16831,7 +18002,7 @@ textarea.form-control.is-warning { .bg-maroon .btn-tool:hover, .bg-gradient-maroon .btn-tool:hover, .card-maroon:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-maroon .bootstrap-datetimepicker-widget .table td, @@ -16851,21 +18022,21 @@ textarea.form-control.is-warning { .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover { - background: #b41650; - color: #ffffff; + background-color: #b41650; + color: #fff; } .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-maroon .bootstrap-datetimepicker-widget table td.active, .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover { - background: #e73f7c; - color: #ffffff; + background-color: #e73f7c; + color: #fff; } .card-blue:not(.card-outline) > .card-header { @@ -16874,11 +18045,11 @@ textarea.form-control.is-warning { .card-blue:not(.card-outline) > .card-header, .card-blue:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-blue:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-blue.card-outline { @@ -16902,7 +18073,7 @@ textarea.form-control.is-warning { .bg-blue .btn-tool:hover, .bg-gradient-blue .btn-tool:hover, .card-blue:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-blue .bootstrap-datetimepicker-widget .table td, @@ -16922,21 +18093,21 @@ textarea.form-control.is-warning { .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover { - background: #0067d6; - color: #ffffff; + background-color: #0067d6; + color: #fff; } .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-blue .bootstrap-datetimepicker-widget table td.active, .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover { - background: #3395ff; - color: #ffffff; + background-color: #3395ff; + color: #fff; } .card-indigo:not(.card-outline) > .card-header { @@ -16945,11 +18116,11 @@ textarea.form-control.is-warning { .card-indigo:not(.card-outline) > .card-header, .card-indigo:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-indigo:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-indigo.card-outline { @@ -16973,7 +18144,7 @@ textarea.form-control.is-warning { .bg-indigo .btn-tool:hover, .bg-gradient-indigo .btn-tool:hover, .card-indigo:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-indigo .bootstrap-datetimepicker-widget .table td, @@ -16993,21 +18164,21 @@ textarea.form-control.is-warning { .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover { - background: #550bce; - color: #ffffff; + background-color: #550bce; + color: #fff; } .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-indigo .bootstrap-datetimepicker-widget table td.active, .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover { - background: #8540f5; - color: #ffffff; + background-color: #8540f5; + color: #fff; } .card-purple:not(.card-outline) > .card-header { @@ -17016,11 +18187,11 @@ textarea.form-control.is-warning { .card-purple:not(.card-outline) > .card-header, .card-purple:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-purple:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-purple.card-outline { @@ -17044,7 +18215,7 @@ textarea.form-control.is-warning { .bg-purple .btn-tool:hover, .bg-gradient-purple .btn-tool:hover, .card-purple:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-purple .bootstrap-datetimepicker-widget .table td, @@ -17064,21 +18235,21 @@ textarea.form-control.is-warning { .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover { - background: #5d36a4; - color: #ffffff; + background-color: #5d36a4; + color: #fff; } .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-purple .bootstrap-datetimepicker-widget table td.active, .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover { - background: #8c68ce; - color: #ffffff; + background-color: #8c68ce; + color: #fff; } .card-pink:not(.card-outline) > .card-header { @@ -17087,11 +18258,11 @@ textarea.form-control.is-warning { .card-pink:not(.card-outline) > .card-header, .card-pink:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-pink:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-pink.card-outline { @@ -17115,7 +18286,7 @@ textarea.form-control.is-warning { .bg-pink .btn-tool:hover, .bg-gradient-pink .btn-tool:hover, .card-pink:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-pink .bootstrap-datetimepicker-widget .table td, @@ -17135,21 +18306,21 @@ textarea.form-control.is-warning { .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover { - background: #e21b76; - color: #ffffff; + background-color: #e21b76; + color: #fff; } .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-pink .bootstrap-datetimepicker-widget table td.active, .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover { - background: #ed6ca7; - color: #ffffff; + background-color: #ed6ca7; + color: #fff; } .card-red:not(.card-outline) > .card-header { @@ -17158,11 +18329,11 @@ textarea.form-control.is-warning { .card-red:not(.card-outline) > .card-header, .card-red:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-red:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-red.card-outline { @@ -17186,7 +18357,7 @@ textarea.form-control.is-warning { .bg-red .btn-tool:hover, .bg-gradient-red .btn-tool:hover, .card-red:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-red .bootstrap-datetimepicker-widget .table td, @@ -17206,21 +18377,21 @@ textarea.form-control.is-warning { .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover { - background: #c62232; - color: #ffffff; + background-color: #c62232; + color: #fff; } .card.bg-red .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-red .bootstrap-datetimepicker-widget table td.active, .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover { - background: #e4606d; - color: #ffffff; + background-color: #e4606d; + color: #fff; } .card-orange:not(.card-outline) > .card-header { @@ -17229,11 +18400,11 @@ textarea.form-control.is-warning { .card-orange:not(.card-outline) > .card-header, .card-orange:not(.card-outline) > .card-header a { - color: #1F2D3D; + color: #1f2d3d; } .card-orange:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-orange.card-outline { @@ -17257,7 +18428,7 @@ textarea.form-control.is-warning { .bg-orange .btn-tool:hover, .bg-gradient-orange .btn-tool:hover, .card-orange:not(.card-outline) .btn-tool:hover { - color: #1F2D3D; + color: #1f2d3d; } .card.bg-orange .bootstrap-datetimepicker-widget .table td, @@ -17277,21 +18448,21 @@ textarea.form-control.is-warning { .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover { - background: #e66a02; - color: #1F2D3D; + background-color: #e66a02; + color: #1f2d3d; } .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1F2D3D; + border-bottom-color: #1f2d3d; } .card.bg-orange .bootstrap-datetimepicker-widget table td.active, .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover { - background: #fd9a47; - color: #1F2D3D; + background-color: #fd9a47; + color: #1f2d3d; } .card-yellow:not(.card-outline) > .card-header { @@ -17300,11 +18471,11 @@ textarea.form-control.is-warning { .card-yellow:not(.card-outline) > .card-header, .card-yellow:not(.card-outline) > .card-header a { - color: #1F2D3D; + color: #1f2d3d; } .card-yellow:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-yellow.card-outline { @@ -17328,7 +18499,7 @@ textarea.form-control.is-warning { .bg-yellow .btn-tool:hover, .bg-gradient-yellow .btn-tool:hover, .card-yellow:not(.card-outline) .btn-tool:hover { - color: #1F2D3D; + color: #1f2d3d; } .card.bg-yellow .bootstrap-datetimepicker-widget .table td, @@ -17348,21 +18519,21 @@ textarea.form-control.is-warning { .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover { - background: #dda600; - color: #1F2D3D; + background-color: #dda600; + color: #1f2d3d; } .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1F2D3D; + border-bottom-color: #1f2d3d; } .card.bg-yellow .bootstrap-datetimepicker-widget table td.active, .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover { - background: #ffce3a; - color: #1F2D3D; + background-color: #ffce3a; + color: #1f2d3d; } .card-green:not(.card-outline) > .card-header { @@ -17371,11 +18542,11 @@ textarea.form-control.is-warning { .card-green:not(.card-outline) > .card-header, .card-green:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-green:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-green.card-outline { @@ -17399,7 +18570,7 @@ textarea.form-control.is-warning { .bg-green .btn-tool:hover, .bg-gradient-green .btn-tool:hover, .card-green:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-green .bootstrap-datetimepicker-widget .table td, @@ -17419,21 +18590,21 @@ textarea.form-control.is-warning { .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover { - background: #208637; - color: #ffffff; + background-color: #208637; + color: #fff; } .card.bg-green .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-green .bootstrap-datetimepicker-widget table td.active, .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover { - background: #34ce57; - color: #ffffff; + background-color: #34ce57; + color: #fff; } .card-teal:not(.card-outline) > .card-header { @@ -17442,11 +18613,11 @@ textarea.form-control.is-warning { .card-teal:not(.card-outline) > .card-header, .card-teal:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-teal:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-teal.card-outline { @@ -17470,7 +18641,7 @@ textarea.form-control.is-warning { .bg-teal .btn-tool:hover, .bg-gradient-teal .btn-tool:hover, .card-teal:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-teal .bootstrap-datetimepicker-widget .table td, @@ -17490,21 +18661,21 @@ textarea.form-control.is-warning { .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover { - background: #1aa67d; - color: #ffffff; + background-color: #1aa67d; + color: #fff; } .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-teal .bootstrap-datetimepicker-widget table td.active, .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover { - background: #3ce0af; - color: #ffffff; + background-color: #3ce0af; + color: #fff; } .card-cyan:not(.card-outline) > .card-header { @@ -17513,11 +18684,11 @@ textarea.form-control.is-warning { .card-cyan:not(.card-outline) > .card-header, .card-cyan:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-cyan:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-cyan.card-outline { @@ -17541,7 +18712,7 @@ textarea.form-control.is-warning { .bg-cyan .btn-tool:hover, .bg-gradient-cyan .btn-tool:hover, .card-cyan:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-cyan .bootstrap-datetimepicker-widget .table td, @@ -17561,38 +18732,38 @@ textarea.form-control.is-warning { .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover { - background: #128294; - color: #ffffff; + background-color: #128294; + color: #fff; } .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-cyan .bootstrap-datetimepicker-widget table td.active, .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover { - background: #1fc8e3; - color: #ffffff; + background-color: #1fc8e3; + color: #fff; } .card-white:not(.card-outline) > .card-header { - background-color: #ffffff; + background-color: #fff; } .card-white:not(.card-outline) > .card-header, .card-white:not(.card-outline) > .card-header a { - color: #1F2D3D; + color: #1f2d3d; } .card-white:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-white.card-outline { - border-top: 3px solid #ffffff; + border-top: 3px solid #fff; } .card-white.card-outline-tabs > .card-header a:hover { @@ -17600,7 +18771,7 @@ textarea.form-control.is-warning { } .card-white.card-outline-tabs > .card-header a.active { - border-top: 3px solid #ffffff; + border-top: 3px solid #fff; } .bg-white .btn-tool, @@ -17612,7 +18783,7 @@ textarea.form-control.is-warning { .bg-white .btn-tool:hover, .bg-gradient-white .btn-tool:hover, .card-white:not(.card-outline) .btn-tool:hover { - color: #1F2D3D; + color: #1f2d3d; } .card.bg-white .bootstrap-datetimepicker-widget .table td, @@ -17632,21 +18803,21 @@ textarea.form-control.is-warning { .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover { - background: #ebebeb; - color: #1F2D3D; + background-color: #ebebeb; + color: #1f2d3d; } .card.bg-white .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #1F2D3D; + border-bottom-color: #1f2d3d; } .card.bg-white .bootstrap-datetimepicker-widget table td.active, .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover { - background: white; - color: #1F2D3D; + background-color: white; + color: #1f2d3d; } .card-gray:not(.card-outline) > .card-header { @@ -17655,11 +18826,11 @@ textarea.form-control.is-warning { .card-gray:not(.card-outline) > .card-header, .card-gray:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-gray:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-gray.card-outline { @@ -17683,7 +18854,7 @@ textarea.form-control.is-warning { .bg-gray .btn-tool:hover, .bg-gradient-gray .btn-tool:hover, .card-gray:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-gray .bootstrap-datetimepicker-widget .table td, @@ -17703,21 +18874,21 @@ textarea.form-control.is-warning { .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover { - background: #596167; - color: #ffffff; + background-color: #596167; + color: #fff; } .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-gray .bootstrap-datetimepicker-widget table td.active, .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover { - background: #868e96; - color: #ffffff; + background-color: #868e96; + color: #fff; } .card-gray-dark:not(.card-outline) > .card-header { @@ -17726,11 +18897,11 @@ textarea.form-control.is-warning { .card-gray-dark:not(.card-outline) > .card-header, .card-gray-dark:not(.card-outline) > .card-header a { - color: #ffffff; + color: #fff; } .card-gray-dark:not(.card-outline) > .card-header a.active { - color: #1F2D3D; + color: #1f2d3d; } .card-gray-dark.card-outline { @@ -17754,7 +18925,7 @@ textarea.form-control.is-warning { .bg-gray-dark .btn-tool:hover, .bg-gradient-gray-dark .btn-tool:hover, .card-gray-dark:not(.card-outline) .btn-tool:hover { - color: #ffffff; + color: #fff; } .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td, @@ -17774,21 +18945,21 @@ textarea.form-control.is-warning { .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover { - background: #222629; - color: #ffffff; + background-color: #222629; + color: #fff; } .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before, .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active, .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover, .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active, .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover { - background: #4b545c; - color: #ffffff; + background-color: #4b545c; + color: #fff; } .card { @@ -17802,7 +18973,7 @@ textarea.form-control.is-warning { .card.bg-dark, .card.bg-dark .card-body { - color: #ffffff; + color: #fff; } .card.maximized-card { @@ -17813,14 +18984,18 @@ textarea.form-control.is-warning { position: fixed; top: 0; width: 100% !important; - z-index: 9999; + z-index: 1040; } .card.maximized-card.was-collapsed .card-body { display: block !important; } -.card.maximized-card [data-widget='collapse'] { +.card.maximized-card .card-body { + overflow: auto; +} + +.card.maximized-card [data-widget="collapse"] { display: none; } @@ -17861,7 +19036,7 @@ textarea.form-control.is-warning { } .card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link { - margin-left: -1px; + border-left-color: transparent; } .card.card-tabs.card-outline .nav-item { @@ -17971,7 +19146,7 @@ html.maximized-card { margin-top: -0.3rem; } -.card-header > .card-tools [data-toggle='tooltip'] { +.card-header > .card-tools [data-toggle="tooltip"] { position: relative; } @@ -17987,7 +19162,7 @@ html.maximized-card { } .btn-tool { - background: transparent; + background-color: transparent; color: #adb5bd; font-size: 0.875rem; margin: -0.75rem 0; @@ -18045,7 +19220,7 @@ html.maximized-card { } .card-comments { - background: #f8f9fa; + background-color: #f8f9fa; } .card-comments .card-comment { @@ -18098,7 +19273,7 @@ html.maximized-card { .todo-list > li { border-radius: 2px; - background: #f8f9fa; + background-color: #f8f9fa; border-left: 2px solid #e9ecef; color: #495057; margin-bottom: 2px; @@ -18109,7 +19284,7 @@ html.maximized-card { margin-bottom: 0; } -.todo-list > li > input[type='checkbox'] { +.todo-list > li > input[type="checkbox"] { margin: 0 10px 0 5px; } @@ -18134,7 +19309,9 @@ html.maximized-card { .todo-list > li .tools > .fas, .todo-list > li .tools > .far, .todo-list > li .tools > .fab, -.todo-list > li .tools > .glyphicon, +.todo-list > li .tools > .fal, +.todo-list > li .tools > .fad, +.todo-list > li .tools > .svg-inline--fa, .todo-list > li .tools > .ion { cursor: pointer; margin-right: 5px; @@ -18154,7 +19331,7 @@ html.maximized-card { } .todo-list > li.done .badge { - background: #adb5bd !important; + background-color: #adb5bd !important; } .todo-list .primary { @@ -18254,7 +19431,7 @@ html.maximized-card { } .todo-list .white { - border-left-color: #ffffff; + border-left-color: #fff; } .todo-list .gray { @@ -18279,6 +19456,50 @@ html.maximized-card { border-left: 0; } +.dark-mode .card { + background-color: #343a40; + color: #fff; +} + +.dark-mode .card .card { + background-color: #3f474e; + color: #fff; +} + +.dark-mode .card .nav.flex-column > li { + border-bottom-color: #6c757d; +} + +.dark-mode .card .card-footer { + background-color: rgba(0, 0, 0, 0.1); +} + +.dark-mode .card.card-outline-tabs .card-header a:hover { + border-color: #6c757d; +} + +.dark-mode .card:not(.card-outline) > .card-header a.active { + color: #fff; +} + +.dark-mode .card-comments { + background-color: #373d44; +} + +.dark-mode .card-comments .username { + color: #ced4da; +} + +.dark-mode .card-comments .card-comment { + border-bottom-color: #454d55; +} + +.dark-mode .todo-list > li { + background-color: #3f474e; + border-color: #454d55; + color: #fff; +} + .modal-dialog .overlay { background-color: #000; display: block; @@ -18297,10 +19518,38 @@ html.maximized-card { } .modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } +.dark-mode .modal-header, +.dark-mode .modal-footer { + border-color: #6c757d; +} + +.dark-mode .modal-content { + background-color: #343a40; +} + +.dark-mode .modal-content.bg-warning .modal-header, +.dark-mode .modal-content.bg-warning .modal-footer { + border-color: #6c757d; +} + +.dark-mode .modal-content.bg-warning .close, .dark-mode .modal-content.bg-warning .mailbox-attachment-close { + color: #343a40 !important; + text-shadow: 0 1px 0 #495057 !important; +} + +.dark-mode .modal-content.bg-primary .modal-header, +.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header, +.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header, +.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header, +.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header, +.dark-mode .modal-content.bg-success .modal-footer { + border-color: #fff; +} + .toasts-top-right { position: absolute; right: 0; @@ -18345,352 +19594,362 @@ html.maximized-card { position: fixed; } +.dark-mode .toast { + background-color: rgba(52, 58, 64, 0.85); + color: #fff; +} + +.dark-mode .toast .toast-header { + background-color: rgba(52, 58, 64, 0.7); + color: #f8f9fa; +} + .toast.bg-primary { - background: rgba(0, 123, 255, 0.9) !important; + background-color: rgba(0, 123, 255, 0.9) !important; } .toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-primary .toast-header { - background: rgba(0, 123, 255, 0.85); - color: #ffffff; + background-color: rgba(0, 123, 255, 0.85); + color: #fff; } .toast.bg-secondary { - background: rgba(108, 117, 125, 0.9) !important; + background-color: rgba(108, 117, 125, 0.9) !important; } .toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-secondary .toast-header { - background: rgba(108, 117, 125, 0.85); - color: #ffffff; + background-color: rgba(108, 117, 125, 0.85); + color: #fff; } .toast.bg-success { - background: rgba(40, 167, 69, 0.9) !important; + background-color: rgba(40, 167, 69, 0.9) !important; } .toast.bg-success .close, .toast.bg-success .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-success .toast-header { - background: rgba(40, 167, 69, 0.85); - color: #ffffff; + background-color: rgba(40, 167, 69, 0.85); + color: #fff; } .toast.bg-info { - background: rgba(23, 162, 184, 0.9) !important; + background-color: rgba(23, 162, 184, 0.9) !important; } .toast.bg-info .close, .toast.bg-info .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-info .toast-header { - background: rgba(23, 162, 184, 0.85); - color: #ffffff; + background-color: rgba(23, 162, 184, 0.85); + color: #fff; } .toast.bg-warning { - background: rgba(255, 193, 7, 0.9) !important; + background-color: rgba(255, 193, 7, 0.9) !important; } .toast.bg-warning .toast-header { - background: rgba(255, 193, 7, 0.85); - color: #1F2D3D; + background-color: rgba(255, 193, 7, 0.85); + color: #1f2d3d; } .toast.bg-danger { - background: rgba(220, 53, 69, 0.9) !important; + background-color: rgba(220, 53, 69, 0.9) !important; } .toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-danger .toast-header { - background: rgba(220, 53, 69, 0.85); - color: #ffffff; + background-color: rgba(220, 53, 69, 0.85); + color: #fff; } .toast.bg-light { - background: rgba(248, 249, 250, 0.9) !important; + background-color: rgba(248, 249, 250, 0.9) !important; } .toast.bg-light .toast-header { - background: rgba(248, 249, 250, 0.85); - color: #1F2D3D; + background-color: rgba(248, 249, 250, 0.85); + color: #1f2d3d; } .toast.bg-dark { - background: rgba(52, 58, 64, 0.9) !important; + background-color: rgba(52, 58, 64, 0.9) !important; } .toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-dark .toast-header { - background: rgba(52, 58, 64, 0.85); - color: #ffffff; + background-color: rgba(52, 58, 64, 0.85); + color: #fff; } .toast.bg-lightblue { - background: rgba(60, 141, 188, 0.9) !important; + background-color: rgba(60, 141, 188, 0.9) !important; } .toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-lightblue .toast-header { - background: rgba(60, 141, 188, 0.85); - color: #ffffff; + background-color: rgba(60, 141, 188, 0.85); + color: #fff; } .toast.bg-navy { - background: rgba(0, 31, 63, 0.9) !important; + background-color: rgba(0, 31, 63, 0.9) !important; } .toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-navy .toast-header { - background: rgba(0, 31, 63, 0.85); - color: #ffffff; + background-color: rgba(0, 31, 63, 0.85); + color: #fff; } .toast.bg-olive { - background: rgba(61, 153, 112, 0.9) !important; + background-color: rgba(61, 153, 112, 0.9) !important; } .toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-olive .toast-header { - background: rgba(61, 153, 112, 0.85); - color: #ffffff; + background-color: rgba(61, 153, 112, 0.85); + color: #fff; } .toast.bg-lime { - background: rgba(1, 255, 112, 0.9) !important; + background-color: rgba(1, 255, 112, 0.9) !important; } .toast.bg-lime .toast-header { - background: rgba(1, 255, 112, 0.85); - color: #1F2D3D; + background-color: rgba(1, 255, 112, 0.85); + color: #1f2d3d; } .toast.bg-fuchsia { - background: rgba(240, 18, 190, 0.9) !important; + background-color: rgba(240, 18, 190, 0.9) !important; } .toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-fuchsia .toast-header { - background: rgba(240, 18, 190, 0.85); - color: #ffffff; + background-color: rgba(240, 18, 190, 0.85); + color: #fff; } .toast.bg-maroon { - background: rgba(216, 27, 96, 0.9) !important; + background-color: rgba(216, 27, 96, 0.9) !important; } .toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-maroon .toast-header { - background: rgba(216, 27, 96, 0.85); - color: #ffffff; + background-color: rgba(216, 27, 96, 0.85); + color: #fff; } .toast.bg-blue { - background: rgba(0, 123, 255, 0.9) !important; + background-color: rgba(0, 123, 255, 0.9) !important; } .toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-blue .toast-header { - background: rgba(0, 123, 255, 0.85); - color: #ffffff; + background-color: rgba(0, 123, 255, 0.85); + color: #fff; } .toast.bg-indigo { - background: rgba(102, 16, 242, 0.9) !important; + background-color: rgba(102, 16, 242, 0.9) !important; } .toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-indigo .toast-header { - background: rgba(102, 16, 242, 0.85); - color: #ffffff; + background-color: rgba(102, 16, 242, 0.85); + color: #fff; } .toast.bg-purple { - background: rgba(111, 66, 193, 0.9) !important; + background-color: rgba(111, 66, 193, 0.9) !important; } .toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-purple .toast-header { - background: rgba(111, 66, 193, 0.85); - color: #ffffff; + background-color: rgba(111, 66, 193, 0.85); + color: #fff; } .toast.bg-pink { - background: rgba(232, 62, 140, 0.9) !important; + background-color: rgba(232, 62, 140, 0.9) !important; } .toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-pink .toast-header { - background: rgba(232, 62, 140, 0.85); - color: #ffffff; + background-color: rgba(232, 62, 140, 0.85); + color: #fff; } .toast.bg-red { - background: rgba(220, 53, 69, 0.9) !important; + background-color: rgba(220, 53, 69, 0.9) !important; } .toast.bg-red .close, .toast.bg-red .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-red .toast-header { - background: rgba(220, 53, 69, 0.85); - color: #ffffff; + background-color: rgba(220, 53, 69, 0.85); + color: #fff; } .toast.bg-orange { - background: rgba(253, 126, 20, 0.9) !important; + background-color: rgba(253, 126, 20, 0.9) !important; } .toast.bg-orange .toast-header { - background: rgba(253, 126, 20, 0.85); - color: #1F2D3D; + background-color: rgba(253, 126, 20, 0.85); + color: #1f2d3d; } .toast.bg-yellow { - background: rgba(255, 193, 7, 0.9) !important; + background-color: rgba(255, 193, 7, 0.9) !important; } .toast.bg-yellow .toast-header { - background: rgba(255, 193, 7, 0.85); - color: #1F2D3D; + background-color: rgba(255, 193, 7, 0.85); + color: #1f2d3d; } .toast.bg-green { - background: rgba(40, 167, 69, 0.9) !important; + background-color: rgba(40, 167, 69, 0.9) !important; } .toast.bg-green .close, .toast.bg-green .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-green .toast-header { - background: rgba(40, 167, 69, 0.85); - color: #ffffff; + background-color: rgba(40, 167, 69, 0.85); + color: #fff; } .toast.bg-teal { - background: rgba(32, 201, 151, 0.9) !important; + background-color: rgba(32, 201, 151, 0.9) !important; } .toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-teal .toast-header { - background: rgba(32, 201, 151, 0.85); - color: #ffffff; + background-color: rgba(32, 201, 151, 0.85); + color: #fff; } .toast.bg-cyan { - background: rgba(23, 162, 184, 0.9) !important; + background-color: rgba(23, 162, 184, 0.9) !important; } .toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-cyan .toast-header { - background: rgba(23, 162, 184, 0.85); - color: #ffffff; + background-color: rgba(23, 162, 184, 0.85); + color: #fff; } .toast.bg-white { - background: rgba(255, 255, 255, 0.9) !important; + background-color: rgba(255, 255, 255, 0.9) !important; } .toast.bg-white .toast-header { - background: rgba(255, 255, 255, 0.85); - color: #1F2D3D; + background-color: rgba(255, 255, 255, 0.85); + color: #1f2d3d; } .toast.bg-gray { - background: rgba(108, 117, 125, 0.9) !important; + background-color: rgba(108, 117, 125, 0.9) !important; } .toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-gray .toast-header { - background: rgba(108, 117, 125, 0.85); - color: #ffffff; + background-color: rgba(108, 117, 125, 0.85); + color: #fff; } .toast.bg-gray-dark { - background: rgba(52, 58, 64, 0.9) !important; + background-color: rgba(52, 58, 64, 0.9) !important; } .toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close { - color: #ffffff; + color: #fff; text-shadow: 0 1px 0 #000; } .toast.bg-gray-dark .toast-header { - background: rgba(52, 58, 64, 0.85); - color: #ffffff; + background-color: rgba(52, 58, 64, 0.85); + color: #fff; } .btn.disabled, .btn:disabled { @@ -18708,8 +19967,8 @@ html.maximized-card { position: relative; } -.btn.btn-file > input[type='file'] { - background: #ffffff; +.btn.btn-file > input[type="file"] { + background-color: #fff; cursor: inherit; display: block; font-size: 100px; @@ -18756,14 +20015,20 @@ html.maximized-card { .btn-app > .fas, .btn-app > .far, .btn-app > .fab, -.btn-app > .glyphicon, +.btn-app > .fal, +.btn-app > .fad, +.btn-app > .svg-inline--fa, .btn-app > .ion { display: block; font-size: 20px; } +.btn-app > .svg-inline--fa { + margin: 0 auto; +} + .btn-app:hover { - background: #f8f9fa; + background-color: #f8f9fa; border-color: #aaaaaa; color: #444; } @@ -18787,10 +20052,37 @@ html.maximized-card { border-radius: 0.15rem; } +.dark-mode .btn-default, +.dark-mode .btn-app { + background-color: #3a4047; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .btn-default:hover, .dark-mode .btn-default:focus, +.dark-mode .btn-app:hover, +.dark-mode .btn-app:focus { + background-color: #3f474e; + color: #dee2e6; + border-color: #727b84; +} + +.dark-mode .btn-light { + background-color: #454d55; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .btn-light:hover, .dark-mode .btn-light:focus { + background-color: #4b545c; + color: #dee2e6; + border-color: #78828a; +} + .callout { border-radius: 0.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #ffffff; + background-color: #fff; border-left: 5px solid #e9ecef; margin-bottom: 1rem; padding: 1rem; @@ -18825,6 +20117,10 @@ html.maximized-card { border-left-color: #1e7e34; } +.dark-mode .callout { + background-color: #3f474e; +} + .alert .icon { margin-right: 10px; } @@ -18839,13 +20135,13 @@ html.maximized-card { } .alert a { - color: #ffffff; + color: #fff; text-decoration: underline; } .alert-primary { - color: #ffffff; - background: #007bff; + color: #fff; + background-color: #007bff; border-color: #006fe6; } @@ -18864,8 +20160,8 @@ html.maximized-card { } .alert-secondary { - color: #ffffff; - background: #6c757d; + color: #fff; + background-color: #6c757d; border-color: #60686f; } @@ -18884,8 +20180,8 @@ html.maximized-card { } .alert-success { - color: #ffffff; - background: #28a745; + color: #fff; + background-color: #28a745; border-color: #23923d; } @@ -18904,8 +20200,8 @@ html.maximized-card { } .alert-info { - color: #ffffff; - background: #17a2b8; + color: #fff; + background-color: #17a2b8; border-color: #148ea1; } @@ -18924,8 +20220,8 @@ html.maximized-card { } .alert-warning { - color: #1F2D3D; - background: #ffc107; + color: #1f2d3d; + background-color: #ffc107; border-color: #edb100; } @@ -18944,8 +20240,8 @@ html.maximized-card { } .alert-danger { - color: #ffffff; - background: #dc3545; + color: #fff; + background-color: #dc3545; border-color: #d32535; } @@ -18964,8 +20260,8 @@ html.maximized-card { } .alert-light { - color: #1F2D3D; - background: #f8f9fa; + color: #1f2d3d; + background-color: #f8f9fa; border-color: #e9ecef; } @@ -18984,8 +20280,8 @@ html.maximized-card { } .alert-dark { - color: #ffffff; - background: #343a40; + color: #fff; + background-color: #343a40; border-color: #292d32; } @@ -19008,7 +20304,7 @@ html.maximized-card { } .table.table-head-fixed thead tr:nth-child(1) th { - background-color: #ffffff; + background-color: #fff; border-bottom: 0; box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6; position: -webkit-sticky; @@ -19043,6 +20339,8 @@ html.maximized-card { .card-body.p-0 .table thead > tr > th:first-of-type, .card-body.p-0 .table thead > tr > td:first-of-type, +.card-body.p-0 .table tfoot > tr > th:first-of-type, +.card-body.p-0 .table tfoot > tr > td:first-of-type, .card-body.p-0 .table tbody > tr > th:first-of-type, .card-body.p-0 .table tbody > tr > td:first-of-type { padding-left: 1.5rem; @@ -19050,21 +20348,94 @@ html.maximized-card { .card-body.p-0 .table thead > tr > th:last-of-type, .card-body.p-0 .table thead > tr > td:last-of-type, +.card-body.p-0 .table tfoot > tr > th:last-of-type, +.card-body.p-0 .table tfoot > tr > td:last-of-type, .card-body.p-0 .table tbody > tr > th:last-of-type, .card-body.p-0 .table tbody > tr > td:last-of-type { padding-right: 1.5rem; } -.carousel-control.left, .carousel-control.right { - background-image: none; +.table-hover tbody tr.expandable-body:hover { + background-color: inherit !important; } -.carousel-control > .fa, -.carousel-control > .fas, -.carousel-control > .far, -.carousel-control > .fab, -.carousel-control > .glyphicon, -.carousel-control > .ion { +[data-widget="expandable-table"] { + cursor: pointer; +} + +[data-widget="expandable-table"] i { + transition: transform 0.3s linear; +} + +[data-widget="expandable-table"][aria-expanded="true"] td > i[class*="right"] { + transform: rotate(90deg); +} + +[data-widget="expandable-table"][aria-expanded="true"] td > i[class*="left"] { + transform: rotate(-90deg); +} + +.expandable-body > td { + padding: 0 !important; + width: 100%; +} + +.expandable-body > td > div, +.expandable-body > td > p { + padding: 0.75rem; +} + +.expandable-body .table { + width: calc(100% - 0.75rem); + margin: 0 0 0 0.75rem; +} + +.expandable-body .table tr:first-child td, +.expandable-body .table tr:first-child th { + border-top: none; +} + +.dark-mode .table-bordered, +.dark-mode .table-bordered td, +.dark-mode .table-bordered th { + border-color: #6c757d; +} + +.dark-mode .table-hover tbody tr:hover { + color: #dee2e6; + background-color: #3a4047; + border-color: #6c757d; +} + +.dark-mode .table thead th { + border-bottom-color: #6c757d; +} + +.dark-mode .table th, +.dark-mode .table td { + border-top-color: #6c757d; +} + +.dark-mode .table.table-head-fixed thead tr:nth-child(1) th { + background-color: #3f474e; +} + +.carousel-control-prev .carousel-control-custom-icon { + margin-left: -20px; +} + +.carousel-control-next .carousel-control-custom-icon { + margin-right: 20px; +} + +.carousel-control-custom-icon > .fa, +.carousel-control-custom-icon > .fas, +.carousel-control-custom-icon > .far, +.carousel-control-custom-icon > .fab, +.carousel-control-custom-icon > .fal, +.carousel-control-custom-icon > .fad, +.carousel-control-custom-icon > .svg-inline--fa, +.carousel-control-custom-icon > .ion { display: inline-block; font-size: 40px; margin-top: -20px; @@ -19073,6 +20444,39 @@ html.maximized-card { z-index: 5; } +.close, .mailbox-attachment-close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} + +.close:hover, .mailbox-attachment-close:hover { + color: #000; + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus { + opacity: .75; +} + +.close:focus, .mailbox-attachment-close:focus { + outline: none; +} + +button.close, button.mailbox-attachment-close { + padding: 0; + background-color: transparent; + border: 0; +} + +a.close.disabled, a.disabled.mailbox-attachment-close { + pointer-events: none; +} + .small-box { border-radius: 0.25rem; box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); @@ -19086,7 +20490,7 @@ html.maximized-card { } .small-box > .small-box-footer { - background: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.8); display: block; padding: 3px 0; @@ -19097,14 +20501,14 @@ html.maximized-card { } .small-box > .small-box-footer:hover { - background: rgba(0, 0, 0, 0.15); - color: #ffffff; + background-color: rgba(0, 0, 0, 0.15); + color: #fff; } .small-box h3 { font-size: 2.2rem; - font-weight: bold; - margin: 0 0 10px 0; + font-weight: 700; + margin: 0 0 10px; padding: 0; white-space: nowrap; } @@ -19142,7 +20546,7 @@ html.maximized-card { .small-box p > small { color: #f8f9fa; display: block; - font-size: 0.9rem; + font-size: .9rem; margin-top: 5px; } @@ -19161,24 +20565,32 @@ html.maximized-card { position: absolute; right: 15px; top: 15px; - transition: all 0.3s linear; + transition: transform 0.3s linear; } -.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion { +.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion { font-size: 70px; top: 20px; } +.small-box .icon svg { + font-size: 70px; + position: absolute; + right: 15px; + top: 15px; + transition: transform 0.3s linear; +} + .small-box:hover { text-decoration: none; } -.small-box:hover .icon > i { - font-size: 95px; +.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion { + transform: scale(1.1); } -.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion { - font-size: 75px; +.small-box:hover .icon > svg { + transform: scale(1.1); } @media (max-width: 767.98px) { @@ -19196,7 +20608,7 @@ html.maximized-card { .info-box { box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 0.25rem; - background: #ffffff; + background-color: #fff; display: -ms-flexbox; display: flex; margin-bottom: 1rem; @@ -19213,7 +20625,7 @@ html.maximized-card { } .info-box .progress .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box-icon { @@ -19240,7 +20652,7 @@ html.maximized-card { flex-direction: column; -ms-flex-pack: center; justify-content: center; - line-height: 120%; + line-height: 1.8; -ms-flex: 1; flex: 1; padding: 0 10px; @@ -19262,82 +20674,82 @@ html.maximized-card { .info-box .info-box .bg-primary, .info-box .info-box .bg-gradient-primary { - color: #ffffff; + color: #fff; } .info-box .info-box .bg-primary .progress-bar, .info-box .info-box .bg-gradient-primary .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box .bg-secondary, .info-box .info-box .bg-gradient-secondary { - color: #ffffff; + color: #fff; } .info-box .info-box .bg-secondary .progress-bar, .info-box .info-box .bg-gradient-secondary .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box .bg-success, .info-box .info-box .bg-gradient-success { - color: #ffffff; + color: #fff; } .info-box .info-box .bg-success .progress-bar, .info-box .info-box .bg-gradient-success .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box .bg-info, .info-box .info-box .bg-gradient-info { - color: #ffffff; + color: #fff; } .info-box .info-box .bg-info .progress-bar, .info-box .info-box .bg-gradient-info .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box .bg-warning, .info-box .info-box .bg-gradient-warning { - color: #1F2D3D; + color: #1f2d3d; } .info-box .info-box .bg-warning .progress-bar, .info-box .info-box .bg-gradient-warning .progress-bar { - background-color: #1F2D3D; + background-color: #1f2d3d; } .info-box .info-box .bg-danger, .info-box .info-box .bg-gradient-danger { - color: #ffffff; + color: #fff; } .info-box .info-box .bg-danger .progress-bar, .info-box .info-box .bg-gradient-danger .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box .bg-light, .info-box .info-box .bg-gradient-light { - color: #1F2D3D; + color: #1f2d3d; } .info-box .info-box .bg-light .progress-bar, .info-box .info-box .bg-gradient-light .progress-bar { - background-color: #1F2D3D; + background-color: #1f2d3d; } .info-box .info-box .bg-dark, .info-box .info-box .bg-gradient-dark { - color: #ffffff; + color: #fff; } .info-box .info-box .bg-dark .progress-bar, .info-box .info-box .bg-gradient-dark .progress-bar { - background-color: #ffffff; + background-color: #fff; } .info-box .info-box-more { @@ -19391,6 +20803,11 @@ html.maximized-card { } } +.dark-mode .info-box { + background-color: #343a40; + color: #fff; +} + .timeline { margin: 0 0 45px; padding: 0; @@ -19399,9 +20816,9 @@ html.maximized-card { .timeline::before { border-radius: 0.25rem; - background: #dee2e6; + background-color: #dee2e6; bottom: 0; - content: ''; + content: ""; left: 31px; margin: 0; position: absolute; @@ -19423,7 +20840,7 @@ html.maximized-card { .timeline > div > .timeline-item { box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 0.25rem; - background: #ffffff; + background-color: #fff; color: #495057; margin-left: 60px; margin-right: 15px; @@ -19461,23 +20878,27 @@ html.maximized-card { margin: 10px; } -.timeline > div > .timeline-item > .timeline-body > dl, .timeline > div > .timeline-item > .timeline-body ol, .timeline > div > .timeline-item > .timeline-body ul { +.timeline > div > .timeline-item > .timeline-body > dl, +.timeline > div > .timeline-item > .timeline-body ol, +.timeline > div > .timeline-item > .timeline-body ul { margin: 0; } .timeline > div > .timeline-item > .timeline-footer > a { - color: #ffffff; + color: #fff; } .timeline > div > .fa, .timeline > div > .fas, .timeline > div > .far, .timeline > div > .fab, -.timeline > div > .glyphicon, +.timeline > div > .fal, +.timeline > div > .fad, +.timeline > div > .svg-inline--fa, .timeline > div > .ion { - background: #adb5bd; + background-color: #adb5bd; border-radius: 50%; - font-size: 15px; + font-size: 16px; height: 30px; left: 18px; line-height: 30px; @@ -19487,9 +20908,13 @@ html.maximized-card { width: 30px; } +.timeline > div > .svg-inline--fa { + padding: 7px; +} + .timeline > .time-label > span { border-radius: 4px; - background-color: #ffffff; + background-color: #fff; display: inline-block; font-weight: 600; padding: 5px; @@ -19497,7 +20922,7 @@ html.maximized-card { .timeline-inverse > div > .timeline-item { box-shadow: none; - background: #f8f9fa; + background-color: #f8f9fa; border: 1px solid #dee2e6; } @@ -19505,6 +20930,25 @@ html.maximized-card { border-bottom-color: #dee2e6; } +.dark-mode .timeline::before { + background-color: #6c757d; +} + +.dark-mode .timeline > div > .timeline-item { + background-color: #343a40; + color: #fff; + border-color: #6c757d; +} + +.dark-mode .timeline > div > .timeline-item > .timeline-header { + color: #ced4da; + border-color: #6c757d; +} + +.dark-mode .timeline > div > .timeline-item > .time { + color: #ced4da; +} + .products-list { list-style: none; margin: 0; @@ -19513,7 +20957,7 @@ html.maximized-card { .products-list > .item { border-radius: 0.25rem; - background: #ffffff; + background-color: #fff; padding: 10px 0; } @@ -19557,6 +21001,16 @@ html.maximized-card { border-bottom-width: 0; } +.dark-mode .products-list > .item { + background-color: #343a40; + color: #fff; + border-bottom-color: #6c757d; +} + +.dark-mode .product-description { + color: #ced4da; +} + .direct-chat .card-body { overflow-x: hidden; padding: 0; @@ -19564,7 +21018,6 @@ html.maximized-card { } .direct-chat.chat-pane-open .direct-chat-contacts { - -webkit-transform: translate(0, 0); transform: translate(0, 0); } @@ -19577,7 +21030,6 @@ html.maximized-card { } .direct-chat-messages { - -webkit-transform: translate(0, 0); transform: translate(0, 0); height: 250px; overflow: auto; @@ -19601,14 +21053,12 @@ html.maximized-card { .direct-chat-messages, .direct-chat-contacts { - transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; - transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; } .direct-chat-text { border-radius: 0.3rem; - background: #d2d6de; + background-color: #d2d6de; border: 1px solid #d2d6de; color: #444; margin: 5px 0 0 50px; @@ -19619,7 +21069,7 @@ html.maximized-card { .direct-chat-text::after, .direct-chat-text::before { border: solid transparent; border-right-color: #d2d6de; - content: ' '; + content: " "; height: 0; pointer-events: none; position: absolute; @@ -19676,16 +21126,14 @@ html.maximized-card { } .direct-chat-contacts-open .direct-chat-contacts { - -webkit-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-contacts { - -webkit-transform: translate(101%, 0); transform: translate(101%, 0); - background: #343a40; + background-color: #343a40; bottom: 0; - color: #ffffff; + color: #fff; height: 250px; overflow: auto; position: absolute; @@ -19694,7 +21142,7 @@ html.maximized-card { } .direct-chat-contacts-light { - background: #f8f9fa; + background-color: #f8f9fa; } .direct-chat-contacts-light .contacts-list-name { @@ -19737,7 +21185,7 @@ html.maximized-card { } .contacts-list-info { - color: #ffffff; + color: #fff; margin-left: 45px; } @@ -19756,7 +21204,7 @@ html.maximized-card { .contacts-list-date { color: #ced4da; - font-weight: normal; + font-weight: 400; } .contacts-list-msg { @@ -19764,9 +21212,9 @@ html.maximized-card { } .direct-chat-primary .right > .direct-chat-text { - background: #007bff; + background-color: #007bff; border-color: #007bff; - color: #ffffff; + color: #fff; } .direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before { @@ -19774,9 +21222,9 @@ html.maximized-card { } .direct-chat-secondary .right > .direct-chat-text { - background: #6c757d; + background-color: #6c757d; border-color: #6c757d; - color: #ffffff; + color: #fff; } .direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before { @@ -19784,9 +21232,9 @@ html.maximized-card { } .direct-chat-success .right > .direct-chat-text { - background: #28a745; + background-color: #28a745; border-color: #28a745; - color: #ffffff; + color: #fff; } .direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before { @@ -19794,9 +21242,9 @@ html.maximized-card { } .direct-chat-info .right > .direct-chat-text { - background: #17a2b8; + background-color: #17a2b8; border-color: #17a2b8; - color: #ffffff; + color: #fff; } .direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before { @@ -19804,9 +21252,9 @@ html.maximized-card { } .direct-chat-warning .right > .direct-chat-text { - background: #ffc107; + background-color: #ffc107; border-color: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before { @@ -19814,9 +21262,9 @@ html.maximized-card { } .direct-chat-danger .right > .direct-chat-text { - background: #dc3545; + background-color: #dc3545; border-color: #dc3545; - color: #ffffff; + color: #fff; } .direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before { @@ -19824,9 +21272,9 @@ html.maximized-card { } .direct-chat-light .right > .direct-chat-text { - background: #f8f9fa; + background-color: #f8f9fa; border-color: #f8f9fa; - color: #1F2D3D; + color: #1f2d3d; } .direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before { @@ -19834,9 +21282,9 @@ html.maximized-card { } .direct-chat-dark .right > .direct-chat-text { - background: #343a40; + background-color: #343a40; border-color: #343a40; - color: #ffffff; + color: #fff; } .direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before { @@ -19844,9 +21292,9 @@ html.maximized-card { } .direct-chat-lightblue .right > .direct-chat-text { - background: #3c8dbc; + background-color: #3c8dbc; border-color: #3c8dbc; - color: #ffffff; + color: #fff; } .direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before { @@ -19854,9 +21302,9 @@ html.maximized-card { } .direct-chat-navy .right > .direct-chat-text { - background: #001f3f; + background-color: #001f3f; border-color: #001f3f; - color: #ffffff; + color: #fff; } .direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before { @@ -19864,9 +21312,9 @@ html.maximized-card { } .direct-chat-olive .right > .direct-chat-text { - background: #3d9970; + background-color: #3d9970; border-color: #3d9970; - color: #ffffff; + color: #fff; } .direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before { @@ -19874,9 +21322,9 @@ html.maximized-card { } .direct-chat-lime .right > .direct-chat-text { - background: #01ff70; + background-color: #01ff70; border-color: #01ff70; - color: #1F2D3D; + color: #1f2d3d; } .direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before { @@ -19884,9 +21332,9 @@ html.maximized-card { } .direct-chat-fuchsia .right > .direct-chat-text { - background: #f012be; + background-color: #f012be; border-color: #f012be; - color: #ffffff; + color: #fff; } .direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before { @@ -19894,9 +21342,9 @@ html.maximized-card { } .direct-chat-maroon .right > .direct-chat-text { - background: #d81b60; + background-color: #d81b60; border-color: #d81b60; - color: #ffffff; + color: #fff; } .direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before { @@ -19904,9 +21352,9 @@ html.maximized-card { } .direct-chat-blue .right > .direct-chat-text { - background: #007bff; + background-color: #007bff; border-color: #007bff; - color: #ffffff; + color: #fff; } .direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before { @@ -19914,9 +21362,9 @@ html.maximized-card { } .direct-chat-indigo .right > .direct-chat-text { - background: #6610f2; + background-color: #6610f2; border-color: #6610f2; - color: #ffffff; + color: #fff; } .direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before { @@ -19924,9 +21372,9 @@ html.maximized-card { } .direct-chat-purple .right > .direct-chat-text { - background: #6f42c1; + background-color: #6f42c1; border-color: #6f42c1; - color: #ffffff; + color: #fff; } .direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before { @@ -19934,9 +21382,9 @@ html.maximized-card { } .direct-chat-pink .right > .direct-chat-text { - background: #e83e8c; + background-color: #e83e8c; border-color: #e83e8c; - color: #ffffff; + color: #fff; } .direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before { @@ -19944,9 +21392,9 @@ html.maximized-card { } .direct-chat-red .right > .direct-chat-text { - background: #dc3545; + background-color: #dc3545; border-color: #dc3545; - color: #ffffff; + color: #fff; } .direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before { @@ -19954,9 +21402,9 @@ html.maximized-card { } .direct-chat-orange .right > .direct-chat-text { - background: #fd7e14; + background-color: #fd7e14; border-color: #fd7e14; - color: #1F2D3D; + color: #1f2d3d; } .direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before { @@ -19964,9 +21412,9 @@ html.maximized-card { } .direct-chat-yellow .right > .direct-chat-text { - background: #ffc107; + background-color: #ffc107; border-color: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before { @@ -19974,9 +21422,9 @@ html.maximized-card { } .direct-chat-green .right > .direct-chat-text { - background: #28a745; + background-color: #28a745; border-color: #28a745; - color: #ffffff; + color: #fff; } .direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before { @@ -19984,9 +21432,9 @@ html.maximized-card { } .direct-chat-teal .right > .direct-chat-text { - background: #20c997; + background-color: #20c997; border-color: #20c997; - color: #ffffff; + color: #fff; } .direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before { @@ -19994,9 +21442,9 @@ html.maximized-card { } .direct-chat-cyan .right > .direct-chat-text { - background: #17a2b8; + background-color: #17a2b8; border-color: #17a2b8; - color: #ffffff; + color: #fff; } .direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before { @@ -20004,19 +21452,19 @@ html.maximized-card { } .direct-chat-white .right > .direct-chat-text { - background: #ffffff; - border-color: #ffffff; - color: #1F2D3D; + background-color: #fff; + border-color: #fff; + color: #1f2d3d; } .direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before { - border-left-color: #ffffff; + border-left-color: #fff; } .direct-chat-gray .right > .direct-chat-text { - background: #6c757d; + background-color: #6c757d; border-color: #6c757d; - color: #ffffff; + color: #fff; } .direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before { @@ -20024,15 +21472,33 @@ html.maximized-card { } .direct-chat-gray-dark .right > .direct-chat-text { - background: #343a40; + background-color: #343a40; border-color: #343a40; - color: #ffffff; + color: #fff; } .direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before { border-left-color: #343a40; } +.dark-mode .direct-chat-text { + background-color: #454d55; + border-color: #4b545c; + color: #fff; +} + +.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before { + border-right-color: #4b545c; +} + +.dark-mode .direct-chat-timestamp { + color: #adb5bd; +} + +.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before { + border-right-color: transparent; +} + .users-list { padding-left: 0; list-style: none; @@ -20074,6 +21540,14 @@ html.maximized-card { font-size: 12px; } +.dark-mode .users-list-name { + color: #ced4da; +} + +.dark-mode .users-list-date { + color: #adb5bd; +} + .card-widget { border: 0; position: relative; @@ -20107,7 +21581,7 @@ html.maximized-card { } .widget-user .widget-user-image > img { - border: 3px solid #ffffff; + border: 3px solid #fff; height: auto; width: 90px; } @@ -20195,7 +21669,7 @@ html.maximized-card { .mailbox-attachment-name { color: #666; - font-weight: bold; + font-weight: 700; } .mailbox-attachment-icon, @@ -20205,7 +21679,7 @@ html.maximized-card { } .mailbox-attachment-info { - background: #f8f9fa; + background-color: #f8f9fa; padding: 10px; } @@ -20216,7 +21690,7 @@ html.maximized-card { .mailbox-attachment-size > span { display: inline-block; - padding-top: 0.75rem; + padding-top: .75rem; } .mailbox-attachment-icon { @@ -20237,7 +21711,7 @@ html.maximized-card { } .lockscreen { - background: #e9ecef; + background-color: #e9ecef; } .lockscreen .lockscreen-name { @@ -20264,7 +21738,7 @@ html.maximized-card { .lockscreen-item { border-radius: 4px; - background: #ffffff; + background-color: #fff; margin: 10px auto 30px; padding: 0; position: relative; @@ -20273,7 +21747,7 @@ html.maximized-card { .lockscreen-image { border-radius: 50%; - background: #ffffff; + background-color: #fff; left: -10px; padding: 5px; position: absolute; @@ -20296,7 +21770,7 @@ html.maximized-card { } .lockscreen-credentials .btn { - background-color: #ffffff; + background-color: #fff; border: 0; padding: 0 10px; } @@ -20305,6 +21779,22 @@ html.maximized-card { margin-top: 10px; } +.dark-mode .lockscreen-item { + background-color: #343a40; +} + +.dark-mode .lockscreen-logo a { + color: #fff; +} + +.dark-mode .lockscreen-credentials .btn { + background-color: #343a40; +} + +.dark-mode .lockscreen-image { + background-color: #6c757d; +} + .login-logo, .register-logo { font-size: 2.1rem; @@ -20322,7 +21812,7 @@ html.maximized-card { .register-page { -ms-flex-align: center; align-items: center; - background: #e9ecef; + background-color: #e9ecef; display: -ms-flexbox; display: flex; -ms-flex-direction: column; @@ -20345,9 +21835,14 @@ html.maximized-card { } } +.login-box .card, +.register-box .card { + margin-bottom: 0; +} + .login-card-body, .register-card-body { - background: #ffffff; + background-color: #fff; border-top: 0; color: #666; padding: 20px; @@ -20363,7 +21858,9 @@ html.maximized-card { box-shadow: none; } +.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text, .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text, +.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text, .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text { border-color: #80bdff; } @@ -20373,7 +21870,9 @@ html.maximized-card { box-shadow: none; } +.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text, .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text, +.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text, .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text { border-color: #28a745; } @@ -20409,6 +21908,18 @@ html.maximized-card { margin: 10px 0; } +.dark-mode .login-card-body, +.dark-mode .register-card-body { + background-color: #343a40; + border-color: #6c757d; + color: #fff; +} + +.dark-mode .login-logo a, +.dark-mode .register-logo a { + color: #fff; +} + .error-page { margin: 20px auto 0; width: 600px; @@ -20456,7 +21967,7 @@ html.maximized-card { } .invoice { - background: #ffffff; + background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); position: relative; } @@ -20465,6 +21976,10 @@ html.maximized-card { margin-top: 0; } +.dark-mode .invoice { + background-color: #343a40; +} + .profile-user-img { border: 3px solid #adb5bd; margin: 0 auto; @@ -20499,6 +22014,11 @@ html.maximized-card { width: 100%; } +.dark-mode .post { + color: #fff; + border-color: #6c757d; +} + .product-image { max-width: 100%; height: auto; @@ -20516,7 +22036,7 @@ html.maximized-card { .product-image-thumb { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); border-radius: 0.25rem; - background-color: #ffffff; + background-color: #fff; border: 1px solid #dee2e6; display: -ms-flexbox; display: flex; @@ -20533,7 +22053,7 @@ html.maximized-card { } .product-image-thumb:hover { - opacity: 0.5; + opacity: .5; } .product-share a { @@ -20559,6 +22079,156 @@ html.maximized-card { text-align: center; } +body.iframe-mode .main-sidebar { + display: none; +} + +body.iframe-mode .content-wrapper { + margin-left: 0 !important; + margin-top: 0 !important; + padding-bottom: 0 !important; +} + +body.iframe-mode .main-header, +body.iframe-mode .main-footer { + display: none; +} + +body.iframe-mode-fullscreen { + overflow: hidden; +} + +.content-wrapper { + height: 100%; +} + +.content-wrapper.iframe-mode .navbar-nav { + overflow-y: auto; + width: 100%; +} + +.content-wrapper.iframe-mode .navbar-nav .nav-link { + white-space: nowrap; +} + +.content-wrapper.iframe-mode .tab-content { + position: relative; +} + +.content-wrapper.iframe-mode .tab-empty { + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; +} + +.content-wrapper.iframe-mode .tab-loading { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: none; + background-color: #f4f6f9; +} + +.content-wrapper.iframe-mode .tab-loading > div { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; +} + +.content-wrapper.iframe-mode iframe { + border: 0; + width: 100%; + height: 100%; +} + +.content-wrapper.iframe-mode iframe .content-wrapper { + padding-bottom: 0 !important; +} + +body.iframe-mode-fullscreen .content-wrapper.iframe-mode { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + margin-left: 0 !important; + height: 100%; + min-height: 100%; + z-index: 1048; +} + +.content-wrapper.kanban { + height: 1px; +} + +.content-wrapper.kanban .content { + height: 100%; + overflow-x: auto; + overflow-y: hidden; +} + +.content-wrapper.kanban .content .container, +.content-wrapper.kanban .content .container-fluid, +.content-wrapper.kanban .content .container-sm, +.content-wrapper.kanban .content .container-md, +.content-wrapper.kanban .content .container-lg, +.content-wrapper.kanban .content .container-xl { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; +} + +.content-wrapper.kanban .content-header + .content { + height: calc(100% - ((2 * 15px) + (1.8rem * 1.2))); +} + +.content-wrapper.kanban .card .card-body { + padding: .5rem; +} + +.content-wrapper.kanban .card.card-row { + width: 340px; + display: inline-block; + margin: 0 .5rem; +} + +.content-wrapper.kanban .card.card-row:first-child { + margin-left: 0; +} + +.content-wrapper.kanban .card.card-row .card-body { + height: 100%; + overflow-y: auto; +} + +.content-wrapper.kanban .card.card-row .card .card-header { + padding: .5rem .75rem; +} + +.content-wrapper.kanban .card.card-row .card .card-body { + padding: .75rem; +} + +.content-wrapper.kanban .btn-tool.btn-link { + text-decoration: underline; + padding-left: 0; + padding-right: 0; +} + .fc-button { background: #f8f9fa; background-image: none; @@ -20656,20 +22326,21 @@ html.maximized-card { .fc-color-picker > li .fas, .fc-color-picker > li .far, .fc-color-picker > li .fab, -.fc-color-picker > li .glyphicon, +.fc-color-picker > li .fal, +.fc-color-picker > li .fad, +.fc-color-picker > li .svg-inline--fa, .fc-color-picker > li .ion { - transition: -webkit-transform linear .3s; transition: transform linear .3s; - transition: transform linear .3s, -webkit-transform linear .3s; } .fc-color-picker > li .fa:hover, .fc-color-picker > li .fas:hover, .fc-color-picker > li .far:hover, .fc-color-picker > li .fab:hover, -.fc-color-picker > li .glyphicon:hover, +.fc-color-picker > li .fal:hover, +.fc-color-picker > li .fad:hover, +.fc-color-picker > li .svg-inline--fa:hover, .fc-color-picker > li .ion:hover { - -webkit-transform: rotate(30deg); transform: rotate(30deg); } @@ -20681,7 +22352,7 @@ html.maximized-card { box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 0.25rem; cursor: move; - font-weight: bold; + font-weight: 700; margin-bottom: 4px; padding: 5px 10px; } @@ -20706,10 +22377,10 @@ html.maximized-card { .select2-container--default .select2-results__option { padding: 6px 12px; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - -webkit-user-select: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { @@ -20760,17 +22431,17 @@ html.maximized-card { } .select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-results__option--highlighted { background-color: #007bff; - color: #ffffff; + color: #fff; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #0074f0; - color: #ffffff; + color: #fff; } .select2-container--default .select2-selection--multiple { @@ -20804,7 +22475,7 @@ html.maximized-card { .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #007bff; border-color: #006fe6; - color: #ffffff; + color: #fff; padding: 0 10px; margin-top: .31rem; } @@ -20817,7 +22488,7 @@ html.maximized-card { } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field { @@ -20919,14 +22590,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-primary .select2-results__option--highlighted, .select2-primary .select2-container--default .select2-results__option--highlighted { background-color: #007bff; - color: #ffffff; + color: #fff; } .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover, .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #0074f0; - color: #ffffff; + color: #fff; } .select2-container--default .select2-primary .select2-selection--multiple:focus, @@ -20938,7 +22609,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #007bff; border-color: #006fe6; - color: #ffffff; + color: #fff; } .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove, @@ -20948,7 +22619,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple, @@ -20976,14 +22647,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-secondary .select2-results__option--highlighted, .select2-secondary .select2-container--default .select2-results__option--highlighted { background-color: #6c757d; - color: #ffffff; + color: #fff; } .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover, .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #656d75; - color: #ffffff; + color: #fff; } .select2-container--default .select2-secondary .select2-selection--multiple:focus, @@ -20995,7 +22666,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #6c757d; border-color: #60686f; - color: #ffffff; + color: #fff; } .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove, @@ -21005,7 +22676,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple, @@ -21033,14 +22704,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-success .select2-results__option--highlighted, .select2-success .select2-container--default .select2-results__option--highlighted { background-color: #28a745; - color: #ffffff; + color: #fff; } .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover, .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #259b40; - color: #ffffff; + color: #fff; } .select2-container--default .select2-success .select2-selection--multiple:focus, @@ -21052,7 +22723,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #28a745; border-color: #23923d; - color: #ffffff; + color: #fff; } .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove, @@ -21062,7 +22733,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-success.select2-container--focus .select2-selection--multiple, @@ -21090,14 +22761,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-info .select2-results__option--highlighted, .select2-info .select2-container--default .select2-results__option--highlighted { background-color: #17a2b8; - color: #ffffff; + color: #fff; } .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover, .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #1596aa; - color: #ffffff; + color: #fff; } .select2-container--default .select2-info .select2-selection--multiple:focus, @@ -21109,7 +22780,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #17a2b8; border-color: #148ea1; - color: #ffffff; + color: #fff; } .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove, @@ -21119,7 +22790,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-info.select2-container--focus .select2-selection--multiple, @@ -21147,14 +22818,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-warning .select2-results__option--highlighted, .select2-warning .select2-container--default .select2-results__option--highlighted { background-color: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover, .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #f7b900; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-warning .select2-selection--multiple:focus, @@ -21166,7 +22837,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #ffc107; border-color: #edb100; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove, @@ -21176,7 +22847,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple, @@ -21204,14 +22875,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-danger .select2-results__option--highlighted, .select2-danger .select2-container--default .select2-results__option--highlighted { background-color: #dc3545; - color: #ffffff; + color: #fff; } .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover, .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #da2839; - color: #ffffff; + color: #fff; } .select2-container--default .select2-danger .select2-selection--multiple:focus, @@ -21223,7 +22894,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #dc3545; border-color: #d32535; - color: #ffffff; + color: #fff; } .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove, @@ -21233,7 +22904,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple, @@ -21261,14 +22932,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-light .select2-results__option--highlighted, .select2-light .select2-container--default .select2-results__option--highlighted { background-color: #f8f9fa; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover, .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #eff1f4; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-light .select2-selection--multiple:focus, @@ -21280,7 +22951,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f8f9fa; border-color: #e9ecef; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove, @@ -21290,7 +22961,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-light.select2-container--focus .select2-selection--multiple, @@ -21318,14 +22989,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-dark .select2-results__option--highlighted, .select2-dark .select2-container--default .select2-results__option--highlighted { background-color: #343a40; - color: #ffffff; + color: #fff; } .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover, .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #2d3238; - color: #ffffff; + color: #fff; } .select2-container--default .select2-dark .select2-selection--multiple:focus, @@ -21337,7 +23008,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #343a40; border-color: #292d32; - color: #ffffff; + color: #fff; } .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove, @@ -21347,7 +23018,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple, @@ -21375,14 +23046,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-lightblue .select2-results__option--highlighted, .select2-lightblue .select2-container--default .select2-results__option--highlighted { background-color: #3c8dbc; - color: #ffffff; + color: #fff; } .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover, .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #3884b0; - color: #ffffff; + color: #fff; } .select2-container--default .select2-lightblue .select2-selection--multiple:focus, @@ -21394,7 +23065,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3c8dbc; border-color: #367fa9; - color: #ffffff; + color: #fff; } .select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove, @@ -21404,7 +23075,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple, @@ -21432,14 +23103,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-navy .select2-results__option--highlighted, .select2-navy .select2-container--default .select2-results__option--highlighted { background-color: #001f3f; - color: #ffffff; + color: #fff; } .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover, .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #001730; - color: #ffffff; + color: #fff; } .select2-container--default .select2-navy .select2-selection--multiple:focus, @@ -21451,7 +23122,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #001f3f; border-color: #001226; - color: #ffffff; + color: #fff; } .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove, @@ -21461,7 +23132,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple, @@ -21489,14 +23160,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-olive .select2-results__option--highlighted, .select2-olive .select2-container--default .select2-results__option--highlighted { background-color: #3d9970; - color: #ffffff; + color: #fff; } .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover, .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #398e68; - color: #ffffff; + color: #fff; } .select2-container--default .select2-olive .select2-selection--multiple:focus, @@ -21508,7 +23179,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3d9970; border-color: #368763; - color: #ffffff; + color: #fff; } .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove, @@ -21518,7 +23189,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple, @@ -21546,14 +23217,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-lime .select2-results__option--highlighted, .select2-lime .select2-container--default .select2-results__option--highlighted { background-color: #01ff70; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover, .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #00f169; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-lime .select2-selection--multiple:focus, @@ -21565,7 +23236,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #01ff70; border-color: #00e765; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove, @@ -21575,7 +23246,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple, @@ -21603,14 +23274,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-fuchsia .select2-results__option--highlighted, .select2-fuchsia .select2-container--default .select2-results__option--highlighted { background-color: #f012be; - color: #ffffff; + color: #fff; } .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover, .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #e40eb4; - color: #ffffff; + color: #fff; } .select2-container--default .select2-fuchsia .select2-selection--multiple:focus, @@ -21622,7 +23293,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f012be; border-color: #db0ead; - color: #ffffff; + color: #fff; } .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove, @@ -21632,7 +23303,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple, @@ -21660,14 +23331,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-maroon .select2-results__option--highlighted, .select2-maroon .select2-container--default .select2-results__option--highlighted { background-color: #d81b60; - color: #ffffff; + color: #fff; } .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover, .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #ca195a; - color: #ffffff; + color: #fff; } .select2-container--default .select2-maroon .select2-selection--multiple:focus, @@ -21679,7 +23350,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #d81b60; border-color: #c11856; - color: #ffffff; + color: #fff; } .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove, @@ -21689,7 +23360,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple, @@ -21717,14 +23388,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-blue .select2-results__option--highlighted, .select2-blue .select2-container--default .select2-results__option--highlighted { background-color: #007bff; - color: #ffffff; + color: #fff; } .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover, .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #0074f0; - color: #ffffff; + color: #fff; } .select2-container--default .select2-blue .select2-selection--multiple:focus, @@ -21736,7 +23407,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #007bff; border-color: #006fe6; - color: #ffffff; + color: #fff; } .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove, @@ -21746,7 +23417,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple, @@ -21774,14 +23445,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-indigo .select2-results__option--highlighted, .select2-indigo .select2-container--default .select2-results__option--highlighted { background-color: #6610f2; - color: #ffffff; + color: #fff; } .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover, .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #5f0de6; - color: #ffffff; + color: #fff; } .select2-container--default .select2-indigo .select2-selection--multiple:focus, @@ -21793,7 +23464,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #6610f2; border-color: #5b0cdd; - color: #ffffff; + color: #fff; } .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove, @@ -21803,7 +23474,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple, @@ -21831,14 +23502,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-purple .select2-results__option--highlighted, .select2-purple .select2-container--default .select2-results__option--highlighted { background-color: #6f42c1; - color: #ffffff; + color: #fff; } .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover, .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #683cb8; - color: #ffffff; + color: #fff; } .select2-container--default .select2-purple .select2-selection--multiple:focus, @@ -21850,7 +23521,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #6f42c1; border-color: #643ab0; - color: #ffffff; + color: #fff; } .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove, @@ -21860,7 +23531,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple, @@ -21888,14 +23559,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-pink .select2-results__option--highlighted, .select2-pink .select2-container--default .select2-results__option--highlighted { background-color: #e83e8c; - color: #ffffff; + color: #fff; } .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover, .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #e63084; - color: #ffffff; + color: #fff; } .select2-container--default .select2-pink .select2-selection--multiple:focus, @@ -21907,7 +23578,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e83e8c; border-color: #e5277e; - color: #ffffff; + color: #fff; } .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove, @@ -21917,7 +23588,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple, @@ -21945,14 +23616,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-red .select2-results__option--highlighted, .select2-red .select2-container--default .select2-results__option--highlighted { background-color: #dc3545; - color: #ffffff; + color: #fff; } .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover, .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #da2839; - color: #ffffff; + color: #fff; } .select2-container--default .select2-red .select2-selection--multiple:focus, @@ -21964,7 +23635,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #dc3545; border-color: #d32535; - color: #ffffff; + color: #fff; } .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove, @@ -21974,7 +23645,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-red.select2-container--focus .select2-selection--multiple, @@ -22002,14 +23673,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-orange .select2-results__option--highlighted, .select2-orange .select2-container--default .select2-results__option--highlighted { background-color: #fd7e14; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover, .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #fd7605; - color: #ffffff; + color: #fff; } .select2-container--default .select2-orange .select2-selection--multiple:focus, @@ -22021,7 +23692,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #fd7e14; border-color: #f57102; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove, @@ -22031,7 +23702,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple, @@ -22059,14 +23730,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-yellow .select2-results__option--highlighted, .select2-yellow .select2-container--default .select2-results__option--highlighted { background-color: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover, .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #f7b900; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-yellow .select2-selection--multiple:focus, @@ -22078,7 +23749,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #ffc107; border-color: #edb100; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove, @@ -22088,7 +23759,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple, @@ -22116,14 +23787,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-green .select2-results__option--highlighted, .select2-green .select2-container--default .select2-results__option--highlighted { background-color: #28a745; - color: #ffffff; + color: #fff; } .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover, .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #259b40; - color: #ffffff; + color: #fff; } .select2-container--default .select2-green .select2-selection--multiple:focus, @@ -22135,7 +23806,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #28a745; border-color: #23923d; - color: #ffffff; + color: #fff; } .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove, @@ -22145,7 +23816,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-green.select2-container--focus .select2-selection--multiple, @@ -22173,14 +23844,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-teal .select2-results__option--highlighted, .select2-teal .select2-container--default .select2-results__option--highlighted { background-color: #20c997; - color: #ffffff; + color: #fff; } .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover, .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #1ebc8d; - color: #ffffff; + color: #fff; } .select2-container--default .select2-teal .select2-selection--multiple:focus, @@ -22192,7 +23863,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #20c997; border-color: #1cb386; - color: #ffffff; + color: #fff; } .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove, @@ -22202,7 +23873,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple, @@ -22230,14 +23901,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-cyan .select2-results__option--highlighted, .select2-cyan .select2-container--default .select2-results__option--highlighted { background-color: #17a2b8; - color: #ffffff; + color: #fff; } .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover, .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #1596aa; - color: #ffffff; + color: #fff; } .select2-container--default .select2-cyan .select2-selection--multiple:focus, @@ -22249,7 +23920,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #17a2b8; border-color: #148ea1; - color: #ffffff; + color: #fff; } .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove, @@ -22259,7 +23930,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple, @@ -22286,15 +23957,15 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-white .select2-results__option--highlighted, .select2-white .select2-container--default .select2-results__option--highlighted { - background-color: #ffffff; - color: #1F2D3D; + background-color: #fff; + color: #1f2d3d; } .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover, .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #f7f7f7; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-white .select2-selection--multiple:focus, @@ -22304,9 +23975,9 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice, .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #ffffff; + background-color: #fff; border-color: #f2f2f2; - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove, @@ -22316,7 +23987,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #1F2D3D; + color: #1f2d3d; } .select2-container--default .select2-white.select2-container--focus .select2-selection--multiple, @@ -22344,14 +24015,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-gray .select2-results__option--highlighted, .select2-gray .select2-container--default .select2-results__option--highlighted { background-color: #6c757d; - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover, .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #656d75; - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray .select2-selection--multiple:focus, @@ -22363,7 +24034,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #6c757d; border-color: #60686f; - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove, @@ -22373,7 +24044,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple, @@ -22401,14 +24072,14 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-gray-dark .select2-results__option--highlighted, .select2-gray-dark .select2-container--default .select2-results__option--highlighted { background-color: #343a40; - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover, .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #2d3238; - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray-dark .select2-selection--multiple:focus, @@ -22420,7 +24091,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #343a40; border-color: #292d32; - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove, @@ -22430,7 +24101,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #ffffff; + color: #fff; } .select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple, @@ -22438,6 +24109,51 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-color: #6d7a86; } +.dark-mode .select2-selection { + background-color: #343a40; + border-color: #6c757d; +} + +.dark-mode .select2-container--disabled .select2-selection--single { + background-color: #454d55; +} + +.dark-mode .select2-selection--single { + background-color: #343a40; + border-color: #6c757d; +} + +.dark-mode .select2-selection--single .select2-selection__rendered { + color: #fff; +} + +.dark-mode .select2-dropdown .select2-search__field, +.dark-mode .select2-search--inline .select2-search__field { + background-color: #343a40; + border-color: #6c757d; + color: white; +} + +.dark-mode .select2-dropdown { + background-color: #343a40; + border-color: #6c757d; + color: white; +} + +.dark-mode .select2-results__option[aria-selected="true"] { + background-color: #3f474e !important; + color: #dee2e6; +} + +.dark-mode .select2-container .select2-search--inline .select2-search__field { + background-color: transparent; + color: #fff; +} + +.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { + color: #fff; +} + .slider .tooltip.in { opacity: 0.9; } @@ -22547,7 +24263,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .slider-white .slider .slider-selection { - background: #ffffff; + background: #fff; } .slider-gray .slider .slider-selection { @@ -22558,6 +24274,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl background: #343a40; } +.dark-mode .slider-track { + background-color: #4b545c; + background-image: none; +} + .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #007bff; @@ -22944,18 +24665,18 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { - border-color: #ffffff; + border-color: #fff; } .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before, .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { - border-color: #ffffff; + border-color: #fff; } .icheck-white > input:first-child:checked + label::before, .icheck-white > input:first-child:checked + input[type="hidden"] + label::before { - background-color: #ffffff; - border-color: #ffffff; + background-color: #fff; + border-color: #fff; } .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before, @@ -22990,6 +24711,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-color: #343a40; } +.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before, +.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before { + border-color: #6c757d; +} + .mapael .map { position: relative; } @@ -23012,7 +24738,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-radius: 0.25rem; font-size: 0.875rem; background-color: #000; - color: #ffffff; + color: #fff; display: block; max-width: 200px; padding: 0.25rem 0.5rem; @@ -23035,7 +24761,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-radius: 0.25rem; color: #444; cursor: pointer; - font-weight: bold; + font-weight: 700; height: 16px; left: 10px; line-height: 14px; @@ -23119,6 +24845,16 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl background-color: #28a745; } +.dark-mode .swal2-popup { + background-color: #343a40; + color: #e9ecef; +} + +.dark-mode .swal2-popup .swal2-content, +.dark-mode .swal2-popup .swal2-title { + color: #e9ecef; +} + #toast-container .toast { background-color: #007bff; } @@ -23161,7 +24897,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-primary .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-primary .pace .pace-progress { @@ -23187,7 +24923,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-primary .pace-progress::before { background: #007bff; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23203,7 +24939,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-primary .pace .pace-progress { background: rgba(0, 123, 255, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-primary .pace .pace-activity { @@ -23215,7 +24951,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-primary .pace { - background: #ffffff; + background: #fff; border-color: #007bff; } @@ -23233,7 +24969,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-primary .pace .pace-activity::after, .pace-corner-indicator-primary .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-primary .pace .pace-activity::before { @@ -23266,11 +25002,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-primary .pace .pace-progress { background: #007bff; color: #007bff; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-primary .pace .pace-activity { - box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff; } .pace-mac-osx-primary .pace .pace-progress { @@ -23292,7 +25028,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-secondary .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-secondary .pace .pace-progress { @@ -23318,7 +25054,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-secondary .pace-progress::before { background: #6c757d; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23334,7 +25070,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-secondary .pace .pace-progress { background: rgba(108, 117, 125, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-secondary .pace .pace-activity { @@ -23346,7 +25082,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-secondary .pace { - background: #ffffff; + background: #fff; border-color: #6c757d; } @@ -23364,7 +25100,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-secondary .pace .pace-activity::after, .pace-corner-indicator-secondary .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-secondary .pace .pace-activity::before { @@ -23397,11 +25133,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-secondary .pace .pace-progress { background: #6c757d; color: #6c757d; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-secondary .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff; } .pace-mac-osx-secondary .pace .pace-progress { @@ -23423,7 +25159,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-success .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-success .pace .pace-progress { @@ -23449,7 +25185,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-success .pace-progress::before { background: #28a745; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23465,7 +25201,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-success .pace .pace-progress { background: rgba(40, 167, 69, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-success .pace .pace-activity { @@ -23477,7 +25213,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-success .pace { - background: #ffffff; + background: #fff; border-color: #28a745; } @@ -23495,7 +25231,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-success .pace .pace-activity::after, .pace-corner-indicator-success .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-success .pace .pace-activity::before { @@ -23528,11 +25264,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-success .pace .pace-progress { background: #28a745; color: #28a745; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-success .pace .pace-activity { - box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff; } .pace-mac-osx-success .pace .pace-progress { @@ -23554,7 +25290,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-info .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-info .pace .pace-progress { @@ -23580,7 +25316,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-info .pace-progress::before { background: #17a2b8; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23596,7 +25332,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-info .pace .pace-progress { background: rgba(23, 162, 184, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-info .pace .pace-activity { @@ -23608,7 +25344,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-info .pace { - background: #ffffff; + background: #fff; border-color: #17a2b8; } @@ -23626,7 +25362,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-info .pace .pace-activity::after, .pace-corner-indicator-info .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-info .pace .pace-activity::before { @@ -23659,11 +25395,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-info .pace .pace-progress { background: #17a2b8; color: #17a2b8; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-info .pace .pace-activity { - box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff; } .pace-mac-osx-info .pace .pace-progress { @@ -23685,7 +25421,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-warning .pace { - background: #1F2D3D; + background: #1f2d3d; } .pace-barber-shop-warning .pace .pace-progress { @@ -23711,7 +25447,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-warning .pace-progress::before { background: #ffc107; - color: #1F2D3D; + color: #1f2d3d; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23727,7 +25463,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-warning .pace .pace-progress { background: rgba(255, 193, 7, 0.8); - color: #1F2D3D; + color: #1f2d3d; } .pace-center-radar-warning .pace .pace-activity { @@ -23739,7 +25475,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-warning .pace { - background: #1F2D3D; + background: #1f2d3d; border-color: #ffc107; } @@ -23757,7 +25493,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-warning .pace .pace-activity::after, .pace-corner-indicator-warning .pace .pace-activity::before { - border: 5px solid #1F2D3D; + border: 5px solid #1f2d3d; } .pace-corner-indicator-warning .pace .pace-activity::before { @@ -23790,11 +25526,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-warning .pace .pace-progress { background: #ffc107; color: #ffc107; - box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } .pace-loading-bar-warning .pace .pace-activity { - box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1F2D3D; + box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d; } .pace-mac-osx-warning .pace .pace-progress { @@ -23816,7 +25552,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-danger .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-danger .pace .pace-progress { @@ -23842,7 +25578,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-danger .pace-progress::before { background: #dc3545; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23858,7 +25594,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-danger .pace .pace-progress { background: rgba(220, 53, 69, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-danger .pace .pace-activity { @@ -23870,7 +25606,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-danger .pace { - background: #ffffff; + background: #fff; border-color: #dc3545; } @@ -23888,7 +25624,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-danger .pace .pace-activity::after, .pace-corner-indicator-danger .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-danger .pace .pace-activity::before { @@ -23921,11 +25657,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-danger .pace .pace-progress { background: #dc3545; color: #dc3545; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-danger .pace .pace-activity { - box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff; } .pace-mac-osx-danger .pace .pace-progress { @@ -23947,7 +25683,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-light .pace { - background: #1F2D3D; + background: #1f2d3d; } .pace-barber-shop-light .pace .pace-progress { @@ -23973,7 +25709,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-light .pace-progress::before { background: #f8f9fa; - color: #1F2D3D; + color: #1f2d3d; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -23989,7 +25725,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-light .pace .pace-progress { background: rgba(248, 249, 250, 0.8); - color: #1F2D3D; + color: #1f2d3d; } .pace-center-radar-light .pace .pace-activity { @@ -24001,7 +25737,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-light .pace { - background: #1F2D3D; + background: #1f2d3d; border-color: #f8f9fa; } @@ -24019,7 +25755,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-light .pace .pace-activity::after, .pace-corner-indicator-light .pace .pace-activity::before { - border: 5px solid #1F2D3D; + border: 5px solid #1f2d3d; } .pace-corner-indicator-light .pace .pace-activity::before { @@ -24052,11 +25788,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-light .pace .pace-progress { background: #f8f9fa; color: #f8f9fa; - box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } .pace-loading-bar-light .pace .pace-activity { - box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1F2D3D; + box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1f2d3d; } .pace-mac-osx-light .pace .pace-progress { @@ -24078,7 +25814,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-dark .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-dark .pace .pace-progress { @@ -24104,7 +25840,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-dark .pace-progress::before { background: #343a40; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24120,7 +25856,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-dark .pace .pace-progress { background: rgba(52, 58, 64, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-dark .pace .pace-activity { @@ -24132,7 +25868,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-dark .pace { - background: #ffffff; + background: #fff; border-color: #343a40; } @@ -24150,7 +25886,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-dark .pace .pace-activity::after, .pace-corner-indicator-dark .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-dark .pace .pace-activity::before { @@ -24183,11 +25919,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-dark .pace .pace-progress { background: #343a40; color: #343a40; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-dark .pace .pace-activity { - box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff; } .pace-mac-osx-dark .pace .pace-progress { @@ -24209,7 +25945,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-lightblue .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-lightblue .pace .pace-progress { @@ -24235,7 +25971,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-lightblue .pace-progress::before { background: #3c8dbc; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24251,7 +25987,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-lightblue .pace .pace-progress { background: rgba(60, 141, 188, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-lightblue .pace .pace-activity { @@ -24263,7 +25999,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-lightblue .pace { - background: #ffffff; + background: #fff; border-color: #3c8dbc; } @@ -24281,7 +26017,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-lightblue .pace .pace-activity::after, .pace-corner-indicator-lightblue .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-lightblue .pace .pace-activity::before { @@ -24314,11 +26050,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-lightblue .pace .pace-progress { background: #3c8dbc; color: #3c8dbc; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-lightblue .pace .pace-activity { - box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #fff; } .pace-mac-osx-lightblue .pace .pace-progress { @@ -24340,7 +26076,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-navy .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-navy .pace .pace-progress { @@ -24366,7 +26102,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-navy .pace-progress::before { background: #001f3f; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24382,7 +26118,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-navy .pace .pace-progress { background: rgba(0, 31, 63, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-navy .pace .pace-activity { @@ -24394,7 +26130,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-navy .pace { - background: #ffffff; + background: #fff; border-color: #001f3f; } @@ -24412,7 +26148,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-navy .pace .pace-activity::after, .pace-corner-indicator-navy .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-navy .pace .pace-activity::before { @@ -24445,11 +26181,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-navy .pace .pace-progress { background: #001f3f; color: #001f3f; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-navy .pace .pace-activity { - box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #fff; } .pace-mac-osx-navy .pace .pace-progress { @@ -24471,7 +26207,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-olive .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-olive .pace .pace-progress { @@ -24497,7 +26233,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-olive .pace-progress::before { background: #3d9970; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24513,7 +26249,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-olive .pace .pace-progress { background: rgba(61, 153, 112, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-olive .pace .pace-activity { @@ -24525,7 +26261,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-olive .pace { - background: #ffffff; + background: #fff; border-color: #3d9970; } @@ -24543,7 +26279,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-olive .pace .pace-activity::after, .pace-corner-indicator-olive .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-olive .pace .pace-activity::before { @@ -24576,11 +26312,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-olive .pace .pace-progress { background: #3d9970; color: #3d9970; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-olive .pace .pace-activity { - box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #fff; } .pace-mac-osx-olive .pace .pace-progress { @@ -24602,7 +26338,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-lime .pace { - background: #1F2D3D; + background: #1f2d3d; } .pace-barber-shop-lime .pace .pace-progress { @@ -24628,7 +26364,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-lime .pace-progress::before { background: #01ff70; - color: #1F2D3D; + color: #1f2d3d; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24644,7 +26380,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-lime .pace .pace-progress { background: rgba(1, 255, 112, 0.8); - color: #1F2D3D; + color: #1f2d3d; } .pace-center-radar-lime .pace .pace-activity { @@ -24656,7 +26392,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-lime .pace { - background: #1F2D3D; + background: #1f2d3d; border-color: #01ff70; } @@ -24674,7 +26410,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-lime .pace .pace-activity::after, .pace-corner-indicator-lime .pace .pace-activity::before { - border: 5px solid #1F2D3D; + border: 5px solid #1f2d3d; } .pace-corner-indicator-lime .pace .pace-activity::before { @@ -24707,11 +26443,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-lime .pace .pace-progress { background: #01ff70; color: #01ff70; - box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } .pace-loading-bar-lime .pace .pace-activity { - box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1F2D3D; + box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1f2d3d; } .pace-mac-osx-lime .pace .pace-progress { @@ -24733,7 +26469,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-fuchsia .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-fuchsia .pace .pace-progress { @@ -24759,7 +26495,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-fuchsia .pace-progress::before { background: #f012be; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24775,7 +26511,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-fuchsia .pace .pace-progress { background: rgba(240, 18, 190, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-fuchsia .pace .pace-activity { @@ -24787,7 +26523,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-fuchsia .pace { - background: #ffffff; + background: #fff; border-color: #f012be; } @@ -24805,7 +26541,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-fuchsia .pace .pace-activity::after, .pace-corner-indicator-fuchsia .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-fuchsia .pace .pace-activity::before { @@ -24838,11 +26574,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-fuchsia .pace .pace-progress { background: #f012be; color: #f012be; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-fuchsia .pace .pace-activity { - box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #fff; } .pace-mac-osx-fuchsia .pace .pace-progress { @@ -24864,7 +26600,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-maroon .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-maroon .pace .pace-progress { @@ -24890,7 +26626,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-maroon .pace-progress::before { background: #d81b60; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -24906,7 +26642,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-maroon .pace .pace-progress { background: rgba(216, 27, 96, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-maroon .pace .pace-activity { @@ -24918,7 +26654,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-maroon .pace { - background: #ffffff; + background: #fff; border-color: #d81b60; } @@ -24936,7 +26672,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-maroon .pace .pace-activity::after, .pace-corner-indicator-maroon .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-maroon .pace .pace-activity::before { @@ -24969,11 +26705,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-maroon .pace .pace-progress { background: #d81b60; color: #d81b60; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-maroon .pace .pace-activity { - box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #fff; } .pace-mac-osx-maroon .pace .pace-progress { @@ -24995,7 +26731,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-blue .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-blue .pace .pace-progress { @@ -25021,7 +26757,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-blue .pace-progress::before { background: #007bff; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25037,7 +26773,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-blue .pace .pace-progress { background: rgba(0, 123, 255, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-blue .pace .pace-activity { @@ -25049,7 +26785,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-blue .pace { - background: #ffffff; + background: #fff; border-color: #007bff; } @@ -25067,7 +26803,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-blue .pace .pace-activity::after, .pace-corner-indicator-blue .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-blue .pace .pace-activity::before { @@ -25100,11 +26836,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-blue .pace .pace-progress { background: #007bff; color: #007bff; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-blue .pace .pace-activity { - box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff; } .pace-mac-osx-blue .pace .pace-progress { @@ -25126,7 +26862,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-indigo .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-indigo .pace .pace-progress { @@ -25152,7 +26888,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-indigo .pace-progress::before { background: #6610f2; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25168,7 +26904,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-indigo .pace .pace-progress { background: rgba(102, 16, 242, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-indigo .pace .pace-activity { @@ -25180,7 +26916,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-indigo .pace { - background: #ffffff; + background: #fff; border-color: #6610f2; } @@ -25198,7 +26934,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-indigo .pace .pace-activity::after, .pace-corner-indicator-indigo .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-indigo .pace .pace-activity::before { @@ -25231,11 +26967,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-indigo .pace .pace-progress { background: #6610f2; color: #6610f2; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-indigo .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #fff; } .pace-mac-osx-indigo .pace .pace-progress { @@ -25257,7 +26993,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-purple .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-purple .pace .pace-progress { @@ -25283,7 +27019,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-purple .pace-progress::before { background: #6f42c1; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25299,7 +27035,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-purple .pace .pace-progress { background: rgba(111, 66, 193, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-purple .pace .pace-activity { @@ -25311,7 +27047,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-purple .pace { - background: #ffffff; + background: #fff; border-color: #6f42c1; } @@ -25329,7 +27065,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-purple .pace .pace-activity::after, .pace-corner-indicator-purple .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-purple .pace .pace-activity::before { @@ -25362,11 +27098,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-purple .pace .pace-progress { background: #6f42c1; color: #6f42c1; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-purple .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #fff; } .pace-mac-osx-purple .pace .pace-progress { @@ -25388,7 +27124,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-pink .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-pink .pace .pace-progress { @@ -25414,7 +27150,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-pink .pace-progress::before { background: #e83e8c; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25430,7 +27166,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-pink .pace .pace-progress { background: rgba(232, 62, 140, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-pink .pace .pace-activity { @@ -25442,7 +27178,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-pink .pace { - background: #ffffff; + background: #fff; border-color: #e83e8c; } @@ -25460,7 +27196,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-pink .pace .pace-activity::after, .pace-corner-indicator-pink .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-pink .pace .pace-activity::before { @@ -25493,11 +27229,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-pink .pace .pace-progress { background: #e83e8c; color: #e83e8c; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-pink .pace .pace-activity { - box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #fff; } .pace-mac-osx-pink .pace .pace-progress { @@ -25519,7 +27255,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-red .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-red .pace .pace-progress { @@ -25545,7 +27281,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-red .pace-progress::before { background: #dc3545; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25561,7 +27297,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-red .pace .pace-progress { background: rgba(220, 53, 69, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-red .pace .pace-activity { @@ -25573,7 +27309,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-red .pace { - background: #ffffff; + background: #fff; border-color: #dc3545; } @@ -25591,7 +27327,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-red .pace .pace-activity::after, .pace-corner-indicator-red .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-red .pace .pace-activity::before { @@ -25624,11 +27360,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-red .pace .pace-progress { background: #dc3545; color: #dc3545; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-red .pace .pace-activity { - box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff; } .pace-mac-osx-red .pace .pace-progress { @@ -25650,7 +27386,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-orange .pace { - background: #1F2D3D; + background: #1f2d3d; } .pace-barber-shop-orange .pace .pace-progress { @@ -25676,7 +27412,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-orange .pace-progress::before { background: #fd7e14; - color: #1F2D3D; + color: #1f2d3d; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25692,7 +27428,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-orange .pace .pace-progress { background: rgba(253, 126, 20, 0.8); - color: #1F2D3D; + color: #1f2d3d; } .pace-center-radar-orange .pace .pace-activity { @@ -25704,7 +27440,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-orange .pace { - background: #1F2D3D; + background: #1f2d3d; border-color: #fd7e14; } @@ -25722,7 +27458,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-orange .pace .pace-activity::after, .pace-corner-indicator-orange .pace .pace-activity::before { - border: 5px solid #1F2D3D; + border: 5px solid #1f2d3d; } .pace-corner-indicator-orange .pace .pace-activity::before { @@ -25755,11 +27491,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-orange .pace .pace-progress { background: #fd7e14; color: #fd7e14; - box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } .pace-loading-bar-orange .pace .pace-activity { - box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1F2D3D; + box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1f2d3d; } .pace-mac-osx-orange .pace .pace-progress { @@ -25781,7 +27517,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-yellow .pace { - background: #1F2D3D; + background: #1f2d3d; } .pace-barber-shop-yellow .pace .pace-progress { @@ -25807,7 +27543,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-yellow .pace-progress::before { background: #ffc107; - color: #1F2D3D; + color: #1f2d3d; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25823,7 +27559,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-yellow .pace .pace-progress { background: rgba(255, 193, 7, 0.8); - color: #1F2D3D; + color: #1f2d3d; } .pace-center-radar-yellow .pace .pace-activity { @@ -25835,7 +27571,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-yellow .pace { - background: #1F2D3D; + background: #1f2d3d; border-color: #ffc107; } @@ -25853,7 +27589,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-yellow .pace .pace-activity::after, .pace-corner-indicator-yellow .pace .pace-activity::before { - border: 5px solid #1F2D3D; + border: 5px solid #1f2d3d; } .pace-corner-indicator-yellow .pace .pace-activity::before { @@ -25886,11 +27622,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-yellow .pace .pace-progress { background: #ffc107; color: #ffc107; - box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } .pace-loading-bar-yellow .pace .pace-activity { - box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1F2D3D; + box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d; } .pace-mac-osx-yellow .pace .pace-progress { @@ -25912,7 +27648,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-green .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-green .pace .pace-progress { @@ -25938,7 +27674,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-green .pace-progress::before { background: #28a745; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -25954,7 +27690,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-green .pace .pace-progress { background: rgba(40, 167, 69, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-green .pace .pace-activity { @@ -25966,7 +27702,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-green .pace { - background: #ffffff; + background: #fff; border-color: #28a745; } @@ -25984,7 +27720,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-green .pace .pace-activity::after, .pace-corner-indicator-green .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-green .pace .pace-activity::before { @@ -26017,11 +27753,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-green .pace .pace-progress { background: #28a745; color: #28a745; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-green .pace .pace-activity { - box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff; } .pace-mac-osx-green .pace .pace-progress { @@ -26043,7 +27779,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-teal .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-teal .pace .pace-progress { @@ -26069,7 +27805,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-teal .pace-progress::before { background: #20c997; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -26085,7 +27821,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-teal .pace .pace-progress { background: rgba(32, 201, 151, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-teal .pace .pace-activity { @@ -26097,7 +27833,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-teal .pace { - background: #ffffff; + background: #fff; border-color: #20c997; } @@ -26115,7 +27851,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-teal .pace .pace-activity::after, .pace-corner-indicator-teal .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-teal .pace .pace-activity::before { @@ -26148,11 +27884,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-teal .pace .pace-progress { background: #20c997; color: #20c997; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-teal .pace .pace-activity { - box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #fff; } .pace-mac-osx-teal .pace .pace-progress { @@ -26174,7 +27910,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-cyan .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-cyan .pace .pace-progress { @@ -26200,7 +27936,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-cyan .pace-progress::before { background: #17a2b8; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -26216,7 +27952,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-cyan .pace .pace-progress { background: rgba(23, 162, 184, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-cyan .pace .pace-activity { @@ -26228,7 +27964,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-cyan .pace { - background: #ffffff; + background: #fff; border-color: #17a2b8; } @@ -26246,7 +27982,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-cyan .pace .pace-activity::after, .pace-corner-indicator-cyan .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-cyan .pace .pace-activity::before { @@ -26279,11 +28015,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-cyan .pace .pace-progress { background: #17a2b8; color: #17a2b8; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-cyan .pace .pace-activity { - box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff; } .pace-mac-osx-cyan .pace .pace-progress { @@ -26301,15 +28037,15 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-white .pace .pace-progress { - background: #ffffff; + background: #fff; } .pace-barber-shop-white .pace { - background: #1F2D3D; + background: #1f2d3d; } .pace-barber-shop-white .pace .pace-progress { - background: #ffffff; + background: #fff; } .pace-barber-shop-white .pace .pace-activity { @@ -26321,7 +28057,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-bounce-white .pace .pace-activity { - background: #ffffff; + background: #fff; } .pace-center-atom-white .pace-progress { @@ -26330,54 +28066,54 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-atom-white .pace-progress::before { - background: #ffffff; - color: #1F2D3D; + background: #fff; + color: #1f2d3d; font-size: .8rem; line-height: .7rem; padding-top: 17%; } .pace-center-atom-white .pace-activity { - border-color: #ffffff; + border-color: #fff; } .pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before { - border-color: #ffffff; + border-color: #fff; } .pace-center-circle-white .pace .pace-progress { background: rgba(255, 255, 255, 0.8); - color: #1F2D3D; + color: #1f2d3d; } .pace-center-radar-white .pace .pace-activity { - border-color: #ffffff transparent transparent; + border-color: #fff transparent transparent; } .pace-center-radar-white .pace .pace-activity::before { - border-color: #ffffff transparent transparent; + border-color: #fff transparent transparent; } .pace-center-simple-white .pace { - background: #1F2D3D; - border-color: #ffffff; + background: #1f2d3d; + border-color: #fff; } .pace-center-simple-white .pace .pace-progress { - background: #ffffff; + background: #fff; } .pace-material-white .pace { - color: #ffffff; + color: #fff; } .pace-corner-indicator-white .pace .pace-activity { - background: #ffffff; + background: #fff; } .pace-corner-indicator-white .pace .pace-activity::after, .pace-corner-indicator-white .pace .pace-activity::before { - border: 5px solid #1F2D3D; + border: 5px solid #1f2d3d; } .pace-corner-indicator-white .pace .pace-activity::before { @@ -26395,31 +28131,31 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-flash-white .pace .pace-progress { - background: #ffffff; + background: #fff; } .pace-flash-white .pace .pace-progress-inner { - box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff; + box-shadow: 0 0 10px #fff, 0 0 5px #fff; } .pace-flash-white .pace .pace-activity { - border-top-color: #ffffff; - border-left-color: #ffffff; + border-top-color: #fff; + border-left-color: #fff; } .pace-loading-bar-white .pace .pace-progress { - background: #ffffff; - color: #ffffff; - box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; + background: #fff; + color: #fff; + box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d; } .pace-loading-bar-white .pace .pace-activity { - box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 7px #1F2D3D; + box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 7px #1f2d3d; } .pace-mac-osx-white .pace .pace-progress { - background-color: #ffffff; - box-shadow: inset -1px 0 #ffffff, inset 0 -1px #ffffff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); + background-color: #fff; + box-shadow: inset -1px 0 #fff, inset 0 -1px #fff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); } .pace-mac-osx-white .pace .pace-activity { @@ -26428,7 +28164,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-progress-color-white .pace-progress { - color: #ffffff; + color: #fff; } .pace-gray .pace .pace-progress { @@ -26436,7 +28172,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-gray .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-gray .pace .pace-progress { @@ -26462,7 +28198,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-gray .pace-progress::before { background: #6c757d; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -26478,7 +28214,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-gray .pace .pace-progress { background: rgba(108, 117, 125, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-gray .pace .pace-activity { @@ -26490,7 +28226,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-gray .pace { - background: #ffffff; + background: #fff; border-color: #6c757d; } @@ -26508,7 +28244,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-gray .pace .pace-activity::after, .pace-corner-indicator-gray .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-gray .pace .pace-activity::before { @@ -26541,11 +28277,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-gray .pace .pace-progress { background: #6c757d; color: #6c757d; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-gray .pace .pace-activity { - box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff; } .pace-mac-osx-gray .pace .pace-progress { @@ -26567,7 +28303,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-barber-shop-gray-dark .pace { - background: #ffffff; + background: #fff; } .pace-barber-shop-gray-dark .pace .pace-progress { @@ -26593,7 +28329,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-atom-gray-dark .pace-progress::before { background: #343a40; - color: #ffffff; + color: #fff; font-size: .8rem; line-height: .7rem; padding-top: 17%; @@ -26609,7 +28345,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-center-circle-gray-dark .pace .pace-progress { background: rgba(52, 58, 64, 0.8); - color: #ffffff; + color: #fff; } .pace-center-radar-gray-dark .pace .pace-activity { @@ -26621,7 +28357,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .pace-center-simple-gray-dark .pace { - background: #ffffff; + background: #fff; border-color: #343a40; } @@ -26639,7 +28375,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-corner-indicator-gray-dark .pace .pace-activity::after, .pace-corner-indicator-gray-dark .pace .pace-activity::before { - border: 5px solid #ffffff; + border: 5px solid #fff; } .pace-corner-indicator-gray-dark .pace .pace-activity::before { @@ -26672,11 +28408,11 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .pace-loading-bar-gray-dark .pace .pace-progress { background: #343a40; color: #343a40; - box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; + box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace-loading-bar-gray-dark .pace .pace-activity { - box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #ffffff; + box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff; } .pace-mac-osx-gray-dark .pace .pace-progress { @@ -26724,7 +28460,6 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-radius: 0.25rem; display: inline-block; top: 0; - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @@ -26754,169 +28489,169 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { background: #e9ecef; - color: #1F2D3D; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: #007bff; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary { background: #6c757d; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { background: #28a745; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { background: #17a2b8; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { background: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { background: #dc3545; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light { background: #f8f9fa; - color: #1F2D3D; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark { background: #343a40; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue { background: #3c8dbc; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy { background: #001f3f; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive { background: #3d9970; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime { background: #01ff70; - color: #1F2D3D; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia { background: #f012be; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon { background: #d81b60; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue { background: #007bff; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo { background: #6610f2; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple { background: #6f42c1; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink { background: #e83e8c; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red { background: #dc3545; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange { background: #fd7e14; - color: #1F2D3D; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow { background: #ffc107; - color: #1F2D3D; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green { background: #28a745; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal { background: #20c997; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan { background: #17a2b8; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white { - background: #ffffff; - color: #1F2D3D; + background: #fff; + color: #1f2d3d; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray { background: #6c757d; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark { background: #343a40; - color: #ffffff; + color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on { @@ -27005,6 +28740,17 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-top-left-radius: 0.1rem; } +.dark-mode .bootstrap-switch { + border-color: #6c757d; +} + +.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, +.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { + background-color: #3a4047; + color: #fff; + border-color: #454d55; +} + .jqstooltip { height: auto !important; padding: 5px !important; @@ -27037,6 +28783,33 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl position: relative; } +.dark-mode .irs--flat .irs-line { + background-color: #4b545c; +} + +.dark-mode .jsgrid-edit-row > .jsgrid-cell, +.dark-mode .jsgrid-filter-row > .jsgrid-cell, +.dark-mode .jsgrid-grid-body, .dark-mode .jsgrid-grid-header, +.dark-mode .jsgrid-header-row > .jsgrid-header-cell, +.dark-mode .jsgrid-insert-row > .jsgrid-cell, +.dark-mode .jsgrid-row > .jsgrid-cell, +.dark-mode .jsgrid-alt-row > .jsgrid-cell { + border-color: #6c757d; +} + +.dark-mode .jsgrid-header-row > .jsgrid-header-cell, +.dark-mode .jsgrid-row > .jsgrid-cell { + background-color: #343a40; +} + +.dark-mode .jsgrid-alt-row > .jsgrid-cell { + background-color: #3a4047; +} + +.dark-mode .jsgrid-selected-row > .jsgrid-cell { + background-color: #3f474e; +} + .border-transparent { border-color: transparent !important; } @@ -27077,12 +28850,12 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .list-header { color: #6c757d; font-size: 15px; - font-weight: bold; + font-weight: 700; padding: 10px 4px; } .list-seperator { - background: rgba(0, 0, 0, 0.125); + background-color: rgba(0, 0, 0, 0.125); height: 1px; margin: 15px 0 9px; } @@ -27235,7 +29008,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .attachment-block { - background: #f8f9fa; + background-color: #f8f9fa; border: 1px solid rgba(0, 0, 0, 0.125); margin-bottom: 10px; padding: 5px; @@ -27282,7 +29055,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-radius: 0.25rem; -ms-flex-align: center; align-items: center; - background: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.7); display: -ms-flexbox; display: flex; -ms-flex-pack: center; @@ -27294,25 +29067,33 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .card .overlay > .fas, .card .overlay > .far, .card .overlay > .fab, -.card .overlay > .glyphicon, +.card .overlay > .fal, +.card .overlay > .fad, +.card .overlay > .svg-inline--fa, .card .overlay > .ion, .overlay-wrapper .overlay > .fa, .overlay-wrapper .overlay > .fas, .overlay-wrapper .overlay > .far, .overlay-wrapper .overlay > .fab, -.overlay-wrapper .overlay > .glyphicon, +.overlay-wrapper .overlay > .fal, +.overlay-wrapper .overlay > .fad, +.overlay-wrapper .overlay > .svg-inline--fa, .overlay-wrapper .overlay > .ion, .info-box .overlay > .fa, .info-box .overlay > .fas, .info-box .overlay > .far, .info-box .overlay > .fab, -.info-box .overlay > .glyphicon, +.info-box .overlay > .fal, +.info-box .overlay > .fad, +.info-box .overlay > .svg-inline--fa, .info-box .overlay > .ion, .small-box .overlay > .fa, .small-box .overlay > .fas, .small-box .overlay > .far, .small-box .overlay > .fab, -.small-box .overlay > .glyphicon, +.small-box .overlay > .fal, +.small-box .overlay > .fad, +.small-box .overlay > .svg-inline--fa, .small-box .overlay > .ion { color: #343a40; } @@ -27321,32 +29102,40 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl .overlay-wrapper .overlay.dark, .info-box .overlay.dark, .small-box .overlay.dark { - background: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.5); } .card .overlay.dark > .fa, .card .overlay.dark > .fas, .card .overlay.dark > .far, .card .overlay.dark > .fab, -.card .overlay.dark > .glyphicon, +.card .overlay.dark > .fal, +.card .overlay.dark > .fad, +.card .overlay.dark > .svg-inline--fa, .card .overlay.dark > .ion, .overlay-wrapper .overlay.dark > .fa, .overlay-wrapper .overlay.dark > .fas, .overlay-wrapper .overlay.dark > .far, .overlay-wrapper .overlay.dark > .fab, -.overlay-wrapper .overlay.dark > .glyphicon, +.overlay-wrapper .overlay.dark > .fal, +.overlay-wrapper .overlay.dark > .fad, +.overlay-wrapper .overlay.dark > .svg-inline--fa, .overlay-wrapper .overlay.dark > .ion, .info-box .overlay.dark > .fa, .info-box .overlay.dark > .fas, .info-box .overlay.dark > .far, .info-box .overlay.dark > .fab, -.info-box .overlay.dark > .glyphicon, +.info-box .overlay.dark > .fal, +.info-box .overlay.dark > .fad, +.info-box .overlay.dark > .svg-inline--fa, .info-box .overlay.dark > .ion, .small-box .overlay.dark > .fa, .small-box .overlay.dark > .fas, .small-box .overlay.dark > .far, .small-box .overlay.dark > .fab, -.small-box .overlay.dark > .glyphicon, +.small-box .overlay.dark > .fal, +.small-box .overlay.dark > .fad, +.small-box .overlay.dark > .svg-inline--fa, .small-box .overlay.dark > .ion { color: #ced4da; } @@ -27367,7 +29156,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .tab-pane > .overlay-wrapper > .overlay.dark { - color: #ffffff; + color: #fff; } .ribbon-wrapper { @@ -27386,7 +29175,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl } .ribbon-wrapper.ribbon-lg .ribbon { - right: 0px; + right: 0; top: 26px; width: 160px; } @@ -27413,7 +29202,6 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-transform: uppercase; top: 10px; - -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 90px; } @@ -27423,7 +29211,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl border-right: 3px solid transparent; border-top: 3px solid #9e9e9e; bottom: -3px; - content: ''; + content: ""; position: absolute; } @@ -27451,14 +29239,14 @@ pre { } blockquote { - background: #ffffff; + background-color: #fff; border-left: 0.7rem solid #007bff; margin: 1.5em .7rem; - padding: 0.5em .7rem; + padding: .5em .7rem; } .box blockquote { - background: #e9ecef; + background-color: #e9ecef; } blockquote p:last-child { @@ -27789,7 +29577,7 @@ blockquote.quote-cyan h6 { } blockquote.quote-white { - border-color: #ffffff; + border-color: #fff; } blockquote.quote-white h1, @@ -27798,7 +29586,7 @@ blockquote.quote-white h3, blockquote.quote-white h4, blockquote.quote-white h5, blockquote.quote-white h6 { - color: #ffffff; + color: #fff; } blockquote.quote-gray { @@ -27852,6 +29640,37 @@ blockquote.quote-gray-dark h6 { padding: .375rem .6rem; } +.dark-mode a:not(.btn):hover { + color: #3395ff; +} + +.dark-mode .attachment-block { + background-color: #3d444b; +} + +.dark-mode .attachment-block .attachment-text { + color: #ced4da; +} + +.dark-mode blockquote { + background-color: #3f474e; +} + +.dark-mode .close, .dark-mode .mailbox-attachment-close, +.dark-mode .mailbox-attachment-close { + color: #adb5bd; + text-shadow: 0 1px 0 #495057; +} + +.dark-mode .tab-custom-content { + border-color: #6c757d; +} + +.dark-mode .list-group-item { + background-color: #343a40; + border-color: #6c757d; +} + @media print { .no-print, .main-sidebar, .main-header, @@ -27860,7 +29679,6 @@ blockquote.quote-gray-dark h6 { } .content-wrapper, .main-footer { - -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-left: 0 !important; min-height: 0 !important; @@ -27887,7 +29705,9 @@ blockquote.quote-gray-dark h6 { } } -.text-bold, .text-bold.table td, .text-bold.table th { +.text-bold, +.text-bold.table td, +.text-bold.table th { font-weight: 700; } @@ -27976,7 +29796,7 @@ blockquote.quote-gray-dark h6 { } .text-white { - color: #ffffff !important; + color: #fff !important; } .text-gray { @@ -27987,6 +29807,10 @@ blockquote.quote-gray-dark h6 { color: #343a40 !important; } +.dark-mode .text-muted { + color: #adb5bd !important; +} + .elevation-0 { box-shadow: none !important; } @@ -28017,7 +29841,7 @@ blockquote.quote-gray-dark h6 { .bg-primary, .bg-primary > a { - color: #ffffff !important; + color: #fff !important; } .bg-primary.btn:hover { @@ -28028,7 +29852,7 @@ blockquote.quote-gray-dark h6 { .bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active { background-color: #0062cc !important; border-color: #005cbf; - color: #ffffff; + color: #fff; } .bg-secondary { @@ -28037,7 +29861,7 @@ blockquote.quote-gray-dark h6 { .bg-secondary, .bg-secondary > a { - color: #ffffff !important; + color: #fff !important; } .bg-secondary.btn:hover { @@ -28048,7 +29872,7 @@ blockquote.quote-gray-dark h6 { .bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active { background-color: #545b62 !important; border-color: #4e555b; - color: #ffffff; + color: #fff; } .bg-success { @@ -28057,7 +29881,7 @@ blockquote.quote-gray-dark h6 { .bg-success, .bg-success > a { - color: #ffffff !important; + color: #fff !important; } .bg-success.btn:hover { @@ -28068,7 +29892,7 @@ blockquote.quote-gray-dark h6 { .bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active { background-color: #1e7e34 !important; border-color: #1c7430; - color: #ffffff; + color: #fff; } .bg-info { @@ -28077,7 +29901,7 @@ blockquote.quote-gray-dark h6 { .bg-info, .bg-info > a { - color: #ffffff !important; + color: #fff !important; } .bg-info.btn:hover { @@ -28088,7 +29912,7 @@ blockquote.quote-gray-dark h6 { .bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active { background-color: #117a8b !important; border-color: #10707f; - color: #ffffff; + color: #fff; } .bg-warning { @@ -28097,7 +29921,7 @@ blockquote.quote-gray-dark h6 { .bg-warning, .bg-warning > a { - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-warning.btn:hover { @@ -28108,7 +29932,7 @@ blockquote.quote-gray-dark h6 { .bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active { background-color: #d39e00 !important; border-color: #c69500; - color: #1F2D3D; + color: #1f2d3d; } .bg-danger { @@ -28117,7 +29941,7 @@ blockquote.quote-gray-dark h6 { .bg-danger, .bg-danger > a { - color: #ffffff !important; + color: #fff !important; } .bg-danger.btn:hover { @@ -28128,7 +29952,7 @@ blockquote.quote-gray-dark h6 { .bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active { background-color: #bd2130 !important; border-color: #b21f2d; - color: #ffffff; + color: #fff; } .bg-light { @@ -28137,7 +29961,7 @@ blockquote.quote-gray-dark h6 { .bg-light, .bg-light > a { - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-light.btn:hover { @@ -28148,7 +29972,7 @@ blockquote.quote-gray-dark h6 { .bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active { background-color: #dae0e5 !important; border-color: #d3d9df; - color: #1F2D3D; + color: #1f2d3d; } .bg-dark { @@ -28157,7 +29981,7 @@ blockquote.quote-gray-dark h6 { .bg-dark, .bg-dark > a { - color: #ffffff !important; + color: #fff !important; } .bg-dark.btn:hover { @@ -28168,7 +29992,7 @@ blockquote.quote-gray-dark h6 { .bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active { background-color: #1d2124 !important; border-color: #171a1d; - color: #ffffff; + color: #fff; } .bg-lightblue { @@ -28177,7 +30001,7 @@ blockquote.quote-gray-dark h6 { .bg-lightblue, .bg-lightblue > a { - color: #ffffff !important; + color: #fff !important; } .bg-lightblue.btn:hover { @@ -28188,7 +30012,7 @@ blockquote.quote-gray-dark h6 { .bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active { background-color: #307095 !important; border-color: #2d698c; - color: #ffffff; + color: #fff; } .bg-navy { @@ -28197,7 +30021,7 @@ blockquote.quote-gray-dark h6 { .bg-navy, .bg-navy > a { - color: #ffffff !important; + color: #fff !important; } .bg-navy.btn:hover { @@ -28208,7 +30032,7 @@ blockquote.quote-gray-dark h6 { .bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active { background-color: #00060c !important; border-color: black; - color: #ffffff; + color: #fff; } .bg-olive { @@ -28217,7 +30041,7 @@ blockquote.quote-gray-dark h6 { .bg-olive, .bg-olive > a { - color: #ffffff !important; + color: #fff !important; } .bg-olive.btn:hover { @@ -28228,7 +30052,7 @@ blockquote.quote-gray-dark h6 { .bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active { background-color: #2e7555 !important; border-color: #2b6b4f; - color: #ffffff; + color: #fff; } .bg-lime { @@ -28237,7 +30061,7 @@ blockquote.quote-gray-dark h6 { .bg-lime, .bg-lime > a { - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-lime.btn:hover { @@ -28248,7 +30072,7 @@ blockquote.quote-gray-dark h6 { .bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active { background-color: #00cd5a !important; border-color: #00c054; - color: #ffffff; + color: #fff; } .bg-fuchsia { @@ -28257,7 +30081,7 @@ blockquote.quote-gray-dark h6 { .bg-fuchsia, .bg-fuchsia > a { - color: #ffffff !important; + color: #fff !important; } .bg-fuchsia.btn:hover { @@ -28268,7 +30092,7 @@ blockquote.quote-gray-dark h6 { .bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active { background-color: #c30c9a !important; border-color: #b70c90; - color: #ffffff; + color: #fff; } .bg-maroon { @@ -28277,7 +30101,7 @@ blockquote.quote-gray-dark h6 { .bg-maroon, .bg-maroon > a { - color: #ffffff !important; + color: #fff !important; } .bg-maroon.btn:hover { @@ -28288,7 +30112,7 @@ blockquote.quote-gray-dark h6 { .bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active { background-color: #ab154c !important; border-color: #9f1447; - color: #ffffff; + color: #fff; } .bg-blue { @@ -28297,7 +30121,7 @@ blockquote.quote-gray-dark h6 { .bg-blue, .bg-blue > a { - color: #ffffff !important; + color: #fff !important; } .bg-blue.btn:hover { @@ -28308,7 +30132,7 @@ blockquote.quote-gray-dark h6 { .bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active { background-color: #0062cc !important; border-color: #005cbf; - color: #ffffff; + color: #fff; } .bg-indigo { @@ -28317,7 +30141,7 @@ blockquote.quote-gray-dark h6 { .bg-indigo, .bg-indigo > a { - color: #ffffff !important; + color: #fff !important; } .bg-indigo.btn:hover { @@ -28328,7 +30152,7 @@ blockquote.quote-gray-dark h6 { .bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active { background-color: #510bc4 !important; border-color: #4c0ab8; - color: #ffffff; + color: #fff; } .bg-purple { @@ -28337,7 +30161,7 @@ blockquote.quote-gray-dark h6 { .bg-purple, .bg-purple > a { - color: #ffffff !important; + color: #fff !important; } .bg-purple.btn:hover { @@ -28348,7 +30172,7 @@ blockquote.quote-gray-dark h6 { .bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active { background-color: #59339d !important; border-color: #533093; - color: #ffffff; + color: #fff; } .bg-pink { @@ -28357,7 +30181,7 @@ blockquote.quote-gray-dark h6 { .bg-pink, .bg-pink > a { - color: #ffffff !important; + color: #fff !important; } .bg-pink.btn:hover { @@ -28368,7 +30192,7 @@ blockquote.quote-gray-dark h6 { .bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active { background-color: #d91a72 !important; border-color: #ce196c; - color: #ffffff; + color: #fff; } .bg-red { @@ -28377,7 +30201,7 @@ blockquote.quote-gray-dark h6 { .bg-red, .bg-red > a { - color: #ffffff !important; + color: #fff !important; } .bg-red.btn:hover { @@ -28388,7 +30212,7 @@ blockquote.quote-gray-dark h6 { .bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active { background-color: #bd2130 !important; border-color: #b21f2d; - color: #ffffff; + color: #fff; } .bg-orange { @@ -28397,7 +30221,7 @@ blockquote.quote-gray-dark h6 { .bg-orange, .bg-orange > a { - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-orange.btn:hover { @@ -28408,7 +30232,7 @@ blockquote.quote-gray-dark h6 { .bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active { background-color: #dc6502 !important; border-color: #cf5f02; - color: #ffffff; + color: #fff; } .bg-yellow { @@ -28417,7 +30241,7 @@ blockquote.quote-gray-dark h6 { .bg-yellow, .bg-yellow > a { - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-yellow.btn:hover { @@ -28428,7 +30252,7 @@ blockquote.quote-gray-dark h6 { .bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active { background-color: #d39e00 !important; border-color: #c69500; - color: #1F2D3D; + color: #1f2d3d; } .bg-green { @@ -28437,7 +30261,7 @@ blockquote.quote-gray-dark h6 { .bg-green, .bg-green > a { - color: #ffffff !important; + color: #fff !important; } .bg-green.btn:hover { @@ -28448,7 +30272,7 @@ blockquote.quote-gray-dark h6 { .bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active { background-color: #1e7e34 !important; border-color: #1c7430; - color: #ffffff; + color: #fff; } .bg-teal { @@ -28457,7 +30281,7 @@ blockquote.quote-gray-dark h6 { .bg-teal, .bg-teal > a { - color: #ffffff !important; + color: #fff !important; } .bg-teal.btn:hover { @@ -28468,7 +30292,7 @@ blockquote.quote-gray-dark h6 { .bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active { background-color: #199d76 !important; border-color: #17926e; - color: #ffffff; + color: #fff; } .bg-cyan { @@ -28477,7 +30301,7 @@ blockquote.quote-gray-dark h6 { .bg-cyan, .bg-cyan > a { - color: #ffffff !important; + color: #fff !important; } .bg-cyan.btn:hover { @@ -28488,16 +30312,16 @@ blockquote.quote-gray-dark h6 { .bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active { background-color: #117a8b !important; border-color: #10707f; - color: #ffffff; + color: #fff; } .bg-white { - background-color: #ffffff !important; + background-color: #fff !important; } .bg-white, .bg-white > a { - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-white.btn:hover { @@ -28508,7 +30332,7 @@ blockquote.quote-gray-dark h6 { .bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active { background-color: #e6e6e6 !important; border-color: #dfdfdf; - color: #1F2D3D; + color: #1f2d3d; } .bg-gray { @@ -28517,7 +30341,7 @@ blockquote.quote-gray-dark h6 { .bg-gray, .bg-gray > a { - color: #ffffff !important; + color: #fff !important; } .bg-gray.btn:hover { @@ -28528,7 +30352,7 @@ blockquote.quote-gray-dark h6 { .bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active { background-color: #545b62 !important; border-color: #4e555b; - color: #ffffff; + color: #fff; } .bg-gray-dark { @@ -28537,7 +30361,7 @@ blockquote.quote-gray-dark h6 { .bg-gray-dark, .bg-gray-dark > a { - color: #ffffff !important; + color: #fff !important; } .bg-gray-dark.btn:hover { @@ -28548,35 +30372,32 @@ blockquote.quote-gray-dark h6 { .bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active { background-color: #1d2124 !important; border-color: #171a1d; - color: #ffffff; + color: #fff; } .bg-gray { background-color: #adb5bd; - color: #1F2D3D; + color: #1f2d3d; } .bg-gray-light { background-color: #f2f4f5; - color: #1F2D3D !important; + color: #1f2d3d !important; } .bg-black { background-color: #000; - color: #ffffff !important; + color: #fff !important; } .bg-white { - background-color: #ffffff; - color: #1F2D3D !important; -} - -.bg-gradient-primary { - color: #ffffff; + background-color: #fff; + color: #1f2d3d !important; } .bg-gradient-primary { background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; + color: #fff; } .bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, @@ -28585,29 +30406,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-primary.btn:hover { + background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; border-color: #0062cc; color: #ececec; } -.bg-gradient-primary.btn:hover { - background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; -} - .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active { + background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; border-color: #005cbf; - color: #ffffff; -} - -.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active { - background: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; -} - -.bg-gradient-secondary { - color: #ffffff; + color: #fff; } .bg-gradient-secondary { background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; + color: #fff; } .bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, @@ -28616,29 +30428,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-secondary.btn:hover { + background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; border-color: #545b62; color: #ececec; } -.bg-gradient-secondary.btn:hover { - background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; -} - .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active { + background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; border-color: #4e555b; - color: #ffffff; -} - -.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active { - background: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; -} - -.bg-gradient-success { - color: #ffffff; + color: #fff; } .bg-gradient-success { background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; + color: #fff; } .bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, @@ -28647,29 +30450,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-success.btn:hover { + background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important; border-color: #1e7e34; color: #ececec; } -.bg-gradient-success.btn:hover { - background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important; -} - .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active { + background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; border-color: #1c7430; - color: #ffffff; -} - -.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active { - background: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; -} - -.bg-gradient-info { - color: #ffffff; + color: #fff; } .bg-gradient-info { background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; + color: #fff; } .bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, @@ -28678,29 +30472,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-info.btn:hover { + background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; border-color: #117a8b; color: #ececec; } -.bg-gradient-info.btn:hover { - background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; -} - .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active { + background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; border-color: #10707f; - color: #ffffff; -} - -.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active { - background: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; -} - -.bg-gradient-warning { - color: #1F2D3D; + color: #fff; } .bg-gradient-warning { background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; + color: #1f2d3d; } .bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, @@ -28709,29 +30494,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-warning.btn:hover { + background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; border-color: #d39e00; color: #121a24; } -.bg-gradient-warning.btn:hover { - background: #e0a800 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; -} - .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active { + background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; border-color: #c69500; - color: #1F2D3D; -} - -.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active { - background: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; -} - -.bg-gradient-danger { - color: #ffffff; + color: #1f2d3d; } .bg-gradient-danger { background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; + color: #fff; } .bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, @@ -28740,29 +30516,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-danger.btn:hover { + background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; border-color: #bd2130; color: #ececec; } -.bg-gradient-danger.btn:hover { - background: #c82333 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; -} - .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active { + background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; border-color: #b21f2d; - color: #ffffff; -} - -.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active { - background: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; -} - -.bg-gradient-light { - color: #1F2D3D; + color: #fff; } .bg-gradient-light { background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; + color: #1f2d3d; } .bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, @@ -28771,29 +30538,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-light.btn:hover { + background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important; border-color: #dae0e5; color: #121a24; } -.bg-gradient-light.btn:hover { - background: #e2e6ea linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important; -} - .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active { + background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important; border-color: #d3d9df; - color: #1F2D3D; -} - -.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active { - background: #dae0e5 linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important; -} - -.bg-gradient-dark { - color: #ffffff; + color: #1f2d3d; } .bg-gradient-dark { background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; + color: #fff; } .bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, @@ -28802,29 +30560,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-dark.btn:hover { + background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important; border-color: #1d2124; color: #ececec; } -.bg-gradient-dark.btn:hover { - background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important; -} - .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active { + background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; border-color: #171a1d; - color: #ffffff; -} - -.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active { - background: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; -} - -.bg-gradient-lightblue { - color: #ffffff; + color: #fff; } .bg-gradient-lightblue { background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important; + color: #fff; } .bg-gradient-lightblue.btn.disabled, .bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, @@ -28833,29 +30582,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-lightblue.btn:hover { + background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important; border-color: #307095; color: #ececec; } -.bg-gradient-lightblue.btn:hover { - background: #33779f linear-gradient(180deg, #518cad, #33779f) repeat-x !important; -} - .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active { + background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important; border-color: #2d698c; - color: #ffffff; -} - -.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active { - background: #307095 linear-gradient(180deg, #4f85a5, #307095) repeat-x !important; -} - -.bg-gradient-navy { - color: #ffffff; + color: #fff; } .bg-gradient-navy { background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important; + color: #fff; } .bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, @@ -28864,29 +30604,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-navy.btn:hover { + background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important; border-color: #00060c; color: #ececec; } -.bg-gradient-navy.btn:hover { - background: #000c19 linear-gradient(180deg, #26313b, #000c19) repeat-x !important; -} - .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active { + background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important; border-color: black; - color: #ffffff; -} - -.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active { - background: #00060c linear-gradient(180deg, #262b30, #00060c) repeat-x !important; -} - -.bg-gradient-olive { - color: #ffffff; + color: #fff; } .bg-gradient-olive { background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important; + color: #fff; } .bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, @@ -28895,29 +30626,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-olive.btn:hover { + background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important; border-color: #2e7555; color: #ececec; } -.bg-gradient-olive.btn:hover { - background: #327e5c linear-gradient(180deg, #519174, #327e5c) repeat-x !important; -} - .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active { + background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important; border-color: #2b6b4f; - color: #ffffff; -} - -.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active { - background: #2e7555 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important; -} - -.bg-gradient-lime { - color: #1F2D3D; + color: #fff; } .bg-gradient-lime { background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important; + color: #1f2d3d; } .bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, @@ -28926,29 +30648,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-lime.btn:hover { + background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important; border-color: #00cd5a; color: #121a24; } -.bg-gradient-lime.btn:hover { - background: #00da5f linear-gradient(180deg, #26df77, #00da5f) repeat-x !important; -} - .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active { + background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important; border-color: #00c054; - color: #ffffff; -} - -.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active { - background: #00cd5a linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important; -} - -.bg-gradient-fuchsia { - color: #ffffff; + color: #fff; } .bg-gradient-fuchsia { background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important; + color: #fff; } .bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, @@ -28957,29 +30670,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-fuchsia.btn:hover { + background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important; border-color: #c30c9a; color: #ececec; } -.bg-gradient-fuchsia.btn:hover { - background: #cf0da3 linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important; -} - .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active { + background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important; border-color: #b70c90; - color: #ffffff; -} - -.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active { - background: #c30c9a linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important; -} - -.bg-gradient-maroon { - color: #ffffff; + color: #fff; } .bg-gradient-maroon { background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important; + color: #fff; } .bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, @@ -28988,29 +30692,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-maroon.btn:hover { + background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important; border-color: #ab154c; color: #ececec; } -.bg-gradient-maroon.btn:hover { - background: #b61751 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important; -} - .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active { + background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important; border-color: #9f1447; - color: #ffffff; -} - -.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active { - background: #ab154c linear-gradient(180deg, #b73867, #ab154c) repeat-x !important; -} - -.bg-gradient-blue { - color: #ffffff; + color: #fff; } .bg-gradient-blue { background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; + color: #fff; } .bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, @@ -29019,29 +30714,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-blue.btn:hover { + background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; border-color: #0062cc; color: #ececec; } -.bg-gradient-blue.btn:hover { - background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; -} - .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active { + background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; border-color: #005cbf; - color: #ffffff; -} - -.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active { - background: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; -} - -.bg-gradient-indigo { - color: #ffffff; + color: #fff; } .bg-gradient-indigo { background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important; + color: #fff; } .bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, @@ -29050,29 +30736,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-indigo.btn:hover { + background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important; border-color: #510bc4; color: #ececec; } -.bg-gradient-indigo.btn:hover { - background: #560bd0 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important; -} - .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active { + background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important; border-color: #4c0ab8; - color: #ffffff; -} - -.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active { - background: #510bc4 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important; -} - -.bg-gradient-purple { - color: #ffffff; + color: #fff; } .bg-gradient-purple { background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important; + color: #fff; } .bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, @@ -29081,29 +30758,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-purple.btn:hover { + background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important; border-color: #59339d; color: #ececec; } -.bg-gradient-purple.btn:hover { - background: #5e37a6 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important; -} - .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active { + background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important; border-color: #533093; - color: #ffffff; -} - -.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active { - background: #59339d linear-gradient(180deg, #7252ab, #59339d) repeat-x !important; -} - -.bg-gradient-pink { - color: #ffffff; + color: #fff; } .bg-gradient-pink { background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important; + color: #fff; } .bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, @@ -29112,29 +30780,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-pink.btn:hover { + background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important; border-color: #d91a72; color: #ececec; } -.bg-gradient-pink.btn:hover { - background: #e41c78 linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important; -} - .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active { + background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important; border-color: #ce196c; - color: #ffffff; -} - -.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active { - background: #d91a72 linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important; -} - -.bg-gradient-red { - color: #ffffff; + color: #fff; } .bg-gradient-red { background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; + color: #fff; } .bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, @@ -29143,29 +30802,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-red.btn:hover { + background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; border-color: #bd2130; color: #ececec; } -.bg-gradient-red.btn:hover { - background: #c82333 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; -} - .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active { + background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; border-color: #b21f2d; - color: #ffffff; -} - -.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active { - background: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; -} - -.bg-gradient-orange { - color: #1F2D3D; + color: #fff; } .bg-gradient-orange { background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important; + color: #1f2d3d; } .bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, @@ -29174,29 +30824,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-orange.btn:hover { + background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important; border-color: #dc6502; color: #121a24; } -.bg-gradient-orange.btn:hover { - background: #e96b02 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important; -} - .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active { + background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important; border-color: #cf5f02; - color: #ffffff; -} - -.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active { - background: #dc6502 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important; -} - -.bg-gradient-yellow { - color: #1F2D3D; + color: #fff; } .bg-gradient-yellow { background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; + color: #1f2d3d; } .bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, @@ -29205,29 +30846,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-yellow.btn:hover { + background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; border-color: #d39e00; color: #121a24; } -.bg-gradient-yellow.btn:hover { - background: #e0a800 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; -} - .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active { + background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; border-color: #c69500; - color: #1F2D3D; -} - -.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active { - background: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; -} - -.bg-gradient-green { - color: #ffffff; + color: #1f2d3d; } .bg-gradient-green { background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; + color: #fff; } .bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, @@ -29236,29 +30868,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-green.btn:hover { + background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important; border-color: #1e7e34; color: #ececec; } -.bg-gradient-green.btn:hover { - background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important; -} - .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active { + background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; border-color: #1c7430; - color: #ffffff; -} - -.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active { - background: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; -} - -.bg-gradient-teal { - color: #ffffff; + color: #fff; } .bg-gradient-teal { background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important; + color: #fff; } .bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, @@ -29267,29 +30890,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-teal.btn:hover { + background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important; border-color: #199d76; color: #ececec; } -.bg-gradient-teal.btn:hover { - background: #1ba87e linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important; -} - .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active { + background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important; border-color: #17926e; - color: #ffffff; -} - -.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active { - background: #199d76 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important; -} - -.bg-gradient-cyan { - color: #ffffff; + color: #fff; } .bg-gradient-cyan { background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; + color: #fff; } .bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, @@ -29298,29 +30912,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-cyan.btn:hover { + background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; border-color: #117a8b; color: #ececec; } -.bg-gradient-cyan.btn:hover { - background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; -} - .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active { + background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; border-color: #10707f; - color: #ffffff; -} - -.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active { - background: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; + color: #fff; } .bg-gradient-white { - color: #1F2D3D; -} - -.bg-gradient-white { - background: #ffffff linear-gradient(180deg, white, #ffffff) repeat-x !important; + background: #fff linear-gradient(180deg, white, #fff) repeat-x !important; + color: #1f2d3d; } .bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, @@ -29329,29 +30934,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-white.btn:hover { + background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important; border-color: #e6e6e6; color: #121a24; } -.bg-gradient-white.btn:hover { - background: #ececec linear-gradient(180deg, #efefef, #ececec) repeat-x !important; -} - .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active { + background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important; border-color: #dfdfdf; - color: #1F2D3D; -} - -.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active { - background: #e6e6e6 linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important; -} - -.bg-gradient-gray { - color: #ffffff; + color: #1f2d3d; } .bg-gradient-gray { background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; + color: #fff; } .bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, @@ -29360,29 +30956,20 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-gray.btn:hover { + background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; border-color: #545b62; color: #ececec; } -.bg-gradient-gray.btn:hover { - background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; -} - .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active { + background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; border-color: #4e555b; - color: #ffffff; -} - -.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active { - background: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; -} - -.bg-gradient-gray-dark { - color: #ffffff; + color: #fff; } .bg-gradient-gray-dark { background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; + color: #fff; } .bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, @@ -29391,24 +30978,18 @@ blockquote.quote-gray-dark h6 { } .bg-gradient-gray-dark.btn:hover { + background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important; border-color: #1d2124; color: #ececec; } -.bg-gradient-gray-dark.btn:hover { - background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important; -} - .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active { + background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; border-color: #171a1d; - color: #ffffff; + color: #fff; } -.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active { - background: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; -} - -[class^='bg-'].disabled { +[class^="bg-"].disabled { opacity: .65; } @@ -29443,17 +31024,17 @@ a.text-muted:hover { } .accent-primary .dropdown-item:active, .accent-primary .dropdown-item.active { - background: #007bff; - color: #ffffff; + background-color: #007bff; + color: #fff; } .accent-primary .custom-control-input:checked ~ .custom-control-label::before { - background: #007bff; + background-color: #007bff; border-color: #004a99; } .accent-primary .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29471,22 +31052,22 @@ a.text-muted:hover { .accent-primary .page-item.active .page-link { background-color: #007bff; border-color: #007bff; - color: #ffffff; + color: #fff; } .accent-primary .page-item.disabled a, .accent-primary .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29497,6 +31078,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-primary .page-item .page-link:hover, .dark-mode.accent-primary .page-item .page-link:focus { + color: #1a88ff; +} + .accent-secondary .btn-link, .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #6c757d; @@ -29508,17 +31093,17 @@ a.text-muted:hover { } .accent-secondary .dropdown-item:active, .accent-secondary .dropdown-item.active { - background: #6c757d; - color: #ffffff; + background-color: #6c757d; + color: #fff; } .accent-secondary .custom-control-input:checked ~ .custom-control-label::before { - background: #6c757d; + background-color: #6c757d; border-color: #3d4246; } .accent-secondary .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29536,22 +31121,22 @@ a.text-muted:hover { .accent-secondary .page-item.active .page-link { background-color: #6c757d; border-color: #6c757d; - color: #ffffff; + color: #fff; } .accent-secondary .page-item.disabled a, .accent-secondary .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29562,6 +31147,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode.accent-secondary .page-item .page-link:focus { + color: #78828a; +} + .accent-success .btn-link, .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #28a745; @@ -29573,17 +31162,17 @@ a.text-muted:hover { } .accent-success .dropdown-item:active, .accent-success .dropdown-item.active { - background: #28a745; - color: #ffffff; + background-color: #28a745; + color: #fff; } .accent-success .custom-control-input:checked ~ .custom-control-label::before { - background: #28a745; + background-color: #28a745; border-color: #145523; } .accent-success .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29601,22 +31190,22 @@ a.text-muted:hover { .accent-success .page-item.active .page-link { background-color: #28a745; border-color: #28a745; - color: #ffffff; + color: #fff; } .accent-success .page-item.disabled a, .accent-success .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29627,6 +31216,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-success .page-item .page-link:hover, .dark-mode.accent-success .page-item .page-link:focus { + color: #2dbc4e; +} + .accent-info .btn-link, .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #17a2b8; @@ -29638,17 +31231,17 @@ a.text-muted:hover { } .accent-info .dropdown-item:active, .accent-info .dropdown-item.active { - background: #17a2b8; - color: #ffffff; + background-color: #17a2b8; + color: #fff; } .accent-info .custom-control-input:checked ~ .custom-control-label::before { - background: #17a2b8; + background-color: #17a2b8; border-color: #0c525d; } .accent-info .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29666,22 +31259,22 @@ a.text-muted:hover { .accent-info .page-item.active .page-link { background-color: #17a2b8; border-color: #17a2b8; - color: #ffffff; + color: #fff; } .accent-info .page-item.disabled a, .accent-info .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29692,6 +31285,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-info .page-item .page-link:hover, .dark-mode.accent-info .page-item .page-link:focus { + color: #1ab6cf; +} + .accent-warning .btn-link, .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #ffc107; @@ -29703,17 +31300,17 @@ a.text-muted:hover { } .accent-warning .dropdown-item:active, .accent-warning .dropdown-item.active { - background: #ffc107; - color: #1F2D3D; + background-color: #ffc107; + color: #1f2d3d; } .accent-warning .custom-control-input:checked ~ .custom-control-label::before { - background: #ffc107; + background-color: #ffc107; border-color: #a07800; } .accent-warning .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F2D3D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29731,22 +31328,22 @@ a.text-muted:hover { .accent-warning .page-item.active .page-link { background-color: #ffc107; border-color: #ffc107; - color: #ffffff; + color: #fff; } .accent-warning .page-item.disabled a, .accent-warning .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29757,6 +31354,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-warning .page-item .page-link:hover, .dark-mode.accent-warning .page-item .page-link:focus { + color: #ffc721; +} + .accent-danger .btn-link, .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #dc3545; @@ -29768,17 +31369,17 @@ a.text-muted:hover { } .accent-danger .dropdown-item:active, .accent-danger .dropdown-item.active { - background: #dc3545; - color: #ffffff; + background-color: #dc3545; + color: #fff; } .accent-danger .custom-control-input:checked ~ .custom-control-label::before { - background: #dc3545; + background-color: #dc3545; border-color: #921925; } .accent-danger .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29796,22 +31397,22 @@ a.text-muted:hover { .accent-danger .page-item.active .page-link { background-color: #dc3545; border-color: #dc3545; - color: #ffffff; + color: #fff; } .accent-danger .page-item.disabled a, .accent-danger .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29822,6 +31423,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-danger .page-item .page-link:hover, .dark-mode.accent-danger .page-item .page-link:focus { + color: #e04b59; +} + .accent-light .btn-link, .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #f8f9fa; @@ -29833,17 +31438,17 @@ a.text-muted:hover { } .accent-light .dropdown-item:active, .accent-light .dropdown-item.active { - background: #f8f9fa; - color: #1F2D3D; + background-color: #f8f9fa; + color: #1f2d3d; } .accent-light .custom-control-input:checked ~ .custom-control-label::before { - background: #f8f9fa; + background-color: #f8f9fa; border-color: #bdc6d0; } .accent-light .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F2D3D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29861,22 +31466,22 @@ a.text-muted:hover { .accent-light .page-item.active .page-link { background-color: #f8f9fa; border-color: #f8f9fa; - color: #ffffff; + color: #fff; } .accent-light .page-item.disabled a, .accent-light .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29887,6 +31492,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-light .page-item .page-link:hover, .dark-mode.accent-light .page-item .page-link:focus { + color: white; +} + .accent-dark .btn-link, .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #343a40; @@ -29898,17 +31507,17 @@ a.text-muted:hover { } .accent-dark .dropdown-item:active, .accent-dark .dropdown-item.active { - background: #343a40; - color: #ffffff; + background-color: #343a40; + color: #fff; } .accent-dark .custom-control-input:checked ~ .custom-control-label::before { - background: #343a40; + background-color: #343a40; border-color: #060708; } .accent-dark .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29926,22 +31535,22 @@ a.text-muted:hover { .accent-dark .page-item.active .page-link { background-color: #343a40; border-color: #343a40; - color: #ffffff; + color: #fff; } .accent-dark .page-item.disabled a, .accent-dark .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -29952,6 +31561,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-dark .page-item .page-link:hover, .dark-mode.accent-dark .page-item .page-link:focus { + color: #3f474e; +} + .accent-lightblue .btn-link, .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #3c8dbc; @@ -29963,17 +31576,17 @@ a.text-muted:hover { } .accent-lightblue .dropdown-item:active, .accent-lightblue .dropdown-item.active { - background: #3c8dbc; - color: #ffffff; + background-color: #3c8dbc; + color: #fff; } .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before { - background: #3c8dbc; + background-color: #3c8dbc; border-color: #23536f; } .accent-lightblue .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -29991,22 +31604,22 @@ a.text-muted:hover { .accent-lightblue .page-item.active .page-link { background-color: #3c8dbc; border-color: #3c8dbc; - color: #ffffff; + color: #fff; } .accent-lightblue .page-item.disabled a, .accent-lightblue .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30017,6 +31630,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode.accent-lightblue .page-item .page-link:focus { + color: #4c99c6; +} + .accent-navy .btn-link, .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #001f3f; @@ -30028,17 +31645,17 @@ a.text-muted:hover { } .accent-navy .dropdown-item:active, .accent-navy .dropdown-item.active { - background: #001f3f; - color: #ffffff; + background-color: #001f3f; + color: #fff; } .accent-navy .custom-control-input:checked ~ .custom-control-label::before { - background: #001f3f; + background-color: #001f3f; border-color: black; } .accent-navy .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30056,22 +31673,22 @@ a.text-muted:hover { .accent-navy .page-item.active .page-link { background-color: #001f3f; border-color: #001f3f; - color: #ffffff; + color: #fff; } .accent-navy .page-item.disabled a, .accent-navy .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30082,6 +31699,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-navy .page-item .page-link:hover, .dark-mode.accent-navy .page-item .page-link:focus { + color: #002c59; +} + .accent-olive .btn-link, .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #3d9970; @@ -30093,17 +31714,17 @@ a.text-muted:hover { } .accent-olive .dropdown-item:active, .accent-olive .dropdown-item.active { - background: #3d9970; - color: #ffffff; + background-color: #3d9970; + color: #fff; } .accent-olive .custom-control-input:checked ~ .custom-control-label::before { - background: #3d9970; + background-color: #3d9970; border-color: #20503b; } .accent-olive .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30121,22 +31742,22 @@ a.text-muted:hover { .accent-olive .page-item.active .page-link { background-color: #3d9970; border-color: #3d9970; - color: #ffffff; + color: #fff; } .accent-olive .page-item.disabled a, .accent-olive .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30147,6 +31768,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-olive .page-item .page-link:hover, .dark-mode.accent-olive .page-item .page-link:focus { + color: #44ab7d; +} + .accent-lime .btn-link, .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #01ff70; @@ -30158,17 +31783,17 @@ a.text-muted:hover { } .accent-lime .dropdown-item:active, .accent-lime .dropdown-item.active { - background: #01ff70; - color: #1F2D3D; + background-color: #01ff70; + color: #1f2d3d; } .accent-lime .custom-control-input:checked ~ .custom-control-label::before { - background: #01ff70; + background-color: #01ff70; border-color: #009a43; } .accent-lime .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F2D3D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30186,22 +31811,22 @@ a.text-muted:hover { .accent-lime .page-item.active .page-link { background-color: #01ff70; border-color: #01ff70; - color: #ffffff; + color: #fff; } .accent-lime .page-item.disabled a, .accent-lime .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30212,6 +31837,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-lime .page-item .page-link:hover, .dark-mode.accent-lime .page-item .page-link:focus { + color: #1bff7e; +} + .accent-fuchsia .btn-link, .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #f012be; @@ -30223,17 +31852,17 @@ a.text-muted:hover { } .accent-fuchsia .dropdown-item:active, .accent-fuchsia .dropdown-item.active { - background: #f012be; - color: #ffffff; + background-color: #f012be; + color: #fff; } .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before { - background: #f012be; + background-color: #f012be; border-color: #930974; } .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30251,22 +31880,22 @@ a.text-muted:hover { .accent-fuchsia .page-item.active .page-link { background-color: #f012be; border-color: #f012be; - color: #ffffff; + color: #fff; } .accent-fuchsia .page-item.disabled a, .accent-fuchsia .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30277,6 +31906,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode.accent-fuchsia .page-item .page-link:focus { + color: #f22ac5; +} + .accent-maroon .btn-link, .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #d81b60; @@ -30288,17 +31921,17 @@ a.text-muted:hover { } .accent-maroon .dropdown-item:active, .accent-maroon .dropdown-item.active { - background: #d81b60; - color: #ffffff; + background-color: #d81b60; + color: #fff; } .accent-maroon .custom-control-input:checked ~ .custom-control-label::before { - background: #d81b60; + background-color: #d81b60; border-color: #7d1038; } .accent-maroon .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30316,22 +31949,22 @@ a.text-muted:hover { .accent-maroon .page-item.active .page-link { background-color: #d81b60; border-color: #d81b60; - color: #ffffff; + color: #fff; } .accent-maroon .page-item.disabled a, .accent-maroon .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30342,6 +31975,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode.accent-maroon .page-item .page-link:focus { + color: #e4286d; +} + .accent-blue .btn-link, .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #007bff; @@ -30353,17 +31990,17 @@ a.text-muted:hover { } .accent-blue .dropdown-item:active, .accent-blue .dropdown-item.active { - background: #007bff; - color: #ffffff; + background-color: #007bff; + color: #fff; } .accent-blue .custom-control-input:checked ~ .custom-control-label::before { - background: #007bff; + background-color: #007bff; border-color: #004a99; } .accent-blue .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30381,22 +32018,22 @@ a.text-muted:hover { .accent-blue .page-item.active .page-link { background-color: #007bff; border-color: #007bff; - color: #ffffff; + color: #fff; } .accent-blue .page-item.disabled a, .accent-blue .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30407,6 +32044,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-blue .page-item .page-link:hover, .dark-mode.accent-blue .page-item .page-link:focus { + color: #1a88ff; +} + .accent-indigo .btn-link, .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #6610f2; @@ -30418,17 +32059,17 @@ a.text-muted:hover { } .accent-indigo .dropdown-item:active, .accent-indigo .dropdown-item.active { - background: #6610f2; - color: #ffffff; + background-color: #6610f2; + color: #fff; } .accent-indigo .custom-control-input:checked ~ .custom-control-label::before { - background: #6610f2; + background-color: #6610f2; border-color: #3d0894; } .accent-indigo .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30446,22 +32087,22 @@ a.text-muted:hover { .accent-indigo .page-item.active .page-link { background-color: #6610f2; border-color: #6610f2; - color: #ffffff; + color: #fff; } .accent-indigo .page-item.disabled a, .accent-indigo .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30472,6 +32113,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode.accent-indigo .page-item .page-link:focus { + color: #7528f3; +} + .accent-purple .btn-link, .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #6f42c1; @@ -30483,17 +32128,17 @@ a.text-muted:hover { } .accent-purple .dropdown-item:active, .accent-purple .dropdown-item.active { - background: #6f42c1; - color: #ffffff; + background-color: #6f42c1; + color: #fff; } .accent-purple .custom-control-input:checked ~ .custom-control-label::before { - background: #6f42c1; + background-color: #6f42c1; border-color: #432776; } .accent-purple .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30511,22 +32156,22 @@ a.text-muted:hover { .accent-purple .page-item.active .page-link { background-color: #6f42c1; border-color: #6f42c1; - color: #ffffff; + color: #fff; } .accent-purple .page-item.disabled a, .accent-purple .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30537,6 +32182,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-purple .page-item .page-link:hover, .dark-mode.accent-purple .page-item .page-link:focus { + color: #7e55c7; +} + .accent-pink .btn-link, .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #e83e8c; @@ -30548,17 +32197,17 @@ a.text-muted:hover { } .accent-pink .dropdown-item:active, .accent-pink .dropdown-item.active { - background: #e83e8c; - color: #ffffff; + background-color: #e83e8c; + color: #fff; } .accent-pink .custom-control-input:checked ~ .custom-control-label::before { - background: #e83e8c; + background-color: #e83e8c; border-color: #ac145a; } .accent-pink .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30576,22 +32225,22 @@ a.text-muted:hover { .accent-pink .page-item.active .page-link { background-color: #e83e8c; border-color: #e83e8c; - color: #ffffff; + color: #fff; } .accent-pink .page-item.disabled a, .accent-pink .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30602,6 +32251,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-pink .page-item .page-link:hover, .dark-mode.accent-pink .page-item .page-link:focus { + color: #eb559a; +} + .accent-red .btn-link, .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #dc3545; @@ -30613,17 +32266,17 @@ a.text-muted:hover { } .accent-red .dropdown-item:active, .accent-red .dropdown-item.active { - background: #dc3545; - color: #ffffff; + background-color: #dc3545; + color: #fff; } .accent-red .custom-control-input:checked ~ .custom-control-label::before { - background: #dc3545; + background-color: #dc3545; border-color: #921925; } .accent-red .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30641,22 +32294,22 @@ a.text-muted:hover { .accent-red .page-item.active .page-link { background-color: #dc3545; border-color: #dc3545; - color: #ffffff; + color: #fff; } .accent-red .page-item.disabled a, .accent-red .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30667,6 +32320,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-red .page-item .page-link:hover, .dark-mode.accent-red .page-item .page-link:focus { + color: #e04b59; +} + .accent-orange .btn-link, .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #fd7e14; @@ -30678,17 +32335,17 @@ a.text-muted:hover { } .accent-orange .dropdown-item:active, .accent-orange .dropdown-item.active { - background: #fd7e14; - color: #1F2D3D; + background-color: #fd7e14; + color: #1f2d3d; } .accent-orange .custom-control-input:checked ~ .custom-control-label::before { - background: #fd7e14; + background-color: #fd7e14; border-color: #aa4e01; } .accent-orange .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F2D3D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30706,22 +32363,22 @@ a.text-muted:hover { .accent-orange .page-item.active .page-link { background-color: #fd7e14; border-color: #fd7e14; - color: #ffffff; + color: #fff; } .accent-orange .page-item.disabled a, .accent-orange .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30732,6 +32389,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-orange .page-item .page-link:hover, .dark-mode.accent-orange .page-item .page-link:focus { + color: #fd8c2d; +} + .accent-yellow .btn-link, .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #ffc107; @@ -30743,17 +32404,17 @@ a.text-muted:hover { } .accent-yellow .dropdown-item:active, .accent-yellow .dropdown-item.active { - background: #ffc107; - color: #1F2D3D; + background-color: #ffc107; + color: #1f2d3d; } .accent-yellow .custom-control-input:checked ~ .custom-control-label::before { - background: #ffc107; + background-color: #ffc107; border-color: #a07800; } .accent-yellow .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F2D3D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30771,22 +32432,22 @@ a.text-muted:hover { .accent-yellow .page-item.active .page-link { background-color: #ffc107; border-color: #ffc107; - color: #ffffff; + color: #fff; } .accent-yellow .page-item.disabled a, .accent-yellow .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30797,6 +32458,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode.accent-yellow .page-item .page-link:focus { + color: #ffc721; +} + .accent-green .btn-link, .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #28a745; @@ -30808,17 +32473,17 @@ a.text-muted:hover { } .accent-green .dropdown-item:active, .accent-green .dropdown-item.active { - background: #28a745; - color: #ffffff; + background-color: #28a745; + color: #fff; } .accent-green .custom-control-input:checked ~ .custom-control-label::before { - background: #28a745; + background-color: #28a745; border-color: #145523; } .accent-green .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30836,22 +32501,22 @@ a.text-muted:hover { .accent-green .page-item.active .page-link { background-color: #28a745; border-color: #28a745; - color: #ffffff; + color: #fff; } .accent-green .page-item.disabled a, .accent-green .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30862,6 +32527,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-green .page-item .page-link:hover, .dark-mode.accent-green .page-item .page-link:focus { + color: #2dbc4e; +} + .accent-teal .btn-link, .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #20c997; @@ -30873,17 +32542,17 @@ a.text-muted:hover { } .accent-teal .dropdown-item:active, .accent-teal .dropdown-item.active { - background: #20c997; - color: #ffffff; + background-color: #20c997; + color: #fff; } .accent-teal .custom-control-input:checked ~ .custom-control-label::before { - background: #20c997; + background-color: #20c997; border-color: #127155; } .accent-teal .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30901,22 +32570,22 @@ a.text-muted:hover { .accent-teal .page-item.active .page-link { background-color: #20c997; border-color: #20c997; - color: #ffffff; + color: #fff; } .accent-teal .page-item.disabled a, .accent-teal .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30927,6 +32596,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-teal .page-item .page-link:hover, .dark-mode.accent-teal .page-item .page-link:focus { + color: #26dca6; +} + .accent-cyan .btn-link, .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #17a2b8; @@ -30938,17 +32611,17 @@ a.text-muted:hover { } .accent-cyan .dropdown-item:active, .accent-cyan .dropdown-item.active { - background: #17a2b8; - color: #ffffff; + background-color: #17a2b8; + color: #fff; } .accent-cyan .custom-control-input:checked ~ .custom-control-label::before { - background: #17a2b8; + background-color: #17a2b8; border-color: #0c525d; } .accent-cyan .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -30966,22 +32639,22 @@ a.text-muted:hover { .accent-cyan .page-item.active .page-link { background-color: #17a2b8; border-color: #17a2b8; - color: #ffffff; + color: #fff; } .accent-cyan .page-item.disabled a, .accent-cyan .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -30992,9 +32665,13 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode.accent-cyan .page-item .page-link:focus { + color: #1ab6cf; +} + .accent-white .btn-link, .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { - color: #ffffff; + color: #fff; } .accent-white .btn-link:hover, @@ -31003,17 +32680,17 @@ a.text-muted:hover { } .accent-white .dropdown-item:active, .accent-white .dropdown-item.active { - background: #ffffff; - color: #1F2D3D; + background-color: #fff; + color: #1f2d3d; } .accent-white .custom-control-input:checked ~ .custom-control-label::before { - background: #ffffff; + background-color: #fff; border-color: #cccccc; } .accent-white .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F2D3D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -31024,29 +32701,29 @@ a.text-muted:hover { } .accent-white .page-item .page-link { - color: #ffffff; + color: #fff; } .accent-white .page-item.active a, .accent-white .page-item.active .page-link { - background-color: #ffffff; - border-color: #ffffff; - color: #ffffff; + background-color: #fff; + border-color: #fff; + color: #fff; } .accent-white .page-item.disabled a, .accent-white .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -31057,6 +32734,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-white .page-item .page-link:hover, .dark-mode.accent-white .page-item .page-link:focus { + color: white; +} + .accent-gray .btn-link, .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #6c757d; @@ -31068,17 +32749,17 @@ a.text-muted:hover { } .accent-gray .dropdown-item:active, .accent-gray .dropdown-item.active { - background: #6c757d; - color: #ffffff; + background-color: #6c757d; + color: #fff; } .accent-gray .custom-control-input:checked ~ .custom-control-label::before { - background: #6c757d; + background-color: #6c757d; border-color: #3d4246; } .accent-gray .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -31096,22 +32777,22 @@ a.text-muted:hover { .accent-gray .page-item.active .page-link { background-color: #6c757d; border-color: #6c757d; - color: #ffffff; + color: #fff; } .accent-gray .page-item.disabled a, .accent-gray .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -31122,6 +32803,10 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-gray .page-item .page-link:hover, .dark-mode.accent-gray .page-item .page-link:focus { + color: #78828a; +} + .accent-gray-dark .btn-link, .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) { color: #343a40; @@ -31133,17 +32818,17 @@ a.text-muted:hover { } .accent-gray-dark .dropdown-item:active, .accent-gray-dark .dropdown-item.active { - background: #343a40; - color: #ffffff; + background-color: #343a40; + color: #fff; } .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before { - background: #343a40; + background-color: #343a40; border-color: #060708; } .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), @@ -31161,22 +32846,22 @@ a.text-muted:hover { .accent-gray-dark .page-item.active .page-link { background-color: #343a40; border-color: #343a40; - color: #ffffff; + color: #fff; } .accent-gray-dark .page-item.disabled a, .accent-gray-dark .page-item.disabled .page-link { - background-color: #ffffff; + background-color: #fff; border-color: #dee2e6; color: #6c757d; } .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { - color: #C2C7D0; + color: #c2c7d0; } .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover { - color: #ffffff; + color: #fff; } .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) { @@ -31187,35 +32872,51 @@ a.text-muted:hover { color: #212529; } +.dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode.accent-gray-dark .page-item .page-link:focus { + color: #3f474e; +} + [class*="accent-"] a.btn-primary { - color: #ffffff; + color: #fff; } [class*="accent-"] a.btn-secondary { - color: #ffffff; + color: #fff; } [class*="accent-"] a.btn-success { - color: #ffffff; + color: #fff; } [class*="accent-"] a.btn-info { - color: #ffffff; + color: #fff; } [class*="accent-"] a.btn-warning { - color: #1F2D3D; + color: #1f2d3d; } [class*="accent-"] a.btn-danger { - color: #ffffff; + color: #fff; } [class*="accent-"] a.btn-light { - color: #1F2D3D; + color: #1f2d3d; } [class*="accent-"] a.btn-dark { - color: #ffffff; + color: #fff; +} + +.dark-mode .bg-light { + background-color: #454d55 !important; + color: #fff !important; +} + +.dark-mode .text-black, +.dark-mode .text-dark, +.dark-mode .link-black, +.dark-mode .link-dark { + color: #ced4da; } /*# sourceMappingURL=adminlte.css.map */ \ No newline at end of file diff --git a/docs/assets/css/adminlte.css.map b/docs/assets/css/adminlte.css.map index 75974aed9..95f9b96f3 100644 --- a/docs/assets/css/adminlte.css.map +++ b/docs/assets/css/adminlte.css.map @@ -1,324 +1 @@ -{ - "version": 3, - "file": "adminlte.css", - "sources": [ - "../../build/scss/AdminLTE.scss", - "../../node_modules/bootstrap/scss/_functions.scss", - "../../build/scss/_bootstrap-variables.scss", - "../../node_modules/bootstrap/scss/bootstrap.scss", - "../../node_modules/bootstrap/scss/_functions.scss", - "../../node_modules/bootstrap/scss/_variables.scss", - "../../node_modules/bootstrap/scss/_mixins.scss", - "../../node_modules/bootstrap/scss/vendor/_rfs.scss", - "../../node_modules/bootstrap/scss/mixins/_deprecate.scss", - "../../node_modules/bootstrap/scss/mixins/_breakpoints.scss", - "../../node_modules/bootstrap/scss/mixins/_hover.scss", - "../../node_modules/bootstrap/scss/mixins/_image.scss", - "../../node_modules/bootstrap/scss/mixins/_badge.scss", - "../../node_modules/bootstrap/scss/mixins/_resize.scss", - "../../node_modules/bootstrap/scss/mixins/_screen-reader.scss", - "../../node_modules/bootstrap/scss/mixins/_size.scss", - "../../node_modules/bootstrap/scss/mixins/_reset-text.scss", - "../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss", - "../../node_modules/bootstrap/scss/mixins/_text-hide.scss", - "../../node_modules/bootstrap/scss/mixins/_text-truncate.scss", - "../../node_modules/bootstrap/scss/mixins/_visibility.scss", - "../../node_modules/bootstrap/scss/mixins/_alert.scss", - "../../node_modules/bootstrap/scss/mixins/_buttons.scss", - "../../node_modules/bootstrap/scss/mixins/_caret.scss", - "../../node_modules/bootstrap/scss/mixins/_pagination.scss", - "../../node_modules/bootstrap/scss/mixins/_lists.scss", - "../../node_modules/bootstrap/scss/mixins/_list-group.scss", - "../../node_modules/bootstrap/scss/mixins/_nav-divider.scss", - "../../node_modules/bootstrap/scss/mixins/_forms.scss", - "../../node_modules/bootstrap/scss/mixins/_table-row.scss", - "../../node_modules/bootstrap/scss/mixins/_background-variant.scss", - "../../node_modules/bootstrap/scss/mixins/_border-radius.scss", - "../../node_modules/bootstrap/scss/mixins/_box-shadow.scss", - "../../node_modules/bootstrap/scss/mixins/_gradients.scss", - "../../node_modules/bootstrap/scss/mixins/_transition.scss", - "../../node_modules/bootstrap/scss/mixins/_clearfix.scss", - "../../node_modules/bootstrap/scss/mixins/_grid-framework.scss", - "../../node_modules/bootstrap/scss/mixins/_grid.scss", - "../../node_modules/bootstrap/scss/mixins/_float.scss", - "../../node_modules/bootstrap/scss/_root.scss", - "../../node_modules/bootstrap/scss/_reboot.scss", - "../../node_modules/bootstrap/scss/_type.scss", - "../../node_modules/bootstrap/scss/_images.scss", - "../../node_modules/bootstrap/scss/_code.scss", - "../../node_modules/bootstrap/scss/_grid.scss", - "../../node_modules/bootstrap/scss/_tables.scss", - "../../node_modules/bootstrap/scss/_forms.scss", - "../../node_modules/bootstrap/scss/_buttons.scss", - "../../node_modules/bootstrap/scss/_transitions.scss", - "../../node_modules/bootstrap/scss/_dropdown.scss", - "../../node_modules/bootstrap/scss/_button-group.scss", - "../../node_modules/bootstrap/scss/_input-group.scss", - "../../node_modules/bootstrap/scss/_custom-forms.scss", - "../../node_modules/bootstrap/scss/_nav.scss", - "../../node_modules/bootstrap/scss/_navbar.scss", - "../../node_modules/bootstrap/scss/_card.scss", - "../../node_modules/bootstrap/scss/_breadcrumb.scss", - "../../node_modules/bootstrap/scss/_pagination.scss", - "../../node_modules/bootstrap/scss/_badge.scss", - "../../node_modules/bootstrap/scss/_jumbotron.scss", - "../../node_modules/bootstrap/scss/_alert.scss", - "../../node_modules/bootstrap/scss/_progress.scss", - "../../node_modules/bootstrap/scss/_media.scss", - "../../node_modules/bootstrap/scss/_list-group.scss", - "../../node_modules/bootstrap/scss/_close.scss", - "../../node_modules/bootstrap/scss/_toasts.scss", - "../../node_modules/bootstrap/scss/_modal.scss", - "../../node_modules/bootstrap/scss/_tooltip.scss", - "../../node_modules/bootstrap/scss/_popover.scss", - "../../node_modules/bootstrap/scss/_carousel.scss", - "../../node_modules/bootstrap/scss/_spinners.scss", - "../../node_modules/bootstrap/scss/_utilities.scss", - "../../node_modules/bootstrap/scss/utilities/_align.scss", - "../../node_modules/bootstrap/scss/utilities/_background.scss", - "../../node_modules/bootstrap/scss/utilities/_borders.scss", - "../../node_modules/bootstrap/scss/utilities/_clearfix.scss", - "../../node_modules/bootstrap/scss/utilities/_display.scss", - "../../node_modules/bootstrap/scss/utilities/_embed.scss", - "../../node_modules/bootstrap/scss/utilities/_flex.scss", - "../../node_modules/bootstrap/scss/utilities/_float.scss", - "../../node_modules/bootstrap/scss/utilities/_overflow.scss", - "../../node_modules/bootstrap/scss/utilities/_position.scss", - "../../node_modules/bootstrap/scss/utilities/_screenreaders.scss", - "../../node_modules/bootstrap/scss/utilities/_shadows.scss", - "../../node_modules/bootstrap/scss/utilities/_sizing.scss", - "../../node_modules/bootstrap/scss/utilities/_stretched-link.scss", - "../../node_modules/bootstrap/scss/utilities/_spacing.scss", - "../../node_modules/bootstrap/scss/utilities/_text.scss", - "../../node_modules/bootstrap/scss/utilities/_visibility.scss", - "../../node_modules/bootstrap/scss/_print.scss", - "../../build/scss/_variables.scss", - "../../build/scss/_mixins.scss", - "../../build/scss/mixins/_cards.scss", - "../../build/scss/mixins/_sidebar.scss", - "../../build/scss/mixins/_navbar.scss", - "../../build/scss/mixins/_accent.scss", - "../../build/scss/mixins/_custom-forms.scss", - "../../build/scss/mixins/_backgrounds.scss", - "../../build/scss/mixins/_direct-chat.scss", - "../../build/scss/mixins/_toasts.scss", - "../../build/scss/mixins/_miscellaneous.scss", - "../../build/scss/parts/_core.scss", - "../../build/scss/_layout.scss", - "../../build/scss/_main-header.scss", - "../../build/scss/_brand.scss", - "../../build/scss/_main-sidebar.scss", - "../../build/scss/_sidebar-mini.scss", - "../../build/scss/_control-sidebar.scss", - "../../build/scss/_dropdown.scss", - "../../build/scss/_navs.scss", - "../../build/scss/parts/_components.scss", - "../../build/scss/_forms.scss", - "../../build/scss/_progress-bars.scss", - "../../build/scss/_cards.scss", - "../../build/scss/_modals.scss", - "../../build/scss/_toasts.scss", - "../../build/scss/_buttons.scss", - "../../build/scss/_callout.scss", - "../../build/scss/_alerts.scss", - "../../build/scss/_table.scss", - "../../build/scss/_carousel.scss", - "../../build/scss/parts/_extra-components.scss", - "../../build/scss/_small-box.scss", - "../../build/scss/_info-box.scss", - "../../build/scss/_timeline.scss", - "../../build/scss/_products.scss", - "../../build/scss/_direct-chat.scss", - "../../build/scss/_users-list.scss", - "../../build/scss/_social-widgets.scss", - "../../build/scss/parts/_pages.scss", - "../../build/scss/pages/_mailbox.scss", - "../../build/scss/pages/_lockscreen.scss", - "../../build/scss/pages/_login_and_register.scss", - "../../build/scss/pages/_404_500_errors.scss", - "../../build/scss/pages/_invoice.scss", - "../../build/scss/pages/_profile.scss", - "../../build/scss/pages/_e-commerce.scss", - "../../build/scss/pages/_projects.scss", - "../../build/scss/parts/_plugins.scss", - "../../build/scss/plugins/_mixins.scss", - "../../build/scss/plugins/_fullcalendar.scss", - "../../build/scss/plugins/_select2.scss", - "../../build/scss/plugins/_bootstrap-slider.scss", - "../../build/scss/plugins/_icheck-bootstrap.scss", - "../../build/scss/plugins/_mapael.scss", - "../../build/scss/plugins/_jqvmap.scss", - "../../build/scss/plugins/_sweetalert2.scss", - "../../build/scss/plugins/_toastr.scss", - "../../build/scss/plugins/_pace.scss", - "../../build/scss/plugins/_bootstrap-switch.scss", - "../../build/scss/plugins/_miscellaneous.scss", - "../../build/scss/parts/_miscellaneous.scss", - "../../build/scss/_miscellaneous.scss", - "../../build/scss/_print.scss", - "../../build/scss/_text.scss", - "../../build/scss/_elevation.scss", - "../../build/scss/_colors.scss" - ], - "sourcesContent": [ - "/*!\n * AdminLTE v3.0.5\n * Author: Colorlib\n * Website: AdminLTE.io \n * License: Open source - MIT \n */\n// Bootstrap\n// ---------------------------------------------------\n@import '~bootstrap/scss/functions';\n@import 'bootstrap-variables';\n@import '~bootstrap/scss/bootstrap';\n\n// Variables and Mixins\n// ---------------------------------------------------\n@import 'variables';\n@import 'mixins';\n\n@import 'parts/core';\n@import 'parts/components';\n@import 'parts/extra-components';\n@import 'parts/pages';\n@import 'parts/plugins';\n@import 'parts/miscellaneous';\n\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n $string: str-replace($string, $char, $encoded);\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #ffffff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: #1F2D3D !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: true !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: none !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 15px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$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\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 10%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: none !default;\n$btn-focus-width: 0 !default;\n$btn-focus-box-shadow: none !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 0 0 rgba($black, 0) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 0 !default;\n$input-focus-box-shadow: none !default;\n\n$input-placeholder-color: lighten($gray-600, 15%) !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: none !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $custom-select-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $custom-select-focus-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: ($spacer / 2) !default;\n\n$navbar-nav-link-padding-x: 1rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .75) !default;\n$navbar-dark-hover-color: rgba($white, 1) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: 0 !default; //$border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", - "/*!\n * Bootstrap v4.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n $string: str-replace($string, $char, $encoded);\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\",\"%3c\"),\n (\">\",\"%3e\"),\n (\"#\",\"%23\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", - "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", - "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n", - "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n", - "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", - "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n &:hover { @content; }\n}\n\n@mixin hover-focus() {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus() {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active() {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", - "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n", - "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus() {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n", - "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", - "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n}\n", - "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n @include deprecate(\"`size()`\", \"v4.3.0\", \"v5\");\n}\n", - "@mixin reset-text() {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", - "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus() {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n", - "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n\n @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n", - "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", - "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n @include deprecate(\"`invisible()`\", \"v4.3.0\", \"v5\");\n}\n", - "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", - "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover() {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover() {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n", - "@mixin caret-down() {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == right {\n @include caret-right();\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-left();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", - "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", - "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n padding-left: 0;\n list-style: none;\n}\n", - "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus() {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", - "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n height: 0;\n margin: $margin-y 0;\n overflow: hidden;\n border-top: 1px solid $color;\n @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n", - "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .custom-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, escape-svg($icon) $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n @include form-validation-state-selector($state) {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n border-color: $color;\n }\n }\n\n &:checked {\n ~ .custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .custom-control-label::before {\n border-color: $color;\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n @include form-validation-state-selector($state) {\n ~ .custom-file-label {\n border-color: $color;\n }\n\n &:focus {\n ~ .custom-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", - "// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover() {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", - "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus() {\n background-color: darken($color, 10%) !important;\n }\n }\n @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", - "// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n", - "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @if (length($shadow) == 1) {\n // We can pass `@include box-shadow(none);`\n $result: $shadow;\n } @else {\n // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`\n @for $i from 1 through length($shadow) {\n @if nth($shadow, $i) != \"none\" {\n $result: append($result, nth($shadow, $i), \"comma\");\n }\n }\n }\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n", - "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", - "// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n", - "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", - "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", - "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n & > * {\n flex: 0 0 100% / $count;\n max-width: 100% / $count;\n }\n}\n", - "// stylelint-disable declaration-no-important\n\n@mixin float-left() {\n float: left !important;\n @include deprecate(\"The `float-left` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-right() {\n float: right !important;\n @include deprecate(\"The `float-right` mixin\", \"v4.3.0\", \"v5\");\n}\n@mixin float-none() {\n float: none !important;\n @include deprecate(\"The `float-none` mixin\", \"v4.3.0\", \"v5\");\n}\n", - "// Do not forget to update getting-started/theming.md!\n:root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n", - "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover() {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]) {\n color: inherit;\n text-decoration: none;\n\n @include hover() {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n", - "// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n @include font-size($lead-font-size);\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n @include font-size($display1-size);\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n @include font-size($display2-size);\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n @include font-size($display3-size);\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n @include font-size($display4-size);\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n @include font-size($small-font-size);\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled();\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n @include font-size(90%);\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n display: block;\n @include font-size($blockquote-small-font-size);\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014\\00A0\"; // em dash, nbsp\n }\n}\n", - "// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all ``s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: $spacer / 2;\n line-height: 1;\n}\n\n.figure-caption {\n @include font-size($figure-caption-font-size);\n color: $figure-caption-color;\n}\n", - "// Inline code\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n @include font-size(100%);\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n", - "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n // Single container class with breakpoint max-widths\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n\n // 100% wide container at all breakpoints\n .container-fluid {\n @include make-container();\n }\n\n // Responsive containers that are 100% wide until a breakpoint\n @each $breakpoint, $container-max-width in $container-max-widths {\n .container-#{$breakpoint} {\n @extend .container-fluid;\n }\n\n @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n %responsive-container-#{$breakpoint} {\n max-width: $container-max-width;\n }\n\n @each $name, $width in $grid-breakpoints {\n @if ($container-max-width > $width or $breakpoint == $name) {\n .container#{breakpoint-infix($name, $grid-breakpoints)} {\n @extend %responsive-container-#{$breakpoint};\n }\n }\n }\n }\n }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n", - "//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover() {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover() {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n", - "// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-family: $input-font-family;\n @include font-size($input-font-size);\n font-weight: $input-font-weight;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on `s in CSS.\n @include border-radius($input-border-radius, 0);\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on ` receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n padding-top: add($input-padding-y, $input-border-width);\n padding-bottom: add($input-padding-y, $input-border-width);\n margin-bottom: 0; // Override the `