From d1570740276e97c007355f0e808ec3ccabd4b8d7 Mon Sep 17 00:00:00 2001 From: leebeomjun Date: Fri, 5 Apr 2024 14:57:24 +0900 Subject: [PATCH] =?UTF-8?q?css=20=EC=A0=95=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../resources/css/fims/cmmn/xit-core.css | 14830 +++++++--------- .../css/fims/cmmn/xit-theme-default.css | 1720 +- 2 files changed, 8271 insertions(+), 8279 deletions(-) diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core.css b/src/main/webapp/resources/css/fims/cmmn/xit-core.css index 9b839f2f..1502b7cd 100644 --- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css +++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css @@ -8198,6 +8198,9 @@ button:focus-visible { vertical-align: middle; } + + + .nav .nav-item, .nav .nav-link, .tab-pane, @@ -8649,6 +8652,17 @@ button:focus-visible { padding-bottom: 0.3rem; } +.page-item.active .page-link, +.page-item.active .page-link:hover, +.page-item.active .page-link:focus, +.pagination li.active > a:not(.page-link), +.pagination li.active > a:not(.page-link):hover, +.pagination li.active > a:not(.page-link):focus { + border-color: #696cff; + background-color: #696cff; + color: #fff; + box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4); +} .alert-primary { background-color: #e7e7ff; @@ -9565,9 +9579,12 @@ button:focus-visible { .was-validated .form-control:valid, .form-control.is-valid { border-color: #71dd37; } -.dark-style .was-validated .form-control:valid, .dark-style .form-control.is-valid { + +.dark-style .was-validated .form-control:valid, +.dark-style .form-control.is-valid { border-color: #71dd37 !important; } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #71dd37; box-shadow: 0 0 0.25rem 0.05rem rgba(113, 221, 55, 0.1); @@ -9646,12 +9663,11 @@ button:focus-visible { display: block; } -.was-validated .form-control:invalid, .form-control.is-invalid { +.was-validated .form-control:invalid, +.form-control.is-invalid { border-color: #ff3e1d; } -.dark-style .was-validated .form-control:invalid, .dark-style .form-control.is-invalid { - border-color: #ff3e1d !important; -} + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff3e1d; box-shadow: 0 0 0.25rem 0.05rem rgba(255, 62, 29, 0.1); @@ -9691,7 +9707,8 @@ button:focus-visible { border-color: #ff3e1d; box-shadow: none; } -.was-validated .input-group .form-control:invalid:focus ~ .input-group-text, .input-group .form-control.is-invalid:focus ~ .input-group-text { +.was-validated .input-group .form-control:invalid:focus ~ .input-group-text, +.input-group .form-control.is-invalid:focus ~ .input-group-text { border-color: #ff3e1d; } @@ -10026,6 +10043,12 @@ form select.selectpicker.is-invalid ~ .btn { border-bottom-left-radius: 10rem; } +.progress-bar { + background-color: #696cff; + color: #fff; + box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); +} + .breadcrumb-item, .breadcrumb-item a { color: #697a8d; @@ -10375,9609 +10398,8429 @@ button.list-group-item-gray.active { border-color: rgba(67, 89, 113, 0.1); } -.mega-dropdown .dropdown-toggle { - outline: 0; -} -.mega-dropdown .dropdown-menu { - width: 100%; -} - -.card { - background-clip: padding-box; - box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); -} -.card .card-link { - display: inline-block; -} -.card .card-header + .card-body, -.card .card-header + .card-content > .card-body:first-of-type { - padding-top: 0; +.navbar-collapse-header { + display: none; } -.card-action.card-fullscreen { - display: block; - z-index: 9999; - position: fixed; - width: 100% !important; - height: 100% !important; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - border: none; - border-radius: 0; -} -.card-action .card-alert { - position: absolute; - width: 100%; - z-index: 999; -} -.card-action .card-alert .alert { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} -.card-action .card-header.collapsed { - border-bottom: 0; -} -.card-action .card-header { - display: flex; - line-height: 1.54; -} -.card-action .card-header .card-action-title { - flex-grow: 1; - margin-right: 0.5rem; -} -.card-action .card-header .card-action-element { - flex-shrink: 0; - background-color: inherit; - top: 1rem; - right: 1.5rem; - color: #697a8d; -} -.card-action .card-header .card-action-element a { - color: #697a8d; -} -.card-action .card-header .card-action-element a .collapse-icon::after { - margin-top: -0.15rem; +@media (max-width: 991.98px) { + .navbar-front .navbar-collapse-header { + display: block; + margin-bottom: 1rem; + padding-bottom: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + } + .navbar-front .navbar-collapse { + position: absolute; + z-index: 1090; + top: 0; + right: 0; + left: 0; + overflow-y: auto; + width: calc(100% - (0.5rem * 2)); + height: auto !important; + margin: 0.5rem; + } + .navbar-front .navbar-collapse.collapsing, .navbar-front .navbar-collapse.show { + padding: 1.5rem; + border-radius: 0.375rem; + background: #fff; + box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); + } } -.card-action .blockUI h5, .card-action .blockUI .h5 { - color: #697a8d; - margin: 1rem 0 0 0; -} -.card-header, -.card-footer { - border-color: #d9dee3; +.navbar.bg-primary { + background-color: #696cff !important; + color: #e0e1ff; } -.card hr { - color: #d9dee3; +.navbar.bg-primary .navbar-brand, +.navbar.bg-primary .navbar-brand a { + color: #fff; } -.card .row-bordered > [class*=" col "] .card .row-bordered > [class$=" col"], .card .row-bordered > [class*=" col "]::before, .card .row-bordered > [class*=" col "]::after, -.card .row-bordered > [class^="col "] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class^="col "]::before, -.card .row-bordered > [class^="col "]::after, -.card .row-bordered > [class*=" col-"] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class*=" col-"]::before, -.card .row-bordered > [class*=" col-"]::after, -.card .row-bordered > [class^=col-] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class^=col-]::before, -.card .row-bordered > [class^=col-]::after, -.card .row-bordered > [class=col] .card .row-bordered > [class$=" col"], -.card .row-bordered > [class=col]::before, -.card .row-bordered > [class=col]::after { - border-color: #d9dee3; +.navbar.bg-primary .navbar-brand:hover, +.navbar.bg-primary .navbar-brand:focus, +.navbar.bg-primary .navbar-brand a:hover, +.navbar.bg-primary .navbar-brand a:focus { + color: #fff; } -.card-header.header-elements, -.card-title.header-elements { - display: flex; - width: 100%; - align-items: center; - flex-wrap: wrap; +.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-primary .navbar-search-wrapper .search-input { + color: #e0e1ff; } -.card-header.card-header-elements { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} -.card-header .card-header-elements { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.navbar.bg-primary .search-input-wrapper .search-input, +.navbar.bg-primary .search-input-wrapper .search-toggler { + background-color: #696cff !important; + color: #e0e1ff; } -.card-header-elements, -.card-title-elements { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.card-header-elements + .card-header-elements, -.card-header-elements > * + *, -.card-header-elements + .card-title-elements, -.card-title-elements > * + *, -.card-title-elements + .card-header-elements, -.card-title-elements + .card-title-elements { - margin-left: 0.25rem; +.navbar.bg-primary .navbar-nav > .nav-link, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link { + color: #e0e1ff; } -.card-img-left { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -@media (max-width: 767.98px) { - .card-img-left { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } +.navbar.bg-primary .navbar-nav > .nav-link:hover, +.navbar.bg-primary .navbar-nav > .nav-link:focus, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #fff; } -.card-img-right { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -@media (max-width: 767.98px) { - .card-img-right { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; - border-top-left-radius: 0; - border-top-right-radius: 0; - } +.navbar.bg-primary .navbar-nav > .nav-link.disabled, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #b0b2ff !important; } -.card > .list-group .list-group-item { - padding-left: 1.5rem; - padding-right: 1.5rem; +.navbar.bg-primary .navbar-nav .show > .nav-link, +.navbar.bg-primary .navbar-nav .active > .nav-link, +.navbar.bg-primary .navbar-nav .nav-link.show, +.navbar.bg-primary .navbar-nav .nav-link.active { + color: #fff; } -.card .card-separator { - border-right: 1px solid #d9dee3; +.navbar.bg-primary .navbar-toggler { + color: #e0e1ff; + border-color: rgba(255, 255, 255, 0.15); } -@media (max-width: 767.98px) { - .card .card-separator { - border-bottom: 1px solid #d9dee3; - padding-bottom: 1.5rem; - border-right-width: 0 !important; - } +.navbar.bg-primary .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } -.accordion.accordion-header-primary .accordion-item.active .accordion-button { - color: #696cff !important; +.navbar.bg-primary .navbar-text { + color: #e0e1ff; } -.accordion.accordion-header-secondary .accordion-item.active .accordion-button { - color: #8592a3 !important; +.navbar.bg-primary .navbar-text a { + color: #fff; } -.accordion.accordion-header-success .accordion-item.active .accordion-button { - color: #71dd37 !important; +.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus { + color: #fff; } -.accordion.accordion-header-info .accordion-item.active .accordion-button { - color: #03c3ec !important; +.navbar.bg-primary hr { + border-color: rgba(255, 255, 255, 0.15); } -.accordion.accordion-header-warning .accordion-item.active .accordion-button { - color: #ffab00 !important; +.navbar.bg-secondary { + background-color: #8592a3 !important; + color: #eaecef; } - -.accordion.accordion-header-danger .accordion-item.active .accordion-button { - color: #ff3e1d !important; +.navbar.bg-secondary .navbar-brand, +.navbar.bg-secondary .navbar-brand a { + color: #fff; } - -.accordion.accordion-header-light .accordion-item.active .accordion-button { - color: #fcfdfd !important; +.navbar.bg-secondary .navbar-brand:hover, .navbar.bg-secondary .navbar-brand:focus, +.navbar.bg-secondary .navbar-brand a:hover, +.navbar.bg-secondary .navbar-brand a:focus { + color: #fff; } - -.accordion.accordion-header-dark .accordion-item.active .accordion-button { - color: #233446 !important; +.navbar.bg-secondary .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-secondary .navbar-search-wrapper .search-input { + color: #eaecef; } - -.accordion.accordion-header-gray .accordion-item.active .accordion-button { - color: rgba(67, 89, 113, 0.1) !important; +.navbar.bg-secondary .search-input-wrapper .search-input, +.navbar.bg-secondary .search-input-wrapper .search-toggler { + background-color: #8592a3 !important; + color: #eaecef; } - -.accordion-popout .accordion-item { - transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); +.navbar.bg-secondary .navbar-nav > .nav-link, +.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link, +.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link { + color: #eaecef; } -.accordion-popout .accordion-item:not(.active) { - margin-left: 1rem; - margin-right: 1rem; +.navbar.bg-secondary .navbar-nav > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-link:focus, +.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #fff; } - -.accordion-header + .accordion-collapse .accordion-body { - padding-top: 0; +.navbar.bg-secondary .navbar-nav > .nav-link.disabled, +.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #c2c8d1 !important; } - -.accordion.accordion-without-arrow .accordion-button::after { - background-image: none !important; +.navbar.bg-secondary .navbar-nav .show > .nav-link, +.navbar.bg-secondary .navbar-nav .active > .nav-link, +.navbar.bg-secondary .navbar-nav .nav-link.show, +.navbar.bg-secondary .navbar-nav .nav-link.active { + color: #fff; } -.accordion .accordion-item.active { - box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); +.navbar.bg-secondary .navbar-toggler { + color: #eaecef; + border-color: rgba(255, 255, 255, 0.15); } - -.card.accordion-item { - box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4); +.navbar.bg-secondary .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.accordion-button.collapsed:focus { - box-shadow: none; +.navbar.bg-secondary .navbar-text { + color: #eaecef; } - -.accordion-button { - box-shadow: none; +.navbar.bg-secondary .navbar-text a { + color: #fff; } - -.accordion-header { - line-height: 1.54; +.navbar.bg-secondary .navbar-text a:hover, .navbar.bg-secondary .navbar-text a:focus { + color: #fff; } - -.accordion-item:not(:first-of-type) { - border-top: 0 solid #d9dee3; +.navbar.bg-secondary hr { + border-color: rgba(255, 255, 255, 0.15); } -.accordion-button { - font-weight: inherit; - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} -.accordion-button.collapsed { - border-radius: 0.375rem; +.navbar.bg-success { + background-color: #71dd37 !important; + color: #ecfae4; } - -.accordion > .card:not(:last-of-type) { - border-radius: 0.375rem !important; - margin-bottom: 0.6875rem; +.navbar.bg-success .navbar-brand, +.navbar.bg-success .navbar-brand a { + color: #fff; } - -.close:focus { - outline: 0; +.navbar.bg-success .navbar-brand:hover, .navbar.bg-success .navbar-brand:focus, +.navbar.bg-success .navbar-brand a:hover, +.navbar.bg-success .navbar-brand a:focus { + color: #fff; } - - -.bg-primary.toast, .bg-primary.bs-toast { - color: #fff; - background-color: rgba(105, 108, 255, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(105, 108, 255, 0.4); +.navbar.bg-success .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-success .navbar-search-wrapper .search-input { + color: #ecfae4; } - -.bg-primary.toast .toast-header, .bg-primary.bs-toast .toast-header { - color: #fff; +.navbar.bg-success .search-input-wrapper .search-input, +.navbar.bg-success .search-input-wrapper .search-toggler { + background-color: #71dd37 !important; + color: #ecfae4; } - -.bg-primary.toast .toast-header .btn-close, -.bg-primary.bs-toast .toast-header .btn-close { - background-color: #696cff !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(105, 108, 255, 0.4) !important; +.navbar.bg-success .navbar-nav > .nav-link, +.navbar.bg-success .navbar-nav > .nav-item > .nav-link, +.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link { + color: #ecfae4; } - - -.bg-secondary.toast, .bg-secondary.bs-toast { +.navbar.bg-success .navbar-nav > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-link:focus, +.navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-success .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:focus { color: #fff; - background-color: rgba(133, 146, 163, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(133, 146, 163, 0.4); } -.bg-secondary.toast .toast-header, .bg-secondary.bs-toast .toast-header { +.navbar.bg-success .navbar-nav > .nav-link.disabled, +.navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #bbee9f !important; +} +.navbar.bg-success .navbar-nav .show > .nav-link, +.navbar.bg-success .navbar-nav .active > .nav-link, +.navbar.bg-success .navbar-nav .nav-link.show, +.navbar.bg-success .navbar-nav .nav-link.active { color: #fff; } -.bg-secondary.toast .toast-header .btn-close, .bg-secondary.bs-toast .toast-header .btn-close { - background-color: #8592a3 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(133, 146, 163, 0.4) !important; +.navbar.bg-success .navbar-toggler { + color: #ecfae4; + border-color: rgba(255, 255, 255, 0.15); } - -.bg-success.toast, .bg-success.bs-toast { +.navbar.bg-success .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} +.navbar.bg-success .navbar-text { + color: #ecfae4; +} +.navbar.bg-success .navbar-text a { color: #fff; - background-color: rgba(113, 221, 55, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(113, 221, 55, 0.4); } -.bg-success.toast .toast-header, .bg-success.bs-toast .toast-header { +.navbar.bg-success .navbar-text a:hover, .navbar.bg-success .navbar-text a:focus { color: #fff; } -.bg-success.toast .toast-header .btn-close, .bg-success.bs-toast .toast-header .btn-close { - background-color: #71dd37 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(113, 221, 55, 0.4) !important; +.navbar.bg-success hr { + border-color: rgba(255, 255, 255, 0.15); } -.bg-info.toast, .bg-info.bs-toast { +.navbar.bg-info { + background-color: #03c3ec !important; + color: #d2f4fc; +} +.navbar.bg-info .navbar-brand, +.navbar.bg-info .navbar-brand a { color: #fff; - background-color: rgba(3, 195, 236, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(3, 195, 236, 0.4); } -.bg-info.toast .toast-header, .bg-info.bs-toast .toast-header { +.navbar.bg-info .navbar-brand:hover, .navbar.bg-info .navbar-brand:focus, +.navbar.bg-info .navbar-brand a:hover, +.navbar.bg-info .navbar-brand a:focus { color: #fff; } -.bg-info.toast .toast-header .btn-close, .bg-info.bs-toast .toast-header .btn-close { +.navbar.bg-info .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-info .navbar-search-wrapper .search-input { + color: #d2f4fc; +} +.navbar.bg-info .search-input-wrapper .search-input, +.navbar.bg-info .search-input-wrapper .search-toggler { background-color: #03c3ec !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(3, 195, 236, 0.4) !important; + color: #d2f4fc; } - -.bg-warning.toast, .bg-warning.bs-toast { +.navbar.bg-info .navbar-nav > .nav-link, +.navbar.bg-info .navbar-nav > .nav-item > .nav-link, +.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link { + color: #d2f4fc; +} +.navbar.bg-info .navbar-nav > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-link:focus, +.navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-info .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:focus { color: #fff; - background-color: rgba(255, 171, 0, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(255, 171, 0, 0.4); } -.bg-warning.toast .toast-header, .bg-warning.bs-toast .toast-header { +.navbar.bg-info .navbar-nav > .nav-link.disabled, +.navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #7fe0f6 !important; +} +.navbar.bg-info .navbar-nav .show > .nav-link, +.navbar.bg-info .navbar-nav .active > .nav-link, +.navbar.bg-info .navbar-nav .nav-link.show, +.navbar.bg-info .navbar-nav .nav-link.active { color: #fff; } -.bg-warning.toast .toast-header .btn-close, .bg-warning.bs-toast .toast-header .btn-close { - background-color: #ffab00 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 171, 0, 0.4) !important; +.navbar.bg-info .navbar-toggler { + color: #d2f4fc; + border-color: rgba(255, 255, 255, 0.15); } - -.bg-danger.toast, .bg-danger.bs-toast { +.navbar.bg-info .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} +.navbar.bg-info .navbar-text { + color: #d2f4fc; +} +.navbar.bg-info .navbar-text a { color: #fff; - background-color: rgba(255, 62, 29, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(255, 62, 29, 0.4); } -.bg-danger.toast .toast-header, .bg-danger.bs-toast .toast-header { +.navbar.bg-info .navbar-text a:hover, .navbar.bg-info .navbar-text a:focus { color: #fff; } -.bg-danger.toast .toast-header .btn-close, .bg-danger.bs-toast .toast-header .btn-close { - background-color: #ff3e1d !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 62, 29, 0.4) !important; +.navbar.bg-info hr { + border-color: rgba(255, 255, 255, 0.15); } -.bg-light.toast, .bg-light.bs-toast { - color: #fff; - background-color: rgba(252, 253, 253, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(252, 253, 253, 0.4); +.navbar.bg-warning { + background-color: #ffab00 !important; + color: #fff5e0; } -.bg-light.toast .toast-header, .bg-light.bs-toast .toast-header { +.navbar.bg-warning .navbar-brand, +.navbar.bg-warning .navbar-brand a { color: #fff; } -.bg-light.toast .toast-header .btn-close, .bg-light.bs-toast .toast-header .btn-close { - background-color: #fcfdfd !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(252, 253, 253, 0.4) !important; -} - -.bg-dark.toast, .bg-dark.bs-toast { +.navbar.bg-warning .navbar-brand:hover, .navbar.bg-warning .navbar-brand:focus, +.navbar.bg-warning .navbar-brand a:hover, +.navbar.bg-warning .navbar-brand a:focus { color: #fff; - background-color: rgba(35, 52, 70, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(35, 52, 70, 0.4); } -.bg-dark.toast .toast-header, .bg-dark.bs-toast .toast-header { - color: #fff; +.navbar.bg-warning .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-warning .navbar-search-wrapper .search-input { + color: #fff5e0; } -.bg-dark.toast .toast-header .btn-close, .bg-dark.bs-toast .toast-header .btn-close { - background-color: #233446 !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(35, 52, 70, 0.4) !important; +.navbar.bg-warning .search-input-wrapper .search-input, +.navbar.bg-warning .search-input-wrapper .search-toggler { + background-color: #ffab00 !important; + color: #fff5e0; } - -.bg-gray.toast, .bg-gray.bs-toast { - color: #fff; - background-color: rgba(67, 89, 113, 0.85) !important; - box-shadow: 0 0.25rem 1rem rgba(67, 89, 113, 0.4); +.navbar.bg-warning .navbar-nav > .nav-link, +.navbar.bg-warning .navbar-nav > .nav-item > .nav-link, +.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link { + color: #fff5e0; } -.bg-gray.toast .toast-header, .bg-gray.bs-toast .toast-header { +.navbar.bg-warning .navbar-nav > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-link:focus, +.navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-warning .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:focus { color: #fff; } -.bg-gray.toast .toast-header .btn-close, .bg-gray.bs-toast .toast-header .btn-close { - background-color: rgba(67, 89, 113, 0.1) !important; - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: 0 0.1875rem 0.375rem 0 rgba(67, 89, 113, 0.4) !important; +.navbar.bg-warning .navbar-nav > .nav-link.disabled, +.navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #ffd786 !important; } - -.bs-toast[class^=bg-], -.bs-toast[class*=" bg-"] { - border: none; +.navbar.bg-warning .navbar-nav .show > .nav-link, +.navbar.bg-warning .navbar-nav .active > .nav-link, +.navbar.bg-warning .navbar-nav .nav-link.show, +.navbar.bg-warning .navbar-nav .nav-link.active { + color: #fff; } - -.toast.bs-toast { - background-color: rgba(255, 255, 255, 0.85); - z-index: 1095; +.navbar.bg-warning .navbar-toggler { + color: #fff5e0; + border-color: rgba(255, 255, 255, 0.15); } -.toast.bs-toast .toast-header { - padding-bottom: 0.5rem; - position: relative; +.navbar.bg-warning .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } -.toast.bs-toast .toast-header .btn-close { - position: absolute; - top: -8px; - border-radius: 0.375rem; - padding: 0.45rem; - background-size: 0.625em; - transition: all 0.23s ease 0.1s; - background-color: #fff; - box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4); - right: 2px; +.navbar.bg-warning .navbar-text { + color: #fff5e0; } -.toast.bs-toast .toast-header .btn-close:hover, .toast.bs-toast .toast-header .btn-close:focus, .toast.bs-toast .toast-header .btn-close:active { - opacity: 1; - outline: none; +.navbar.bg-warning .navbar-text a { + color: #fff; } -.toast.bs-toast .toast-header ~ .toast-body { - padding-top: 0; +.navbar.bg-warning .navbar-text a:hover, .navbar.bg-warning .navbar-text a:focus { + color: #fff; } - -.toast-container { - --bs-toast-zindex: 9; +.navbar.bg-warning hr { + border-color: rgba(255, 255, 255, 0.15); } -.toast-ex { - position: fixed; - top: 4.1rem; - right: 2.5rem; +.navbar.bg-danger { + background-color: #ff3e1d !important; + color: #ffd5ce; } - -.toast-placement-ex { - position: fixed; +.navbar.bg-danger .navbar-brand, +.navbar.bg-danger .navbar-brand a { + color: #fff; } - -.carousel .carousel-item.active h1, -.carousel .carousel-item.active .h1, -.carousel .carousel-item.active h2, -.carousel .carousel-item.active .h2, -.carousel .carousel-item.active h3, -.carousel .carousel-item.active .h3, -.carousel .carousel-item.active h4, -.carousel .carousel-item.active .h4, -.carousel .carousel-item.active h5, -.carousel .carousel-item.active .h5, -.carousel .carousel-item.active h6, -.carousel .carousel-item.active .h6, -.carousel .carousel-item.carousel-item-start h1, -.carousel .carousel-item.carousel-item-start .h1, -.carousel .carousel-item.carousel-item-start h2, -.carousel .carousel-item.carousel-item-start .h2, -.carousel .carousel-item.carousel-item-start h3, -.carousel .carousel-item.carousel-item-start .h3, -.carousel .carousel-item.carousel-item-start h4, -.carousel .carousel-item.carousel-item-start .h4, -.carousel .carousel-item.carousel-item-start h5, -.carousel .carousel-item.carousel-item-start .h5, -.carousel .carousel-item.carousel-item-start h6, -.carousel .carousel-item.carousel-item-start .h6 { +.navbar.bg-danger .navbar-brand:hover, .navbar.bg-danger .navbar-brand:focus, +.navbar.bg-danger .navbar-brand a:hover, +.navbar.bg-danger .navbar-brand a:focus { color: #fff; } - -.carousel.carousel-dark .carousel-item.active h1, -.carousel.carousel-dark .carousel-item.active .h1, -.carousel.carousel-dark .carousel-item.active h2, -.carousel.carousel-dark .carousel-item.active .h2, -.carousel.carousel-dark .carousel-item.active h3, -.carousel.carousel-dark .carousel-item.active .h3, -.carousel.carousel-dark .carousel-item.active h4, -.carousel.carousel-dark .carousel-item.active .h4, -.carousel.carousel-dark .carousel-item.active h5, -.carousel.carousel-dark .carousel-item.active .h5, -.carousel.carousel-dark .carousel-item.active h6, -.carousel.carousel-dark .carousel-item.active .h6, -.carousel.carousel-dark .carousel-item.carousel-item-start h1, -.carousel.carousel-dark .carousel-item.carousel-item-start .h1, -.carousel.carousel-dark .carousel-item.carousel-item-start h2, -.carousel.carousel-dark .carousel-item.carousel-item-start .h2, -.carousel.carousel-dark .carousel-item.carousel-item-start h3, -.carousel.carousel-dark .carousel-item.carousel-item-start .h3, -.carousel.carousel-dark .carousel-item.carousel-item-start h4, -.carousel.carousel-dark .carousel-item.carousel-item-start .h4, -.carousel.carousel-dark .carousel-item.carousel-item-start h5, -.carousel.carousel-dark .carousel-item.carousel-item-start .h5, -.carousel.carousel-dark .carousel-item.carousel-item-start h6, -.carousel.carousel-dark .carousel-item.carousel-item-start .h6 { - color: #435971; +.navbar.bg-danger .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-danger .navbar-search-wrapper .search-input { + color: #ffd5ce; } - -.spinner-border-lg { - width: 3rem; - height: 3rem; - border-width: 0.3em; +.navbar.bg-danger .search-input-wrapper .search-input, +.navbar.bg-danger .search-input-wrapper .search-toggler { + background-color: #ff3e1d !important; + color: #ffd5ce; } - -.spinner-grow-lg { - width: 3rem; - height: 3rem; - border-width: 0.3em; +.navbar.bg-danger .navbar-nav > .nav-link, +.navbar.bg-danger .navbar-nav > .nav-item > .nav-link, +.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link { + color: #ffd5ce; } - -.btn .spinner-border, -.btn .spinner-grow { - position: relative; - top: -0.0625rem; - height: 1em; - width: 1em; +.navbar.bg-danger .navbar-nav > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-link:focus, +.navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-danger .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #fff; } -.btn .spinner-border { - border-width: 0.15em; +.navbar.bg-danger .navbar-nav > .nav-link.disabled, +.navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #ff9987 !important; } -@keyframes spinner-border-rtl { - to { - transform: rotate(-360deg); - } +.navbar.bg-danger .navbar-nav .show > .nav-link, +.navbar.bg-danger .navbar-nav .active > .nav-link, +.navbar.bg-danger .navbar-nav .nav-link.show, +.navbar.bg-danger .navbar-nav .nav-link.active { + color: #fff; } -.offcanvas-header { - padding-bottom: 0.75rem; +.navbar.bg-danger .navbar-toggler { + color: #ffd5ce; + border-color: rgba(255, 255, 255, 0.15); } - -.offcanvas-body { - padding-top: 0.75rem; +.navbar.bg-danger .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.align-baseline { - vertical-align: baseline !important; +.navbar.bg-danger .navbar-text { + color: #ffd5ce; } - -.align-top { - vertical-align: top !important; +.navbar.bg-danger .navbar-text a { + color: #fff; } - -.align-middle { - vertical-align: middle !important; +.navbar.bg-danger .navbar-text a:hover, .navbar.bg-danger .navbar-text a:focus { + color: #fff; } - -.align-bottom { - vertical-align: bottom !important; +.navbar.bg-danger hr { + border-color: rgba(255, 255, 255, 0.15); } -.align-text-bottom { - vertical-align: text-bottom !important; +.navbar.bg-dark { + background-color: #233446 !important; + color: #e4e6e8; } - -.align-text-top { - vertical-align: text-top !important; +.navbar.bg-dark .navbar-brand, +.navbar.bg-dark .navbar-brand a { + color: #fff; } - -.overflow-auto { - overflow: auto !important; +.navbar.bg-dark .navbar-brand:hover, .navbar.bg-dark .navbar-brand:focus, +.navbar.bg-dark .navbar-brand a:hover, +.navbar.bg-dark .navbar-brand a:focus { + color: #fff; } - -.overflow-hidden { - overflow: hidden !important; +.navbar.bg-dark .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-dark .navbar-search-wrapper .search-input { + color: #e4e6e8; } - -.overflow-visible { - overflow: visible !important; +.navbar.bg-dark .search-input-wrapper .search-input, +.navbar.bg-dark .search-input-wrapper .search-toggler { + background-color: #233446 !important; + color: #e4e6e8; } - -.overflow-scroll { - overflow: scroll !important; +.navbar.bg-dark .navbar-nav > .nav-link, +.navbar.bg-dark .navbar-nav > .nav-item > .nav-link, +.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link { + color: #e4e6e8; } - -.d-inline { - display: inline !important; +.navbar.bg-dark .navbar-nav > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-link:focus, +.navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-dark .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #fff; } - -.d-inline-block { - display: inline-block !important; +.navbar.bg-dark .navbar-nav > .nav-link.disabled, +.navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #979fa7 !important; } - -.d-block { - display: block !important; +.navbar.bg-dark .navbar-nav .show > .nav-link, +.navbar.bg-dark .navbar-nav .active > .nav-link, +.navbar.bg-dark .navbar-nav .nav-link.show, +.navbar.bg-dark .navbar-nav .nav-link.active { + color: #fff; } - -.d-grid { - display: grid !important; +.navbar.bg-dark .navbar-toggler { + color: #e4e6e8; + border-color: rgba(255, 255, 255, 0.06); } - -.d-table { - display: table !important; +.navbar.bg-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.d-table-row { - display: table-row !important; +.navbar.bg-dark .navbar-text { + color: #e4e6e8; } - -.d-table-cell { - display: table-cell !important; +.navbar.bg-dark .navbar-text a { + color: #fff; } - -.d-flex { - display: flex !important; +.navbar.bg-dark .navbar-text a:hover, .navbar.bg-dark .navbar-text a:focus { + color: #fff; } - -.d-inline-flex { - display: inline-flex !important; +.navbar.bg-dark hr { + border-color: rgba(255, 255, 255, 0.06); } -.d-none { - display: none !important; +.navbar.bg-gray { + background-color: #eceef1 !important; + color: #8291a1; } - -.shadow { - box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important; +.navbar.bg-gray .navbar-brand, +.navbar.bg-gray .navbar-brand a { + color: #435971; } - -.shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4) !important; +.navbar.bg-gray .navbar-brand:hover, .navbar.bg-gray .navbar-brand:focus, +.navbar.bg-gray .navbar-brand a:hover, +.navbar.bg-gray .navbar-brand a:focus { + color: #435971; } - -.shadow-lg { - box-shadow: 0 0.625rem 1.25rem rgba(161, 172, 184, 0.5) !important; +.navbar.bg-gray .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-gray .navbar-search-wrapper .search-input { + color: #8291a1; } - -.shadow-none { - box-shadow: none !important; +.navbar.bg-gray .search-input-wrapper .search-input, +.navbar.bg-gray .search-input-wrapper .search-toggler { + background-color: rgba(67, 89, 113, 0.1) !important; + color: #8291a1; } - -.position-static { - position: static !important; +.navbar.bg-gray .navbar-nav > .nav-link, +.navbar.bg-gray .navbar-nav > .nav-item > .nav-link, +.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link { + color: #8291a1; } - -.position-relative { - position: relative !important; +.navbar.bg-gray .navbar-nav > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav-link:focus, +.navbar.bg-gray .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-gray .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #435971; } - -.position-absolute { - position: absolute !important; +.navbar.bg-gray .navbar-nav > .nav-link.disabled, +.navbar.bg-gray .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #acb6c1 !important; } - -.position-fixed { - position: fixed !important; +.navbar.bg-gray .navbar-nav .show > .nav-link, +.navbar.bg-gray .navbar-nav .active > .nav-link, +.navbar.bg-gray .navbar-nav .nav-link.show, +.navbar.bg-gray .navbar-nav .nav-link.active { + color: #435971; } - -.position-sticky { - position: sticky !important; +.navbar.bg-gray .navbar-toggler { + color: #8291a1; + border-color: rgba(67, 89, 113, 0.0783835294); } - -.top-0 { - top: 0 !important; +.navbar.bg-gray .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.top-50 { - top: 50% !important; +.navbar.bg-gray .navbar-text { + color: #8291a1; } - -.top-100 { - top: 100% !important; +.navbar.bg-gray .navbar-text a { + color: #435971; } - -.bottom-0 { - bottom: 0 !important; +.navbar.bg-gray .navbar-text a:hover, .navbar.bg-gray .navbar-text a:focus { + color: #435971; } - -.bottom-50 { - bottom: 50% !important; +.navbar.bg-gray hr { + border-color: rgba(67, 89, 113, 0.0783835294); } -.bottom-100 { - bottom: 100% !important; +.navbar.bg-white { + background-color: #fff !important; + color: #a1acb8; } - -.zindex-1 { - z-index: 1 !important; +.navbar.bg-white .navbar-brand, +.navbar.bg-white .navbar-brand a { + color: #697a8d; } - -.zindex-2 { - z-index: 2 !important; +.navbar.bg-white .navbar-brand:hover, .navbar.bg-white .navbar-brand:focus, +.navbar.bg-white .navbar-brand a:hover, +.navbar.bg-white .navbar-brand a:focus { + color: #697a8d; } - -.zindex-3 { - z-index: 3 !important; +.navbar.bg-white .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-white .navbar-search-wrapper .search-input { + color: #a1acb8; } - -.zindex-4 { - z-index: 4 !important; +.navbar.bg-white .search-input-wrapper .search-input, +.navbar.bg-white .search-input-wrapper .search-toggler { + background-color: #fff !important; + color: #a1acb8; } - -.zindex-5 { - z-index: 5 !important; +.navbar.bg-white .navbar-nav > .nav-link, +.navbar.bg-white .navbar-nav > .nav-item > .nav-link, +.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link { + color: #a1acb8; } - -.border { - border: 1px solid #d9dee3 !important; +.navbar.bg-white .navbar-nav > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav-link:focus, +.navbar.bg-white .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-white .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #697a8d; } - -.border-0 { - border: 0 !important; +.navbar.bg-white .navbar-nav > .nav-link.disabled, +.navbar.bg-white .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #c7cdd4 !important; } - -.border-top { - border-top: 1px solid #d9dee3 !important; +.navbar.bg-white .navbar-nav .show > .nav-link, +.navbar.bg-white .navbar-nav .active > .nav-link, +.navbar.bg-white .navbar-nav .nav-link.show, +.navbar.bg-white .navbar-nav .nav-link.active { + color: #697a8d; } - -.border-top-0 { - border-top: 0 !important; +.navbar.bg-white .navbar-toggler { + color: #a1acb8; + border-color: rgba(105, 122, 141, 0.075); } - -.border-bottom { - border-bottom: 1px solid #d9dee3 !important; +.navbar.bg-white .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.border-bottom-0 { - border-bottom: 0 !important; +.navbar.bg-white .navbar-text { + color: #a1acb8; } - -.border-primary { - border-color: #696cff !important; +.navbar.bg-white .navbar-text a { + color: #697a8d; } - -.border-secondary { - border-color: #8592a3 !important; +.navbar.bg-white .navbar-text a:hover, .navbar.bg-white .navbar-text a:focus { + color: #697a8d; } - -.border-success { - border-color: #71dd37 !important; +.navbar.bg-white hr { + border-color: rgba(105, 122, 141, 0.075); } -.border-info { - border-color: #03c3ec !important; +.navbar.bg-light { + background-color: #eceef1 !important; + color: #a1acb8; } - -.border-warning { - border-color: #ffab00 !important; +.navbar.bg-light .navbar-brand, +.navbar.bg-light .navbar-brand a { + color: #697a8d; } - -.border-danger { - border-color: #ff3e1d !important; +.navbar.bg-light .navbar-brand:hover, .navbar.bg-light .navbar-brand:focus, +.navbar.bg-light .navbar-brand a:hover, +.navbar.bg-light .navbar-brand a:focus { + color: #697a8d; } - -.border-light { - border-color: rgba(67, 89, 113, 0.1) !important; +.navbar.bg-light .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-light .navbar-search-wrapper .search-input { + color: #a1acb8; } - -.border-dark { - border-color: #233446 !important; +.navbar.bg-light .search-input-wrapper .search-input, +.navbar.bg-light .search-input-wrapper .search-toggler { + background-color: rgba(67, 89, 113, 0.1) !important; + color: #a1acb8; } - -.border-gray { - border-color: rgba(67, 89, 113, 0.1) !important; +.navbar.bg-light .navbar-nav > .nav-link, +.navbar.bg-light .navbar-nav > .nav-item > .nav-link, +.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link { + color: #a1acb8; } - -.border-white { - border-color: #fff !important; +.navbar.bg-light .navbar-nav > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav-link:focus, +.navbar.bg-light .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-light .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #697a8d; } - -.border-transparent { - border-color: transparent !important; +.navbar.bg-light .navbar-nav > .nav-link.disabled, +.navbar.bg-light .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #bfc6cf !important; } - -.border-default { - border : black solid 1px !important; +.navbar.bg-light .navbar-nav .show > .nav-link, +.navbar.bg-light .navbar-nav .active > .nav-link, +.navbar.bg-light .navbar-nav .nav-link.show, +.navbar.bg-light .navbar-nav .nav-link.active { + color: #697a8d; } - -.border-card { - border: 1px solid #d9dee3; +.navbar.bg-light .navbar-toggler { + color: #a1acb8; + border-color: rgba(105, 122, 141, 0.0783835294); } - -.border-1 { - border-width: 1px !important; +.navbar.bg-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.border-2 { - border-width: 2px !important; +.navbar.bg-light .navbar-text { + color: #a1acb8; } - -.border-3 { - border-width: 3px !important; +.navbar.bg-light .navbar-text a { + color: #697a8d; } - -.border-4 { - border-width: 4px !important; +.navbar.bg-light .navbar-text a:hover, .navbar.bg-light .navbar-text a:focus { + color: #697a8d; } - -.border-5 { - border-width: 5px !important; +.navbar.bg-light hr { + border-color: rgba(105, 122, 141, 0.0783835294); } -.w-px-10 { - width: 10px !important; +.navbar.bg-lighter { + background-color: #f6f7f8 !important; + color: #a1acb8; } - -.w-px-20 { - width: 20px !important; +.navbar.bg-lighter .navbar-brand, +.navbar.bg-lighter .navbar-brand a { + color: #697a8d; } - -.w-px-30 { - width: 30px !important; +.navbar.bg-lighter .navbar-brand:hover, .navbar.bg-lighter .navbar-brand:focus, +.navbar.bg-lighter .navbar-brand a:hover, +.navbar.bg-lighter .navbar-brand a:focus { + color: #697a8d; } - -.w-px-40 { - width: 40px !important; +.navbar.bg-lighter .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-lighter .navbar-search-wrapper .search-input { + color: #a1acb8; } - -.w-px-50 { - width: 50px !important; +.navbar.bg-lighter .search-input-wrapper .search-input, +.navbar.bg-lighter .search-input-wrapper .search-toggler { + background-color: rgba(67, 89, 113, 0.05) !important; + color: #a1acb8; } - -.w-px-60 { - width: 60px !important; +.navbar.bg-lighter .navbar-nav > .nav-link, +.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link, +.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link { + color: #a1acb8; } - -.w-px-70 { - width: 70px !important; +.navbar.bg-lighter .navbar-nav > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav-link:focus, +.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #697a8d; } - -.w-px-75 { - width: 75px !important; +.navbar.bg-lighter .navbar-nav > .nav-link.disabled, +.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #c3cad2 !important; } - -.w-px-80 { - width: 80px !important; +.navbar.bg-lighter .navbar-nav .show > .nav-link, +.navbar.bg-lighter .navbar-nav .active > .nav-link, +.navbar.bg-lighter .navbar-nav .nav-link.show, +.navbar.bg-lighter .navbar-nav .nav-link.active { + color: #697a8d; } -.w-px-90 { - width: 90px !important; -} -.w-px-100 { - width: 100px !important; +.navbar.bg-lighter .navbar-toggler { + color: #a1acb8; + border-color: rgba(105, 122, 141, 0.076604902); } - -.w-px-110 { - width: 110px !important; +.navbar.bg-lighter .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } - -.w-px-120 { - width: 120px !important; +.navbar.bg-lighter .navbar-text { + color: #a1acb8; } - -.w-px-130 { - width: 130px !important; +.navbar.bg-lighter .navbar-text a { + color: #697a8d; } - -.w-px-140 { - width: 140px !important; +.navbar.bg-lighter .navbar-text a:hover, .navbar.bg-lighter .navbar-text a:focus { + color: #697a8d; } - -.w-px-150 { - width: 150px !important; +.navbar.bg-lighter hr { + border-color: rgba(105, 122, 141, 0.076604902); } -.w-px-160 { - width: 160px !important; + +.nav .nav-link:hover, .nav .nav-link:focus { + color: #5f61e6; } -.w-px-170 { - width: 170px !important; +.nav-pills .nav-link.active, +.nav-pills .nav-link.active:hover, +.nav-pills .nav-link.active:focus { + background-color: #696cff; + color: #fff; + box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); } -.w-px-180 { - width: 180px !important; +.nav-tabs ~ .tab-content, +.nav-pills ~ .tab-content { + box-shadow: none !important; + border: 1px solid #d9dee3 } -.w-px-190 { - width: 190px !important; +.nav-tabs .nav-item .nav-link { + border: 1px solid #d9dee3 } -.w-px-200 { - width: 200px !important; +.nav-tabs .nav-item .nav-link.active, +.nav-tabs .nav-item .nav-link:active { + box-shadow: none !important } -.w-px-210 { - width: 210px !important; +.nav-tabs ~ .tab-content { + z-index: 0 !important } -.w-px-220 { - width: 220px !important; +.nav-align-top .nav-tabs .nav-item:not(:first-child) .nav-link, +.nav-align-bottom .nav-tabs .nav-item:not(:first-child) .nav-link { + border-left-width: 0 } -.w-px-230 { - width: 230px !important; +.nav-align-top .nav-tabs .nav-item .nav-link.active, +.nav-align-top .nav-tabs .nav-item .nav-link:active { + border-bottom-color: #fff } -.w-px-240 { - width: 240px !important; +.nav-align-bottom .nav-tabs .nav-item .nav-link.active, +.nav-align-bottom .nav-tabs .nav-item .nav-link:active { + border-top-color: #fff } -.w-px-250 { - width: 250px !important; +.nav-align-bottom .nav-tabs .nav-item .nav-link.active:hover, +.nav-align-bottom .nav-tabs .nav-item .nav-link.active:focus, +.nav-align-bottom .nav-tabs .nav-item .nav-link:active:hover, +.nav-align-bottom .nav-tabs .nav-item .nav-link:active:focus { + border-bottom-color: #d9dee3 !important } -.w-px-300 { - width: 300px !important; +.nav-align-left .nav-tabs .nav-item:not(:first-child) .nav-link, +.nav-align-right .nav-tabs .nav-item:not(:first-child) .nav-link { + border-color: #d9dee3 } -.w-px-320 { - width: 320px !important; +.nav-align-left .nav-tabs .nav-item .nav-link.active, +.nav-align-left .nav-tabs .nav-item .nav-link:active { + border-right-color: #fff } -.w-px-350 { - width: 350px !important; +.nav-align-right .nav-tabs .nav-item .nav-link.active, +.nav-align-right .nav-tabs .nav-item .nav-link:active { + border-left-color: #fff } -.w-px-400 { - width: 400px !important; + + + + +.mega-dropdown .dropdown-toggle { + outline: 0; +} +.mega-dropdown .dropdown-menu { + width: 100%; } -.w-px-450 { - width: 450px !important; +.dropdown-item:not(.disabled).active, +.dropdown-item:not(.disabled):active { + background-color: rgba(105, 108, 255, 0.08); + color: #696cff !important; } -.w-px-500 { - width: 500px !important; +.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, +.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) { + background-color: rgba(105, 108, 255, 0.08); + color: #696cff !important; } -.w-px-550 { - width: 550px !important; -} -.w-px-600 { - width: 600px !important; +.card { + background-clip: padding-box; + box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); } - -.w-px-700 { - width: 700px !important; +.card .card-link { + display: inline-block; } - -.w-px-800 { - width: 800px !important; +.card .card-header + .card-body, +.card .card-header + .card-content > .card-body:first-of-type { + padding-top: 0; } -.w-px-900 { - width: 900px !important; +.card-action.card-fullscreen { + display: block; + z-index: 9999; + position: fixed; + width: 100% !important; + height: 100% !important; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + border: none; + border-radius: 0; } - -.w-px-1000 { - width: 1000px !important; +.card-action .card-alert { + position: absolute; + width: 100%; + z-index: 999; } - -.w-px-1100 { - width: 1100px !important; +.card-action .card-alert .alert { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } - -.w-px-1150 { - width: 1150px !important; +.card-action .card-header.collapsed { + border-bottom: 0; } - -.w-px-1200 { - width: 1200px !important; +.card-action .card-header { + display: flex; + line-height: 1.54; } - -.w-px-1300 { - width: 1300px !important; +.card-action .card-header .card-action-title { + flex-grow: 1; + margin-right: 0.5rem; } - -.w-px-1400 { - width: 1400px !important; +.card-action .card-header .card-action-element { + flex-shrink: 0; + background-color: inherit; + top: 1rem; + right: 1.5rem; + color: #697a8d; } - -.w-px-1500 { - width: 1500px !important; +.card-action .card-header .card-action-element a { + color: #697a8d; } - -.w-auto { - width: auto !important; +.card-action .card-header .card-action-element a .collapse-icon::after { + margin-top: -0.15rem; } -.w-10 { - width: 10% !important; +.card-action .blockUI h5, .card-action .blockUI .h5 { + color: #697a8d; + margin: 1rem 0 0 0; } -.w-15 { - width: 15% !important; +.card-header, +.card-footer { + border-color: #d9dee3; } -.w-20 { - width: 20% !important; +.card hr { + color: #d9dee3; } -.w-25 { - width: 25% !important; +.card .row-bordered > [class*=" col "] .card .row-bordered > [class$=" col"], .card .row-bordered > [class*=" col "]::before, .card .row-bordered > [class*=" col "]::after, +.card .row-bordered > [class^="col "] .card .row-bordered > [class$=" col"], +.card .row-bordered > [class^="col "]::before, +.card .row-bordered > [class^="col "]::after, +.card .row-bordered > [class*=" col-"] .card .row-bordered > [class$=" col"], +.card .row-bordered > [class*=" col-"]::before, +.card .row-bordered > [class*=" col-"]::after, +.card .row-bordered > [class^=col-] .card .row-bordered > [class$=" col"], +.card .row-bordered > [class^=col-]::before, +.card .row-bordered > [class^=col-]::after, +.card .row-bordered > [class=col] .card .row-bordered > [class$=" col"], +.card .row-bordered > [class=col]::before, +.card .row-bordered > [class=col]::after { + border-color: #d9dee3; } -.w-30 { - width: 30% !important; +.card-header.header-elements, +.card-title.header-elements { + display: flex; + width: 100%; + align-items: center; + flex-wrap: wrap; } -.w-35 { - width: 35% !important; +.card-header.card-header-elements { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - -.w-40 { - width: 40% !important; +.card-header .card-header-elements { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } -.w-45 { - width: 45% !important; +.card-header-elements, +.card-title-elements { + display: flex; + flex-wrap: wrap; + align-items: center; } - -.w-50 { - width: 50% !important; +.card-header-elements + .card-header-elements, +.card-header-elements > * + *, +.card-header-elements + .card-title-elements, +.card-title-elements > * + *, +.card-title-elements + .card-header-elements, +.card-title-elements + .card-title-elements { + margin-left: 0.25rem; } -.w-55 { - width: 55% !important; +.card-img-left { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - -.w-60 { - width: 60% !important; +@media (max-width: 767.98px) { + .card-img-left { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } } -.w-65 { - width: 65% !important; +.card-img-right { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - -.w-70 { - width: 70% !important; +@media (max-width: 767.98px) { + .card-img-right { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } } -.w-75 { - width: 75% !important; +.card > .list-group .list-group-item { + padding-left: 1.5rem; + padding-right: 1.5rem; } -.w-78 { - width: 78% !important; +.card .card-separator { + border-right: 1px solid #d9dee3; } -.w-80 { - width: 80% !important; +@media (max-width: 767.98px) { + .card .card-separator { + border-bottom: 1px solid #d9dee3; + padding-bottom: 1.5rem; + border-right-width: 0 !important; + } } -.w-85 { - width: 85% !important; +.accordion.accordion-header-primary .accordion-item.active .accordion-button { + color: #696cff !important; } -.w-87 { - width: 87% !important; +.accordion.accordion-header-secondary .accordion-item.active .accordion-button { + color: #8592a3 !important; } -.w-90 { - width: 90% !important; +.accordion.accordion-header-success .accordion-item.active .accordion-button { + color: #71dd37 !important; } -.w-95 { - width: 95% !important; +.accordion.accordion-header-info .accordion-item.active .accordion-button { + color: #03c3ec !important; } -.w-100 { - width: 100% !important; +.accordion.accordion-header-warning .accordion-item.active .accordion-button { + color: #ffab00 !important; } -.mw-100 { - max-width: 100% !important; +.accordion.accordion-header-danger .accordion-item.active .accordion-button { + color: #ff3e1d !important; } -.vw-100 { - width: 100vw !important; +.accordion.accordion-header-light .accordion-item.active .accordion-button { + color: #fcfdfd !important; } -.min-vw-100 { - min-width: 100vw !important; +.accordion.accordion-header-dark .accordion-item.active .accordion-button { + color: #233446 !important; } -.h-px-10 { - height: 10px !important; +.accordion.accordion-header-gray .accordion-item.active .accordion-button { + color: rgba(67, 89, 113, 0.1) !important; } -.h-px-20 { - height: 20px !important; +.accordion-popout .accordion-item { + transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -.h-px-25 { - height: 25px !important; +.accordion-popout .accordion-item:not(.active) { + margin-left: 1rem; + margin-right: 1rem; } -.h-px-30 { - height: 30px !important; +.accordion-header + .accordion-collapse .accordion-body { + padding-top: 0; } -.h-px-40 { - height: 40px !important; +.accordion.accordion-without-arrow .accordion-button::after { + background-image: none !important; } - -.h-px-50 { - height: 50px !important; +.accordion .accordion-item.active { + box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); } -.h-px-60 { - height: 60px !important; +.card.accordion-item { + box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4); } -.h-px-70 { - height: 70px !important; +.accordion-button.collapsed:focus { + box-shadow: none; } -.h-px-75 { - height: 75px !important; +.accordion-button { + box-shadow: none; } -.h-px-80 { - height: 80px !important; +.accordion-header { + line-height: 1.54; } -.h-px-100 { - height: 100px !important; +.accordion-item:not(:first-of-type) { + border-top: 0 solid #d9dee3; } -.h-px-125 { - height: 125px !important; +.accordion-button { + font-weight: inherit; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - -.h-px-150 { - height: 150px !important; +.accordion-button.collapsed { + border-radius: 0.375rem; } -.h-px-175 { - height: 175px !important; +.accordion > .card:not(:last-of-type) { + border-radius: 0.375rem !important; + margin-bottom: 0.6875rem; } -.h-px-200 { - height: 200px !important; +.accordion .accordion-item { + border-top: 1px solid #d9dee3; + box-shadow: none !important } -.h-px-250 { - height: 250px !important; +.close:focus { + outline: 0; } -.h-px-300 { - height: 300px !important; -} -.h-px-350 { - height: 350px !important; +.bg-primary.toast, .bg-primary.bs-toast { + color: #fff; + background-color: rgba(105, 108, 255, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(105, 108, 255, 0.4); } -.h-px-400 { - height: 400px !important; +.bg-primary.toast .toast-header, .bg-primary.bs-toast .toast-header { + color: #fff; } -.h-px-450 { - height: 450px !important; +.bg-primary.toast .toast-header .btn-close, +.bg-primary.bs-toast .toast-header .btn-close { + background-color: #696cff !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(105, 108, 255, 0.4) !important; } -.h-px-500 { - height: 500px !important; -} -.h-px-550 { - height: 550px !important; +.bg-secondary.toast, .bg-secondary.bs-toast { + color: #fff; + background-color: rgba(133, 146, 163, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(133, 146, 163, 0.4); } - -.h-px-600 { - height: 600px !important; +.bg-secondary.toast .toast-header, .bg-secondary.bs-toast .toast-header { + color: #fff; } - -.h-px-650 { - height: 650px !important; +.bg-secondary.toast .toast-header .btn-close, .bg-secondary.bs-toast .toast-header .btn-close { + background-color: #8592a3 !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(133, 146, 163, 0.4) !important; } -.h-px-700 { - height: 700px !important; +.bg-success.toast, .bg-success.bs-toast { + color: #fff; + background-color: rgba(113, 221, 55, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(113, 221, 55, 0.4); } - -.h-px-750 { - height: 750px !important; +.bg-success.toast .toast-header, .bg-success.bs-toast .toast-header { + color: #fff; } - -.h-px-800 { - height: 800px !important; +.bg-success.toast .toast-header .btn-close, .bg-success.bs-toast .toast-header .btn-close { + background-color: #71dd37 !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(113, 221, 55, 0.4) !important; } -.h-px-850 { - height: 850px !important; +.bg-info.toast, .bg-info.bs-toast { + color: #fff; + background-color: rgba(3, 195, 236, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(3, 195, 236, 0.4); } - -.h-px-900 { - height: 900px !important; +.bg-info.toast .toast-header, .bg-info.bs-toast .toast-header { + color: #fff; } - -.h-px-950 { - height: 950px !important; +.bg-info.toast .toast-header .btn-close, .bg-info.bs-toast .toast-header .btn-close { + background-color: #03c3ec !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(3, 195, 236, 0.4) !important; } -.h-auto { - height: auto !important; +.bg-warning.toast, .bg-warning.bs-toast { + color: #fff; + background-color: rgba(255, 171, 0, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(255, 171, 0, 0.4); } - -.h-25 { - height: 25% !important; +.bg-warning.toast .toast-header, .bg-warning.bs-toast .toast-header { + color: #fff; } - -.h-50 { - height: 50% !important; +.bg-warning.toast .toast-header .btn-close, .bg-warning.bs-toast .toast-header .btn-close { + background-color: #ffab00 !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 171, 0, 0.4) !important; } -.h-75 { - height: 75% !important; +.bg-danger.toast, .bg-danger.bs-toast { + color: #fff; + background-color: rgba(255, 62, 29, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(255, 62, 29, 0.4); } - -.h-100 { - height: 100% !important; +.bg-danger.toast .toast-header, .bg-danger.bs-toast .toast-header { + color: #fff; } - -.mh-100 { - max-height: 100% !important; +.bg-danger.toast .toast-header .btn-close, .bg-danger.bs-toast .toast-header .btn-close { + background-color: #ff3e1d !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 62, 29, 0.4) !important; } -.vh-100 { - height: 100vh !important; +.bg-light.toast, .bg-light.bs-toast { + color: #fff; + background-color: rgba(252, 253, 253, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(252, 253, 253, 0.4); } - -.min-vh-100 { - min-height: 100vh !important; +.bg-light.toast .toast-header, .bg-light.bs-toast .toast-header { + color: #fff; } - -.flex-fill { - flex: 1 1 auto !important; +.bg-light.toast .toast-header .btn-close, .bg-light.bs-toast .toast-header .btn-close { + background-color: #fcfdfd !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(252, 253, 253, 0.4) !important; } -.flex-row { - flex-direction: row !important; +.bg-dark.toast, .bg-dark.bs-toast { + color: #fff; + background-color: rgba(35, 52, 70, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(35, 52, 70, 0.4); } - -.flex-column { - flex-direction: column !important; +.bg-dark.toast .toast-header, .bg-dark.bs-toast .toast-header { + color: #fff; } - -.flex-row-reverse { - flex-direction: row-reverse !important; +.bg-dark.toast .toast-header .btn-close, .bg-dark.bs-toast .toast-header .btn-close { + background-color: #233446 !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(35, 52, 70, 0.4) !important; } -.flex-column-reverse { - flex-direction: column-reverse !important; +.bg-gray.toast, .bg-gray.bs-toast { + color: #fff; + background-color: rgba(67, 89, 113, 0.85) !important; + box-shadow: 0 0.25rem 1rem rgba(67, 89, 113, 0.4); } - -.flex-grow-0 { - flex-grow: 0 !important; +.bg-gray.toast .toast-header, .bg-gray.bs-toast .toast-header { + color: #fff; } - -.flex-grow-1 { - flex-grow: 1 !important; +.bg-gray.toast .toast-header .btn-close, .bg-gray.bs-toast .toast-header .btn-close { + background-color: rgba(67, 89, 113, 0.1) !important; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: 0 0.1875rem 0.375rem 0 rgba(67, 89, 113, 0.4) !important; } -.flex-shrink-0 { - flex-shrink: 0 !important; +.bs-toast[class^=bg-], +.bs-toast[class*=" bg-"] { + border: none; } -.flex-shrink-1 { - flex-shrink: 1 !important; +.toast.bs-toast { + background-color: rgba(255, 255, 255, 0.85); + z-index: 1095; } - -.flex-wrap { - flex-wrap: wrap !important; +.toast.bs-toast .toast-header { + padding-bottom: 0.5rem; + position: relative; } - -.flex-nowrap { - flex-wrap: nowrap !important; +.toast.bs-toast .toast-header .btn-close { + position: absolute; + top: -8px; + border-radius: 0.375rem; + padding: 0.45rem; + background-size: 0.625em; + transition: all 0.23s ease 0.1s; + background-color: #fff; + box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4); + right: 2px; } - -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; +.toast.bs-toast .toast-header .btn-close:hover, .toast.bs-toast .toast-header .btn-close:focus, .toast.bs-toast .toast-header .btn-close:active { + opacity: 1; + outline: none; +} +.toast.bs-toast .toast-header ~ .toast-body { + padding-top: 0; } -.gap-0 { - gap: 0 !important; +.toast-container { + --bs-toast-zindex: 9; } -.gap-1 { - gap: 0.25rem !important; +.toast-ex { + position: fixed; + top: 4.1rem; + right: 2.5rem; } -.gap-2 { - gap: 0.5rem !important; +.toast-placement-ex { + position: fixed; } -.gap-3 { - gap: 1rem !important; +.carousel .carousel-item.active h1, +.carousel .carousel-item.active .h1, +.carousel .carousel-item.active h2, +.carousel .carousel-item.active .h2, +.carousel .carousel-item.active h3, +.carousel .carousel-item.active .h3, +.carousel .carousel-item.active h4, +.carousel .carousel-item.active .h4, +.carousel .carousel-item.active h5, +.carousel .carousel-item.active .h5, +.carousel .carousel-item.active h6, +.carousel .carousel-item.active .h6, +.carousel .carousel-item.carousel-item-start h1, +.carousel .carousel-item.carousel-item-start .h1, +.carousel .carousel-item.carousel-item-start h2, +.carousel .carousel-item.carousel-item-start .h2, +.carousel .carousel-item.carousel-item-start h3, +.carousel .carousel-item.carousel-item-start .h3, +.carousel .carousel-item.carousel-item-start h4, +.carousel .carousel-item.carousel-item-start .h4, +.carousel .carousel-item.carousel-item-start h5, +.carousel .carousel-item.carousel-item-start .h5, +.carousel .carousel-item.carousel-item-start h6, +.carousel .carousel-item.carousel-item-start .h6 { + color: #fff; } -.gap-4 { - gap: 1.5rem !important; +.carousel.carousel-dark .carousel-item.active h1, +.carousel.carousel-dark .carousel-item.active .h1, +.carousel.carousel-dark .carousel-item.active h2, +.carousel.carousel-dark .carousel-item.active .h2, +.carousel.carousel-dark .carousel-item.active h3, +.carousel.carousel-dark .carousel-item.active .h3, +.carousel.carousel-dark .carousel-item.active h4, +.carousel.carousel-dark .carousel-item.active .h4, +.carousel.carousel-dark .carousel-item.active h5, +.carousel.carousel-dark .carousel-item.active .h5, +.carousel.carousel-dark .carousel-item.active h6, +.carousel.carousel-dark .carousel-item.active .h6, +.carousel.carousel-dark .carousel-item.carousel-item-start h1, +.carousel.carousel-dark .carousel-item.carousel-item-start .h1, +.carousel.carousel-dark .carousel-item.carousel-item-start h2, +.carousel.carousel-dark .carousel-item.carousel-item-start .h2, +.carousel.carousel-dark .carousel-item.carousel-item-start h3, +.carousel.carousel-dark .carousel-item.carousel-item-start .h3, +.carousel.carousel-dark .carousel-item.carousel-item-start h4, +.carousel.carousel-dark .carousel-item.carousel-item-start .h4, +.carousel.carousel-dark .carousel-item.carousel-item-start h5, +.carousel.carousel-dark .carousel-item.carousel-item-start .h5, +.carousel.carousel-dark .carousel-item.carousel-item-start h6, +.carousel.carousel-dark .carousel-item.carousel-item-start .h6 { + color: #435971; } -.gap-5 { - gap: 3rem !important; +.modal-onboarding .carousel-indicators [data-bs-target] { + background-color: #696cff; } -.justify-content-start { - justify-content: flex-start !important; +.carousel-control-prev, +.carousel-control-next { + color: #696cff; } -.justify-content-end { - justify-content: flex-end !important; +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #696cff; } -.justify-content-center { - justify-content: center !important; -} -.justify-content-between { - justify-content: space-between !important; +.spinner-border-lg { + width: 3rem; + height: 3rem; + border-width: 0.3em; } -.justify-content-around { - justify-content: space-around !important; +.spinner-grow-lg { + width: 3rem; + height: 3rem; + border-width: 0.3em; } -.justify-content-evenly { - justify-content: space-evenly !important; +.btn .spinner-border, +.btn .spinner-grow { + position: relative; + top: -0.0625rem; + height: 1em; + width: 1em; } - -.align-items-start { - align-items: flex-start !important; +.btn .spinner-border { + border-width: 0.15em; +} +@keyframes spinner-border-rtl { + to { + transform: rotate(-360deg); + } +} +.offcanvas-header { + padding-bottom: 0.75rem; } -.align-items-end { - align-items: flex-end !important; +.offcanvas-body { + padding-top: 0.75rem; } -.align-items-center { - align-items: center !important; +.align-baseline { + vertical-align: baseline !important; } -.align-items-baseline { - align-items: baseline !important; +.align-top { + vertical-align: top !important; } -.align-items-stretch { - align-items: stretch !important; +.align-middle { + vertical-align: middle !important; } -.align-content-start { - align-content: flex-start !important; +.align-bottom { + vertical-align: bottom !important; } -.align-content-end { - align-content: flex-end !important; +.align-text-bottom { + vertical-align: text-bottom !important; } -.align-content-center { - align-content: center !important; +.align-text-top { + vertical-align: text-top !important; } -.align-content-between { - align-content: space-between !important; +.overflow-auto { + overflow: auto !important; } -.align-content-around { - align-content: space-around !important; +.overflow-hidden { + overflow: hidden !important; } -.align-content-stretch { - align-content: stretch !important; +.overflow-visible { + overflow: visible !important; } -.align-self-auto { - align-self: auto !important; +.overflow-scroll { + overflow: scroll !important; } -.align-self-start { - align-self: flex-start !important; +.d-inline { + display: inline !important; } -.align-self-end { - align-self: flex-end !important; +.d-inline-block { + display: inline-block !important; } -.align-self-center { - align-self: center !important; +.d-block { + display: block !important; } -.align-self-baseline { - align-self: baseline !important; +.d-grid { + display: grid !important; } -.align-self-stretch { - align-self: stretch !important; +.d-table { + display: table !important; } -.order-first { - order: -1 !important; +.d-table-row { + display: table-row !important; } -.order-0 { - order: 0 !important; +.d-table-cell { + display: table-cell !important; } -.order-1 { - order: 1 !important; +.d-flex { + display: flex !important; } -.order-2 { - order: 2 !important; +.d-inline-flex { + display: inline-flex !important; } -.order-3 { - order: 3 !important; +.d-none { + display: none !important; } -.order-4 { - order: 4 !important; +.shadow { + box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important; } -.order-5 { - order: 5 !important; +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4) !important; } -.order-last { - order: 6 !important; +.shadow-lg { + box-shadow: 0 0.625rem 1.25rem rgba(161, 172, 184, 0.5) !important; } -.m-0 { - margin: 0 !important; +.shadow-none { + box-shadow: none !important; } -.m-1 { - margin: 0.25rem !important; +.position-static { + position: static !important; } -.m-2 { - margin: 0.5rem !important; +.position-relative { + position: relative !important; } -.m-3 { - margin: 1rem !important; +.position-absolute { + position: absolute !important; } -.m-4 { - margin: 1.5rem !important; +.position-fixed { + position: fixed !important; } -.m-5 { - margin: 3rem !important; +.position-sticky { + position: sticky !important; } -.m-auto { - margin: auto !important; +.top-0 { + top: 0 !important; } -.mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; +.top-50 { + top: 50% !important; } -.mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; +.top-100 { + top: 100% !important; } -.mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; +.bottom-0 { + bottom: 0 !important; } -.mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; +.bottom-50 { + bottom: 50% !important; } -.mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; +.bottom-100 { + bottom: 100% !important; } -.mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; +.zindex-1 { + z-index: 1 !important; } -.mx-auto { - margin-right: auto !important; - margin-left: auto !important; +.zindex-2 { + z-index: 2 !important; } -.my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; +.zindex-3 { + z-index: 3 !important; } -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; +.zindex-4 { + z-index: 4 !important; } -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; +.zindex-5 { + z-index: 5 !important; } -.my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; +.border { + border: 1px solid #d9dee3 !important; } -.my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; +.border-0 { + border: 0 !important; } -.my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; +.border-top { + border-top: 1px solid #d9dee3 !important; } -.my-auto { - margin-top: auto !important; - margin-bottom: auto !important; +.border-top-0 { + border-top: 0 !important; } -.mt-0 { - margin-top: 0 !important; +.border-bottom { + border-bottom: 1px solid #d9dee3 !important; } -.mt-1 { - margin-top: 0.25rem !important; +.border-bottom-0 { + border-bottom: 0 !important; } -.mt-2 { - margin-top: 0.5rem !important; +.border-primary { + border-color: #696cff !important; } -.mt-3 { - margin-top: 1rem !important; +.border-secondary { + border-color: #8592a3 !important; } -.mt-4 { - margin-top: 1.5rem !important; +.border-success { + border-color: #71dd37 !important; } -.mt-5 { - margin-top: 3rem !important; +.border-info { + border-color: #03c3ec !important; } -.mt-auto { - margin-top: auto !important; +.border-warning { + border-color: #ffab00 !important; } -.mb-0 { - margin-bottom: 0 !important; +.border-danger { + border-color: #ff3e1d !important; } -.mb-1 { - margin-bottom: 0.25rem !important; +.border-light { + border-color: rgba(67, 89, 113, 0.1) !important; } -.mb-2 { - margin-bottom: 0.5rem !important; +.border-dark { + border-color: #233446 !important; } -.mb-3 { - margin-bottom: 1rem !important; +.border-gray { + border-color: rgba(67, 89, 113, 0.1) !important; } -.mb-4 { - margin-bottom: 1.5rem !important; +.border-white { + border-color: #fff !important; } -.mb-5 { - margin-bottom: 3rem !important; +.border-transparent { + border-color: transparent !important; } -.mb-auto { - margin-bottom: auto !important; +.border-default { + border : black solid 1px !important; } -.m-n1 { - margin: -0.25rem !important; +.border-card { + border: 1px solid #d9dee3; } -.m-n2 { - margin: -0.5rem !important; +.border-1 { + border-width: 1px !important; } -.m-n3 { - margin: -1rem !important; +.border-2 { + border-width: 2px !important; } -.m-n4 { - margin: -1.5rem !important; +.border-3 { + border-width: 3px !important; } -.m-n5 { - margin: -3rem !important; +.border-4 { + border-width: 4px !important; } -.mx-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; +.border-5 { + border-width: 5px !important; } -.mx-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; +.w-px-10 { + width: 10px !important; } -.mx-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; +.w-px-20 { + width: 20px !important; } -.mx-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; +.w-px-30 { + width: 30px !important; } -.mx-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; +.w-px-40 { + width: 40px !important; } -.my-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; +.w-px-50 { + width: 50px !important; } -.my-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; +.w-px-60 { + width: 60px !important; } -.my-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; +.w-px-70 { + width: 70px !important; } -.my-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; +.w-px-75 { + width: 75px !important; } -.my-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; +.w-px-80 { + width: 80px !important; } -.mt-n1 { - margin-top: -0.25rem !important; +.w-px-90 { + width: 90px !important; } -.mt-n2 { - margin-top: -0.5rem !important; +.w-px-100 { + width: 100px !important; } -.mt-n3 { - margin-top: -1rem !important; +.w-px-110 { + width: 110px !important; } -.mt-n4 { - margin-top: -1.5rem !important; +.w-px-120 { + width: 120px !important; } -.mt-n5 { - margin-top: -3rem !important; +.w-px-130 { + width: 130px !important; } -.mb-n1 { - margin-bottom: -0.25rem !important; +.w-px-140 { + width: 140px !important; } -.mb-n2 { - margin-bottom: -0.5rem !important; +.w-px-150 { + width: 150px !important; } -.mb-n3 { - margin-bottom: -1rem !important; +.w-px-160 { + width: 160px !important; } -.mb-n4 { - margin-bottom: -1.5rem !important; +.w-px-170 { + width: 170px !important; } -.mb-n5 { - margin-bottom: -3rem !important; +.w-px-180 { + width: 180px !important; } -.p-0 { - padding: 0 !important; +.w-px-190 { + width: 190px !important; } -.p-1 { - padding: 0.25rem !important; +.w-px-200 { + width: 200px !important; } -.p-2 { - padding: 0.5rem !important; +.w-px-210 { + width: 210px !important; } -.p-3 { - padding: 1rem !important; +.w-px-220 { + width: 220px !important; } -.p-4 { - padding: 1.5rem !important; +.w-px-230 { + width: 230px !important; } -.p-5 { - padding: 3rem !important; +.w-px-240 { + width: 240px !important; } -.px-0 { - padding-right: 0 !important; - padding-left: 0 !important; +.w-px-250 { + width: 250px !important; } -.px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; +.w-px-300 { + width: 300px !important; } -.px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; +.w-px-320 { + width: 320px !important; } -.px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; +.w-px-350 { + width: 350px !important; } -.px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; +.w-px-400 { + width: 400px !important; } -.px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; +.w-px-450 { + width: 450px !important; } -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; +.w-px-500 { + width: 500px !important; } -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; +.w-px-550 { + width: 550px !important; } -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; +.w-px-600 { + width: 600px !important; } -.py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; +.w-px-700 { + width: 700px !important; } -.py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; +.w-px-800 { + width: 800px !important; } -.py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; +.w-px-900 { + width: 900px !important; } -.pt-0 { - padding-top: 0 !important; +.w-px-1000 { + width: 1000px !important; } -.pt-1 { - padding-top: 0.25rem !important; +.w-px-1100 { + width: 1100px !important; } -.pt-2 { - padding-top: 0.5rem !important; +.w-px-1150 { + width: 1150px !important; } -.pt-3 { - padding-top: 1rem !important; +.w-px-1200 { + width: 1200px !important; } -.pt-4 { - padding-top: 1.5rem !important; +.w-px-1300 { + width: 1300px !important; } -.pt-5 { - padding-top: 3rem !important; +.w-px-1400 { + width: 1400px !important; } -.pb-0 { - padding-bottom: 0 !important; +.w-px-1500 { + width: 1500px !important; } -.pb-1 { - padding-bottom: 0.25rem !important; +.w-auto { + width: auto !important; } -.pb-2 { - padding-bottom: 0.5rem !important; +.w-10 { + width: 10% !important; } -.pb-3 { - padding-bottom: 1rem !important; +.w-15 { + width: 15% !important; } -.pb-4 { - padding-bottom: 1.5rem !important; +.w-20 { + width: 20% !important; } -.pb-5 { - padding-bottom: 3rem !important; +.w-25 { + width: 25% !important; } -.font-monospace { - font-family: var(--bs-font-monospace) !important; +.w-30 { + width: 30% !important; } - -.fs-1 { - font-size: 2.375rem !important; -} -.fs-2 { - font-size: 2rem !important; -} -.fs-3 { - font-size: 1.625rem !important; +.w-35 { + width: 35% !important; } -.fs-4 { - font-size: 1.375rem !important; + +.w-40 { + width: 40% !important; } -.fs-5 { - font-size: 1.125rem !important; +.w-45 { + width: 45% !important; } -.fs-6 { - font-size: 0.9375rem !important; +.w-50 { + width: 50% !important; } -.fs-tiny { - font-size: 70% !important; +.w-55 { + width: 55% !important; } -.fs-big { - font-size: 112% !important; +.w-60 { + width: 60% !important; } -.fs-large { - font-size: 150% !important; +.w-65 { + width: 65% !important; } -.fs-xlarge { - font-size: 170% !important; +.w-70 { + width: 70% !important; } -.fst-italic { - font-style: italic !important; +.w-75 { + width: 75% !important; } -.fst-normal { - font-style: normal !important; +.w-78 { + width: 78% !important; } -.fw-lighter { - font-weight: 100 !important; +.w-80 { + width: 80% !important; } -.fw-light { - font-weight: 300 !important; +.w-85 { + width: 85% !important; } -.fw-normal { - font-weight: 400 !important; +.w-87 { + width: 87% !important; } -.fw-semibold { - font-weight: 500 !important; +.w-90 { + width: 90% !important; } -.fw-bold { - font-weight: 700 !important; +.w-95 { + width: 95% !important; } -.fw-bolder { - font-weight: 900 !important; +.w-100 { + width: 100% !important; } -.lh-1 { - line-height: 1 !important; +.mw-100 { + max-width: 100% !important; } -.lh-inherit { - line-height: inherit !important; +.vw-100 { + width: 100vw !important; } -.lh-sm { - line-height: 1.5 !important; +.min-vw-100 { + min-width: 100vw !important; } -.lh-base { - line-height: 1.53 !important; +.h-px-10 { + height: 10px !important; } -.lh-lg { - line-height: 1.5 !important; +.h-px-20 { + height: 20px !important; } -.text-decoration-none { - text-decoration: none !important; +.h-px-25 { + height: 25px !important; } -.text-decoration-underline { - text-decoration: underline !important; +.h-px-30 { + height: 30px !important; } -.text-decoration-line-through { - text-decoration: line-through !important; +.h-px-40 { + height: 40px !important; } -.text-none { - text-transform: none !important; +.h-px-50 { + height: 50px !important; } -.text-lowercase { - text-transform: lowercase !important; +.h-px-60 { + height: 60px !important; } -.text-uppercase { - text-transform: uppercase !important; +.h-px-70 { + height: 70px !important; } -.text-capitalize { - text-transform: capitalize !important; +.h-px-75 { + height: 75px !important; } -.text-wrap { - white-space: normal !important; +.h-px-80 { + height: 80px !important; } -.text-nowrap { - white-space: nowrap !important; +.h-px-100 { + height: 100px !important; } -/* rtl:begin:remove */ -.text-break { - word-wrap: break-word !important; - word-break: break-word !important; +.h-px-125 { + height: 125px !important; } -/* rtl:end:remove */ -.text-primary { - --bs-text-opacity: 1; - color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +.h-px-150 { + height: 150px !important; } -.text-secondary { - --bs-text-opacity: 1; - color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +.h-px-175 { + height: 175px !important; } -.text-success { - --bs-text-opacity: 1; - color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +.h-px-200 { + height: 200px !important; } -.text-info { - --bs-text-opacity: 1; - color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +.h-px-250 { + height: 250px !important; } -.text-warning { - --bs-text-opacity: 1; - color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +.h-px-300 { + height: 300px !important; } -.text-danger { - --bs-text-opacity: 1; - color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +.h-px-350 { + height: 350px !important; } -.text-light { - --bs-text-opacity: 1; - color: #b4bdc6 !important; +.h-px-400 { + height: 400px !important; } -.text-dark { - --bs-text-opacity: 1; - color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +.h-px-450 { + height: 450px !important; } -.text-gray { - --bs-text-opacity: 1; - color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important; +.h-px-500 { + height: 500px !important; } -.text-black { - --bs-text-opacity: 1; - color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +.h-px-550 { + height: 550px !important; } -.text-white { - --bs-text-opacity: 1; - color: #fff !important; +.h-px-600 { + height: 600px !important; } -.text-red { - --bs-text-opacity: 1; - color: red !important; +.h-px-650 { + height: 650px !important; } -.text-orange { - --bs-text-opacity: 1; - color: orange !important; +.h-px-700 { + height: 700px !important; } -.text-body { - --bs-text-opacity: 1; - color: #697a8d !important; +.h-px-750 { + height: 750px !important; } -.text-body[href]:hover { - color: #5f61e6 !important; +.h-px-800 { + height: 800px !important; } -.text-muted { - --bs-text-opacity: 1; - color: #a1acb8 !important; +.h-px-850 { + height: 850px !important; } -.text-black-50 { - --bs-text-opacity: 1; - color: rgba(67, 89, 113, 0.5) !important; +.h-px-900 { + height: 900px !important; } -.text-white-50 { - --bs-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; +.h-px-950 { + height: 950px !important; } -.text-reset { - --bs-text-opacity: 1; - color: inherit !important; +.h-auto { + height: auto !important; } -.bg-primary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +.h-25 { + height: 25% !important; } +.h-50 { + height: 50% !important; +} - -.bg-secondary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +.h-75 { + height: 75% !important; } -.bg-success { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +.h-100 { + height: 100% !important; } -.bg-info { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +.mh-100 { + max-height: 100% !important; } -.bg-warning { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +.vh-100 { + height: 100vh !important; } -.bg-danger { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +.min-vh-100 { + min-height: 100vh !important; } -.bg-light { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +.flex-fill { + flex: 1 1 auto !important; } -.bg-dark { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +.flex-row { + flex-direction: row !important; } -.bg-gray { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important; +.flex-column { + flex-direction: column !important; } -.bg-black { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +.flex-row-reverse { + flex-direction: row-reverse !important; } -.bg-white { - --bs-bg-opacity: 1; - background-color: #fff !important; +.flex-column-reverse { + flex-direction: column-reverse !important; } -.bg-orange { - --bs-bg-opacity: 1; - background-color: orange !important; +.flex-grow-0 { + flex-grow: 0 !important; } -.bg-yellow { - --bs-bg-opacity: 1; - background-color: yellow !important; +.flex-grow-1 { + flex-grow: 1 !important; } -.bg-green { - --bs-bg-opacity: 1; - background-color: green !important; +.flex-shrink-0 { + flex-shrink: 0 !important; } -.bg-yellowgreen { - --bs-bg-opacity: 1; - background-color: yellowgreen !important; +.flex-shrink-1 { + flex-shrink: 1 !important; } -.bg-body { - --bs-bg-opacity: 1; - background-color: #ffffff !important; +.flex-wrap { + flex-wrap: wrap !important; } -.bg-transparent { - --bs-bg-opacity: 1; - background-color: transparent !important; +.flex-nowrap { + flex-wrap: nowrap !important; } -.bg-lighter { - --bs-bg-opacity: 1; - background-color: rgba(67, 89, 113, 0.05) !important; +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } -.bg-lightest { - --bs-bg-opacity: 1; - background-color: rgba(67, 89, 113, 0.025) !important; +.gap-0 { + gap: 0 !important; } -.bg-bordergray { - background-color: #D9DEE3; +.gap-1 { + gap: 0.25rem !important; } -.bg-gradient { - background-image: var(--bs-gradient) !important; +.gap-2 { + gap: 0.5rem !important; } -.bg-top-checkbox { - background-color: #d9dee3; +.gap-3 { + gap: 1rem !important; } -.user-select-all { - -webkit-user-select: all !important; - -moz-user-select: all !important; - user-select: all !important; +.gap-4 { + gap: 1.5rem !important; } -.user-select-auto { - -webkit-user-select: auto !important; - -moz-user-select: auto !important; - user-select: auto !important; +.gap-5 { + gap: 3rem !important; } -.user-select-none { - -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; +.justify-content-start { + justify-content: flex-start !important; } -.pe-none { - pointer-events: none !important; +.justify-content-end { + justify-content: flex-end !important; } -.pe-auto { - pointer-events: auto !important; +.justify-content-center { + justify-content: center !important; } -.rounded { - border-radius: 0.375rem !important; +.justify-content-between { + justify-content: space-between !important; } -.rounded-0 { - border-radius: 0 !important; +.justify-content-around { + justify-content: space-around !important; } -.rounded-1 { - border-radius: 0.25rem !important; +.justify-content-evenly { + justify-content: space-evenly !important; } -.rounded-2 { - border-radius: 0.375rem !important; +.align-items-start { + align-items: flex-start !important; } -.rounded-3 { - border-radius: 0.5rem !important; +.align-items-end { + align-items: flex-end !important; } -.rounded-circle { - border-radius: 50% !important; +.align-items-center { + align-items: center !important; } -.rounded-pill { - border-radius: 50rem !important; +.align-items-baseline { + align-items: baseline !important; } -.rounded-top { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; +.align-items-stretch { + align-items: stretch !important; } -.rounded-bottom { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; +.align-content-start { + align-content: flex-start !important; } -.visible { - visibility: visible !important; +.align-content-end { + align-content: flex-end !important; } -.invisible { - visibility: hidden !important; +.align-content-center { + align-content: center !important; } -.cursor-pointer { - cursor: pointer !important; +.align-content-between { + align-content: space-between !important; } -.cursor-move { - cursor: move !important; +.align-content-around { + align-content: space-around !important; } -.cursor-grab { - cursor: grab !important; +.align-content-stretch { + align-content: stretch !important; } -@media (min-width: 576px) { - .d-sm-inline { - display: inline !important; - } - .d-sm-inline-block { - display: inline-block !important; - } - .d-sm-block { - display: block !important; - } - .d-sm-grid { - display: grid !important; - } - .d-sm-table { - display: table !important; - } - .d-sm-table-row { - display: table-row !important; - } - .d-sm-table-cell { - display: table-cell !important; - } - .d-sm-flex { - display: flex !important; - } - .d-sm-inline-flex { - display: inline-flex !important; - } - .d-sm-none { - display: none !important; - } - .flex-sm-fill { - flex: 1 1 auto !important; - } - .flex-sm-row { - flex-direction: row !important; - } - .flex-sm-column { - flex-direction: column !important; - } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - .flex-sm-wrap { - flex-wrap: wrap !important; - } - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-sm-0 { - gap: 0 !important; - } - .gap-sm-1 { - gap: 0.25rem !important; - } - .gap-sm-2 { - gap: 0.5rem !important; - } - .gap-sm-3 { - gap: 1rem !important; - } - .gap-sm-4 { - gap: 1.5rem !important; - } - .gap-sm-5 { - gap: 3rem !important; - } - .justify-content-sm-start { - justify-content: flex-start !important; - } - .justify-content-sm-end { - justify-content: flex-end !important; - } - .justify-content-sm-center { - justify-content: center !important; - } - .justify-content-sm-between { - justify-content: space-between !important; - } - .justify-content-sm-around { - justify-content: space-around !important; - } - .justify-content-sm-evenly { - justify-content: space-evenly !important; - } - .align-items-sm-start { - align-items: flex-start !important; - } - .align-items-sm-end { - align-items: flex-end !important; - } - .align-items-sm-center { - align-items: center !important; - } - .align-items-sm-baseline { - align-items: baseline !important; - } - .align-items-sm-stretch { - align-items: stretch !important; - } - .align-content-sm-start { - align-content: flex-start !important; - } - .align-content-sm-end { - align-content: flex-end !important; - } - .align-content-sm-center { - align-content: center !important; - } - .align-content-sm-between { - align-content: space-between !important; - } - .align-content-sm-around { - align-content: space-around !important; - } - .align-content-sm-stretch { - align-content: stretch !important; - } - .align-self-sm-auto { - align-self: auto !important; - } - .align-self-sm-start { - align-self: flex-start !important; - } - .align-self-sm-end { - align-self: flex-end !important; - } - .align-self-sm-center { - align-self: center !important; - } - .align-self-sm-baseline { - align-self: baseline !important; - } - .align-self-sm-stretch { - align-self: stretch !important; - } - .order-sm-first { - order: -1 !important; - } - .order-sm-0 { - order: 0 !important; - } - .order-sm-1 { - order: 1 !important; - } - .order-sm-2 { - order: 2 !important; - } - .order-sm-3 { - order: 3 !important; - } - .order-sm-4 { - order: 4 !important; - } - .order-sm-5 { - order: 5 !important; - } - .order-sm-last { - order: 6 !important; - } - .m-sm-0 { - margin: 0 !important; - } - .m-sm-1 { - margin: 0.25rem !important; - } - .m-sm-2 { - margin: 0.5rem !important; - } - .m-sm-3 { - margin: 1rem !important; - } - .m-sm-4 { - margin: 1.5rem !important; - } - .m-sm-5 { - margin: 3rem !important; - } - .m-sm-auto { - margin: auto !important; - } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-sm-0 { - margin-top: 0 !important; - } - .mt-sm-1 { - margin-top: 0.25rem !important; - } - .mt-sm-2 { - margin-top: 0.5rem !important; - } - .mt-sm-3 { - margin-top: 1rem !important; - } - .mt-sm-4 { - margin-top: 1.5rem !important; - } - .mt-sm-5 { - margin-top: 3rem !important; - } - .mt-sm-auto { - margin-top: auto !important; - } - .mb-sm-0 { - margin-bottom: 0 !important; - } - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - .mb-sm-3 { - margin-bottom: 1rem !important; - } - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - .mb-sm-5 { - margin-bottom: 3rem !important; - } - .mb-sm-auto { - margin-bottom: auto !important; - } - .m-sm-n1 { - margin: -0.25rem !important; - } - .m-sm-n2 { - margin: -0.5rem !important; - } - .m-sm-n3 { - margin: -1rem !important; - } - .m-sm-n4 { - margin: -1.5rem !important; - } - .m-sm-n5 { - margin: -3rem !important; - } - .mx-sm-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-sm-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-sm-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-sm-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-sm-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-sm-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-sm-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-sm-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-sm-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-sm-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-sm-n1 { - margin-top: -0.25rem !important; - } - .mt-sm-n2 { - margin-top: -0.5rem !important; - } - .mt-sm-n3 { - margin-top: -1rem !important; - } - .mt-sm-n4 { - margin-top: -1.5rem !important; - } - .mt-sm-n5 { - margin-top: -3rem !important; - } - .mb-sm-n1 { - margin-bottom: -0.25rem !important; - } - .mb-sm-n2 { - margin-bottom: -0.5rem !important; - } - .mb-sm-n3 { - margin-bottom: -1rem !important; - } - .mb-sm-n4 { - margin-bottom: -1.5rem !important; - } - .mb-sm-n5 { - margin-bottom: -3rem !important; - } - .p-sm-0 { - padding: 0 !important; - } - .p-sm-1 { - padding: 0.25rem !important; - } - .p-sm-2 { - padding: 0.5rem !important; - } - .p-sm-3 { - padding: 1rem !important; - } - .p-sm-4 { - padding: 1.5rem !important; - } - .p-sm-5 { - padding: 3rem !important; - } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-sm-0 { - padding-top: 0 !important; - } - .pt-sm-1 { - padding-top: 0.25rem !important; - } - .pt-sm-2 { - padding-top: 0.5rem !important; - } - .pt-sm-3 { - padding-top: 1rem !important; - } - .pt-sm-4 { - padding-top: 1.5rem !important; - } - .pt-sm-5 { - padding-top: 3rem !important; - } - .pb-sm-0 { - padding-bottom: 0 !important; - } - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - .pb-sm-3 { - padding-bottom: 1rem !important; - } - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - .pb-sm-5 { - padding-bottom: 3rem !important; - } -} -@media (min-width: 768px) { - .d-md-inline { - display: inline !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-grid { - display: grid !important; - } - .d-md-table { - display: table !important; - } - .d-md-table-row { - display: table-row !important; - } - .d-md-table-cell { - display: table-cell !important; - } - .d-md-flex { - display: flex !important; - } - .d-md-inline-flex { - display: inline-flex !important; - } - .d-md-none { - display: none !important; - } - .flex-md-fill { - flex: 1 1 auto !important; - } - .flex-md-row { - flex-direction: row !important; - } - .flex-md-column { - flex-direction: column !important; - } - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - .flex-md-grow-0 { - flex-grow: 0 !important; - } - .flex-md-grow-1 { - flex-grow: 1 !important; - } - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - .flex-md-wrap { - flex-wrap: wrap !important; - } - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-md-0 { - gap: 0 !important; - } - .gap-md-1 { - gap: 0.25rem !important; - } - .gap-md-2 { - gap: 0.5rem !important; - } - .gap-md-3 { - gap: 1rem !important; - } - .gap-md-4 { - gap: 1.5rem !important; - } - .gap-md-5 { - gap: 3rem !important; - } - .justify-content-md-start { - justify-content: flex-start !important; - } - .justify-content-md-end { - justify-content: flex-end !important; - } - .justify-content-md-center { - justify-content: center !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } - .justify-content-md-around { - justify-content: space-around !important; - } - .justify-content-md-evenly { - justify-content: space-evenly !important; - } - .align-items-md-start { - align-items: flex-start !important; - } - .align-items-md-end { - align-items: flex-end !important; - } - .align-items-md-center { - align-items: center !important; - } - .align-items-md-baseline { - align-items: baseline !important; - } - .align-items-md-stretch { - align-items: stretch !important; - } - .align-content-md-start { - align-content: flex-start !important; - } - .align-content-md-end { - align-content: flex-end !important; - } - .align-content-md-center { - align-content: center !important; - } - .align-content-md-between { - align-content: space-between !important; - } - .align-content-md-around { - align-content: space-around !important; - } - .align-content-md-stretch { - align-content: stretch !important; - } - .align-self-md-auto { - align-self: auto !important; - } - .align-self-md-start { - align-self: flex-start !important; - } - .align-self-md-end { - align-self: flex-end !important; - } - .align-self-md-center { - align-self: center !important; - } - .align-self-md-baseline { - align-self: baseline !important; - } - .align-self-md-stretch { - align-self: stretch !important; - } - .order-md-first { - order: -1 !important; - } - .order-md-0 { - order: 0 !important; - } - .order-md-1 { - order: 1 !important; - } - .order-md-2 { - order: 2 !important; - } - .order-md-3 { - order: 3 !important; - } - .order-md-4 { - order: 4 !important; - } - .order-md-5 { - order: 5 !important; - } - .order-md-last { - order: 6 !important; - } - .m-md-0 { - margin: 0 !important; - } - .m-md-1 { - margin: 0.25rem !important; - } - .m-md-2 { - margin: 0.5rem !important; - } - .m-md-3 { - margin: 1rem !important; - } - .m-md-4 { - margin: 1.5rem !important; - } - .m-md-5 { - margin: 3rem !important; - } - .m-md-auto { - margin: auto !important; - } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-md-0 { - margin-top: 0 !important; - } - .mt-md-1 { - margin-top: 0.25rem !important; - } - .mt-md-2 { - margin-top: 0.5rem !important; - } - .mt-md-3 { - margin-top: 1rem !important; - } - .mt-md-4 { - margin-top: 1.5rem !important; - } - .mt-md-5 { - margin-top: 3rem !important; - } - .mt-md-auto { - margin-top: auto !important; - } - .mb-md-0 { - margin-bottom: 0 !important; - } - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - .mb-md-3 { - margin-bottom: 1rem !important; - } - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - .mb-md-5 { - margin-bottom: 3rem !important; - } - .mb-md-auto { - margin-bottom: auto !important; - } - .m-md-n1 { - margin: -0.25rem !important; - } - .m-md-n2 { - margin: -0.5rem !important; - } - .m-md-n3 { - margin: -1rem !important; - } - .m-md-n4 { - margin: -1.5rem !important; - } - .m-md-n5 { - margin: -3rem !important; - } - .mx-md-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-md-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-md-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-md-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-md-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-md-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-md-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-md-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-md-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-md-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-md-n1 { - margin-top: -0.25rem !important; - } - .mt-md-n2 { - margin-top: -0.5rem !important; - } - .mt-md-n3 { - margin-top: -1rem !important; - } - .mt-md-n4 { - margin-top: -1.5rem !important; - } - .mt-md-n5 { - margin-top: -3rem !important; - } - .mb-md-n1 { - margin-bottom: -0.25rem !important; - } - .mb-md-n2 { - margin-bottom: -0.5rem !important; - } - .mb-md-n3 { - margin-bottom: -1rem !important; - } - .mb-md-n4 { - margin-bottom: -1.5rem !important; - } - .mb-md-n5 { - margin-bottom: -3rem !important; - } - .p-md-0 { - padding: 0 !important; - } - .p-md-1 { - padding: 0.25rem !important; - } - .p-md-2 { - padding: 0.5rem !important; - } - .p-md-3 { - padding: 1rem !important; - } - .p-md-4 { - padding: 1.5rem !important; - } - .p-md-5 { - padding: 3rem !important; - } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-md-0 { - padding-top: 0 !important; - } - .pt-md-1 { - padding-top: 0.25rem !important; - } - .pt-md-2 { - padding-top: 0.5rem !important; - } - .pt-md-3 { - padding-top: 1rem !important; - } - .pt-md-4 { - padding-top: 1.5rem !important; - } - .pt-md-5 { - padding-top: 3rem !important; - } - .pb-md-0 { - padding-bottom: 0 !important; - } - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - .pb-md-3 { - padding-bottom: 1rem !important; - } - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - .pb-md-5 { - padding-bottom: 3rem !important; - } -} -@media (min-width: 992px) { - .d-lg-inline { - display: inline !important; - } - .d-lg-inline-block { - display: inline-block !important; - } - .d-lg-block { - display: block !important; - } - .d-lg-grid { - display: grid !important; - } - .d-lg-table { - display: table !important; - } - .d-lg-table-row { - display: table-row !important; - } - .d-lg-table-cell { - display: table-cell !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-inline-flex { - display: inline-flex !important; - } - .d-lg-none { - display: none !important; - } - .flex-lg-fill { - flex: 1 1 auto !important; - } - .flex-lg-row { - flex-direction: row !important; - } - .flex-lg-column { - flex-direction: column !important; - } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - .flex-lg-wrap { - flex-wrap: wrap !important; - } - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-lg-0 { - gap: 0 !important; - } - .gap-lg-1 { - gap: 0.25rem !important; - } - .gap-lg-2 { - gap: 0.5rem !important; - } - .gap-lg-3 { - gap: 1rem !important; - } - .gap-lg-4 { - gap: 1.5rem !important; - } - .gap-lg-5 { - gap: 3rem !important; - } - .justify-content-lg-start { - justify-content: flex-start !important; - } - .justify-content-lg-end { - justify-content: flex-end !important; - } - .justify-content-lg-center { - justify-content: center !important; - } - .justify-content-lg-between { - justify-content: space-between !important; - } - .justify-content-lg-around { - justify-content: space-around !important; - } - .justify-content-lg-evenly { - justify-content: space-evenly !important; - } - .align-items-lg-start { - align-items: flex-start !important; - } - .align-items-lg-end { - align-items: flex-end !important; - } - .align-items-lg-center { - align-items: center !important; - } - .align-items-lg-baseline { - align-items: baseline !important; - } - .align-items-lg-stretch { - align-items: stretch !important; - } - .align-content-lg-start { - align-content: flex-start !important; - } - .align-content-lg-end { - align-content: flex-end !important; - } - .align-content-lg-center { - align-content: center !important; - } - .align-content-lg-between { - align-content: space-between !important; - } - .align-content-lg-around { - align-content: space-around !important; - } - .align-content-lg-stretch { - align-content: stretch !important; - } - .align-self-lg-auto { - align-self: auto !important; - } - .align-self-lg-start { - align-self: flex-start !important; - } - .align-self-lg-end { - align-self: flex-end !important; - } - .align-self-lg-center { - align-self: center !important; - } - .align-self-lg-baseline { - align-self: baseline !important; - } - .align-self-lg-stretch { - align-self: stretch !important; - } - .order-lg-first { - order: -1 !important; - } - .order-lg-0 { - order: 0 !important; - } - .order-lg-1 { - order: 1 !important; - } - .order-lg-2 { - order: 2 !important; - } - .order-lg-3 { - order: 3 !important; - } - .order-lg-4 { - order: 4 !important; - } - .order-lg-5 { - order: 5 !important; - } - .order-lg-last { - order: 6 !important; - } - .m-lg-0 { - margin: 0 !important; - } - .m-lg-1 { - margin: 0.25rem !important; - } - .m-lg-2 { - margin: 0.5rem !important; - } - .m-lg-3 { - margin: 1rem !important; - } - .m-lg-4 { - margin: 1.5rem !important; - } - .m-lg-5 { - margin: 3rem !important; - } - .m-lg-auto { - margin: auto !important; - } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-lg-0 { - margin-top: 0 !important; - } - .mt-lg-1 { - margin-top: 0.25rem !important; - } - .mt-lg-2 { - margin-top: 0.5rem !important; - } - .mt-lg-3 { - margin-top: 1rem !important; - } - .mt-lg-4 { - margin-top: 1.5rem !important; - } - .mt-lg-5 { - margin-top: 3rem !important; - } - .mt-lg-auto { - margin-top: auto !important; - } - .mb-lg-0 { - margin-bottom: 0 !important; - } - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - .mb-lg-3 { - margin-bottom: 1rem !important; - } - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - .mb-lg-5 { - margin-bottom: 3rem !important; - } - .mb-lg-auto { - margin-bottom: auto !important; - } - .m-lg-n1 { - margin: -0.25rem !important; - } - .m-lg-n2 { - margin: -0.5rem !important; - } - .m-lg-n3 { - margin: -1rem !important; - } - .m-lg-n4 { - margin: -1.5rem !important; - } - .m-lg-n5 { - margin: -3rem !important; - } - .mx-lg-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-lg-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-lg-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-lg-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-lg-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-lg-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-lg-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-lg-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-lg-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-lg-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-lg-n1 { - margin-top: -0.25rem !important; - } - .mt-lg-n2 { - margin-top: -0.5rem !important; - } - .mt-lg-n3 { - margin-top: -1rem !important; - } - .mt-lg-n4 { - margin-top: -1.5rem !important; - } - .mt-lg-n5 { - margin-top: -3rem !important; - } - .mb-lg-n1 { - margin-bottom: -0.25rem !important; - } - .mb-lg-n2 { - margin-bottom: -0.5rem !important; - } - .mb-lg-n3 { - margin-bottom: -1rem !important; - } - .mb-lg-n4 { - margin-bottom: -1.5rem !important; - } - .mb-lg-n5 { - margin-bottom: -3rem !important; - } - .p-lg-0 { - padding: 0 !important; - } - .p-lg-1 { - padding: 0.25rem !important; - } - .p-lg-2 { - padding: 0.5rem !important; - } - .p-lg-3 { - padding: 1rem !important; - } - .p-lg-4 { - padding: 1.5rem !important; - } - .p-lg-5 { - padding: 3rem !important; - } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-lg-0 { - padding-top: 0 !important; - } - .pt-lg-1 { - padding-top: 0.25rem !important; - } - .pt-lg-2 { - padding-top: 0.5rem !important; - } - .pt-lg-3 { - padding-top: 1rem !important; - } - .pt-lg-4 { - padding-top: 1.5rem !important; - } - .pt-lg-5 { - padding-top: 3rem !important; - } - .pb-lg-0 { - padding-bottom: 0 !important; - } - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - .pb-lg-3 { - padding-bottom: 1rem !important; - } - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - .pb-lg-5 { - padding-bottom: 3rem !important; - } -} -@media (min-width: 1200px) { - .d-xl-inline { - display: inline !important; - } - .d-xl-inline-block { - display: inline-block !important; - } - .d-xl-block { - display: block !important; - } - .d-xl-grid { - display: grid !important; - } - .d-xl-table { - display: table !important; - } - .d-xl-table-row { - display: table-row !important; - } - .d-xl-table-cell { - display: table-cell !important; - } - .d-xl-flex { - display: flex !important; - } - .d-xl-inline-flex { - display: inline-flex !important; - } - .d-xl-none { - display: none !important; - } - .flex-xl-fill { - flex: 1 1 auto !important; - } - .flex-xl-row { - flex-direction: row !important; - } - .flex-xl-column { - flex-direction: column !important; - } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xl-wrap { - flex-wrap: wrap !important; - } - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-xl-0 { - gap: 0 !important; - } - .gap-xl-1 { - gap: 0.25rem !important; - } - .gap-xl-2 { - gap: 0.5rem !important; - } - .gap-xl-3 { - gap: 1rem !important; - } - .gap-xl-4 { - gap: 1.5rem !important; - } - .gap-xl-5 { - gap: 3rem !important; - } - .justify-content-xl-start { - justify-content: flex-start !important; - } - .justify-content-xl-end { - justify-content: flex-end !important; - } - .justify-content-xl-center { - justify-content: center !important; - } - .justify-content-xl-between { - justify-content: space-between !important; - } - .justify-content-xl-around { - justify-content: space-around !important; - } - .justify-content-xl-evenly { - justify-content: space-evenly !important; - } - .align-items-xl-start { - align-items: flex-start !important; - } - .align-items-xl-end { - align-items: flex-end !important; - } - .align-items-xl-center { - align-items: center !important; - } - .align-items-xl-baseline { - align-items: baseline !important; - } - .align-items-xl-stretch { - align-items: stretch !important; - } - .align-content-xl-start { - align-content: flex-start !important; - } - .align-content-xl-end { - align-content: flex-end !important; - } - .align-content-xl-center { - align-content: center !important; - } - .align-content-xl-between { - align-content: space-between !important; - } - .align-content-xl-around { - align-content: space-around !important; - } - .align-content-xl-stretch { - align-content: stretch !important; - } - .align-self-xl-auto { - align-self: auto !important; - } - .align-self-xl-start { - align-self: flex-start !important; - } - .align-self-xl-end { - align-self: flex-end !important; - } - .align-self-xl-center { - align-self: center !important; - } - .align-self-xl-baseline { - align-self: baseline !important; - } - .align-self-xl-stretch { - align-self: stretch !important; - } - .order-xl-first { - order: -1 !important; - } - .order-xl-0 { - order: 0 !important; - } - .order-xl-1 { - order: 1 !important; - } - .order-xl-2 { - order: 2 !important; - } - .order-xl-3 { - order: 3 !important; - } - .order-xl-4 { - order: 4 !important; - } - .order-xl-5 { - order: 5 !important; - } - .order-xl-last { - order: 6 !important; - } - .m-xl-0 { - margin: 0 !important; - } - .m-xl-1 { - margin: 0.25rem !important; - } - .m-xl-2 { - margin: 0.5rem !important; - } - .m-xl-3 { - margin: 1rem !important; - } - .m-xl-4 { - margin: 1.5rem !important; - } - .m-xl-5 { - margin: 3rem !important; - } - .m-xl-auto { - margin: auto !important; - } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xl-0 { - margin-top: 0 !important; - } - .mt-xl-1 { - margin-top: 0.25rem !important; - } - .mt-xl-2 { - margin-top: 0.5rem !important; - } - .mt-xl-3 { - margin-top: 1rem !important; - } - .mt-xl-4 { - margin-top: 1.5rem !important; - } - .mt-xl-5 { - margin-top: 3rem !important; - } - .mt-xl-auto { - margin-top: auto !important; - } - .mb-xl-0 { - margin-bottom: 0 !important; - } - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xl-3 { - margin-bottom: 1rem !important; - } - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xl-5 { - margin-bottom: 3rem !important; - } - .mb-xl-auto { - margin-bottom: auto !important; - } - .m-xl-n1 { - margin: -0.25rem !important; - } - .m-xl-n2 { - margin: -0.5rem !important; - } - .m-xl-n3 { - margin: -1rem !important; - } - .m-xl-n4 { - margin: -1.5rem !important; - } - .m-xl-n5 { - margin: -3rem !important; - } - .mx-xl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xl-n1 { - margin-top: -0.25rem !important; - } - .mt-xl-n2 { - margin-top: -0.5rem !important; - } - .mt-xl-n3 { - margin-top: -1rem !important; - } - .mt-xl-n4 { - margin-top: -1.5rem !important; - } - .mt-xl-n5 { - margin-top: -3rem !important; - } - .mb-xl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xl-n3 { - margin-bottom: -1rem !important; - } - .mb-xl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xl-n5 { - margin-bottom: -3rem !important; - } - .p-xl-0 { - padding: 0 !important; - } - .p-xl-1 { - padding: 0.25rem !important; - } - .p-xl-2 { - padding: 0.5rem !important; - } - .p-xl-3 { - padding: 1rem !important; - } - .p-xl-4 { - padding: 1.5rem !important; - } - .p-xl-5 { - padding: 3rem !important; - } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xl-0 { - padding-top: 0 !important; - } - .pt-xl-1 { - padding-top: 0.25rem !important; - } - .pt-xl-2 { - padding-top: 0.5rem !important; - } - .pt-xl-3 { - padding-top: 1rem !important; - } - .pt-xl-4 { - padding-top: 1.5rem !important; - } - .pt-xl-5 { - padding-top: 3rem !important; - } - .pb-xl-0 { - padding-bottom: 0 !important; - } - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xl-3 { - padding-bottom: 1rem !important; - } - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xl-5 { - padding-bottom: 3rem !important; - } -} -@media (min-width: 1400px) { - .d-xxl-inline { - display: inline !important; - } - .d-xxl-inline-block { - display: inline-block !important; - } - .d-xxl-block { - display: block !important; - } - .d-xxl-grid { - display: grid !important; - } - .d-xxl-table { - display: table !important; - } - .d-xxl-table-row { - display: table-row !important; - } - .d-xxl-table-cell { - display: table-cell !important; - } - .d-xxl-flex { - display: flex !important; - } - .d-xxl-inline-flex { - display: inline-flex !important; - } - .d-xxl-none { - display: none !important; - } - .flex-xxl-fill { - flex: 1 1 auto !important; - } - .flex-xxl-row { - flex-direction: row !important; - } - .flex-xxl-column { - flex-direction: column !important; - } - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-xxl-0 { - gap: 0 !important; - } - .gap-xxl-1 { - gap: 0.25rem !important; - } - .gap-xxl-2 { - gap: 0.5rem !important; - } - .gap-xxl-3 { - gap: 1rem !important; - } - .gap-xxl-4 { - gap: 1.5rem !important; - } - .gap-xxl-5 { - gap: 3rem !important; - } - .justify-content-xxl-start { - justify-content: flex-start !important; - } - .justify-content-xxl-end { - justify-content: flex-end !important; - } - .justify-content-xxl-center { - justify-content: center !important; - } - .justify-content-xxl-between { - justify-content: space-between !important; - } - .justify-content-xxl-around { - justify-content: space-around !important; - } - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - .align-items-xxl-start { - align-items: flex-start !important; - } - .align-items-xxl-end { - align-items: flex-end !important; - } - .align-items-xxl-center { - align-items: center !important; - } - .align-items-xxl-baseline { - align-items: baseline !important; - } - .align-items-xxl-stretch { - align-items: stretch !important; - } - .align-content-xxl-start { - align-content: flex-start !important; - } - .align-content-xxl-end { - align-content: flex-end !important; - } - .align-content-xxl-center { - align-content: center !important; - } - .align-content-xxl-between { - align-content: space-between !important; - } - .align-content-xxl-around { - align-content: space-around !important; - } - .align-content-xxl-stretch { - align-content: stretch !important; - } - .align-self-xxl-auto { - align-self: auto !important; - } - .align-self-xxl-start { - align-self: flex-start !important; - } - .align-self-xxl-end { - align-self: flex-end !important; - } - .align-self-xxl-center { - align-self: center !important; - } - .align-self-xxl-baseline { - align-self: baseline !important; - } - .align-self-xxl-stretch { - align-self: stretch !important; - } - .order-xxl-first { - order: -1 !important; - } - .order-xxl-0 { - order: 0 !important; - } - .order-xxl-1 { - order: 1 !important; - } - .order-xxl-2 { - order: 2 !important; - } - .order-xxl-3 { - order: 3 !important; - } - .order-xxl-4 { - order: 4 !important; - } - .order-xxl-5 { - order: 5 !important; - } - .order-xxl-last { - order: 6 !important; - } - .m-xxl-0 { - margin: 0 !important; - } - .m-xxl-1 { - margin: 0.25rem !important; - } - .m-xxl-2 { - margin: 0.5rem !important; - } - .m-xxl-3 { - margin: 1rem !important; - } - .m-xxl-4 { - margin: 1.5rem !important; - } - .m-xxl-5 { - margin: 3rem !important; - } - .m-xxl-auto { - margin: auto !important; - } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xxl-0 { - margin-top: 0 !important; - } - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - .mt-xxl-3 { - margin-top: 1rem !important; - } - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - .mt-xxl-5 { - margin-top: 3rem !important; - } - .mt-xxl-auto { - margin-top: auto !important; - } - .mb-xxl-0 { - margin-bottom: 0 !important; - } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - .mb-xxl-auto { - margin-bottom: auto !important; - } - .m-xxl-n1 { - margin: -0.25rem !important; - } - .m-xxl-n2 { - margin: -0.5rem !important; - } - .m-xxl-n3 { - margin: -1rem !important; - } - .m-xxl-n4 { - margin: -1.5rem !important; - } - .m-xxl-n5 { - margin: -3rem !important; - } - .mx-xxl-n1 { - margin-right: -0.25rem !important; - margin-left: -0.25rem !important; - } - .mx-xxl-n2 { - margin-right: -0.5rem !important; - margin-left: -0.5rem !important; - } - .mx-xxl-n3 { - margin-right: -1rem !important; - margin-left: -1rem !important; - } - .mx-xxl-n4 { - margin-right: -1.5rem !important; - margin-left: -1.5rem !important; - } - .mx-xxl-n5 { - margin-right: -3rem !important; - margin-left: -3rem !important; - } - .my-xxl-n1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - .my-xxl-n2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - .my-xxl-n3 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - .my-xxl-n4 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - .my-xxl-n5 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - .mt-xxl-n1 { - margin-top: -0.25rem !important; - } - .mt-xxl-n2 { - margin-top: -0.5rem !important; - } - .mt-xxl-n3 { - margin-top: -1rem !important; - } - .mt-xxl-n4 { - margin-top: -1.5rem !important; - } - .mt-xxl-n5 { - margin-top: -3rem !important; - } - .mb-xxl-n1 { - margin-bottom: -0.25rem !important; - } - .mb-xxl-n2 { - margin-bottom: -0.5rem !important; - } - .mb-xxl-n3 { - margin-bottom: -1rem !important; - } - .mb-xxl-n4 { - margin-bottom: -1.5rem !important; - } - .mb-xxl-n5 { - margin-bottom: -3rem !important; - } - .p-xxl-0 { - padding: 0 !important; - } - .p-xxl-1 { - padding: 0.25rem !important; - } - .p-xxl-2 { - padding: 0.5rem !important; - } - .p-xxl-3 { - padding: 1rem !important; - } - .p-xxl-4 { - padding: 1.5rem !important; - } - .p-xxl-5 { - padding: 3rem !important; - } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xxl-0 { - padding-top: 0 !important; - } - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - .pt-xxl-3 { - padding-top: 1rem !important; - } - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - .pt-xxl-5 { - padding-top: 3rem !important; - } - .pb-xxl-0 { - padding-bottom: 0 !important; - } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xxl-5 { - padding-bottom: 3rem !important; - } -} - - - -@media print { - .d-print-inline { - display: inline !important; - } - .d-print-inline-block { - display: inline-block !important; - } - .d-print-block { - display: block !important; - } - .d-print-grid { - display: grid !important; - } - .d-print-table { - display: table !important; - } - .d-print-table-row { - display: table-row !important; - } - .d-print-table-cell { - display: table-cell !important; - } - .d-print-flex { - display: flex !important; - } - .d-print-inline-flex { - display: inline-flex !important; - } - .d-print-none { - display: none !important; - } -} -.zindex-1 { - z-index: 1 !important; -} - -.zindex-2 { - z-index: 2 !important; -} - -.zindex-3 { - z-index: 3 !important; -} - -.zindex-4 { - z-index: 4 !important; -} - -.zindex-5 { - z-index: 5 !important; -} - -.float-start { - float: left !important; -} - -.float-end { - float: right !important; -} - -.float-none { - float: none !important; -} - -.end-0 { - right: 0 !important; -} - -.end-50 { - right: 50% !important; -} - -.end-100 { - right: 100% !important; -} - -.start-0 { - left: 0 !important; -} - -.start-50 { - left: 50% !important; -} - -.start-100 { - left: 100% !important; -} - -.translate-middle { - transform: translate(-50%, -50%) !important; -} - -.translate-middle-x { - transform: translateX(-50%) !important; -} - -.translate-middle-y { - transform: translateY(-50%) !important; -} - -.border-end { - border-right: 1px solid #d9dee3 !important; -} - -.border-end-0 { - border-right: 0 !important; -} - -.border-start { - border-left: 1px solid #d9dee3 !important; -} - -.border-start-0 { - border-left: 0 !important; -} - -.text-start { - text-align: left !important; -} - -.text-end { - text-align: right !important; -} - -.text-center { - text-align: center !important; -} - -.rounded-end { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; -} - -.rounded-start { - border-bottom-left-radius: 0.375rem !important; - border-top-left-radius: 0.375rem !important; -} - -.rounded-start-top { - border-top-left-radius: 0.375rem !important; -} - -.rounded-start-bottom { - border-bottom-left-radius: 0.375rem !important; -} - -.rounded-end-top { - border-top-right-radius: 0.375rem !important; -} - -.rounded-end-bottom { - border-bottom-right-radius: 0.375rem !important; -} - -.me-0 { - margin-right: 0 !important; -} - -.me-1 { - margin-right: 0.25rem !important; -} - -.me-2 { - margin-right: 0.5rem !important; -} - -.me-3 { - margin-right: 1rem !important; -} - -.me-4 { - margin-right: 1.5rem !important; -} - -.me-5 { - margin-right: 3rem !important; -} - -.me-auto { - margin-right: auto !important; -} - -.ms-0 { - margin-left: 0 !important; -} - -.ms-1 { - margin-left: 0.25rem !important; -} - -.ms-2 { - margin-left: 0.5rem !important; -} - -.ms-3 { - margin-left: 1rem !important; -} - -.ms-4 { - margin-left: 1.5rem !important; -} - -.ms-5 { - margin-left: 3rem !important; +.align-self-auto { + align-self: auto !important; } -.ms-auto { - margin-left: auto !important; -} - -.me-n1 { - margin-right: -0.25rem !important; -} - -.me-n2 { - margin-right: -0.5rem !important; -} - -.me-n3 { - margin-right: -1rem !important; -} - -.me-n4 { - margin-right: -1.5rem !important; -} - -.me-n5 { - margin-right: -3rem !important; -} - -.ms-n1 { - margin-left: -0.25rem !important; -} - -.ms-n2 { - margin-left: -0.5rem !important; -} - -.ms-n3 { - margin-left: -1rem !important; -} - -.ms-n4 { - margin-left: -1.5rem !important; -} - -.ms-n5 { - margin-left: -3rem !important; -} - -.pe-0 { - padding-right: 0 !important; -} - -.pe-1 { - padding-right: 0.25rem !important; +.align-self-start { + align-self: flex-start !important; } -.pe-2 { - padding-right: 0.5rem !important; +.align-self-end { + align-self: flex-end !important; } -.pe-3 { - padding-right: 1rem !important; +.align-self-center { + align-self: center !important; } -.pe-4 { - padding-right: 1.5rem !important; +.align-self-baseline { + align-self: baseline !important; } -.pe-5 { - padding-right: 3rem !important; +.align-self-stretch { + align-self: stretch !important; } -.ps-0 { - padding-left: 0 !important; +.order-first { + order: -1 !important; } -.ps-1 { - padding-left: 0.25rem !important; +.order-0 { + order: 0 !important; } -.ps-2 { - padding-left: 0.5rem !important; +.order-1 { + order: 1 !important; } -.ps-3 { - padding-left: 1rem !important; +.order-2 { + order: 2 !important; } -.ps-4 { - padding-left: 1.5rem !important; +.order-3 { + order: 3 !important; } -.ps-5 { - padding-left: 3rem !important; +.order-4 { + order: 4 !important; } -.rotate-0 { - transform: rotate(0deg) !important; +.order-5 { + order: 5 !important; } -.rotate-90 { - transform: rotate(90deg) !important; +.order-last { + order: 6 !important; } -.rotate-180 { - transform: rotate(180deg) !important; +.m-0 { + margin: 0 !important; } -.rotate-270 { - transform: rotate(270deg) !important; +.m-1 { + margin: 0.25rem !important; } -.rotate-n90 { - transform: rotate(-90deg) !important; +.m-2 { + margin: 0.5rem !important; } -.rotate-n180 { - transform: rotate(-180deg) !important; +.m-3 { + margin: 1rem !important; } -.rotate-n270 { - transform: rotate(-270deg) !important; +.m-4 { + margin: 1.5rem !important; } -.scaleX-n1 { - transform: scaleX(-1) !important; +.m-5 { + margin: 3rem !important; } -.scaleY-n1 { - transform: scaleY(-1) !important; +.m-auto { + margin: auto !important; } -@media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - .float-sm-end { - float: right !important; - } - .float-sm-none { - float: none !important; - } - .text-sm-start { - text-align: left !important; - } - .text-sm-end { - text-align: right !important; - } - .text-sm-center { - text-align: center !important; - } - .me-sm-0 { - margin-right: 0 !important; - } - .me-sm-1 { - margin-right: 0.25rem !important; - } - .me-sm-2 { - margin-right: 0.5rem !important; - } - .me-sm-3 { - margin-right: 1rem !important; - } - .me-sm-4 { - margin-right: 1.5rem !important; - } - .me-sm-5 { - margin-right: 3rem !important; - } - .me-sm-auto { - margin-right: auto !important; - } - .ms-sm-0 { - margin-left: 0 !important; - } - .ms-sm-1 { - margin-left: 0.25rem !important; - } - .ms-sm-2 { - margin-left: 0.5rem !important; - } - .ms-sm-3 { - margin-left: 1rem !important; - } - .ms-sm-4 { - margin-left: 1.5rem !important; - } - .ms-sm-5 { - margin-left: 3rem !important; - } - .ms-sm-auto { - margin-left: auto !important; - } - .me-sm-n1 { - margin-right: -0.25rem !important; - } - .me-sm-n2 { - margin-right: -0.5rem !important; - } - .me-sm-n3 { - margin-right: -1rem !important; - } - .me-sm-n4 { - margin-right: -1.5rem !important; - } - .me-sm-n5 { - margin-right: -3rem !important; - } - .ms-sm-n1 { - margin-left: -0.25rem !important; - } - .ms-sm-n2 { - margin-left: -0.5rem !important; - } - .ms-sm-n3 { - margin-left: -1rem !important; - } - .ms-sm-n4 { - margin-left: -1.5rem !important; - } - .ms-sm-n5 { - margin-left: -3rem !important; - } - .pe-sm-0 { - padding-right: 0 !important; - } - .pe-sm-1 { - padding-right: 0.25rem !important; - } - .pe-sm-2 { - padding-right: 0.5rem !important; - } - .pe-sm-3 { - padding-right: 1rem !important; - } - .pe-sm-4 { - padding-right: 1.5rem !important; - } - .pe-sm-5 { - padding-right: 3rem !important; - } - .ps-sm-0 { - padding-left: 0 !important; - } - .ps-sm-1 { - padding-left: 0.25rem !important; - } - .ps-sm-2 { - padding-left: 0.5rem !important; - } - .ps-sm-3 { - padding-left: 1rem !important; - } - .ps-sm-4 { - padding-left: 1.5rem !important; - } - .ps-sm-5 { - padding-left: 3rem !important; - } -} -@media (min-width: 768px) { - .float-md-start { - float: left !important; - } - .float-md-end { - float: right !important; - } - .float-md-none { - float: none !important; - } - .text-md-start { - text-align: left !important; - } - .text-md-end { - text-align: right !important; - } - .text-md-center { - text-align: center !important; - } - .me-md-0 { - margin-right: 0 !important; - } - .me-md-1 { - margin-right: 0.25rem !important; - } - .me-md-2 { - margin-right: 0.5rem !important; - } - .me-md-3 { - margin-right: 1rem !important; - } - .me-md-4 { - margin-right: 1.5rem !important; - } - .me-md-5 { - margin-right: 3rem !important; - } - .me-md-auto { - margin-right: auto !important; - } - .ms-md-0 { - margin-left: 0 !important; - } - .ms-md-1 { - margin-left: 0.25rem !important; - } - .ms-md-2 { - margin-left: 0.5rem !important; - } - .ms-md-3 { - margin-left: 1rem !important; - } - .ms-md-4 { - margin-left: 1.5rem !important; - } - .ms-md-5 { - margin-left: 3rem !important; - } - .ms-md-auto { - margin-left: auto !important; - } - .me-md-n1 { - margin-right: -0.25rem !important; - } - .me-md-n2 { - margin-right: -0.5rem !important; - } - .me-md-n3 { - margin-right: -1rem !important; - } - .me-md-n4 { - margin-right: -1.5rem !important; - } - .me-md-n5 { - margin-right: -3rem !important; - } - .ms-md-n1 { - margin-left: -0.25rem !important; - } - .ms-md-n2 { - margin-left: -0.5rem !important; - } - .ms-md-n3 { - margin-left: -1rem !important; - } - .ms-md-n4 { - margin-left: -1.5rem !important; - } - .ms-md-n5 { - margin-left: -3rem !important; - } - .pe-md-0 { - padding-right: 0 !important; - } - .pe-md-1 { - padding-right: 0.25rem !important; - } - .pe-md-2 { - padding-right: 0.5rem !important; - } - .pe-md-3 { - padding-right: 1rem !important; - } - .pe-md-4 { - padding-right: 1.5rem !important; - } - .pe-md-5 { - padding-right: 3rem !important; - } - .ps-md-0 { - padding-left: 0 !important; - } - .ps-md-1 { - padding-left: 0.25rem !important; - } - .ps-md-2 { - padding-left: 0.5rem !important; - } - .ps-md-3 { - padding-left: 1rem !important; - } - .ps-md-4 { - padding-left: 1.5rem !important; - } - .ps-md-5 { - padding-left: 3rem !important; - } +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; } -@media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - .float-lg-end { - float: right !important; - } - .float-lg-none { - float: none !important; - } - .text-lg-start { - text-align: left !important; - } - .text-lg-end { - text-align: right !important; - } - .text-lg-center { - text-align: center !important; - } - .me-lg-0 { - margin-right: 0 !important; - } - .me-lg-1 { - margin-right: 0.25rem !important; - } - .me-lg-2 { - margin-right: 0.5rem !important; - } - .me-lg-3 { - margin-right: 1rem !important; - } - .me-lg-4 { - margin-right: 1.5rem !important; - } - .me-lg-5 { - margin-right: 3rem !important; - } - .me-lg-auto { - margin-right: auto !important; - } - .ms-lg-0 { - margin-left: 0 !important; - } - .ms-lg-1 { - margin-left: 0.25rem !important; - } - .ms-lg-2 { - margin-left: 0.5rem !important; - } - .ms-lg-3 { - margin-left: 1rem !important; - } - .ms-lg-4 { - margin-left: 1.5rem !important; - } - .ms-lg-5 { - margin-left: 3rem !important; - } - .ms-lg-auto { - margin-left: auto !important; - } - .me-lg-n1 { - margin-right: -0.25rem !important; - } - .me-lg-n2 { - margin-right: -0.5rem !important; - } - .me-lg-n3 { - margin-right: -1rem !important; - } - .me-lg-n4 { - margin-right: -1.5rem !important; - } - .me-lg-n5 { - margin-right: -3rem !important; - } - .ms-lg-n1 { - margin-left: -0.25rem !important; - } - .ms-lg-n2 { - margin-left: -0.5rem !important; - } - .ms-lg-n3 { - margin-left: -1rem !important; - } - .ms-lg-n4 { - margin-left: -1.5rem !important; - } - .ms-lg-n5 { - margin-left: -3rem !important; - } - .pe-lg-0 { - padding-right: 0 !important; - } - .pe-lg-1 { - padding-right: 0.25rem !important; - } - .pe-lg-2 { - padding-right: 0.5rem !important; - } - .pe-lg-3 { - padding-right: 1rem !important; - } - .pe-lg-4 { - padding-right: 1.5rem !important; - } - .pe-lg-5 { - padding-right: 3rem !important; - } - .ps-lg-0 { - padding-left: 0 !important; - } - .ps-lg-1 { - padding-left: 0.25rem !important; - } - .ps-lg-2 { - padding-left: 0.5rem !important; - } - .ps-lg-3 { - padding-left: 1rem !important; - } - .ps-lg-4 { - padding-left: 1.5rem !important; - } - .ps-lg-5 { - padding-left: 3rem !important; - } + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; } -@media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - .float-xl-end { - float: right !important; - } - .float-xl-none { - float: none !important; - } - .text-xl-start { - text-align: left !important; - } - .text-xl-end { - text-align: right !important; - } - .text-xl-center { - text-align: center !important; - } - .me-xl-0 { - margin-right: 0 !important; - } - .me-xl-1 { - margin-right: 0.25rem !important; - } - .me-xl-2 { - margin-right: 0.5rem !important; - } - .me-xl-3 { - margin-right: 1rem !important; - } - .me-xl-4 { - margin-right: 1.5rem !important; - } - .me-xl-5 { - margin-right: 3rem !important; - } - .me-xl-auto { - margin-right: auto !important; - } - .ms-xl-0 { - margin-left: 0 !important; - } - .ms-xl-1 { - margin-left: 0.25rem !important; - } - .ms-xl-2 { - margin-left: 0.5rem !important; - } - .ms-xl-3 { - margin-left: 1rem !important; - } - .ms-xl-4 { - margin-left: 1.5rem !important; - } - .ms-xl-5 { - margin-left: 3rem !important; - } - .ms-xl-auto { - margin-left: auto !important; - } - .me-xl-n1 { - margin-right: -0.25rem !important; - } - .me-xl-n2 { - margin-right: -0.5rem !important; - } - .me-xl-n3 { - margin-right: -1rem !important; - } - .me-xl-n4 { - margin-right: -1.5rem !important; - } - .me-xl-n5 { - margin-right: -3rem !important; - } - .ms-xl-n1 { - margin-left: -0.25rem !important; - } - .ms-xl-n2 { - margin-left: -0.5rem !important; - } - .ms-xl-n3 { - margin-left: -1rem !important; - } - .ms-xl-n4 { - margin-left: -1.5rem !important; - } - .ms-xl-n5 { - margin-left: -3rem !important; - } - .pe-xl-0 { - padding-right: 0 !important; - } - .pe-xl-1 { - padding-right: 0.25rem !important; - } - .pe-xl-2 { - padding-right: 0.5rem !important; - } - .pe-xl-3 { - padding-right: 1rem !important; - } - .pe-xl-4 { - padding-right: 1.5rem !important; - } - .pe-xl-5 { - padding-right: 3rem !important; - } - .ps-xl-0 { - padding-left: 0 !important; - } - .ps-xl-1 { - padding-left: 0.25rem !important; - } - .ps-xl-2 { - padding-left: 0.5rem !important; - } - .ps-xl-3 { - padding-left: 1rem !important; - } - .ps-xl-4 { - padding-left: 1.5rem !important; - } - .ps-xl-5 { - padding-left: 3rem !important; - } + +.m-n3 { + margin: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mx-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; +} + +.mx-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; +} + +.mx-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; +} + +.mx-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; +} + +.mx-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; +} + +.my-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; +} + +.my-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; +} + +.my-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; +} + +.my-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; +} + +.my-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; +} + +.mt-n1 { + margin-top: -0.25rem !important; +} + +.mt-n2 { + margin-top: -0.5rem !important; +} + +.mt-n3 { + margin-top: -1rem !important; +} + +.mt-n4 { + margin-top: -1.5rem !important; +} + +.mt-n5 { + margin-top: -3rem !important; +} + +.mb-n1 { + margin-bottom: -0.25rem !important; +} + +.mb-n2 { + margin-bottom: -0.5rem !important; +} + +.mb-n3 { + margin-bottom: -1rem !important; +} + +.mb-n4 { + margin-bottom: -1.5rem !important; +} + +.mb-n5 { + margin-bottom: -3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; } -@media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - .float-xxl-end { - float: right !important; - } - .float-xxl-none { - float: none !important; - } - .text-xxl-start { - text-align: left !important; - } - .text-xxl-end { - text-align: right !important; - } - .text-xxl-center { - text-align: center !important; - } - .me-xxl-0 { - margin-right: 0 !important; - } - .me-xxl-1 { - margin-right: 0.25rem !important; - } - .me-xxl-2 { - margin-right: 0.5rem !important; - } - .me-xxl-3 { - margin-right: 1rem !important; - } - .me-xxl-4 { - margin-right: 1.5rem !important; - } - .me-xxl-5 { - margin-right: 3rem !important; - } - .me-xxl-auto { - margin-right: auto !important; - } - .ms-xxl-0 { - margin-left: 0 !important; - } - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - .ms-xxl-3 { - margin-left: 1rem !important; - } - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - .ms-xxl-5 { - margin-left: 3rem !important; - } - .ms-xxl-auto { - margin-left: auto !important; - } - .me-xxl-n1 { - margin-right: -0.25rem !important; - } - .me-xxl-n2 { - margin-right: -0.5rem !important; - } - .me-xxl-n3 { - margin-right: -1rem !important; - } - .me-xxl-n4 { - margin-right: -1.5rem !important; - } - .me-xxl-n5 { - margin-right: -3rem !important; - } - .ms-xxl-n1 { - margin-left: -0.25rem !important; - } - .ms-xxl-n2 { - margin-left: -0.5rem !important; - } - .ms-xxl-n3 { - margin-left: -1rem !important; - } - .ms-xxl-n4 { - margin-left: -1.5rem !important; - } - .ms-xxl-n5 { - margin-left: -3rem !important; - } - .pe-xxl-0 { - padding-right: 0 !important; - } - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - .pe-xxl-3 { - padding-right: 1rem !important; - } - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - .pe-xxl-5 { - padding-right: 3rem !important; - } - .ps-xxl-0 { - padding-left: 0 !important; - } - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - .ps-xxl-3 { - padding-left: 1rem !important; - } - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - .ps-xxl-5 { - padding-left: 3rem !important; - } + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } -body { - text-rendering: optimizeLegibility; - font-feature-settings: "liga" on; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } -@media (min-width: 768px) { - button.list-group-item { - outline: none; - } +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } -.app-overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgba(67, 89, 113, 0.5); - visibility: hidden; - z-index: 3; - transition: all 0.25s ease; + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } -.app-overlay.show { - visibility: visible; + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } -.container, -.container-fluid, -.container-sm, -.container-md, -.container-lg, -.container-xl, -.container-xxl { - padding-right: 1rem; - padding-left: 1rem; +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } -@media (min-width: 992px) { - .container, - .container-fluid, - .container-sm, - .container-md, - .container-lg, - .container-xl, - .container-xxl { - padding-right: 1.625rem; - padding-left: 1.625rem; - } + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; } -.img-thumbnail { - position: relative; - display: block; +.pb-4 { + padding-bottom: 1.5rem !important; } -.img-thumbnail img { - z-index: 1; + +.pb-5 { + padding-bottom: 3rem !important; } -.img-thumbnail-content { - position: absolute; - top: 50%; - left: 50%; - z-index: 3; - display: block; - opacity: 0; - transition: all 0.2s ease-in-out; - transform: translate(-50%, -50%); +.font-monospace { + font-family: var(--bs-font-monospace) !important; } -.img-thumbnail:hover .img-thumbnail-content, .img-thumbnail:focus .img-thumbnail-content { - opacity: 1; + + +.fs-1 { + font-size: 2.375rem !important; +} +.fs-2 { + font-size: 2rem !important; +} +.fs-3 { + font-size: 1.625rem !important; +} +.fs-4 { + font-size: 1.375rem !important; } -.img-thumbnail-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: block; - transition: all 0.2s ease-in-out; +.fs-5 { + font-size: 1.125rem !important; } -.img-thumbnail:not(:hover):not(:focus) .img-thumbnail-overlay { - opacity: 0 !important; + +.fs-6 { + font-size: 0.9375rem !important; } -.img-thumbnail-shadow { - transition: box-shadow 0.2s; +.fs-tiny { + font-size: 70% !important; } -.img-thumbnail-shadow:hover, .img-thumbnail-shadow:focus { - box-shadow: 0 5px 20px rgba(67, 89, 113, 0.4); + +.fs-big { + font-size: 112% !important; } -.img-thumbnail-zoom-in { - overflow: hidden; +.fs-large { + font-size: 150% !important; } -.img-thumbnail-zoom-in img { - transition: all 0.3s ease-in-out; - transform: translate3d(0,0,0); + +.fs-xlarge { + font-size: 170% !important; } -.img-thumbnail-zoom-in .img-thumbnail-content { - transform: translate(-50%, -50%) scale(0.6); + +.fst-italic { + font-style: italic !important; } -.img-thumbnail-zoom-in:hover img, .img-thumbnail-zoom-in:focus img { - transform: scale(1.1); + +.fst-normal { + font-style: normal !important; } -.img-thumbnail-zoom-in:hover .img-thumbnail-content, .img-thumbnail-zoom-in:focus .img-thumbnail-content { - transform: translate(-50%, -50%) scale(1); + +.fw-lighter { + font-weight: 100 !important; } -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .card, - .card-body, - .media, - .flex-column, - .tab-content { - min-height: 1px; - } - img { - min-height: 1px; - height: auto; - } +.fw-light { + font-weight: 300 !important; } -.buy-now .btn-buy-now { - position: fixed; - bottom: 3rem; - right: 1.625rem; - z-index: 1080; - box-shadow: 0 1px 20px 1px #ff3e1d; + +.fw-normal { + font-weight: 400 !important; } -.buy-now .btn-buy-now:hover { - box-shadow: none; + +.fw-semibold { + font-weight: 500 !important; } -.ui-square, -.ui-rect, -.ui-rect-30, -.ui-rect-60, -.ui-rect-67, -.ui-rect-75 { - position: relative !important; - display: block !important; - padding-top: 100% !important; - width: 100% !important; +.fw-bold { + font-weight: 700 !important; } -.ui-square { - padding-top: 100% !important; +.fw-bolder { + font-weight: 900 !important; } -.ui-rect { - padding-top: 50% !important; +.lh-1 { + line-height: 1 !important; } -.ui-rect-30 { - padding-top: 30% !important; +.lh-inherit { + line-height: inherit !important; } -.ui-rect-60 { - padding-top: 60% !important; +.lh-sm { + line-height: 1.5 !important; } -.ui-rect-67 { - padding-top: 67% !important; +.lh-base { + line-height: 1.53 !important; } -.ui-rect-75 { - padding-top: 75% !important; +.lh-lg { + line-height: 1.5 !important; } -.ui-square-content, -.ui-rect-content { - position: absolute !important; - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; +.text-decoration-none { + text-decoration: none !important; } -.text-strike-through { - text-decoration: line-through; +.text-decoration-underline { + text-decoration: underline !important; } -.line-clamp-1 { - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; +.text-decoration-line-through { + text-decoration: line-through !important; } -.line-clamp-2 { - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; +.text-none { + text-transform: none !important; } -.line-clamp-3 { - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; +.text-lowercase { + text-transform: lowercase !important; } -.ui-stars, -.ui-star, -.ui-star > * { - height: 1.1em; - -webkit-user-drag: none; - -khtml-user-drag: none; - -moz-user-drag: none; - -o-user-drag: none; - user-drag: none; +.text-uppercase { + text-transform: uppercase !important; } -.ui-stars { - display: inline-block; - vertical-align: middle; - white-space: nowrap; +.text-capitalize { + text-transform: capitalize !important; } -.ui-star { - position: relative; - display: block; - float: left; - width: 1.1em; - height: 1.1em; - text-decoration: none !important; - font-size: 1.1em; - line-height: 1; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; +.text-wrap { + white-space: normal !important; } -.ui-star + .ui-star { - margin-left: -0.1em; + +.text-nowrap { + white-space: nowrap !important; } -.ui-star > *, -.ui-star > *::before, -.ui-star > *::after { - position: absolute; - left: 0.55em; - height: 100%; - font-size: 1em; - line-height: 1; - transform: translateX(-50%); + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; } -.ui-star > * { - top: 0; - width: 100%; - text-align: center; + +/* rtl:end:remove */ +.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } -.ui-star > *:first-child { - z-index: 10; - display: none; - overflow: hidden; - color: #ffab00; + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } -.ui-star > *:last-child { - z-index: 5; - display: block; + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } -.ui-star.half-filled > *:first-child { - width: 50%; - transform: translateX(-100%); + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } -.ui-star.filled > *:first-child, .ui-star.half-filled > *:first-child { - display: block; + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } -.ui-star.filled > *:last-child { - display: none; + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } -.ui-stars.hoverable .ui-star > *:first-child { - display: block; +.text-light { + --bs-text-opacity: 1; + color: #b4bdc6 !important; } -.ui-stars.hoverable .ui-star:first-child:not(.filled) > *:first-child, -.ui-stars.hoverable .ui-star:first-child:not(.filled) ~ .ui-star > *:first-child, -.ui-stars.hoverable .ui-star:first-child:not(.half-filled) > *:first-child, -.ui-stars.hoverable .ui-star:first-child:not(.half-filled) ~ .ui-star > *:first-child { - display: none; +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } -.ui-stars.hoverable .ui-star.filled > *:first-child, -.ui-stars.hoverable .ui-star.half-filled > *:first-child { - display: block !important; +.text-gray { + --bs-text-opacity: 1; + color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important; } -.ui-stars.hoverable:hover .ui-star > *:first-child { - display: block !important; - width: 100% !important; - transform: translateX(-50%) !important; +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } -.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:first-child { - display: none !important; +.text-white { + --bs-text-opacity: 1; + color: #fff !important; } -.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:last-child { - display: block !important; + +.text-red { + --bs-text-opacity: 1; + color: red !important; } -.ui-bg-cover { - background-color: rgba(0, 0, 0, 0); - background-position: center center; - background-size: cover; +.text-orange { + --bs-text-opacity: 1; + color: orange !important; } -.ui-bg-overlay-container, -.ui-bg-video-container { - position: relative; +.text-body { + --bs-text-opacity: 1; + color: #697a8d !important; } -.ui-bg-overlay-container > *, -.ui-bg-video-container > * { - position: relative; + +.text-body[href]:hover { + color: #5f61e6 !important; } -.ui-bg-overlay-container .ui-bg-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; +.text-muted { + --bs-text-opacity: 1; + color: #a1acb8 !important; } +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(67, 89, 113, 0.5) !important; +} -/* λ ˆμ΄μ•„μ›ƒ, ν…Œλ§ˆ */ +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} -.light-style .ui-bordered { - border: 1px solid #d9dee3; +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; } -.light-style .ui-star > *:last-child { - color: rgba(67, 89, 113, 0.2); + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } -.menu { - display: flex; + + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } -.menu .app-brand { - width: 100%; + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } -.menu .ps__thumb-y, -.menu .ps__rail-y { - width: 0.125rem !important; + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } -.menu .ps__rail-y { - right: 0.25rem !important; - left: auto !important; - background: none !important; + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } -.menu .ps__rail-y:hover, -.menu .ps__rail-y:focus, -.menu .ps__rail-y.ps--clicking, -.menu .ps__rail-y:hover > .ps__thumb-y, -.menu .ps__rail-y:focus > .ps__thumb-y, -.menu .ps__rail-y.ps--clicking > .ps__thumb-y { - width: 0.375rem !important; + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } -.menu-inner { - display: flex; - align-items: flex-start; - justify-content: flex-start; - margin: 0; - padding: 0; - height: 100%; +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } -.menu-inner-shadow { - display: none; - position: absolute; - top: 4.225rem; - height: 3rem; - width: 100%; - pointer-events: none; - z-index: 2; +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } -html:not(.layout-menu-fixed) .menu-inner-shadow { - display: none !important; + +.bg-gray { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important; } -.menu-item { - align-items: flex-start; - justify-content: flex-start; +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } -.menu-item.menu-item-animating { - transition: height 0.3s ease-in-out; + +.bg-white { + --bs-bg-opacity: 1; + background-color: #fff !important; } -.menu-item, -.menu-header, -.menu-divider, -.menu-block { - flex: 0 0 auto; - flex-direction: column; - margin: 0; - padding: 0; - list-style: none; +.bg-orange { + --bs-bg-opacity: 1; + background-color: orange !important; } -.menu-header { - opacity: 1; - transition: opacity 0.3s ease-in-out; +.bg-yellow { + --bs-bg-opacity: 1; + background-color: yellow !important; } -.menu-icon { - flex-grow: 0; - flex-shrink: 0; - margin-right: 0.5rem; - font-size: 1.25rem; +.bg-green { + --bs-bg-opacity: 1; + background-color: green !important; } -.menu:not(.menu-no-animation) .menu-icon { - transition: margin-right 0.3s ease; + +.bg-yellowgreen { + --bs-bg-opacity: 1; + background-color: yellowgreen !important; } -.menu-link { - position: relative; - display: flex; - align-items: center; - flex: 0 1 auto; - margin: 0; +.bg-body { + --bs-bg-opacity: 1; + background-color: #ffffff !important; } -.menu-item.disabled .menu-link { - cursor: not-allowed !important; + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; } -.menu:not(.menu-no-animation) .menu-link { - transition-duration: 0.3s; - transition-property: color, background-color; + +.bg-lighter { + --bs-bg-opacity: 1; + background-color: rgba(67, 89, 113, 0.05) !important; } -.menu-link > :not(.menu-icon) { - flex: 0 1 auto; - opacity: 1; + +.bg-lightest { + --bs-bg-opacity: 1; + background-color: rgba(67, 89, 113, 0.025) !important; } -.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon) { - transition: opacity 0.3s ease-in-out; + +.bg-bordergray { + background-color: #D9DEE3; } -.menu-sub { - display: none; - flex-direction: column; - margin: 0; - padding: 0; +.bg-gradient { + background-image: var(--bs-gradient) !important; } -.menu:not(.menu-no-animation) .menu-sub { - transition: background-color 0.3s; + +.bg-top-checkbox { + background-color: #d9dee3; } -.menu-item.open > .menu-sub { - display: flex; + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; } -.menu-toggle::after { - content: ""; - position: absolute; - top: 50%; - display: block; - width: 0.42em; - height: 0.42em; - border: 1px solid; - border-bottom: 0; - border-left: 0; - transform: translateY(-50%) rotate(45deg); +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + user-select: auto !important; } -.menu-item.open:not(.menu-item-closing) > .menu-toggle::after { - transform: translateY(-50%) rotate(135deg); + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; } -.menu:not(.menu-no-animation) .menu-toggle::after { - transition-duration: 0.3s; - transition-property: transform; + +.pe-none { + pointer-events: none !important; } -.menu-divider { - width: 100%; - border: 0; - border-top: 1px solid; +.pe-auto { + pointer-events: auto !important; } -.menu-vertical { - flex-direction: column; +.rounded { + border-radius: 0.375rem !important; } -.menu-vertical:not(.menu-no-animation) { - transition: width 0.3s; + +.rounded-0 { + border-radius: 0 !important; } -.menu-vertical, -.menu-vertical .menu-block, -.menu-vertical .menu-inner > .menu-item, -.menu-vertical .menu-inner > .menu-header { - width: 16.25rem; + +.rounded-1 { + border-radius: 0.25rem !important; } -.menu-vertical .menu-inner { - flex-direction: column; - flex: 1 1 auto; + +.rounded-2 { + border-radius: 0.375rem !important; } -.menu-vertical .menu-inner > .menu-item { - margin: 0.0625rem 0; + +.rounded-3 { + border-radius: 0.5rem !important; } -.menu-vertical .menu-inner > .menu-item .menu-link { - margin: 0rem 1rem; + +.rounded-circle { + border-radius: 50% !important; } -.menu-vertical .menu-item .menu-link, -.menu-vertical .menu-block { - padding: 0.625rem 1rem; + +.rounded-pill { + border-radius: 50rem !important; } -.menu-vertical .menu-header { - margin: 1rem 0 0.5rem 0; - padding: 0.625rem 2rem 0.625rem 2rem; + +.rounded-top { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; } -.menu-vertical .menu-item .menu-link { - font-size: 1rem; /* 메뉴 ν°νŠΈμ‚¬μ΄μ¦ˆ */ + +.rounded-bottom { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } -.menu-vertical .menu-item.active:not(.open) > .menu-link { - font-weight: 600; + +.visible { + visibility: visible !important; } -.menu-vertical .menu-item .menu-toggle { - padding-right: calc(1rem + 1.26em); + +.invisible { + visibility: hidden !important; } -.menu-vertical .menu-item .menu-toggle::after { - right: 1rem; + +.cursor-pointer { + cursor: pointer !important; } -.menu-vertical .menu-divider { - margin-top: 0.625rem; - margin-bottom: 0.625rem; - padding: 0; + +.cursor-move { + cursor: move !important; } -.menu-vertical .menu-sub { - padding-top: 0.3125rem; - padding-bottom: 0.3125rem; + +.cursor-grab { + cursor: grab !important; } -.menu-vertical .menu-sub .menu-link { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + +@media (min-width: 576px) { + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 1rem !important; + } + .gap-sm-4 { + gap: 1.5rem !important; + } + .gap-sm-5 { + gap: 3rem !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + .mt-sm-n3 { + margin-top: -1rem !important; + } + .mt-sm-n4 { + margin-top: -1.5rem !important; + } + .mt-sm-n5 { + margin-top: -3rem !important; + } + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + .mb-sm-n3 { + margin-bottom: -1rem !important; + } + .mb-sm-n4 { + margin-bottom: -1.5rem !important; + } + .mb-sm-n5 { + margin-bottom: -3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } } -.menu-vertical .menu-icon { - width: 1.5rem; +@media (min-width: 768px) { + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 1rem !important; + } + .gap-md-4 { + gap: 1.5rem !important; + } + .gap-md-5 { + gap: 3rem !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .mt-md-n1 { + margin-top: -0.25rem !important; + } + .mt-md-n2 { + margin-top: -0.5rem !important; + } + .mt-md-n3 { + margin-top: -1rem !important; + } + .mt-md-n4 { + margin-top: -1.5rem !important; + } + .mt-md-n5 { + margin-top: -3rem !important; + } + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + .mb-md-n3 { + margin-bottom: -1rem !important; + } + .mb-md-n4 { + margin-bottom: -1.5rem !important; + } + .mb-md-n5 { + margin-bottom: -3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } } -.menu-vertical .menu-sub .menu-icon { - margin-right: 0; +@media (min-width: 992px) { + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 1rem !important; + } + .gap-lg-4 { + gap: 1.5rem !important; + } + .gap-lg-5 { + gap: 3rem !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + .mt-lg-n3 { + margin-top: -1rem !important; + } + .mt-lg-n4 { + margin-top: -1.5rem !important; + } + .mt-lg-n5 { + margin-top: -3rem !important; + } + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + .mb-lg-n3 { + margin-bottom: -1rem !important; + } + .mb-lg-n4 { + margin-bottom: -1.5rem !important; + } + .mb-lg-n5 { + margin-bottom: -3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } } -@media (max-width: 1199.98px) { - .menu-vertical .menu-sub .menu-icon { - display: none; +@media (min-width: 1200px) { + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 1rem !important; + } + .gap-xl-4 { + gap: 1.5rem !important; + } + .gap-xl-5 { + gap: 3rem !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; } -} -.menu-vertical .menu-horizontal-wrapper { - flex: none; -} -.menu-vertical .menu-sub .menu-link { - padding-left: 2rem; -} -.menu-vertical .menu-sub .menu-sub .menu-link { - padding-left: 3.65rem; -} -.menu-vertical .menu-sub .menu-sub .menu-sub .menu-link { - padding-left: 4.3rem; -} -.menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-link { - padding-left: 4.95rem; -} -.menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link { - padding-left: 5.6rem; -} - -.menu-collapsed:not(:hover) { - width: 5.25rem; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-item { - width: 5.25rem; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link { - padding-left: 1rem; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-header, -.menu-collapsed:not(:hover) .menu-block { - position: relative; - margin-left: 1rem; - padding-right: 1.5rem; - padding-left: 0.5rem; - width: 16.25rem; - text-indent: -9999px; - text-overflow: ellipsis; - white-space: nowrap; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-header .menu-header-text, -.menu-collapsed:not(:hover) .menu-block .menu-header-text { - overflow: hidden; - opacity: 0; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-header::before, -.menu-collapsed:not(:hover) .menu-block::before { - content: ""; - position: absolute; - left: 1.125rem; - display: block; - width: 1rem; - text-align: center; - top: 1.1875rem; -} -.menu-collapsed:not(:hover) .menu-block::before { - bottom: 0.75rem; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-item div:not(.menu-block) { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-sub, -.menu-collapsed:not(:hover) .menu-inner > .menu-item.open > .menu-sub { - display: none; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-toggle::after { - display: none; -} -.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon { - margin-left: -2rem; - width: 5.25rem; - text-align: center; - margin-right: 0; -} - -.menu-horizontal { - flex-direction: row; - width: 100%; -} -.menu-horizontal .menu-inner { - overflow: hidden; - flex-direction: row; - flex: 0 1 100%; -} -.menu-horizontal .menu-item .menu-link { - padding: 0.565rem 1rem; -} -.menu-horizontal .menu-item .menu-toggle { - padding-right: calc(1rem + 1.26em); -} -.menu-horizontal .menu-item .menu-toggle::after { - right: calc(1rem + 0.21em); -} -.menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { - transform: translateY(-50%) rotate(135deg); -} -.menu-horizontal .menu-sub .menu-item.open:not(.menu-item-closing) > .menu-toggle::after { - transform: translateY(-50%) rotate(45deg); -} -.menu-horizontal .menu-inner > .menu-item:not(.menu-item-closing).open .menu-item.open { - position: relative; -} -.menu-horizontal .menu-header, -.menu-horizontal .menu-divider { - display: none !important; -} -.menu-horizontal .menu-sub { - position: absolute; - width: 14.5rem; - padding: 0.325rem 0; -} -.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) { - font-weight: 600; -} -.menu-horizontal .menu-sub .menu-sub { - position: absolute; - left: 100%; - top: 0; - width: 100%; -} -.menu-horizontal .menu-sub .menu-link { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} -.menu-horizontal .menu-inner > .menu-item .menu-sub { - border-radius: 0.375rem; -} -.menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub { - animation: menuDropdownShow 0.3s ease-in-out; -} -.menu-horizontal .menu-sub .menu-sub .menu-link { - padding-left: 2.35rem; -} -@media (max-width: 991.98px) { - .menu-horizontal { - display: none; + .mb-xl-auto { + margin-bottom: auto !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .mt-xl-n1 { + margin-top: -0.25rem !important; + } + .mt-xl-n2 { + margin-top: -0.5rem !important; + } + .mt-xl-n3 { + margin-top: -1rem !important; + } + .mt-xl-n4 { + margin-top: -1.5rem !important; + } + .mt-xl-n5 { + margin-top: -3rem !important; + } + .mb-xl-n1 { + margin-bottom: -0.25rem !important; + } + .mb-xl-n2 { + margin-bottom: -0.5rem !important; + } + .mb-xl-n3 { + margin-bottom: -1rem !important; + } + .mb-xl-n4 { + margin-bottom: -1.5rem !important; + } + .mb-xl-n5 { + margin-bottom: -3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; } } - -.menu-horizontal-wrapper { - overflow: hidden; - flex: 0 1 100%; - width: 0; -} -.menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner { - transition: margin 0.3s; -} - -.menu-horizontal-prev, -.menu-horizontal-next { - position: relative; - display: block; - flex: 0 0 auto; - width: 2.25rem; -} -.menu-horizontal-prev::after, -.menu-horizontal-next::after { - content: ""; - position: absolute; - top: 50%; - left: 50%; - display: block; - width: 0.5rem; - height: 0.5rem; - border: 1px solid; - border-top: 0; -} -.menu-horizontal-prev.disabled, -.menu-horizontal-next.disabled { - cursor: not-allowed !important; -} - -.menu-horizontal-prev::after { - border-right: 0; - transform: translate(-50%, -50%) rotate(45deg); -} - -.menu-horizontal-next::after { - border-left: 0; - transform: translate(-50%, -50%) rotate(-45deg); -} -@keyframes menuDropdownShow { - 0% { - opacity: 0; - transform: translateY(-0.5rem); +@media (min-width: 1400px) { + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 1rem !important; + } + .gap-xxl-4 { + gap: 1.5rem !important; + } + .gap-xxl-5 { + gap: 3rem !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } - 100% { - opacity: 1; - transform: translateY(0); + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } -} -.menu-light { - color: rgba(67, 89, 113, 0.5); -} -.menu-light .menu-link, -.menu-light .menu-horizontal-prev, -.menu-light .menu-horizontal-next { - color: rgba(67, 89, 113, 0.5); -} -.menu-light .menu-link:hover, .menu-light .menu-link:focus, -.menu-light .menu-horizontal-prev:hover, -.menu-light .menu-horizontal-prev:focus, -.menu-light .menu-horizontal-next:hover, -.menu-light .menu-horizontal-next:focus { - color: #697a8d; -} -.menu-light .menu-link.active, -.menu-light .menu-horizontal-prev.active, -.menu-light .menu-horizontal-next.active { - color: #697a8d; -} -.menu-light .menu-item.disabled .menu-link { - color: rgba(67, 89, 113, 0.3) !important; -} -.menu-light .menu-item.open:not(.menu-item-closing) > .menu-toggle, -.menu-light .menu-item.active > .menu-link { - color: #697a8d; -} -.menu-light .menu-item.active > .menu-link:not(.menu-toggle) { - background: rgba(0, 0, 0, 0.05); -} -.menu-light .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, -.menu-light .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { - color: rgba(67, 89, 113, 0.5); -} -.menu-light .menu-text { - color: #697a8d; -} -.menu-light .menu-header { - color: rgba(67, 89, 113, 0.5); -} -.menu-light hr, -.menu-light .menu-divider, -.menu-light .menu-inner > .menu-item.open > .menu-sub::before { - border-color: rgba(0, 0, 0, 0.06) !important; -} -.menu-light .menu-inner > .menu-header::before, -.menu-light .menu-block::before { - background-color: rgba(67, 89, 113, 0.3); -} -.menu-light .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before { - background-color: rgba(0, 0, 0, 0.06); -} -.menu-light .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { - background-color: #697a8d; -} -.menu-light .ps__thumb-y { - background: rgba(67, 89, 113, 0.5) !important; -} - -.menu-dark { - color: rgba(255, 255, 255, 0.8); -} -.menu-dark .menu-link, -.menu-dark .menu-horizontal-prev, -.menu-dark .menu-horizontal-next { - color: rgba(255, 255, 255, 0.8); -} -.menu-dark .menu-link:hover, .menu-dark .menu-link:focus, -.menu-dark .menu-horizontal-prev:hover, -.menu-dark .menu-horizontal-prev:focus, -.menu-dark .menu-horizontal-next:hover, -.menu-dark .menu-horizontal-next:focus { - color: #fff; -} -.menu-dark .menu-link.active, -.menu-dark .menu-horizontal-prev.active, -.menu-dark .menu-horizontal-next.active { - color: #fff; -} -.menu-dark .menu-item.disabled .menu-link { - color: rgba(255, 255, 255, 0.4) !important; -} -.menu-dark .menu-item.open:not(.menu-item-closing) > .menu-toggle, -.menu-dark .menu-item.active > .menu-link { - color: #fff; -} -.menu-dark .menu-item.active > .menu-link:not(.menu-toggle) { - background: rgba(0, 0, 0, 0.06); -} -.menu-dark .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, -.menu-dark .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { - color: rgba(255, 255, 255, 0.8); -} -.menu-dark .menu-text { - color: #fff; -} -.menu-dark .menu-header { - color: rgba(255, 255, 255, 0.8); -} -.menu-dark hr, -.menu-dark .menu-divider, -.menu-dark .menu-inner > .menu-item.open > .menu-sub::before { - border-color: rgba(255, 255, 255, 0.2) !important; -} -.menu-dark .menu-inner > .menu-header::before, -.menu-dark .menu-block::before { - background-color: rgba(255, 255, 255, 0.4); -} -.menu-dark .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before { - background-color: rgba(255, 255, 255, 0.2); -} -.menu-dark .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { - background-color: #fff; -} -.menu-dark .ps__thumb-y { - background: rgba(255, 255, 255, 0.8) !important; -} - -.layout-container { - min-height: 100vh; -} - -.layout-wrapper, -.layout-container { - width: 100%; - display: flex; - flex: 1 1 auto; - align-items: stretch; -} - -.layout-menu-offcanvas .layout-wrapper, -.layout-menu-fixed-offcanvas .layout-wrapper { - overflow: hidden; -} - -.layout-menu-offcanvas .layout-navbar .layout-menu-toggle, -.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle { - display: block !important; -} - -@media (min-width: 1200px) { - .layout-menu-offcanvas .layout-menu .layout-menu-toggle, - .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle { - display: none; + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; } -} - -.layout-page, -.content-wrapper, -.content-wrapper > *, -.layout-menu { - min-height: 1px; -} - -.layout-navbar, -.content-footer { - flex: 0 0 auto; -} - -.layout-page { - display: flex; - flex: 1 1 auto; - align-items: stretch; - padding: 0; -} -.layout-without-menu .layout-page { - padding-right: 0 !important; - padding-left: 0 !important; -} - -.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before { - content: ""; - width: 100%; - height: 4.75rem; - position: fixed; - top: 0px; - z-index: 10; -} - -.content-wrapper { - display: flex; - align-items: stretch; - flex: 1 1 auto; - flex-direction: column; - justify-content: space-between; -} - -.content-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1; - width: 100vw; - height: 100vh; - background-color: #435971; -} -.content-backdrop.fade { - opacity: 0; -} -.content-backdrop.show { - opacity: 0.5; -} -.layout-menu-fixed .content-backdrop { - z-index: 10; -} -.layout-horizontal .content-backdrop:not(.fade) { - z-index: 9; - top: 3.875rem !important; -} -.content-backdrop.fade { - z-index: -1; -} - -.layout-navbar { - position: relative; - padding-top: 0.25rem; - padding-bottom: 0.2rem; - height: 4rem; - min-width: 1500px!important; - flex-wrap: nowrap; - color: #697a8d; - z-index: 2; -} -.layout-navbar .navbar { - transform: translate3d(0, 0, 0); -} -.layout-navbar .navbar-nav-right { - flex-basis: 100%; -} -.layout-navbar .navbar-search-wrapper .search-input, -.layout-navbar .navbar-search-wrapper .input-group-text { - background-color: transparent; -} -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion { - max-height: 28rem; - border-radius: 0.5rem; -} -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion { - color: #697a8d; -} -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:hover, .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active { - background: #f5f5f9; - color: #697a8d; -} -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header { - font-size: 0.8125rem; -} -.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header::before { - content: ""; - position: absolute; - left: 0; - width: 0.7rem; - height: 1px; - margin-top: 0.375rem; - background: #a1acb8; -} -.layout-navbar.navbar-detached { - width: calc(100% - (1.625rem * 2)); - margin: 0.75rem auto 0; - border-radius: 0.375rem; - padding: 0 1.5rem; -} -.layout-navbar.navbar-detached.container-xxl { - max-width: 1600px; -} -.layout-navbar-fixed .layout-navbar.navbar-detached { - width: calc(100% - calc(1.625rem * 2) - 16.25rem); -} -@media (max-width: 1199.98px) { - .layout-navbar-fixed .layout-navbar.navbar-detached { - width: calc(100% - (1.625rem * 2)) !important; + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } -} -@media (max-width: 991.98px) { - .layout-navbar-fixed .layout-navbar.navbar-detached { - width: calc(100% - (1rem * 2)) !important; + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } -} -.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached { - width: calc(100% - calc(1.625rem * 2) - 5.25rem); -} -@media (max-width: 1199.98px) { - .layout-navbar.navbar-detached { - width: calc(100vw - (100vw - 100%) - (1.625rem * 2)) !important; + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } -} -@media (max-width: 991.98px) { - .layout-navbar.navbar-detached { - width: calc(100vw - (100vw - 100%) - (1rem * 2)) !important; + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } -} -.layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached { - width: calc(100% - (1.625rem * 2)); -} -.layout-navbar .search-input-wrapper .search-toggler { - position: absolute; - top: 1.25rem; - right: 1rem; - z-index: 1; -} -.layout-navbar .search-input-wrapper .twitter-typeahead { - position: absolute !important; - left: 0; - top: 0; - width: 100%; - height: 100%; -} -@media (min-width: 1400px) { - .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl { - left: calc((100% - 1440px) * 0.5); + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler { - right: calc((100% - 1440px + 5rem) * 0.5); + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } -} -.layout-navbar .search-input-wrapper .search-input { - height: 100%; - box-shadow: none; -} -.layout-navbar .search-input-wrapper .navbar-search-suggestion { - width: 100%; -} -.layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion { - left: 2% !important; - width: 96%; -} -.layout-navbar .navbar-dropdown .badge-notifications { - top: 0.5rem; - padding: 0.2rem 0.4rem; -} -.layout-navbar .navbar-dropdown .dropdown-menu { - min-width: 22rem; - overflow: hidden; -} -.layout-navbar .navbar-dropdown .dropdown-menu .last-login { - white-space: normal; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list { - max-height: 30rem; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item { - padding: 1rem; - cursor: pointer; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions { - text-align: center; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions > a { - display: block; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i, -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span { - color: #697a8d; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read, -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive { - visibility: hidden; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span { - background-color: #8592a3; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive { - visibility: hidden; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read, -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive { - visibility: visible; -} -.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive { - visibility: visible; -} -.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list { - max-height: 30rem; -} -.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item { - text-align: center; - padding: 1.5rem; -} -.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover { - background-color: rgba(67, 89, 113, 0.04); -} -.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon { - height: 3.125rem; - width: 3.125rem; - margin-left: auto; - margin-right: auto; - display: flex; - align-items: center; - justify-content: center; -} -.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, -.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover { - display: block; - margin-bottom: 0; - color: #697a8d !important; - font-weight: 600; -} -.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu { - min-width: 14rem; -} -.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text, -.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle { - color: #fff; -} -@media (max-width: 1199.98px) { - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { - position: absolute; + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; } - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login { - white-space: nowrap; + .mt-xxl-auto { + margin-top: auto !important; } -} -@media (max-width: 767.98px) { - .layout-navbar .navbar-nav .nav-item.dropdown { - position: static; - float: left; + .mb-xxl-0 { + margin-bottom: 0 !important; } - .layout-navbar .navbar-nav .nav-item.dropdown .badge-notifications { - top: auto; + .mb-xxl-1 { + margin-bottom: 0.25rem !important; } - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { - position: absolute; - left: 0.9rem; - min-width: auto; - width: 92%; + .mb-xxl-2 { + margin-bottom: 0.5rem !important; } -} - -@media (max-width: 1199.98px) { - .layout-navbar { - z-index: 1080; + .mb-xxl-3 { + margin-bottom: 1rem !important; } -} -.layout-menu { - position: relative; - flex: 1 0 auto; -} -.layout-menu a:focus-visible { - outline: none; -} -.layout-menu .menu { - transform: translate3d(0, 0, 0); -} -.layout-menu .menu-vertical { - height: 100%; -} - -.layout-front .app-content { - min-height: calc(100vh - 8rem); -} - -.navbar-collapse-header { - display: none; -} - -@media (max-width: 991.98px) { - .navbar-front .navbar-collapse-header { - display: block; - margin-bottom: 1rem; - padding-bottom: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); + .mb-xxl-4 { + margin-bottom: 1.5rem !important; } - .navbar-front .navbar-collapse { - position: absolute; - z-index: 1090; - top: 0; - right: 0; - left: 0; - overflow-y: auto; - width: calc(100% - (0.5rem * 2)); - height: auto !important; - margin: 0.5rem; + .mb-xxl-5 { + margin-bottom: 3rem !important; } - .navbar-front .navbar-collapse.collapsing, .navbar-front .navbar-collapse.show { - padding: 1.5rem; - border-radius: 0.375rem; - background: #fff; - box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); + .mb-xxl-auto { + margin-bottom: auto !important; } -} -.layout-content-navbar .layout-page { - flex-basis: 100%; - flex-direction: column; - width: 0; - min-width: 0; - max-width: 100%; -} -.layout-content-navbar .content-wrapper { - width: 100%; -} - -.layout-navbar-full .layout-container { - flex-direction: column; -} -@media (min-width: 1200px) { - .layout-navbar-full:not(.layout-horizontal) .menu-inner { - margin-top: 0.75rem; + .m-xxl-n1 { + margin: -0.25rem !important; } -} -.layout-navbar-full .content-wrapper { - flex-basis: 100%; - width: 0; - min-width: 0; - max-width: 100%; -} -.layout-navbar-full .content-backdrop.show { - z-index: 9; -} -.layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show { - z-index: 1076; -} - -.layout-menu-flipped .layout-navbar-full .layout-page { - flex-direction: row-reverse; -} -.layout-menu-flipped .layout-content-navbar .layout-container { - flex-direction: row-reverse; -} - -@media (min-width: 992px) { - .layout-menu-hover .layout-menu-toggle { - display: none; + .m-xxl-n2 { + margin: -0.5rem !important; } -} -@media (min-width: 1200px) { - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical { - width: 5.25rem; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item { - width: 5.25rem; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link { - padding-left: 1rem; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block { - position: relative; - margin-left: 1rem; - padding-right: 1.5rem; - padding-left: 0.5rem; - width: 16.25rem; - text-indent: -9999px; - text-overflow: ellipsis; - white-space: nowrap; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text { - overflow: hidden; - opacity: 0; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before { - content: ""; - position: absolute; - left: 1.125rem; - display: block; - width: 1rem; - text-align: center; - top: 1.1875rem; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before { - bottom: 0.75rem; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block), - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block) { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item.open > .menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item.open > .menu-sub { - display: none; + .m-xxl-n3 { + margin: -1rem !important; } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-toggle::after, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-toggle::after { - display: none; + .m-xxl-n4 { + margin: -1.5rem !important; } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon { - margin-left: -2rem; - width: 5.25rem; - text-align: center; - margin-right: 0; + .m-xxl-n5 { + margin: -3rem !important; } - .layout-menu-hover.layout-menu-collapsed .layout-menu { - margin-right: -11rem; + .mx-xxl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } - .layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu { - margin-left: -11rem; - margin-right: 0; + .mx-xxl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } -} -@media (min-width: 1200px) { - .layout-menu-collapsed.layout-menu-offcanvas .layout-menu { - margin-right: -16.25rem; - transform: translateX(-100%); + .mx-xxl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } - .layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu { - margin-right: 0; - margin-left: -16.25rem; - transform: translateX(100%); + .mx-xxl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } -} -@media (min-width: 1200px) { - .layout-menu-fixed .layout-menu, - .layout-menu-fixed-offcanvas .layout-menu { - position: fixed; - top: 0; - bottom: 0; - left: 0; - margin-right: 0 !important; - margin-left: 0 !important; + .mx-xxl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } - .layout-menu-fixed.layout-menu-flipped .layout-menu, - .layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu { - right: 0; - left: auto; + .my-xxl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu { - transform: translateX(-100%); + .my-xxl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu { - transform: translateX(100%); + .my-xxl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, - .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page { - padding-left: 16.25rem; + .my-xxl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page, - .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page { - padding-right: 16.25rem; - padding-left: 0; + .my-xxl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .layout-menu-fixed.layout-menu-collapsed .layout-page { - padding-left: 5.25rem; + .mt-xxl-n1 { + margin-top: -0.25rem !important; } - .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page { - padding-right: 5.25rem; - padding-left: 0; + .mt-xxl-n2 { + margin-top: -0.5rem !important; } -} -html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page, -html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page { - padding-top: 0 !important; -} - -html:not(.layout-footer-fixed) .content-wrapper { - padding-bottom: 0 !important; -} - -@media (max-width: 1199.98px) { - .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, - .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu { - top: 0 !important; + .mt-xxl-n3 { + margin-top: -1rem !important; } - html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page { - padding-top: 0 !important; + .mt-xxl-n4 { + margin-top: -1.5rem !important; } -} -.layout-navbar-fixed .layout-navbar { - position: fixed; - top: 0; - right: 0; - left: 0; -} - -@media (min-width: 1200px) { - .layout-menu-fixed .layout-navbar-full .layout-navbar, - .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar { - position: fixed; - top: 0; - right: 0; - left: 0; + .mt-xxl-n5 { + margin-top: -3rem !important; } - .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - left: 16.25rem; + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; } - .layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - right: 16.25rem; - left: 0; + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; } - .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal, - .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal { - position: fixed; + .mb-xxl-n3 { + margin-bottom: -1rem !important; + } + .mb-xxl-n4 { + margin-bottom: -1.5rem !important; } - .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal + [class*=container-], - .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal + [class*=container-] { - padding-top: 4.8rem !important; + .mb-xxl-n5 { + margin-bottom: -3rem !important; } - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar { - left: 5.25rem; + .p-xxl-0 { + padding: 0 !important; } - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar { - right: 5.25rem; - left: 0; + .p-xxl-1 { + padding: 0.25rem !important; } -} -.layout-footer-fixed .content-footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; -} - -@media (min-width: 1200px) { - .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer { - left: 16.25rem; + .p-xxl-2 { + padding: 0.5rem !important; } - .layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { - right: 16.25rem; - left: 0; + .p-xxl-3 { + padding: 1rem !important; } - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer { - left: 5.25rem; + .p-xxl-4 { + padding: 1.5rem !important; } - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { - right: 5.25rem; - left: 0; + .p-xxl-5 { + padding: 3rem !important; } -} -@media (max-width: 1199.98px) { - .layout-menu { - position: fixed !important; - top: 0 !important; - height: 100% !important; - left: 0 !important; - margin-right: 0 !important; - margin-left: 0 !important; - transform: translate3d(-100%, 0, 0); - will-change: transform, -webkit-transform; + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .layout-menu-flipped .layout-menu { - right: 0 !important; - left: auto !important; - transform: translate3d(100%, 0, 0); + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .layout-menu-expanded .layout-menu { - transform: translate3d(0, 0, 0) !important; + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .layout-menu-expanded body { - overflow: hidden; + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .layout-overlay { - position: fixed; - top: 0; - right: 0; - height: 100% !important; - left: 0; - display: none; - background: #435971; - opacity: 0.5; - cursor: pointer; + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .layout-menu-expanded .layout-overlay { - display: block; + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .layout-menu-100vh .layout-menu, - .layout-menu-100vh .layout-overlay { - height: 100vh !important; + .pt-xxl-0 { + padding-top: 0 !important; } - .drag-target { - height: 100%; - width: 40px; - position: fixed; - top: 0; - left: 0px; - z-index: 1036; + .pt-xxl-1 { + padding-top: 0.25rem !important; } -} -.layout-navbar-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, -.layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, -.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-navbar { - z-index: 1080; -} -.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, -.layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, -.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar { - z-index: 1075; -} - -.layout-footer-fixed .content-footer { - z-index: 1030; -} - -.layout-menu-horizontal { - z-index: 9; -} - -@media (max-width: 1199.98px) { - .layout-menu { - z-index: 1100; + .pt-xxl-2 { + padding-top: 0.5rem !important; } - .layout-overlay { - z-index: 1099; + .pt-xxl-3 { + padding-top: 1rem !important; } -} -@media (min-width: 1200px) { - .layout-navbar-full .layout-navbar { - z-index: 10; + .pt-xxl-4 { + padding-top: 1.5rem !important; } - .layout-navbar-full .layout-menu { - z-index: 9; + .pt-xxl-5 { + padding-top: 3rem !important; } - .layout-content-navbar .layout-navbar { - z-index: 9; + .pb-xxl-0 { + padding-bottom: 0 !important; } - .layout-content-navbar .layout-menu { - z-index: 10; + .pb-xxl-1 { + padding-bottom: 0.25rem !important; } - .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu { - z-index: 1075 !important; + .pb-xxl-2 { + padding-bottom: 0.5rem !important; } - .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu { - z-index: 1085 !important; + .pb-xxl-3 { + padding-bottom: 1rem !important; } - .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, - .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu { - z-index: 1075; + .pb-xxl-4 { + padding-bottom: 1.5rem !important; } - .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, - .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, - .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu { - z-index: 1080; + .pb-xxl-5 { + padding-bottom: 3rem !important; } } -.layout-menu-link-no-transition .layout-menu .menu-link, -.layout-menu-link-no-transition .layout-menu-horizontal .menu-link { - transition: none !important; - animation: none !important; -} -.layout-no-transition .layout-menu, .layout-no-transition .layout-menu .menu, .layout-no-transition .layout-menu .menu-item, -.layout-no-transition .layout-menu-horizontal, -.layout-no-transition .layout-menu-horizontal .menu, -.layout-no-transition .layout-menu-horizontal .menu-item { - transition: none !important; - animation: none !important; -} -@media (max-width: 1199.98px) { - .layout-transitioning .layout-overlay { - animation: menuAnimation 0.3s; - } - .layout-transitioning .layout-menu { - transition-duration: 0.3s; - transition-property: transform; - } -} -@media (min-width: 1200px) { - .layout-menu-collapsed:not(.layout-transitioning):not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu { - transition-duration: 0.3s; - transition-property: margin-left, margin-right, width; - } - .layout-transitioning.layout-menu-offcanvas .layout-menu { - transition-duration: 0.3s; - transition-property: margin-left, margin-right, transform; + +@media print { + .d-print-inline { + display: inline !important; } - .layout-transitioning.layout-menu-fixed .layout-page, .layout-transitioning.layout-menu-fixed-offcanvas .layout-page { - transition-duration: 0.3s; - transition-property: padding-left, padding-right; + .d-print-inline-block { + display: inline-block !important; } - .layout-transitioning.layout-menu-fixed .layout-menu { - transition: width 0.3s; + .d-print-block { + display: block !important; } - .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu { - transition-duration: 0.3s; - transition-property: transform; + .d-print-grid { + display: grid !important; } - .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, .layout-transitioning.layout-footer-fixed .content-footer { - transition-duration: 0.3s; - transition-property: left, right; + .d-print-table { + display: table !important; } - .layout-transitioning:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu { - transition-duration: 0.3s; - transition-property: margin-left, margin-right, width; + .d-print-table-row { + display: table-row !important; } -} -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .menu, - .layout-menu, - .layout-page, - .layout-navbar, - .content-footer { - transition: none !important; - transition-duration: 0s !important; + .d-print-table-cell { + display: table-cell !important; } - .layout-overlay { - animation: none !important; + .d-print-flex { + display: flex !important; } -} -@keyframes menuAnimation { - 0% { - opacity: 0; + .d-print-inline-flex { + display: inline-flex !important; } - 100% { - opacity: 0.5; + .d-print-none { + display: none !important; } } -.app-brand { - display: flex; - flex-grow: 0; - flex-shrink: 0; - overflow: hidden; - line-height: 1; - min-height: 1px; - align-items: center; -} - -.app-brand-link { - display: flex; - align-items: center; +.zindex-1 { + z-index: 1 !important; } -.app-brand-logo { - display: block; - flex-grow: 0; - flex-shrink: 0; - overflow: hidden; - min-height: 1px; -} -.app-brand-logo img, -.app-brand-logo svg { - display: block; +.zindex-2 { + z-index: 2 !important; } -.app-brand-text { - flex-shrink: 0; - opacity: 1; - transition: opacity 0.15s ease-in-out; +.zindex-3 { + z-index: 3 !important; } -.app-brand-img-collapsed { - display: none; +.zindex-4 { + z-index: 4 !important; } -.menu-vertical .app-brand { - padding-top : 1rem; - padding-left: 1rem; - padding-right: 2rem; +.zindex-5 { + z-index: 5 !important; } -.menu-horizontal .app-brand, -.menu-horizontal .app-brand + .menu-divider { - display: none !important; +.float-start { + float: left !important; } -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand { - width: 5.25rem; -} -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo, -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-link, -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-text { - margin-right: auto; - margin-left: auto; -} -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo ~ .app-brand-text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; -} -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand .layout-menu-toggle { - display: none !important; -} -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img { - display: none; -} -:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img-collapsed { - display: block; +.float-end { + float: right !important; } -@media (min-width: 1200px) { - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand { - width: 5.25rem; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text { - margin-right: auto; - margin-left: auto; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo ~ .app-brand-text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle { - display: none !important; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img { - display: none; - } - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img-collapsed { - display: block; - } -} -.custom-option { - padding-left: 0; - border: 1px solid #d9dee3; - border-radius: 0.5rem; -} -.custom-option:hover { - border: 1px solid #c2cad2; -} -.custom-option.custom-option-image { - border-width: 2px !important; -} -.custom-option.custom-option-image:hover { - border-width: 2px !important; -} -.custom-option.custom-option-image .custom-option-body img { - border-radius: 0.375rem; -} -.custom-option .custom-option-content { - cursor: pointer; - width: 100%; +.float-none { + float: none !important; } -.custom-option-basic .custom-option-content { - padding: 0.2em; -} -.custom-option-basic .custom-option-header { - display: flex; - justify-content: space-between; - align-items: center; - padding-bottom: 0.25rem; +.end-0 { + right: 0 !important; } -.custom-option-icon .custom-option-content { - text-align: center; - padding: 1em; -} -.custom-option-icon .custom-option-body { - display: block; - margin-bottom: 0.5rem; -} -.custom-option-icon .custom-option-body i { - font-size: 2rem; - margin-bottom: 0.25rem; - display: block; -} -.custom-option-icon .custom-option-body svg { - height: 38px; - width: 38px; - margin-bottom: 0.25rem; -} -.custom-option-icon .custom-option-body .custom-option-title { - display: block; - font-size: 0.9375rem; - font-weight: 500; - color: #566a7f; -} -.custom-option-icon .form-check-input { - float: none !important; - margin: 0 !important; +.end-50 { + right: 50% !important; } -.custom-option-image { - border-width: 2px; -} -.custom-option-image .custom-option-content { - padding: 0; -} -.custom-option-image .custom-option-body img { - height: 100%; - width: 100%; -} -.custom-option-image.custom-option-image-radio .form-check-input { - display: none; -} -.custom-option-image.custom-option-image-check { - position: relative; -} -.custom-option-image.custom-option-image-check .form-check-input { - position: absolute; - top: 10px; - right: 10px; - margin: 0; - border: 0; - opacity: 0; -} -.custom-option-image.custom-option-image-check .form-check-input:checked { - opacity: 1; -} -.custom-option-image.custom-option-image-check:hover .form-check-input { - border: inherit; - border-width: 1px; - opacity: 1; +.end-100 { + right: 100% !important; } -.switch { - margin-right: 0.75rem; - position: relative; - vertical-align: middle; - margin-bottom: 0; - display: inline-block; - border-radius: 30rem; - min-height: 1.35rem; - font-size: 0.9375rem; - line-height: 1.4; -} -.switch .switch-label:first-child { - padding-right: 0.5rem; -} -.switch .switch-input ~ .switch-label { - padding-left: 3rem; +.start-0 { + left: 0 !important; } -.switch .switch-toggle-slider { - width: 2.5rem; - height: 1.35rem; - font-size: 0.625rem; - line-height: 1.35rem; - border: 1px solid transparent; - top: 0; + +.start-50 { + left: 50% !important; } -.switch .switch-toggle-slider i { - position: relative; - font-size: 0.9375rem; - top: -1.35px; + +.start-100 { + left: 100% !important; } -.switch .switch-label { - top: 0.01875rem; + +.translate-middle { + transform: translate(-50%, -50%) !important; } -.switch .switch-input:checked ~ .switch-toggle-slider::after { - left: 1.15rem; + +.translate-middle-x { + transform: translateX(-50%) !important; } -.switch .switch-toggle-slider::after { - top: -1px; - margin: 0.225rem 0 0 0.225rem; - width: 14px; - height: 14px; + +.translate-middle-y { + transform: translateY(-50%) !important; } -.switch .switch-on { - padding-left: 0.225rem; - padding-right: 1.125rem; + +.border-end { + border-right: 1px solid #d9dee3 !important; } -.switch .switch-off { - padding-left: 1.125rem; - padding-right: 0.225rem; + +.border-end-0 { + border-right: 0 !important; } -.switch-input { - opacity: 0; - position: absolute; - padding: 0; - margin: 0; - z-index: -1; +.border-start { + border-left: 1px solid #d9dee3 !important; } -.switch-toggle-slider { - position: absolute; - overflow: hidden; - border-radius: 30rem; - background: rgba(67, 89, 113, 0.2); - color: rgba(67, 89, 113, 0.4); - transition-duration: 0.2s; - transition-property: left, right, background, box-shadow; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; +.border-start-0 { + border-left: 0 !important; } -.switch-label { - display: inline-block; - font-weight: 400; - color: #697a8d; - position: relative; - cursor: default; +.text-start { + text-align: left !important; } -.switch-off, -.switch-on { - height: 100%; - width: 100%; - text-align: center; - position: absolute; - top: 0; - transition-duration: 0.2s; - transition-property: left, right; +.text-end { + text-align: right !important; } -.switch-on { - left: -100%; +.text-center { + text-align: center !important; } -.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on { - color: transparent; + +.rounded-end { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; } -.switch-off { - left: 0; +.rounded-start { + border-bottom-left-radius: 0.375rem !important; + border-top-left-radius: 0.375rem !important; } -.switch-input:checked ~ .switch-toggle-slider .switch-on { - left: 0; +.rounded-start-top { + border-top-left-radius: 0.375rem !important; } -.switch-input:checked ~ .switch-toggle-slider .switch-off { - left: 100%; - color: transparent; + +.rounded-start-bottom { + border-bottom-left-radius: 0.375rem !important; } -.switch-toggle-slider::after { - content: ""; - position: absolute; - left: 0; - display: block; - border-radius: 999px; - background: #fff; - box-shadow: 0 0 0 1px rgba(67, 89, 113, 0.04), 0 1px 6px rgba(67, 89, 113, 0.09); - transition-duration: 0.2s; - transition-property: left, right, background; +.rounded-end-top { + border-top-right-radius: 0.375rem !important; } -.switches-stacked::after { - display: block; - clear: both; - content: ""; +.rounded-end-bottom { + border-bottom-right-radius: 0.375rem !important; } -.switches-stacked .switch { - display: block; - margin-right: 0; + +.me-0 { + margin-right: 0 !important; } -.switches-stacked .switch:not(:last-child) { - margin-bottom: 0.75rem; + +.me-1 { + margin-right: 0.25rem !important; } -.switch-square, -.switch-square .switch-toggle-slider { - border-radius: 0.375rem; +.me-2 { + margin-right: 0.5rem !important; } -.switch-square .switch-toggle-slider::after { - border-radius: calc(0.375rem - 2px); +.me-3 { + margin-right: 1rem !important; } -.switch-input:disabled ~ .switch-toggle-slider { - opacity: 0.5; +.me-4 { + margin-right: 1.5rem !important; } -.switch-input:disabled ~ .switch-toggle-slider::after { - box-shadow: none; + +.me-5 { + margin-right: 3rem !important; } -.switch-input:disabled ~ .switch-label { - color: #a1acb8; + +.me-auto { + margin-right: auto !important; } -.switch-sm { - min-height: 1.125rem; - font-size: 0.75rem; - line-height: 1.48; +.ms-0 { + margin-left: 0 !important; } -.switch-sm .switch-label:first-child { - padding-right: 0.5rem; + +.ms-1 { + margin-left: 0.25rem !important; } -.switch-sm .switch-input ~ .switch-label { - padding-left: 2.5rem; + +.ms-2 { + margin-left: 0.5rem !important; } -.switch-sm .switch-toggle-slider { - width: 2rem; - height: 1.125rem; - font-size: 0.625rem; - line-height: 1.125rem; - border: 1px solid transparent; - top: 0; + +.ms-3 { + margin-left: 1rem !important; } -.switch-sm .switch-toggle-slider i { - position: relative; - font-size: 0.75rem; - top: -2px; + +.ms-4 { + margin-left: 1.5rem !important; } -.switch-sm .switch-label { - top: 0.0075rem; + +.ms-5 { + margin-left: 3rem !important; } -.switch-sm .switch-input:checked ~ .switch-toggle-slider::after { - left: 0.875rem; + +.ms-auto { + margin-left: auto !important; } -.switch-sm .switch-toggle-slider::after { - top: -1px; - margin: 0.225rem 0 0 0.225rem; - width: 10px; - height: 10px; + +.me-n1 { + margin-right: -0.25rem !important; } -.switch-sm .switch-on { - padding-left: 0.225rem; - padding-right: 0.9rem; + +.me-n2 { + margin-right: -0.5rem !important; } -.switch-sm .switch-off { - padding-left: 0.9rem; - padding-right: 0.225rem; + +.me-n3 { + margin-right: -1rem !important; } -.switch-lg { - min-height: 1.75rem; - font-size: 1rem; - line-height: 1.47; +.me-n4 { + margin-right: -1.5rem !important; } -.switch-lg .switch-label:first-child { - padding-right: 0.5rem; + +.me-n5 { + margin-right: -3rem !important; } -.switch-lg .switch-input ~ .switch-label { - padding-left: 3.75rem; + +.ms-n1 { + margin-left: -0.25rem !important; } -.switch-lg .switch-toggle-slider { - width: 3.25rem; - height: 1.75rem; - font-size: 0.625rem; - line-height: 1.75rem; - border: 1px solid transparent; - top: 0; + +.ms-n2 { + margin-left: -0.5rem !important; } -.switch-lg .switch-toggle-slider i { - position: relative; - font-size: 1rem; - top: -2px; + +.ms-n3 { + margin-left: -1rem !important; } -.switch-lg .switch-label { - top: 0.14rem; + +.ms-n4 { + margin-left: -1.5rem !important; } -.switch-lg .switch-input:checked ~ .switch-toggle-slider::after { - left: 1.5rem; + +.ms-n5 { + margin-left: -3rem !important; } -.switch-lg .switch-toggle-slider::after { - top: -1px; - margin: 0.225rem 0 0 0.225rem; - width: 20px; - height: 20px; + +.pe-0 { + padding-right: 0 !important; } -.switch-lg .switch-on { - padding-left: 0.225rem; - padding-right: 1.525rem; + +.pe-1 { + padding-right: 0.25rem !important; } -.switch-lg .switch-off { - padding-left: 1.525rem; - padding-right: 0.225rem; + +.pe-2 { + padding-right: 0.5rem !important; } -.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider { - background: #696cff; - color: #fff; +.pe-3 { + padding-right: 1rem !important; } -.switch-primary.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.pe-4 { + padding-right: 1.5rem !important; } -.switch-primary.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #696cff; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +.pe-5 { + padding-right: 3rem !important; } -.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider { - background: #8592a3; - color: #fff; +.ps-0 { + padding-left: 0 !important; } -.switch-secondary.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.ps-1 { + padding-left: 0.25rem !important; } -.switch-secondary.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #8592a3; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +.ps-2 { + padding-left: 0.5rem !important; } -.switch-success.switch .switch-input:checked ~ .switch-toggle-slider { - background: #71dd37; - color: #fff; +.ps-3 { + padding-left: 1rem !important; } -.switch-success.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.ps-4 { + padding-left: 1.5rem !important; } -.switch-success.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #71dd37; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +.ps-5 { + padding-left: 3rem !important; } -.switch-info.switch .switch-input:checked ~ .switch-toggle-slider { - background: #03c3ec; - color: #fff; +.rotate-0 { + transform: rotate(0deg) !important; } -.switch-info.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.rotate-90 { + transform: rotate(90deg) !important; } -.switch-info.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #03c3ec; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +.rotate-180 { + transform: rotate(180deg) !important; } -.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider { - background: #ffab00; - color: #fff; +.rotate-270 { + transform: rotate(270deg) !important; } -.switch-warning.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.rotate-n90 { + transform: rotate(-90deg) !important; } -.switch-warning.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #ffab00; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +.rotate-n180 { + transform: rotate(-180deg) !important; } -.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider { - background: #ff3e1d; - color: #fff; +.rotate-n270 { + transform: rotate(-270deg) !important; } -.switch-danger.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.scaleX-n1 { + transform: scaleX(-1) !important; +} + +.scaleY-n1 { + transform: scaleY(-1) !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.25rem !important; + } + .me-sm-2 { + margin-right: 0.5rem !important; + } + .me-sm-3 { + margin-right: 1rem !important; + } + .me-sm-4 { + margin-right: 1.5rem !important; + } + .me-sm-5 { + margin-right: 3rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.25rem !important; + } + .ms-sm-2 { + margin-left: 0.5rem !important; + } + .ms-sm-3 { + margin-left: 1rem !important; + } + .ms-sm-4 { + margin-left: 1.5rem !important; + } + .ms-sm-5 { + margin-left: 3rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .me-sm-n1 { + margin-right: -0.25rem !important; + } + .me-sm-n2 { + margin-right: -0.5rem !important; + } + .me-sm-n3 { + margin-right: -1rem !important; + } + .me-sm-n4 { + margin-right: -1.5rem !important; + } + .me-sm-n5 { + margin-right: -3rem !important; + } + .ms-sm-n1 { + margin-left: -0.25rem !important; + } + .ms-sm-n2 { + margin-left: -0.5rem !important; + } + .ms-sm-n3 { + margin-left: -1rem !important; + } + .ms-sm-n4 { + margin-left: -1.5rem !important; + } + .ms-sm-n5 { + margin-left: -3rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.25rem !important; + } + .pe-sm-2 { + padding-right: 0.5rem !important; + } + .pe-sm-3 { + padding-right: 1rem !important; + } + .pe-sm-4 { + padding-right: 1.5rem !important; + } + .pe-sm-5 { + padding-right: 3rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.25rem !important; + } + .ps-sm-2 { + padding-left: 0.5rem !important; + } + .ps-sm-3 { + padding-left: 1rem !important; + } + .ps-sm-4 { + padding-left: 1.5rem !important; + } + .ps-sm-5 { + padding-left: 3rem !important; + } +} +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.25rem !important; + } + .me-md-2 { + margin-right: 0.5rem !important; + } + .me-md-3 { + margin-right: 1rem !important; + } + .me-md-4 { + margin-right: 1.5rem !important; + } + .me-md-5 { + margin-right: 3rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.25rem !important; + } + .ms-md-2 { + margin-left: 0.5rem !important; + } + .ms-md-3 { + margin-left: 1rem !important; + } + .ms-md-4 { + margin-left: 1.5rem !important; + } + .ms-md-5 { + margin-left: 3rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .me-md-n1 { + margin-right: -0.25rem !important; + } + .me-md-n2 { + margin-right: -0.5rem !important; + } + .me-md-n3 { + margin-right: -1rem !important; + } + .me-md-n4 { + margin-right: -1.5rem !important; + } + .me-md-n5 { + margin-right: -3rem !important; + } + .ms-md-n1 { + margin-left: -0.25rem !important; + } + .ms-md-n2 { + margin-left: -0.5rem !important; + } + .ms-md-n3 { + margin-left: -1rem !important; + } + .ms-md-n4 { + margin-left: -1.5rem !important; + } + .ms-md-n5 { + margin-left: -3rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.25rem !important; + } + .pe-md-2 { + padding-right: 0.5rem !important; + } + .pe-md-3 { + padding-right: 1rem !important; + } + .pe-md-4 { + padding-right: 1.5rem !important; + } + .pe-md-5 { + padding-right: 3rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.25rem !important; + } + .ps-md-2 { + padding-left: 0.5rem !important; + } + .ps-md-3 { + padding-left: 1rem !important; + } + .ps-md-4 { + padding-left: 1.5rem !important; + } + .ps-md-5 { + padding-left: 3rem !important; + } } - -.switch-danger.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #ff3e1d; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.25rem !important; + } + .me-lg-2 { + margin-right: 0.5rem !important; + } + .me-lg-3 { + margin-right: 1rem !important; + } + .me-lg-4 { + margin-right: 1.5rem !important; + } + .me-lg-5 { + margin-right: 3rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.25rem !important; + } + .ms-lg-2 { + margin-left: 0.5rem !important; + } + .ms-lg-3 { + margin-left: 1rem !important; + } + .ms-lg-4 { + margin-left: 1.5rem !important; + } + .ms-lg-5 { + margin-left: 3rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .me-lg-n1 { + margin-right: -0.25rem !important; + } + .me-lg-n2 { + margin-right: -0.5rem !important; + } + .me-lg-n3 { + margin-right: -1rem !important; + } + .me-lg-n4 { + margin-right: -1.5rem !important; + } + .me-lg-n5 { + margin-right: -3rem !important; + } + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + .ms-lg-n3 { + margin-left: -1rem !important; + } + .ms-lg-n4 { + margin-left: -1.5rem !important; + } + .ms-lg-n5 { + margin-left: -3rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.25rem !important; + } + .pe-lg-2 { + padding-right: 0.5rem !important; + } + .pe-lg-3 { + padding-right: 1rem !important; + } + .pe-lg-4 { + padding-right: 1.5rem !important; + } + .pe-lg-5 { + padding-right: 3rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.25rem !important; + } + .ps-lg-2 { + padding-left: 0.5rem !important; + } + .ps-lg-3 { + padding-left: 1rem !important; + } + .ps-lg-4 { + padding-left: 1.5rem !important; + } + .ps-lg-5 { + padding-left: 3rem !important; + } } - -.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider { - background: #233446; - color: #fff; +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.25rem !important; + } + .me-xl-2 { + margin-right: 0.5rem !important; + } + .me-xl-3 { + margin-right: 1rem !important; + } + .me-xl-4 { + margin-right: 1.5rem !important; + } + .me-xl-5 { + margin-right: 3rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.25rem !important; + } + .ms-xl-2 { + margin-left: 0.5rem !important; + } + .ms-xl-3 { + margin-left: 1rem !important; + } + .ms-xl-4 { + margin-left: 1.5rem !important; + } + .ms-xl-5 { + margin-left: 3rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .me-xl-n1 { + margin-right: -0.25rem !important; + } + .me-xl-n2 { + margin-right: -0.5rem !important; + } + .me-xl-n3 { + margin-right: -1rem !important; + } + .me-xl-n4 { + margin-right: -1.5rem !important; + } + .me-xl-n5 { + margin-right: -3rem !important; + } + .ms-xl-n1 { + margin-left: -0.25rem !important; + } + .ms-xl-n2 { + margin-left: -0.5rem !important; + } + .ms-xl-n3 { + margin-left: -1rem !important; + } + .ms-xl-n4 { + margin-left: -1.5rem !important; + } + .ms-xl-n5 { + margin-left: -3rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.25rem !important; + } + .pe-xl-2 { + padding-right: 0.5rem !important; + } + .pe-xl-3 { + padding-right: 1rem !important; + } + .pe-xl-4 { + padding-right: 1.5rem !important; + } + .pe-xl-5 { + padding-right: 3rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.25rem !important; + } + .ps-xl-2 { + padding-left: 0.5rem !important; + } + .ps-xl-3 { + padding-left: 1rem !important; + } + .ps-xl-4 { + padding-left: 1.5rem !important; + } + .ps-xl-5 { + padding-left: 3rem !important; + } } - -.switch-dark.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.25rem !important; + } + .me-xxl-2 { + margin-right: 0.5rem !important; + } + .me-xxl-3 { + margin-right: 1rem !important; + } + .me-xxl-4 { + margin-right: 1.5rem !important; + } + .me-xxl-5 { + margin-right: 3rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + .ms-xxl-3 { + margin-left: 1rem !important; + } + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + .ms-xxl-5 { + margin-left: 3rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .me-xxl-n1 { + margin-right: -0.25rem !important; + } + .me-xxl-n2 { + margin-right: -0.5rem !important; + } + .me-xxl-n3 { + margin-right: -1rem !important; + } + .me-xxl-n4 { + margin-right: -1.5rem !important; + } + .me-xxl-n5 { + margin-right: -3rem !important; + } + .ms-xxl-n1 { + margin-left: -0.25rem !important; + } + .ms-xxl-n2 { + margin-left: -0.5rem !important; + } + .ms-xxl-n3 { + margin-left: -1rem !important; + } + .ms-xxl-n4 { + margin-left: -1.5rem !important; + } + .ms-xxl-n5 { + margin-left: -3rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + .pe-xxl-3 { + padding-right: 1rem !important; + } + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + .pe-xxl-5 { + padding-right: 3rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + .ps-xxl-3 { + padding-left: 1rem !important; + } + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + .ps-xxl-5 { + padding-left: 3rem !important; + } } - -.switch-dark.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #233446; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +body { + text-rendering: optimizeLegibility; + font-feature-settings: "liga" on; + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider { - background: rgba(67, 89, 113, 0.1); - color: #fff; +@media (min-width: 768px) { + button.list-group-item { + outline: none; + } } - -.switch-gray.switch .switch-input:active ~ .switch-toggle-slider { - box-shadow: none; +.app-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(67, 89, 113, 0.5); + visibility: hidden; + z-index: 3; + transition: all 0.25s ease; } - -.switch-gray.switch .switch-input:focus ~ .switch-toggle-slider { - border: 1px solid rgba(67, 89, 113, 0.1); - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); +.app-overlay.show { + visibility: visible; } -.switch .valid-feedback, -.switch .invalid-feedback { - padding-left: 0.5rem; +.container, +.container-fluid, +.container-sm, +.container-md, +.container-lg, +.container-xl, +.container-xxl { + padding-right: 1rem; + padding-left: 1rem; } - -.was-validated .switch-input:valid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-valid ~ .switch-label { - color: #71dd37; +@media (min-width: 992px) { + .container, + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl { + padding-right: 1.625rem; + padding-left: 1.625rem; + } } -.was-validated .switch-input:valid ~ .valid-feedback, -.was-validated .switch-input:valid ~ .valid-tooltip, .switch-input.invalid ~ .valid-feedback, -.switch-input.invalid ~ .valid-tooltip, .switch-input.is-valid ~ .valid-feedback, -.switch-input.is-valid ~ .valid-tooltip { + +.img-thumbnail { + position: relative; display: block; } -.was-validated .switch-input:valid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-valid ~ .switch-toggle-slider { - border: 1px solid #71dd37 !important; -} -.was-validated .switch-input:valid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-valid:checked ~ .switch-toggle-slider { - background: #71dd37; - color: #fff; -} -.was-validated .switch-input:valid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-valid:focus ~ .switch-toggle-slider { - box-shadow: 0 0 0.25rem 0.05rem rgba(113, 221, 55, 0.4); -} -.was-validated .switch-input:valid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-valid:active ~ .switch-toggle-slider { - box-shadow: none; +.img-thumbnail img { + z-index: 1; } -.was-validated .switch-input:invalid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-invalid ~ .switch-label { - color: #ff3e1d; -} -.was-validated .switch-input:invalid ~ .invalid-feedback, -.was-validated .switch-input:invalid ~ .invalid-tooltip, .switch-input.invalid ~ .invalid-feedback, -.switch-input.invalid ~ .invalid-tooltip, .switch-input.is-invalid ~ .invalid-feedback, -.switch-input.is-invalid ~ .invalid-tooltip { +.img-thumbnail-content { + position: absolute; + top: 50%; + left: 50%; + z-index: 3; display: block; + opacity: 0; + transition: all 0.2s ease-in-out; + transform: translate(-50%, -50%); } -.was-validated .switch-input:invalid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-invalid ~ .switch-toggle-slider { - border: 1px solid #ff3e1d !important; -} -.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-invalid:checked ~ .switch-toggle-slider { - background: #ff3e1d; - color: #fff; -} -.was-validated .switch-input:invalid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-invalid:focus ~ .switch-toggle-slider { - box-shadow: 0 0 0.25rem 0.05rem rgba(255, 62, 29, 0.4); -} -.was-validated .switch-input:invalid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-invalid:active ~ .switch-toggle-slider { - box-shadow: none; +.img-thumbnail:hover .img-thumbnail-content, .img-thumbnail:focus .img-thumbnail-content { + opacity: 1; } -.avatar { - position: relative; - width: 2.375rem; - height: 2.375rem; - cursor: pointer; -} -.avatar img { - width: 100%; - height: 100%; -} -.avatar .avatar-initial { +.img-thumbnail-overlay { position: absolute; top: 0; - left: 0; right: 0; bottom: 0; - text-transform: uppercase; - display: flex; - align-items: center; - justify-content: center; - color: #fff; - background-color: #8592a3; - font-weight: 700; -} -.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after { - content: ""; - position: absolute; - bottom: 0; - right: 3px; - width: 8px; - height: 8px; - border-radius: 100%; - box-shadow: 0 0 0 2px #fff; -} -.avatar.avatar-online:after { - background-color: #71dd37; -} -.avatar.avatar-offline:after { - background-color: #8592a3; -} -.avatar.avatar-away:after { - background-color: #ffab00; -} -.avatar.avatar-busy:after { - background-color: #ff3e1d; -} - -.pull-up { - transition: all 0.25s ease; + left: 0; + z-index: 2; + display: block; + transition: all 0.2s ease-in-out; } -.pull-up:hover { - transform: translateY(-4px) scale(1.02); - box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); - z-index: 30; - border-radius: 50%; +.img-thumbnail:not(:hover):not(:focus) .img-thumbnail-overlay { + opacity: 0 !important; } -.avatar-xs { - width: 1.625rem; - height: 1.625rem; -} -.avatar-xs .avatar-initial { - font-size: 0.625rem; +.img-thumbnail-shadow { + transition: box-shadow 0.2s; } -.avatar-xs.avatar-online:after, .avatar-xs.avatar-offline:after, .avatar-xs.avatar-away:after, .avatar-xs.avatar-busy:after { - width: 0.325rem; - height: 0.325rem; - right: 1px; +.img-thumbnail-shadow:hover, .img-thumbnail-shadow:focus { + box-shadow: 0 5px 20px rgba(67, 89, 113, 0.4); } -.avatar-sm { - width: 2rem; - height: 2rem; -} -.avatar-sm .avatar-initial { - font-size: 0.75rem; +.img-thumbnail-zoom-in { + overflow: hidden; } -.avatar-sm.avatar-online:after, .avatar-sm.avatar-offline:after, .avatar-sm.avatar-away:after, .avatar-sm.avatar-busy:after { - width: 0.4rem; - height: 0.4rem; - right: 2px; +.img-thumbnail-zoom-in img { + transition: all 0.3s ease-in-out; + transform: translate3d(0,0,0); } - -.avatar-md { - width: 3rem; - height: 3rem; +.img-thumbnail-zoom-in .img-thumbnail-content { + transform: translate(-50%, -50%) scale(0.6); } -.avatar-md .avatar-initial { - font-size: 1.125rem; +.img-thumbnail-zoom-in:hover img, .img-thumbnail-zoom-in:focus img { + transform: scale(1.1); } -.avatar-md.avatar-online:after, .avatar-md.avatar-offline:after, .avatar-md.avatar-away:after, .avatar-md.avatar-busy:after { - width: 0.6rem; - height: 0.6rem; - right: 4px; +.img-thumbnail-zoom-in:hover .img-thumbnail-content, .img-thumbnail-zoom-in:focus .img-thumbnail-content { + transform: translate(-50%, -50%) scale(1); } -.avatar-lg { - width: 4rem; - height: 4rem; +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .card, + .card-body, + .media, + .flex-column, + .tab-content { + min-height: 1px; + } + img { + min-height: 1px; + height: auto; + } } -.avatar-lg .avatar-initial { - font-size: 1.5rem; +.buy-now .btn-buy-now { + position: fixed; + bottom: 3rem; + right: 1.625rem; + z-index: 1080; + box-shadow: 0 1px 20px 1px #ff3e1d; } -.avatar-lg.avatar-online:after, .avatar-lg.avatar-offline:after, .avatar-lg.avatar-away:after, .avatar-lg.avatar-busy:after { - width: 0.8rem; - height: 0.8rem; - right: 5px; +.buy-now .btn-buy-now:hover { + box-shadow: none; } -.avatar-xl { - width: 4.5rem; - height: 4.5rem; +.ui-square, +.ui-rect, +.ui-rect-30, +.ui-rect-60, +.ui-rect-67, +.ui-rect-75 { + position: relative !important; + display: block !important; + padding-top: 100% !important; + width: 100% !important; } -.avatar-xl .avatar-initial { - font-size: 1.875rem; + +.ui-square { + padding-top: 100% !important; } -.avatar-xl.avatar-online:after, .avatar-xl.avatar-offline:after, .avatar-xl.avatar-away:after, .avatar-xl.avatar-busy:after { - width: 0.9rem; - height: 0.9rem; - right: 6px; + +.ui-rect { + padding-top: 50% !important; } -.avatar-group .avatar { - transition: all 0.25s ease; +.ui-rect-30 { + padding-top: 30% !important; } -.avatar-group .avatar img, -.avatar-group .avatar .avatar-initial { - border: 2px solid #fff; + +.ui-rect-60 { + padding-top: 60% !important; } -.avatar-group .avatar .avatar-initial { - background-color: #9da8b5; + +.ui-rect-67 { + padding-top: 67% !important; } -.avatar-group .avatar:hover { - z-index: 30; - transition: all 0.25s ease; + +.ui-rect-75 { + padding-top: 75% !important; } -.avatar-group .avatar { - margin-left: -0.8rem; + +.ui-square-content, +.ui-rect-content { + position: absolute !important; + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } -.avatar-group .avatar:first-child { - margin-left: 0; + +.text-strike-through { + text-decoration: line-through; } -.avatar-group .avatar-xs { - margin-left: -0.65rem; + +.line-clamp-1 { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; } -.avatar-group .avatar-sm { - margin-left: -0.75rem; + +.line-clamp-2 { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; } -.avatar-group .avatar-md { - margin-left: -0.9rem; + +.line-clamp-3 { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; } -.avatar-group .avatar-lg { - margin-left: -1.5rem; + +.ui-stars, +.ui-star, +.ui-star > * { + height: 1.1em; + -webkit-user-drag: none; + -khtml-user-drag: none; + -moz-user-drag: none; + -o-user-drag: none; + user-drag: none; } -.avatar-group .avatar-xl { - margin-left: -1.75rem; + +.ui-stars { + display: inline-block; + vertical-align: middle; + white-space: nowrap; } -.timeline { +.ui-star { position: relative; - height: 100%; - width: 100%; - padding: 0; - list-style: none; + display: block; + float: left; + width: 1.1em; + height: 1.1em; + text-decoration: none !important; + font-size: 1.1em; + line-height: 1; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } -.timeline::before { +.ui-star + .ui-star { + margin-left: -0.1em; +} +.ui-star > *, +.ui-star > *::before, +.ui-star > *::after { position: absolute; - top: 0; - left: 0; - z-index: 1; + left: 0.55em; height: 100%; - width: 1px; - border: 0; - border-left: 1px solid #d9dee3; - content: ""; -} -.timeline .timeline-header { - display: flex; - justify-content: space-between; - align-items: center; - flex-direction: row; -} -.timeline .timeline-header > *:first-child { - margin-right: 0.5rem; + font-size: 1em; + line-height: 1; + transform: translateX(-50%); } -.timeline .timeline-end-indicator { - position: absolute; - bottom: -1.35rem; - left: -0.65rem; +.ui-star > * { + top: 0; + width: 100%; + text-align: center; } -.timeline .timeline-end-indicator i { - font-size: 1.5rem; - color: #d9dee3; +.ui-star > *:first-child { + z-index: 10; + display: none; + overflow: hidden; + color: #ffab00; } -.timeline .timeline-label { - position: relative; - z-index: 2; +.ui-star > *:last-child { + z-index: 5; display: block; - text-align: left; - margin-left: -1.5rem; - margin-bottom: 1rem; -} -.timeline.timeline-solid:before { - border-style: solid; -} -.timeline.timeline-dotted:before { - border-style: dotted; -} -.timeline.timeline-dashed:before { - border-style: dashed; } -.timeline.timeline-hidden:before { - border-style: none; +.ui-star.half-filled > *:first-child { + width: 50%; + transform: translateX(-100%); } -.timeline .timeline-item { - position: relative; - padding-left: 3rem; +.ui-star.filled > *:first-child, .ui-star.half-filled > *:first-child { + display: block; } -.timeline .timeline-item .timeline-event { - position: relative; - top: -1rem; - width: 100%; - min-height: 4rem; - background-color: #fff; - border-radius: 0.375rem; - padding: 1.25rem 1.5rem; +.ui-star.filled > *:last-child { + display: none; } -.timeline .timeline-item .timeline-event:before { - position: absolute; - top: 0.75rem; - left: 32px; - right: 100%; - width: 0; - height: 0; - border-top: 1rem solid transparent; - border-right: 1rem solid; - border-left: 0 solid; - border-bottom: 1rem solid transparent; - border-left-color: #fff; - border-right-color: #fff; - margin-left: -3rem; - content: ""; + +.ui-stars.hoverable .ui-star > *:first-child { + display: block; } -.timeline .timeline-item .timeline-event:after { - position: absolute; - top: 0.75rem; - left: -17px; - width: 0; - height: 0; - border-top: 1rem solid transparent; - border-right: 1rem solid; - border-left: 0 solid; - border-bottom: 1rem solid transparent; - border-left-color: #fff; - border-right-color: #d9dee3; - z-index: -1; - content: ""; + +.ui-stars.hoverable .ui-star:first-child:not(.filled) > *:first-child, +.ui-stars.hoverable .ui-star:first-child:not(.filled) ~ .ui-star > *:first-child, +.ui-stars.hoverable .ui-star:first-child:not(.half-filled) > *:first-child, +.ui-stars.hoverable .ui-star:first-child:not(.half-filled) ~ .ui-star > *:first-child { + display: none; } -.timeline .timeline-item .timeline-event.timeline-event-shadow { - box-shadow: 0 0.5rem 1rem rgba(67, 89, 113, 0.075) !important; + +.ui-stars.hoverable .ui-star.filled > *:first-child, +.ui-stars.hoverable .ui-star.half-filled > *:first-child { + display: block !important; } -.timeline .timeline-item .timeline-event .timeline-event-time { - position: absolute; - top: 1.2rem; - font-size: 0.85rem; - color: #a1acb8; + +.ui-stars.hoverable:hover .ui-star > *:first-child { + display: block !important; + width: 100% !important; + transform: translateX(-50%) !important; } -.timeline .timeline-item .timeline-indicator { - position: absolute; - left: -0.6875rem; - top: 0; - z-index: 2; - display: block; - height: 1.5rem; - width: 1.5rem; - text-align: center; - border-radius: 50%; - border: 2px solid #696cff; - background-color: #f5f5f9 !important; + +.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:first-child { + display: none !important; } -.timeline .timeline-item .timeline-indicator i { - color: #696cff; - font-size: 0.85rem; - vertical-align: baseline; +.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:last-child { + display: block !important; } -.timeline .timeline-item .timeline-point { + +.ui-bg-cover { + background-color: rgba(0, 0, 0, 0); + background-position: center center; + background-size: cover; +} + +.ui-bg-overlay-container, +.ui-bg-video-container { + position: relative; +} +.ui-bg-overlay-container > *, +.ui-bg-video-container > * { + position: relative; +} + +.ui-bg-overlay-container .ui-bg-overlay { position: absolute; - left: -0.312rem; top: 0; - z-index: 2; + right: 0; + bottom: 0; + left: 0; display: block; - height: 0.75rem; - width: 0.75rem; - border-radius: 50%; - background-color: #696cff; } -.timeline .timeline-item.timeline-item-transparent .timeline-event { - top: -1.4rem; - background-color: transparent; + + + +/* μ»€μŠ€ν…€ μ˜΅μ…˜(μ²΄ν¬λ°•μŠ€, λΌλ””μ˜€) */ +.custom-option { padding-left: 0; + border: 1px solid #d9dee3; + border-radius: 0.5rem; } -.timeline .timeline-item.timeline-item-transparent .timeline-event.timeline-event-shadow { - padding-left: 2rem; -} -.timeline .timeline-item.timeline-item-transparent .timeline-event:before { - display: none; +.custom-option:hover { + border: 1px solid #c2cad2; } -.timeline.timeline-center:before { - left: 50%; +.custom-option.custom-option-image { + border-width: 2px !important; } -.timeline.timeline-center:after { - left: 50%; - margin-left: -0.55rem; +.custom-option.custom-option-image:hover { + border-width: 2px !important; } -.timeline.timeline-center .timeline-end-indicator { - bottom: -1.4rem; - left: 50%; - margin-left: 0.55rem; +.custom-option.custom-option-image .custom-option-body img { + border-radius: 0.375rem; } -.timeline.timeline-center .timeline-label { - float: left; +.custom-option .custom-option-content { + cursor: pointer; width: 100%; +} + +.custom-option-basic .custom-option-content { + padding: 0.2em; +} +.custom-option-basic .custom-option-header { + display: flex; + justify-content: space-between; + align-items: center; + padding-bottom: 0.25rem; +} + +.custom-option-icon .custom-option-content { text-align: center; - margin-top: 1.5rem; - margin-bottom: 1.5rem; - margin-left: auto; - clear: left; + padding: 1em; } -.timeline.timeline-center .timeline-label + .timeline-item { - margin-top: 2rem; +.custom-option-icon .custom-option-body { + display: block; + margin-bottom: 0.5rem; } -.timeline.timeline-center .timeline-item { - width: 50%; - clear: both; +.custom-option-icon .custom-option-body i { + font-size: 2rem; + margin-bottom: 0.25rem; + display: block; } -.timeline.timeline-center .timeline-item.timeline-item-left, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) { - float: left; - padding-left: 0; - padding-right: 3rem; +.custom-option-icon .custom-option-body svg { + height: 38px; + width: 38px; + margin-bottom: 0.25rem; } -.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time { - right: -9.5rem; +.custom-option-icon .custom-option-body .custom-option-title { + display: block; + font-size: 0.9375rem; + font-weight: 500; + color: #566a7f; } -.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:before, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:before { - right: -15px; - left: auto; - border-left-width: 16px; - border-right-width: 0; +.custom-option-icon .form-check-input { + float: none !important; + margin: 0 !important; } -.timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-point { - left: 100%; + +.custom-option-image { + border-width: 2px; } -.timeline.timeline-center .timeline-item.timeline-item-right, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) { - float: right; +.custom-option-image .custom-option-content { + padding: 0; } -.timeline.timeline-center .timeline-item.timeline-item-right .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event-time { - left: -9.5rem; +.custom-option-image .custom-option-body img { + height: 100%; + width: 100%; } -.timeline.timeline-center .timeline-item.timeline-item-right .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-point { - left: 0; +.custom-option-image.custom-option-image-radio .form-check-input { + display: none; } -.timeline.timeline-center .timeline-item .timeline-point { - left: 50%; - margin-left: -0.6875rem; +.custom-option-image.custom-option-image-check { + position: relative; } -.timeline.timeline-center .timeline-item .timeline-point-indicator { - left: 50%; - margin-left: -0.3125rem; +.custom-option-image.custom-option-image-check .form-check-input { + position: absolute; + top: 10px; + right: 10px; + margin: 0; + border: 0; + opacity: 0; +} +.custom-option-image.custom-option-image-check .form-check-input:checked { + opacity: 1; +} +.custom-option-image.custom-option-image-check:hover .form-check-input { + border: inherit; + border-width: 1px; + opacity: 1; } -@media (min-width: 768px) { - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-indicator { - left: calc(100% - (1.5rem/ 2)); - } - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:after, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:after { - transform: rotate(180deg); - right: -16px; - left: auto; - } +/* μŠ€μœ„μΉ˜(μ²΄ν¬λ°•μŠ€, λΌλ””μ˜€) */ +.switch { + margin-right: 0.75rem; + position: relative; + vertical-align: middle; + margin-bottom: 0; + display: inline-block; + border-radius: 30rem; + min-height: 1.35rem; + font-size: 0.9375rem; + line-height: 1.4; } -@media (max-width: 767.98px) { - .timeline.timeline-center:before { - left: 0; - } - .timeline.timeline-center:after { - left: 0; - } - .timeline.timeline-center .timeline-end-indicator { - left: -2px; - } - .timeline.timeline-center .timeline-label { - text-align: left; - } - .timeline.timeline-center .timeline-item { - float: left !important; - width: 100%; - padding-left: 3rem !important; - padding-right: 0 !important; - } - .timeline.timeline-center .timeline-item .timeline-event:before { - right: 100% !important; - border-right-width: 1rem !important; - border-left-width: 0 !important; - } - .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time { - top: -1.7rem; - left: 0 !important; - right: auto !important; - } - .timeline.timeline-center .timeline-item .timeline-point { - left: -0.7rem !important; - margin-left: 0 !important; - } - .timeline.timeline-center .timeline-item .timeline-point-indicator { - left: 0 !important; - margin-left: -0.3125rem !important; - } +.switch .switch-label:first-child { + padding-right: 0.5rem; } -@media (max-width: 575.98px) { - .timeline .timeline-header { - flex-direction: column; - align-items: flex-start; - } +.switch .switch-input ~ .switch-label { + padding-left: 3rem; +} +.switch .switch-toggle-slider { + width: 2.5rem; + height: 1.35rem; + font-size: 0.625rem; + line-height: 1.35rem; + border: 1px solid transparent; + top: 0; +} +.switch .switch-toggle-slider i { + position: relative; + font-size: 0.9375rem; + top: -1.35px; +} +.switch .switch-label { + top: 0.01875rem; +} +.switch .switch-input:checked ~ .switch-toggle-slider::after { + left: 1.15rem; +} +.switch .switch-toggle-slider::after { + top: -1px; + margin: 0.225rem 0 0 0.225rem; + width: 14px; + height: 14px; +} +.switch .switch-on { + padding-left: 0.225rem; + padding-right: 1.125rem; } - - -.timeline .timeline-item-primary .timeline-event { - background-color: rgba(105, 108, 255, 0.1); +.switch .switch-off { + padding-left: 1.125rem; + padding-right: 0.225rem; } -.timeline .timeline-item-primary .timeline-event:before { - border-left-color: rgba(105, 108, 255, 0.1) !important; - border-right-color: rgba(105, 108, 255, 0.1) !important; +.switch-input { + opacity: 0; + position: absolute; + padding: 0; + margin: 0; + z-index: -1; } -.timeline .timeline-point-primary { - background-color: #696cff !important; - box-shadow: 0 0 0 0.1875rem rgba(105, 108, 255, 0.16); +.switch-toggle-slider { + position: absolute; + overflow: hidden; + border-radius: 30rem; + background: rgba(67, 89, 113, 0.2); + color: rgba(67, 89, 113, 0.4); + transition-duration: 0.2s; + transition-property: left, right, background, box-shadow; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } -.timeline .timeline-indicator-primary { - border-color: #696cff !important; +.switch-label { + display: inline-block; + font-weight: 400; + color: #697a8d; + position: relative; + cursor: default; } -.timeline .timeline-indicator-primary i { - color: #696cff !important; +.switch-off, +.switch-on { + height: 100%; + width: 100%; + text-align: center; + position: absolute; + top: 0; + transition-duration: 0.2s; + transition-property: left, right; } -.divider.divider-primary .divider-text:before, -.divider.divider-primary .divider-text:after { - border-color: #696cff; +.switch-on { + left: -100%; +} +.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on { + color: transparent; } +.switch-off { + left: 0; +} -.timeline .timeline-item-secondary .timeline-event { - background-color: rgba(133, 146, 163, 0.1); +.switch-input:checked ~ .switch-toggle-slider .switch-on { + left: 0; } -.timeline .timeline-item-secondary .timeline-event:before { - border-left-color: rgba(133, 146, 163, 0.1) !important; - border-right-color: rgba(133, 146, 163, 0.1) !important; +.switch-input:checked ~ .switch-toggle-slider .switch-off { + left: 100%; + color: transparent; } -.timeline .timeline-point-secondary { - background-color: #8592a3 !important; - box-shadow: 0 0 0 0.1875rem rgba(133, 146, 163, 0.16); +.switch-toggle-slider::after { + content: ""; + position: absolute; + left: 0; + display: block; + border-radius: 999px; + background: #fff; + box-shadow: 0 0 0 1px rgba(67, 89, 113, 0.04), 0 1px 6px rgba(67, 89, 113, 0.09); + transition-duration: 0.2s; + transition-property: left, right, background; } -.timeline .timeline-indicator-secondary { - border-color: #8592a3 !important; +.switches-stacked::after { + display: block; + clear: both; + content: ""; } -.timeline .timeline-indicator-secondary i { - color: #8592a3 !important; +.switches-stacked .switch { + display: block; + margin-right: 0; +} +.switches-stacked .switch:not(:last-child) { + margin-bottom: 0.75rem; } -.timeline .timeline-item-success .timeline-event { - background-color: rgba(113, 221, 55, 0.1); +.switch-square, +.switch-square .switch-toggle-slider { + border-radius: 0.375rem; } -.timeline .timeline-item-success .timeline-event:before { - border-left-color: rgba(113, 221, 55, 0.1) !important; - border-right-color: rgba(113, 221, 55, 0.1) !important; + +.switch-square .switch-toggle-slider::after { + border-radius: calc(0.375rem - 2px); } -.timeline .timeline-point-success { - background-color: #71dd37 !important; - box-shadow: 0 0 0 0.1875rem rgba(113, 221, 55, 0.16); +.switch-input:disabled ~ .switch-toggle-slider { + opacity: 0.5; +} +.switch-input:disabled ~ .switch-toggle-slider::after { + box-shadow: none; +} +.switch-input:disabled ~ .switch-label { + color: #a1acb8; } -.timeline .timeline-indicator-success { - border-color: #71dd37 !important; +.switch-sm { + min-height: 1.125rem; + font-size: 0.75rem; + line-height: 1.48; } -.timeline .timeline-indicator-success i { - color: #71dd37 !important; +.switch-sm .switch-label:first-child { + padding-right: 0.5rem; +} +.switch-sm .switch-input ~ .switch-label { + padding-left: 2.5rem; +} +.switch-sm .switch-toggle-slider { + width: 2rem; + height: 1.125rem; + font-size: 0.625rem; + line-height: 1.125rem; + border: 1px solid transparent; + top: 0; +} +.switch-sm .switch-toggle-slider i { + position: relative; + font-size: 0.75rem; + top: -2px; +} +.switch-sm .switch-label { + top: 0.0075rem; +} +.switch-sm .switch-input:checked ~ .switch-toggle-slider::after { + left: 0.875rem; +} +.switch-sm .switch-toggle-slider::after { + top: -1px; + margin: 0.225rem 0 0 0.225rem; + width: 10px; + height: 10px; +} +.switch-sm .switch-on { + padding-left: 0.225rem; + padding-right: 0.9rem; +} +.switch-sm .switch-off { + padding-left: 0.9rem; + padding-right: 0.225rem; } -.timeline .timeline-item-info .timeline-event { - background-color: rgba(3, 195, 236, 0.1); +.switch-lg { + min-height: 1.75rem; + font-size: 1rem; + line-height: 1.47; } -.timeline .timeline-item-info .timeline-event:before { - border-left-color: rgba(3, 195, 236, 0.1) !important; - border-right-color: rgba(3, 195, 236, 0.1) !important; +.switch-lg .switch-label:first-child { + padding-right: 0.5rem; +} +.switch-lg .switch-input ~ .switch-label { + padding-left: 3.75rem; +} +.switch-lg .switch-toggle-slider { + width: 3.25rem; + height: 1.75rem; + font-size: 0.625rem; + line-height: 1.75rem; + border: 1px solid transparent; + top: 0; +} +.switch-lg .switch-toggle-slider i { + position: relative; + font-size: 1rem; + top: -2px; +} +.switch-lg .switch-label { + top: 0.14rem; +} +.switch-lg .switch-input:checked ~ .switch-toggle-slider::after { + left: 1.5rem; +} +.switch-lg .switch-toggle-slider::after { + top: -1px; + margin: 0.225rem 0 0 0.225rem; + width: 20px; + height: 20px; +} +.switch-lg .switch-on { + padding-left: 0.225rem; + padding-right: 1.525rem; +} +.switch-lg .switch-off { + padding-left: 1.525rem; + padding-right: 0.225rem; } -.timeline .timeline-point-info { - background-color: #03c3ec !important; - box-shadow: 0 0 0 0.1875rem rgba(3, 195, 236, 0.16); +.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider { + background: #696cff; + color: #fff; } -.timeline .timeline-indicator-info { - border-color: #03c3ec !important; +.switch-primary.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-indicator-info i { - color: #03c3ec !important; + +.switch-primary.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #696cff; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-item-warning .timeline-event { - background-color: rgba(255, 171, 0, 0.1); +.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider { + background: #8592a3; + color: #fff; } -.timeline .timeline-item-warning .timeline-event:before { - border-left-color: rgba(255, 171, 0, 0.1) !important; - border-right-color: rgba(255, 171, 0, 0.1) !important; + +.switch-secondary.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-point-warning { - background-color: #ffab00 !important; - box-shadow: 0 0 0 0.1875rem rgba(255, 171, 0, 0.16); +.switch-secondary.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #8592a3; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-indicator-warning { - border-color: #ffab00 !important; +.switch-success.switch .switch-input:checked ~ .switch-toggle-slider { + background: #71dd37; + color: #fff; +} + +.switch-success.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-indicator-warning i { - color: #ffab00 !important; + +.switch-success.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #71dd37; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-item-danger .timeline-event { - background-color: rgba(255, 62, 29, 0.1); +.switch-info.switch .switch-input:checked ~ .switch-toggle-slider { + background: #03c3ec; + color: #fff; } -.timeline .timeline-item-danger .timeline-event:before { - border-left-color: rgba(255, 62, 29, 0.1) !important; - border-right-color: rgba(255, 62, 29, 0.1) !important; + +.switch-info.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-point-danger { - background-color: #ff3e1d !important; - box-shadow: 0 0 0 0.1875rem rgba(255, 62, 29, 0.16); +.switch-info.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #03c3ec; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-indicator-danger { - border-color: #ff3e1d !important; +.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider { + background: #ffab00; + color: #fff; } -.timeline .timeline-indicator-danger i { - color: #ff3e1d !important; + +.switch-warning.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-item-dark .timeline-event { - background-color: rgba(35, 52, 70, 0.1); +.switch-warning.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #ffab00; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-item-dark .timeline-event:before { - border-left-color: rgba(35, 52, 70, 0.1) !important; - border-right-color: rgba(35, 52, 70, 0.1) !important; + +.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider { + background: #ff3e1d; + color: #fff; } -.timeline .timeline-point-dark { - background-color: #233446 !important; - box-shadow: 0 0 0 0.1875rem rgba(35, 52, 70, 0.16); +.switch-danger.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-indicator-dark { - border-color: #233446 !important; +.switch-danger.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #ff3e1d; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-indicator-dark i { - color: #233446 !important; + +.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider { + background: #233446; + color: #fff; } -.timeline .timeline-item-gray .timeline-event { - background-color: rgba(67, 89, 113, 0.1); +.switch-dark.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-item-gray .timeline-event:before { - border-left-color: rgba(67, 89, 113, 0.1) !important; - border-right-color: rgba(67, 89, 113, 0.1) !important; + +.switch-dark.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #233446; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.timeline .timeline-point-gray { - background-color: rgba(67, 89, 113, 0.1) !important; - box-shadow: 0 0 0 0.1875rem rgba(67, 89, 113, 0.16); +.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider { + background: rgba(67, 89, 113, 0.1); + color: #fff; } -.timeline .timeline-indicator-gray { - border-color: rgba(67, 89, 113, 0.1) !important; +.switch-gray.switch .switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.timeline .timeline-indicator-gray i { - color: rgba(67, 89, 113, 0.1) !important; + +.switch-gray.switch .switch-input:focus ~ .switch-toggle-slider { + border: 1px solid rgba(67, 89, 113, 0.1); + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.blockUI.blockOverlay, .blockUI.blockMsg { - z-index: 1091 !important; - color: #fff !important; +.switch .valid-feedback, +.switch .invalid-feedback { + padding-left: 0.5rem; } -.divider { - display: block; - text-align: center; - margin: 1rem 0; - overflow: hidden; - white-space: nowrap; +.was-validated .switch-input:valid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-valid ~ .switch-label { + color: #71dd37; } -.divider .divider-text { - position: relative; - display: inline-block; - font-size: 0.8rem; - padding: 0rem 1rem; +.was-validated .switch-input:valid ~ .valid-feedback, +.was-validated .switch-input:valid ~ .valid-tooltip, .switch-input.invalid ~ .valid-feedback, +.switch-input.invalid ~ .valid-tooltip, .switch-input.is-valid ~ .valid-feedback, +.switch-input.is-valid ~ .valid-tooltip { + display: block; } -.divider .divider-text i { - font-size: 1rem; +.was-validated .switch-input:valid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-valid ~ .switch-toggle-slider { + border: 1px solid #71dd37 !important; } -.divider .divider-text:before, .divider .divider-text:after { - content: ""; - position: absolute; - top: 50%; - width: 100vw; - border-top: 1px solid rgba(67, 89, 113, 0.2); +.was-validated .switch-input:valid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-valid:checked ~ .switch-toggle-slider { + background: #71dd37; + color: #fff; } -.divider .divider-text:before { - right: 100%; +.was-validated .switch-input:valid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-valid:focus ~ .switch-toggle-slider { + box-shadow: 0 0 0.25rem 0.05rem rgba(113, 221, 55, 0.4); } -.divider .divider-text:after { - left: 100%; +.was-validated .switch-input:valid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-valid:active ~ .switch-toggle-slider { + box-shadow: none; } -.divider.text-start .divider-text { - padding-left: 0; + +.was-validated .switch-input:invalid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-invalid ~ .switch-label { + color: #ff3e1d; } -.divider.text-end .divider-text { - padding-right: 0; +.was-validated .switch-input:invalid ~ .invalid-feedback, +.was-validated .switch-input:invalid ~ .invalid-tooltip, .switch-input.invalid ~ .invalid-feedback, +.switch-input.invalid ~ .invalid-tooltip, .switch-input.is-invalid ~ .invalid-feedback, +.switch-input.is-invalid ~ .invalid-tooltip { + display: block; } -.divider.text-start-center .divider-text { - left: -25%; +.was-validated .switch-input:invalid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-invalid ~ .switch-toggle-slider { + border: 1px solid #ff3e1d !important; } -.divider.text-end-center .divider-text { - right: -25%; +.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-invalid:checked ~ .switch-toggle-slider { + background: #ff3e1d; + color: #fff; } -.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after { - border-style: dotted; - border-width: 0 1px 1px; - border-color: rgba(67, 89, 113, 0.2); +.was-validated .switch-input:invalid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-invalid:focus ~ .switch-toggle-slider { + box-shadow: 0 0 0.25rem 0.05rem rgba(255, 62, 29, 0.4); } -.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after { - border-style: dashed; - border-width: 0 1px 1px; - border-color: rgba(67, 89, 113, 0.2); +.was-validated .switch-input:invalid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-invalid:active ~ .switch-toggle-slider { + box-shadow: none; } -.divider.divider.divider-secondary .divider-text:before, .divider.divider.divider-secondary .divider-text:after { - border-color: #8592a3; +.avatar { + position: relative; + width: 2.375rem; + height: 2.375rem; + cursor: pointer; } - -.divider.divider.divider-success .divider-text:before, .divider.divider.divider-success .divider-text:after { - border-color: #71dd37; +.avatar img { + width: 100%; + height: 100%; } - -.divider.divider.divider-info .divider-text:before, .divider.divider.divider-info .divider-text:after { - border-color: #03c3ec; +.avatar .avatar-initial { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-transform: uppercase; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + background-color: #8592a3; + font-weight: 700; } - -.divider.divider.divider-warning .divider-text:before, .divider.divider.divider-warning .divider-text:after { - border-color: #ffab00; +.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after { + content: ""; + position: absolute; + bottom: 0; + right: 3px; + width: 8px; + height: 8px; + border-radius: 100%; + box-shadow: 0 0 0 2px #fff; } - -.divider.divider.divider-danger .divider-text:before, .divider.divider.divider-danger .divider-text:after { - border-color: #ff3e1d; +.avatar.avatar-online:after { + background-color: #71dd37; } - -.divider.divider.divider-dark .divider-text:before, .divider.divider.divider-dark .divider-text:after { - border-color: #233446; +.avatar.avatar-offline:after { + background-color: #8592a3; } - -.divider.divider.divider-gray .divider-text:before, .divider.divider.divider-gray .divider-text:after { - border-color: rgba(67, 89, 113, 0.1); +.avatar.avatar-away:after { + background-color: #ffab00; +} +.avatar.avatar-busy:after { + background-color: #ff3e1d; } -.footer-link { - display: inline-block; +.pull-up { + transition: all 0.25s ease; +} +.pull-up:hover { + transform: translateY(-4px) scale(1.02); + box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); + z-index: 30; + border-radius: 50%; } -.footer-light { - color: rgba(67, 89, 113, 0.5); +.avatar-xs { + width: 1.625rem; + height: 1.625rem; } -.footer-light .footer-text { - color: #697a8d; +.avatar-xs .avatar-initial { + font-size: 0.625rem; } -.footer-light .footer-link { - color: rgba(67, 89, 113, 0.5); +.avatar-xs.avatar-online:after, .avatar-xs.avatar-offline:after, .avatar-xs.avatar-away:after, .avatar-xs.avatar-busy:after { + width: 0.325rem; + height: 0.325rem; + right: 1px; +} + +.avatar-sm { + width: 2rem; + height: 2rem; +} +.avatar-sm .avatar-initial { + font-size: 0.75rem; } -.footer-light .footer-link:hover, .footer-light .footer-link:focus { - color: #697a8d; +.avatar-sm.avatar-online:after, .avatar-sm.avatar-offline:after, .avatar-sm.avatar-away:after, .avatar-sm.avatar-busy:after { + width: 0.4rem; + height: 0.4rem; + right: 2px; } -.footer-light .footer-link.disabled { - color: rgba(67, 89, 113, 0.3) !important; + +.avatar-md { + width: 3rem; + height: 3rem; } -.footer-light .show > .footer-link, -.footer-light .active > .footer-link, -.footer-light .footer-link.show, -.footer-light .footer-link.active { - color: #697a8d; +.avatar-md .avatar-initial { + font-size: 1.125rem; } -.footer-light hr { - border-color: rgba(0, 0, 0, 0.06); +.avatar-md.avatar-online:after, .avatar-md.avatar-offline:after, .avatar-md.avatar-away:after, .avatar-md.avatar-busy:after { + width: 0.6rem; + height: 0.6rem; + right: 4px; } -.footer-dark { - color: rgba(255, 255, 255, 0.8); -} -.footer-dark .footer-text { - color: #fff; +.avatar-lg { + width: 4rem; + height: 4rem; } -.footer-dark .footer-link { - color: rgba(255, 255, 255, 0.8); +.avatar-lg .avatar-initial { + font-size: 1.5rem; } -.footer-dark .footer-link:hover, .footer-dark .footer-link:focus { - color: #fff; +.avatar-lg.avatar-online:after, .avatar-lg.avatar-offline:after, .avatar-lg.avatar-away:after, .avatar-lg.avatar-busy:after { + width: 0.8rem; + height: 0.8rem; + right: 5px; } -.footer-dark .footer-link.disabled { - color: rgba(255, 255, 255, 0.4) !important; + +.avatar-xl { + width: 4.5rem; + height: 4.5rem; } -.footer-dark .show > .footer-link, -.footer-dark .active > .footer-link, -.footer-dark .footer-link.show, -.footer-dark .footer-link.active { - color: #fff; +.avatar-xl .avatar-initial { + font-size: 1.875rem; } -.footer-dark hr { - border-color: rgba(255, 255, 255, 0.2); +.avatar-xl.avatar-online:after, .avatar-xl.avatar-offline:after, .avatar-xl.avatar-away:after, .avatar-xl.avatar-busy:after { + width: 0.9rem; + height: 0.9rem; + right: 6px; } - - - - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #696cff; +.avatar-group .avatar { + transition: all 0.25s ease; } - - - - - -.btn-white { - color: #697a8d; - background-color: #fff; - border-color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); +.avatar-group .avatar img, +.avatar-group .avatar .avatar-initial { + border: 2px solid #fff; } -.btn-white:hover { - color: #435971 !important; - background-color: white !important; - border-color: white !important; - transform: translateY(-1px) !important; +.avatar-group .avatar .avatar-initial { + background-color: #9da8b5; } -.btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus { - color: #435971; - background-color: white; - border-color: white; - transform: translateY(0); - box-shadow: none; +.avatar-group .avatar:hover { + z-index: 30; + transition: all 0.25s ease; } -.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .btn-white.show.dropdown-toggle, .show > .btn-white.dropdown-toggle { - color: #435971 !important; - background-color: white !important; - border-color: white !important; +.avatar-group .avatar { + margin-left: -0.8rem; } -.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.show.dropdown-toggle:focus, .show > .btn-white.dropdown-toggle:focus { - box-shadow: none; +.avatar-group .avatar:first-child { + margin-left: 0; } -.btn-white.disabled, .btn-white:disabled { - color: #435971 !important; - background-color: #fff !important; - border-color: #fff !important; - box-shadow: none !important; +.avatar-group .avatar-xs { + margin-left: -0.65rem; } - -.btn-label-white { - color: #697a8d; - border-color: transparent; - background: white; +.avatar-group .avatar-sm { + margin-left: -0.75rem; } -.btn-label-white:hover { - border-color: transparent !important; - background: white !important; - color: #697a8d !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; - transform: translateY(-1px) !important; +.avatar-group .avatar-md { + margin-left: -0.9rem; } -.btn-label-white:focus, .btn-label-white.focus { - color: #697a8d; - background: white; - box-shadow: none !important; - transform: translateY(0); +.avatar-group .avatar-lg { + margin-left: -1.5rem; } -.btn-label-white:active, .btn-label-white.active, .btn-label-white.show.dropdown-toggle, .show > .btn-label-white.dropdown-toggle { - color: #697a8d !important; - background-color: white !important; - border-color: transparent !important; +.avatar-group .avatar-xl { + margin-left: -1.75rem; } -.btn-label-white:active:focus, .btn-label-white.active:focus, .btn-label-white.show.dropdown-toggle:focus, .show > .btn-label-white.dropdown-toggle:focus { - box-shadow: none; + +.timeline { + position: relative; + height: 100%; + width: 100%; + padding: 0; + list-style: none; } -.btn-label-white.disabled, .btn-label-white:disabled { - color: #697a8d !important; - background-color: white !important; - border-color: transparent !important; +.timeline::before { + position: absolute; + top: 0; + left: 0; + z-index: 1; + height: 100%; + width: 1px; + border: 0; + border-left: 1px solid #d9dee3; + content: ""; } - -.btn-outline-white { - color: #fff; - border-color: #fff; - background: transparent; +.timeline .timeline-header { + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: row; } -.btn-outline-white:hover { - color: #435971 !important; - background-color: white !important; - border-color: white !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; - transform: translateY(-1px) !important; +.timeline .timeline-header > *:first-child { + margin-right: 0.5rem; } -.btn-check:focus + .btn-outline-white, .btn-outline-white:focus { - color: #435971; - background-color: white; - border-color: white; - box-shadow: none; - transform: translateY(0); +.timeline .timeline-end-indicator { + position: absolute; + bottom: -1.35rem; + left: -0.65rem; } -.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { - color: #435971 !important; - background-color: white !important; - border-color: white !important; +.timeline .timeline-end-indicator i { + font-size: 1.5rem; + color: #d9dee3; } -.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { - box-shadow: none; +.timeline .timeline-label { + position: relative; + z-index: 2; + display: block; + text-align: left; + margin-left: -1.5rem; + margin-bottom: 1rem; } -.btn-outline-white.disabled, .btn-outline-white:disabled { - box-shadow: none !important; - color: #fff !important; - background-color: transparent !important; +.timeline.timeline-solid:before { + border-style: solid; } - -.btn-outline-white .badge { - background: #fff; - border-color: #fff; - color: #435971; +.timeline.timeline-dotted:before { + border-style: dotted; } - -.btn-outline-white:hover .badge, -.btn-outline-white:focus:hover .badge, -.btn-outline-white:active .badge, -.btn-outline-white.active .badge, -.show > .btn-outline-white.dropdown-toggle .badge { - background: #435971; - border-color: #435971; - color: #fff; +.timeline.timeline-dashed:before { + border-style: dashed; } - -.form-check-black .form-check-input:focus { - border-color: #000; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); +.timeline.timeline-hidden:before { + border-style: none; } -.form-check-black .form-check-input:disabled { - background-color: #eceef1; +.timeline .timeline-item { + position: relative; + padding-left: 3rem; +} +.timeline .timeline-item .timeline-event { + position: relative; + top: -1rem; + width: 100%; + min-height: 4rem; + background-color: #fff; + border-radius: 0.375rem; + padding: 1.25rem 1.5rem; } -.form-check-black .form-check-input:checked, .form-check-black .form-check-input[type=checkbox]:indeterminate { - background-color: #000; - border-color: #000; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); +.timeline .timeline-item .timeline-event:before { + position: absolute; + top: 0.75rem; + left: 32px; + right: 100%; + width: 0; + height: 0; + border-top: 1rem solid transparent; + border-right: 1rem solid; + border-left: 0 solid; + border-bottom: 1rem solid transparent; + border-left-color: #fff; + border-right-color: #fff; + margin-left: -3rem; + content: ""; } - -.form-check-black.custom-option.checked { - border: 1px solid #000; +.timeline .timeline-item .timeline-event:after { + position: absolute; + top: 0.75rem; + left: -17px; + width: 0; + height: 0; + border-top: 1rem solid transparent; + border-right: 1rem solid; + border-left: 0 solid; + border-bottom: 1rem solid transparent; + border-left-color: #fff; + border-right-color: #d9dee3; + z-index: -1; + content: ""; } - -.form-check-white .form-check-input:focus { - border-color: #fff; - box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); +.timeline .timeline-item .timeline-event.timeline-event-shadow { + box-shadow: 0 0.5rem 1rem rgba(67, 89, 113, 0.075) !important; } -.form-check-white .form-check-input:disabled { - background-color: #eceef1; +.timeline .timeline-item .timeline-event .timeline-event-time { + position: absolute; + top: 1.2rem; + font-size: 0.85rem; + color: #a1acb8; } -.form-check-white .form-check-input:checked, .form-check-white .form-check-input[type=checkbox]:indeterminate { - background-color: #fff; - border-color: #fff; - box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); +.timeline .timeline-item .timeline-indicator { + position: absolute; + left: -0.6875rem; + top: 0; + z-index: 2; + display: block; + height: 1.5rem; + width: 1.5rem; + text-align: center; + border-radius: 50%; + border: 2px solid #696cff; + background-color: #f5f5f9 !important; } - -.form-check-white.custom-option.checked { - border: 1px solid #fff; +.timeline .timeline-item .timeline-indicator i { + color: #696cff; + font-size: 0.85rem; + vertical-align: baseline; } - -.form-check-silver .form-check-input:focus { - border-color: #eee; - box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); +.timeline .timeline-item .timeline-point { + position: absolute; + left: -0.312rem; + top: 0; + z-index: 2; + display: block; + height: 0.75rem; + width: 0.75rem; + border-radius: 50%; + background-color: #696cff; } -.form-check-silver .form-check-input:disabled { - background-color: #eceef1; +.timeline .timeline-item.timeline-item-transparent .timeline-event { + top: -1.4rem; + background-color: transparent; + padding-left: 0; } -.form-check-silver .form-check-input:checked, .form-check-silver .form-check-input[type=checkbox]:indeterminate { - background-color: #eee; - border-color: #eee; - box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); +.timeline .timeline-item.timeline-item-transparent .timeline-event.timeline-event-shadow { + padding-left: 2rem; } - -.form-check-silver.custom-option.checked { - border: 1px solid #eee; +.timeline .timeline-item.timeline-item-transparent .timeline-event:before { + display: none; } - -.form-check-gray .form-check-input:focus { - border-color: #777; - box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); +.timeline.timeline-center:before { + left: 50%; } -.form-check-gray .form-check-input:disabled { - background-color: #eceef1; +.timeline.timeline-center:after { + left: 50%; + margin-left: -0.55rem; } -.form-check-gray .form-check-input:checked, .form-check-gray .form-check-input[type=checkbox]:indeterminate { - background-color: #777; - border-color: #777; - box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); +.timeline.timeline-center .timeline-end-indicator { + bottom: -1.4rem; + left: 50%; + margin-left: 0.55rem; } - -.form-check-gray.custom-option.checked { - border: 1px solid #777; +.timeline.timeline-center .timeline-label { + float: left; + width: 100%; + text-align: center; + margin-top: 1.5rem; + margin-bottom: 1.5rem; + margin-left: auto; + clear: left; } - -.form-check-gold .form-check-input:focus { - border-color: #ffeb3b; - box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); +.timeline.timeline-center .timeline-label + .timeline-item { + margin-top: 2rem; } -.form-check-gold .form-check-input:disabled { - background-color: #eceef1; +.timeline.timeline-center .timeline-item { + width: 50%; + clear: both; } -.form-check-gold .form-check-input:checked, .form-check-gold .form-check-input[type=checkbox]:indeterminate { - background-color: #ffeb3b; - border-color: #ffeb3b; - box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); +.timeline.timeline-center .timeline-item.timeline-item-left, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) { + float: left; + padding-left: 0; + padding-right: 3rem; } - -.form-check-gold.custom-option.checked { - border: 1px solid #ffeb3b; +.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time { + right: -9.5rem; } - -.form-check-pink .form-check-input:focus { - border-color: #e91e63; - box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); +.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:before, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:before { + right: -15px; + left: auto; + border-left-width: 16px; + border-right-width: 0; } -.form-check-pink .form-check-input:disabled { - background-color: #eceef1; +.timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-point { + left: 100%; } -.form-check-pink .form-check-input:checked, .form-check-pink .form-check-input[type=checkbox]:indeterminate { - background-color: #e91e63; - border-color: #e91e63; - box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); +.timeline.timeline-center .timeline-item.timeline-item-right, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) { + float: right; } - -.form-check-pink.custom-option.checked { - border: 1px solid #e91e63; +.timeline.timeline-center .timeline-item.timeline-item-right .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event-time { + left: -9.5rem; } - -.form-check-red .form-check-input:focus { - border-color: #f44336; - box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); +.timeline.timeline-center .timeline-item.timeline-item-right .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-point { + left: 0; } -.form-check-red .form-check-input:disabled { - background-color: #eceef1; +.timeline.timeline-center .timeline-item .timeline-point { + left: 50%; + margin-left: -0.6875rem; } -.form-check-red .form-check-input:checked, .form-check-red .form-check-input[type=checkbox]:indeterminate { - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); +.timeline.timeline-center .timeline-item .timeline-point-indicator { + left: 50%; + margin-left: -0.3125rem; } -.form-check-red.custom-option.checked { - border: 1px solid #f44336; +@media (min-width: 768px) { + .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-indicator { + left: calc(100% - (1.5rem/ 2)); + } + .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:after, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:after { + transform: rotate(180deg); + right: -16px; + left: auto; + } } - -.navbar.bg-primary { - background-color: #696cff !important; - color: #e0e1ff; +@media (max-width: 767.98px) { + .timeline.timeline-center:before { + left: 0; + } + .timeline.timeline-center:after { + left: 0; + } + .timeline.timeline-center .timeline-end-indicator { + left: -2px; + } + .timeline.timeline-center .timeline-label { + text-align: left; + } + .timeline.timeline-center .timeline-item { + float: left !important; + width: 100%; + padding-left: 3rem !important; + padding-right: 0 !important; + } + .timeline.timeline-center .timeline-item .timeline-event:before { + right: 100% !important; + border-right-width: 1rem !important; + border-left-width: 0 !important; + } + .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time { + top: -1.7rem; + left: 0 !important; + right: auto !important; + } + .timeline.timeline-center .timeline-item .timeline-point { + left: -0.7rem !important; + margin-left: 0 !important; + } + .timeline.timeline-center .timeline-item .timeline-point-indicator { + left: 0 !important; + margin-left: -0.3125rem !important; + } +} +@media (max-width: 575.98px) { + .timeline .timeline-header { + flex-direction: column; + align-items: flex-start; + } } -.navbar.bg-primary .navbar-brand, -.navbar.bg-primary .navbar-brand a { - color: #fff; -} -.navbar.bg-primary .navbar-brand:hover, -.navbar.bg-primary .navbar-brand:focus, -.navbar.bg-primary .navbar-brand a:hover, -.navbar.bg-primary .navbar-brand a:focus { - color: #fff; +.timeline .timeline-item-primary .timeline-event { + background-color: rgba(105, 108, 255, 0.1); } -.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-primary .navbar-search-wrapper .search-input { - color: #e0e1ff; +.timeline .timeline-item-primary .timeline-event:before { + border-left-color: rgba(105, 108, 255, 0.1) !important; + border-right-color: rgba(105, 108, 255, 0.1) !important; } -.navbar.bg-primary .search-input-wrapper .search-input, -.navbar.bg-primary .search-input-wrapper .search-toggler { +.timeline .timeline-point-primary { background-color: #696cff !important; - color: #e0e1ff; -} - -.navbar.bg-primary .navbar-nav > .nav-link, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link { - color: #e0e1ff; + box-shadow: 0 0 0 0.1875rem rgba(105, 108, 255, 0.16); } -.navbar.bg-primary .navbar-nav > .nav-link:hover, -.navbar.bg-primary .navbar-nav > .nav-link:focus, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; +.timeline .timeline-indicator-primary { + border-color: #696cff !important; } -.navbar.bg-primary .navbar-nav > .nav-link.disabled, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #b0b2ff !important; +.timeline .timeline-indicator-primary i { + color: #696cff !important; } -.navbar.bg-primary .navbar-nav .show > .nav-link, -.navbar.bg-primary .navbar-nav .active > .nav-link, -.navbar.bg-primary .navbar-nav .nav-link.show, -.navbar.bg-primary .navbar-nav .nav-link.active { - color: #fff; +.divider.divider-primary .divider-text:before, +.divider.divider-primary .divider-text:after { + border-color: #696cff; } -.navbar.bg-primary .navbar-toggler { - color: #e0e1ff; - border-color: rgba(255, 255, 255, 0.15); -} -.navbar.bg-primary .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +.timeline .timeline-item-secondary .timeline-event { + background-color: rgba(133, 146, 163, 0.1); } - -.navbar.bg-primary .navbar-text { - color: #e0e1ff; +.timeline .timeline-item-secondary .timeline-event:before { + border-left-color: rgba(133, 146, 163, 0.1) !important; + border-right-color: rgba(133, 146, 163, 0.1) !important; } -.navbar.bg-primary .navbar-text a { - color: #fff; +.timeline .timeline-point-secondary { + background-color: #8592a3 !important; + box-shadow: 0 0 0 0.1875rem rgba(133, 146, 163, 0.16); } -.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus { - color: #fff; +.timeline .timeline-indicator-secondary { + border-color: #8592a3 !important; } - -.navbar.bg-primary hr { - border-color: rgba(255, 255, 255, 0.15); +.timeline .timeline-indicator-secondary i { + color: #8592a3 !important; } -.navbar.bg-secondary { - background-color: #8592a3 !important; - color: #eaecef; -} -.navbar.bg-secondary .navbar-brand, -.navbar.bg-secondary .navbar-brand a { - color: #fff; -} -.navbar.bg-secondary .navbar-brand:hover, .navbar.bg-secondary .navbar-brand:focus, -.navbar.bg-secondary .navbar-brand a:hover, -.navbar.bg-secondary .navbar-brand a:focus { - color: #fff; -} -.navbar.bg-secondary .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-secondary .navbar-search-wrapper .search-input { - color: #eaecef; -} -.navbar.bg-secondary .search-input-wrapper .search-input, -.navbar.bg-secondary .search-input-wrapper .search-toggler { - background-color: #8592a3 !important; - color: #eaecef; -} -.navbar.bg-secondary .navbar-nav > .nav-link, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link { - color: #eaecef; -} -.navbar.bg-secondary .navbar-nav > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-link:focus, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} -.navbar.bg-secondary .navbar-nav > .nav-link.disabled, -.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #c2c8d1 !important; -} -.navbar.bg-secondary .navbar-nav .show > .nav-link, -.navbar.bg-secondary .navbar-nav .active > .nav-link, -.navbar.bg-secondary .navbar-nav .nav-link.show, -.navbar.bg-secondary .navbar-nav .nav-link.active { - color: #fff; -} -.navbar.bg-secondary .navbar-toggler { - color: #eaecef; - border-color: rgba(255, 255, 255, 0.15); -} -.navbar.bg-secondary .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} -.navbar.bg-secondary .navbar-text { - color: #eaecef; -} -.navbar.bg-secondary .navbar-text a { - color: #fff; -} -.navbar.bg-secondary .navbar-text a:hover, .navbar.bg-secondary .navbar-text a:focus { - color: #fff; +.timeline .timeline-item-success .timeline-event { + background-color: rgba(113, 221, 55, 0.1); } -.navbar.bg-secondary hr { - border-color: rgba(255, 255, 255, 0.15); +.timeline .timeline-item-success .timeline-event:before { + border-left-color: rgba(113, 221, 55, 0.1) !important; + border-right-color: rgba(113, 221, 55, 0.1) !important; } -.navbar.bg-success { +.timeline .timeline-point-success { background-color: #71dd37 !important; - color: #ecfae4; + box-shadow: 0 0 0 0.1875rem rgba(113, 221, 55, 0.16); } -.navbar.bg-success .navbar-brand, -.navbar.bg-success .navbar-brand a { - color: #fff; + +.timeline .timeline-indicator-success { + border-color: #71dd37 !important; } -.navbar.bg-success .navbar-brand:hover, .navbar.bg-success .navbar-brand:focus, -.navbar.bg-success .navbar-brand a:hover, -.navbar.bg-success .navbar-brand a:focus { - color: #fff; +.timeline .timeline-indicator-success i { + color: #71dd37 !important; } -.navbar.bg-success .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-success .navbar-search-wrapper .search-input { - color: #ecfae4; + +.timeline .timeline-item-info .timeline-event { + background-color: rgba(3, 195, 236, 0.1); } -.navbar.bg-success .search-input-wrapper .search-input, -.navbar.bg-success .search-input-wrapper .search-toggler { - background-color: #71dd37 !important; - color: #ecfae4; +.timeline .timeline-item-info .timeline-event:before { + border-left-color: rgba(3, 195, 236, 0.1) !important; + border-right-color: rgba(3, 195, 236, 0.1) !important; } -.navbar.bg-success .navbar-nav > .nav-link, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link { - color: #ecfae4; + +.timeline .timeline-point-info { + background-color: #03c3ec !important; + box-shadow: 0 0 0 0.1875rem rgba(3, 195, 236, 0.16); } -.navbar.bg-success .navbar-nav > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-link:focus, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; + +.timeline .timeline-indicator-info { + border-color: #03c3ec !important; } -.navbar.bg-success .navbar-nav > .nav-link.disabled, -.navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #bbee9f !important; +.timeline .timeline-indicator-info i { + color: #03c3ec !important; } -.navbar.bg-success .navbar-nav .show > .nav-link, -.navbar.bg-success .navbar-nav .active > .nav-link, -.navbar.bg-success .navbar-nav .nav-link.show, -.navbar.bg-success .navbar-nav .nav-link.active { - color: #fff; + +.timeline .timeline-item-warning .timeline-event { + background-color: rgba(255, 171, 0, 0.1); } -.navbar.bg-success .navbar-toggler { - color: #ecfae4; - border-color: rgba(255, 255, 255, 0.15); +.timeline .timeline-item-warning .timeline-event:before { + border-left-color: rgba(255, 171, 0, 0.1) !important; + border-right-color: rgba(255, 171, 0, 0.1) !important; } -.navbar.bg-success .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + +.timeline .timeline-point-warning { + background-color: #ffab00 !important; + box-shadow: 0 0 0 0.1875rem rgba(255, 171, 0, 0.16); } -.navbar.bg-success .navbar-text { - color: #ecfae4; + +.timeline .timeline-indicator-warning { + border-color: #ffab00 !important; } -.navbar.bg-success .navbar-text a { - color: #fff; +.timeline .timeline-indicator-warning i { + color: #ffab00 !important; } -.navbar.bg-success .navbar-text a:hover, .navbar.bg-success .navbar-text a:focus { - color: #fff; + +.timeline .timeline-item-danger .timeline-event { + background-color: rgba(255, 62, 29, 0.1); } -.navbar.bg-success hr { - border-color: rgba(255, 255, 255, 0.15); +.timeline .timeline-item-danger .timeline-event:before { + border-left-color: rgba(255, 62, 29, 0.1) !important; + border-right-color: rgba(255, 62, 29, 0.1) !important; } -.navbar.bg-info { - background-color: #03c3ec !important; - color: #d2f4fc; +.timeline .timeline-point-danger { + background-color: #ff3e1d !important; + box-shadow: 0 0 0 0.1875rem rgba(255, 62, 29, 0.16); } -.navbar.bg-info .navbar-brand, -.navbar.bg-info .navbar-brand a { - color: #fff; + +.timeline .timeline-indicator-danger { + border-color: #ff3e1d !important; } -.navbar.bg-info .navbar-brand:hover, .navbar.bg-info .navbar-brand:focus, -.navbar.bg-info .navbar-brand a:hover, -.navbar.bg-info .navbar-brand a:focus { - color: #fff; +.timeline .timeline-indicator-danger i { + color: #ff3e1d !important; } -.navbar.bg-info .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-info .navbar-search-wrapper .search-input { - color: #d2f4fc; + +.timeline .timeline-item-dark .timeline-event { + background-color: rgba(35, 52, 70, 0.1); } -.navbar.bg-info .search-input-wrapper .search-input, -.navbar.bg-info .search-input-wrapper .search-toggler { - background-color: #03c3ec !important; - color: #d2f4fc; +.timeline .timeline-item-dark .timeline-event:before { + border-left-color: rgba(35, 52, 70, 0.1) !important; + border-right-color: rgba(35, 52, 70, 0.1) !important; } -.navbar.bg-info .navbar-nav > .nav-link, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link { - color: #d2f4fc; + +.timeline .timeline-point-dark { + background-color: #233446 !important; + box-shadow: 0 0 0 0.1875rem rgba(35, 52, 70, 0.16); } -.navbar.bg-info .navbar-nav > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-link:focus, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; + +.timeline .timeline-indicator-dark { + border-color: #233446 !important; } -.navbar.bg-info .navbar-nav > .nav-link.disabled, -.navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #7fe0f6 !important; +.timeline .timeline-indicator-dark i { + color: #233446 !important; } -.navbar.bg-info .navbar-nav .show > .nav-link, -.navbar.bg-info .navbar-nav .active > .nav-link, -.navbar.bg-info .navbar-nav .nav-link.show, -.navbar.bg-info .navbar-nav .nav-link.active { - color: #fff; + +.timeline .timeline-item-gray .timeline-event { + background-color: rgba(67, 89, 113, 0.1); } -.navbar.bg-info .navbar-toggler { - color: #d2f4fc; - border-color: rgba(255, 255, 255, 0.15); +.timeline .timeline-item-gray .timeline-event:before { + border-left-color: rgba(67, 89, 113, 0.1) !important; + border-right-color: rgba(67, 89, 113, 0.1) !important; } -.navbar.bg-info .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + +.timeline .timeline-point-gray { + background-color: rgba(67, 89, 113, 0.1) !important; + box-shadow: 0 0 0 0.1875rem rgba(67, 89, 113, 0.16); } -.navbar.bg-info .navbar-text { - color: #d2f4fc; + +.timeline .timeline-indicator-gray { + border-color: rgba(67, 89, 113, 0.1) !important; } -.navbar.bg-info .navbar-text a { - color: #fff; +.timeline .timeline-indicator-gray i { + color: rgba(67, 89, 113, 0.1) !important; } -.navbar.bg-info .navbar-text a:hover, .navbar.bg-info .navbar-text a:focus { - color: #fff; + +.timeline .timeline-item .timeline-event:after { + content: "" } -.navbar.bg-info hr { - border-color: rgba(255, 255, 255, 0.15); + +.blockUI.blockOverlay, .blockUI.blockMsg { + z-index: 1091 !important; + color: #fff !important; } -.navbar.bg-warning { - background-color: #ffab00 !important; - color: #fff5e0; +.divider { + display: block; + text-align: center; + margin: 1rem 0; + overflow: hidden; + white-space: nowrap; } -.navbar.bg-warning .navbar-brand, -.navbar.bg-warning .navbar-brand a { - color: #fff; +.divider .divider-text { + position: relative; + display: inline-block; + font-size: 0.8rem; + padding: 0rem 1rem; } -.navbar.bg-warning .navbar-brand:hover, .navbar.bg-warning .navbar-brand:focus, -.navbar.bg-warning .navbar-brand a:hover, -.navbar.bg-warning .navbar-brand a:focus { - color: #fff; +.divider .divider-text i { + font-size: 1rem; } -.navbar.bg-warning .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-warning .navbar-search-wrapper .search-input { - color: #fff5e0; +.divider .divider-text:before, .divider .divider-text:after { + content: ""; + position: absolute; + top: 50%; + width: 100vw; + border-top: 1px solid rgba(67, 89, 113, 0.2); } -.navbar.bg-warning .search-input-wrapper .search-input, -.navbar.bg-warning .search-input-wrapper .search-toggler { - background-color: #ffab00 !important; - color: #fff5e0; +.divider .divider-text:before { + right: 100%; } -.navbar.bg-warning .navbar-nav > .nav-link, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link { - color: #fff5e0; +.divider .divider-text:after { + left: 100%; } -.navbar.bg-warning .navbar-nav > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-link:focus, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; +.divider.text-start .divider-text { + padding-left: 0; } -.navbar.bg-warning .navbar-nav > .nav-link.disabled, -.navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #ffd786 !important; +.divider.text-end .divider-text { + padding-right: 0; } -.navbar.bg-warning .navbar-nav .show > .nav-link, -.navbar.bg-warning .navbar-nav .active > .nav-link, -.navbar.bg-warning .navbar-nav .nav-link.show, -.navbar.bg-warning .navbar-nav .nav-link.active { - color: #fff; +.divider.text-start-center .divider-text { + left: -25%; } -.navbar.bg-warning .navbar-toggler { - color: #fff5e0; - border-color: rgba(255, 255, 255, 0.15); +.divider.text-end-center .divider-text { + right: -25%; } -.navbar.bg-warning .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after { + border-style: dotted; + border-width: 0 1px 1px; + border-color: rgba(67, 89, 113, 0.2); } -.navbar.bg-warning .navbar-text { - color: #fff5e0; +.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after { + border-style: dashed; + border-width: 0 1px 1px; + border-color: rgba(67, 89, 113, 0.2); } -.navbar.bg-warning .navbar-text a { - color: #fff; + +.divider.divider.divider-secondary .divider-text:before, .divider.divider.divider-secondary .divider-text:after { + border-color: #8592a3; } -.navbar.bg-warning .navbar-text a:hover, .navbar.bg-warning .navbar-text a:focus { - color: #fff; + +.divider.divider.divider-success .divider-text:before, .divider.divider.divider-success .divider-text:after { + border-color: #71dd37; } -.navbar.bg-warning hr { - border-color: rgba(255, 255, 255, 0.15); + +.divider.divider.divider-info .divider-text:before, .divider.divider.divider-info .divider-text:after { + border-color: #03c3ec; } -.navbar.bg-danger { - background-color: #ff3e1d !important; - color: #ffd5ce; +.divider.divider.divider-warning .divider-text:before, .divider.divider.divider-warning .divider-text:after { + border-color: #ffab00; } -.navbar.bg-danger .navbar-brand, -.navbar.bg-danger .navbar-brand a { - color: #fff; + +.divider.divider.divider-danger .divider-text:before, .divider.divider.divider-danger .divider-text:after { + border-color: #ff3e1d; } -.navbar.bg-danger .navbar-brand:hover, .navbar.bg-danger .navbar-brand:focus, -.navbar.bg-danger .navbar-brand a:hover, -.navbar.bg-danger .navbar-brand a:focus { - color: #fff; + +.divider.divider.divider-dark .divider-text:before, .divider.divider.divider-dark .divider-text:after { + border-color: #233446; } -.navbar.bg-danger .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-danger .navbar-search-wrapper .search-input { - color: #ffd5ce; + +.divider.divider.divider-gray .divider-text:before, .divider.divider.divider-gray .divider-text:after { + border-color: rgba(67, 89, 113, 0.1); } -.navbar.bg-danger .search-input-wrapper .search-input, -.navbar.bg-danger .search-input-wrapper .search-toggler { - background-color: #ff3e1d !important; - color: #ffd5ce; + +.btn-white { + color: #697a8d; + background-color: #fff; + border-color: #fff; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); } -.navbar.bg-danger .navbar-nav > .nav-link, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link { - color: #ffd5ce; +.btn-white:hover { + color: #435971 !important; + background-color: white !important; + border-color: white !important; + transform: translateY(-1px) !important; } -.navbar.bg-danger .navbar-nav > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-link:focus, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; +.btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus { + color: #435971; + background-color: white; + border-color: white; + transform: translateY(0); + box-shadow: none; } -.navbar.bg-danger .navbar-nav > .nav-link.disabled, -.navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #ff9987 !important; +.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .btn-white.show.dropdown-toggle, .show > .btn-white.dropdown-toggle { + color: #435971 !important; + background-color: white !important; + border-color: white !important; } -.navbar.bg-danger .navbar-nav .show > .nav-link, -.navbar.bg-danger .navbar-nav .active > .nav-link, -.navbar.bg-danger .navbar-nav .nav-link.show, -.navbar.bg-danger .navbar-nav .nav-link.active { - color: #fff; +.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.show.dropdown-toggle:focus, .show > .btn-white.dropdown-toggle:focus { + box-shadow: none; } -.navbar.bg-danger .navbar-toggler { - color: #ffd5ce; - border-color: rgba(255, 255, 255, 0.15); +.btn-white.disabled, .btn-white:disabled { + color: #435971 !important; + background-color: #fff !important; + border-color: #fff !important; + box-shadow: none !important; +} + +.btn-label-white { + color: #697a8d; + border-color: transparent; + background: white; } -.navbar.bg-danger .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +.btn-label-white:hover { + border-color: transparent !important; + background: white !important; + color: #697a8d !important; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; + transform: translateY(-1px) !important; } -.navbar.bg-danger .navbar-text { - color: #ffd5ce; +.btn-label-white:focus, .btn-label-white.focus { + color: #697a8d; + background: white; + box-shadow: none !important; + transform: translateY(0); } -.navbar.bg-danger .navbar-text a { - color: #fff; +.btn-label-white:active, .btn-label-white.active, .btn-label-white.show.dropdown-toggle, .show > .btn-label-white.dropdown-toggle { + color: #697a8d !important; + background-color: white !important; + border-color: transparent !important; } -.navbar.bg-danger .navbar-text a:hover, .navbar.bg-danger .navbar-text a:focus { - color: #fff; +.btn-label-white:active:focus, .btn-label-white.active:focus, .btn-label-white.show.dropdown-toggle:focus, .show > .btn-label-white.dropdown-toggle:focus { + box-shadow: none; } -.navbar.bg-danger hr { - border-color: rgba(255, 255, 255, 0.15); +.btn-label-white.disabled, .btn-label-white:disabled { + color: #697a8d !important; + background-color: white !important; + border-color: transparent !important; } -.navbar.bg-dark { - background-color: #233446 !important; - color: #e4e6e8; -} -.navbar.bg-dark .navbar-brand, -.navbar.bg-dark .navbar-brand a { +.btn-outline-white { color: #fff; + border-color: #fff; + background: transparent; } -.navbar.bg-dark .navbar-brand:hover, .navbar.bg-dark .navbar-brand:focus, -.navbar.bg-dark .navbar-brand a:hover, -.navbar.bg-dark .navbar-brand a:focus { - color: #fff; +.btn-outline-white:hover { + color: #435971 !important; + background-color: white !important; + border-color: white !important; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; + transform: translateY(-1px) !important; } -.navbar.bg-dark .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-dark .navbar-search-wrapper .search-input { - color: #e4e6e8; +.btn-check:focus + .btn-outline-white, .btn-outline-white:focus { + color: #435971; + background-color: white; + border-color: white; + box-shadow: none; + transform: translateY(0); } -.navbar.bg-dark .search-input-wrapper .search-input, -.navbar.bg-dark .search-input-wrapper .search-toggler { - background-color: #233446 !important; - color: #e4e6e8; +.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { + color: #435971 !important; + background-color: white !important; + border-color: white !important; } -.navbar.bg-dark .navbar-nav > .nav-link, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link { - color: #e4e6e8; +.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { + box-shadow: none; } -.navbar.bg-dark .navbar-nav > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-link:focus, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; +.btn-outline-white.disabled, .btn-outline-white:disabled { + box-shadow: none !important; + color: #fff !important; + background-color: transparent !important; } -.navbar.bg-dark .navbar-nav > .nav-link.disabled, -.navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #979fa7 !important; + +.btn-outline-white .badge { + background: #fff; + border-color: #fff; + color: #435971; } -.navbar.bg-dark .navbar-nav .show > .nav-link, -.navbar.bg-dark .navbar-nav .active > .nav-link, -.navbar.bg-dark .navbar-nav .nav-link.show, -.navbar.bg-dark .navbar-nav .nav-link.active { + +.btn-outline-white:hover .badge, +.btn-outline-white:focus:hover .badge, +.btn-outline-white:active .badge, +.btn-outline-white.active .badge, +.show > .btn-outline-white.dropdown-toggle .badge { + background: #435971; + border-color: #435971; color: #fff; } -.navbar.bg-dark .navbar-toggler { - color: #e4e6e8; - border-color: rgba(255, 255, 255, 0.06); -} -.navbar.bg-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} -.navbar.bg-dark .navbar-text { - color: #e4e6e8; + +.form-check-black .form-check-input:focus { + border-color: #000; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); } -.navbar.bg-dark .navbar-text a { - color: #fff; +.form-check-black .form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-dark .navbar-text a:hover, .navbar.bg-dark .navbar-text a:focus { - color: #fff; +.form-check-black .form-check-input:checked, .form-check-black .form-check-input[type=checkbox]:indeterminate { + background-color: #000; + border-color: #000; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); } -.navbar.bg-dark hr { - border-color: rgba(255, 255, 255, 0.06); + +.form-check-black.custom-option.checked { + border: 1px solid #000; } -.navbar.bg-gray { - background-color: #eceef1 !important; - color: #8291a1; +.form-check-white .form-check-input:focus { + border-color: #fff; + box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); } -.navbar.bg-gray .navbar-brand, -.navbar.bg-gray .navbar-brand a { - color: #435971; +.form-check-white .form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-gray .navbar-brand:hover, .navbar.bg-gray .navbar-brand:focus, -.navbar.bg-gray .navbar-brand a:hover, -.navbar.bg-gray .navbar-brand a:focus { - color: #435971; +.form-check-white .form-check-input:checked, .form-check-white .form-check-input[type=checkbox]:indeterminate { + background-color: #fff; + border-color: #fff; + box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); } -.navbar.bg-gray .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-gray .navbar-search-wrapper .search-input { - color: #8291a1; + +.form-check-white.custom-option.checked { + border: 1px solid #fff; } -.navbar.bg-gray .search-input-wrapper .search-input, -.navbar.bg-gray .search-input-wrapper .search-toggler { - background-color: rgba(67, 89, 113, 0.1) !important; - color: #8291a1; + +.form-check-silver .form-check-input:focus { + border-color: #eee; + box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); } -.navbar.bg-gray .navbar-nav > .nav-link, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link { - color: #8291a1; +.form-check-silver .form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-gray .navbar-nav > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav-link:focus, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #435971; +.form-check-silver .form-check-input:checked, .form-check-silver .form-check-input[type=checkbox]:indeterminate { + background-color: #eee; + border-color: #eee; + box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); } -.navbar.bg-gray .navbar-nav > .nav-link.disabled, -.navbar.bg-gray .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #acb6c1 !important; + +.form-check-silver.custom-option.checked { + border: 1px solid #eee; } -.navbar.bg-gray .navbar-nav .show > .nav-link, -.navbar.bg-gray .navbar-nav .active > .nav-link, -.navbar.bg-gray .navbar-nav .nav-link.show, -.navbar.bg-gray .navbar-nav .nav-link.active { - color: #435971; + +.form-check-gray .form-check-input:focus { + border-color: #777; + box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); } -.navbar.bg-gray .navbar-toggler { - color: #8291a1; - border-color: rgba(67, 89, 113, 0.0783835294); +.form-check-gray .form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-gray .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +.form-check-gray .form-check-input:checked, .form-check-gray .form-check-input[type=checkbox]:indeterminate { + background-color: #777; + border-color: #777; + box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); } -.navbar.bg-gray .navbar-text { - color: #8291a1; + +.form-check-gray.custom-option.checked { + border: 1px solid #777; } -.navbar.bg-gray .navbar-text a { - color: #435971; + +.form-check-gold .form-check-input:focus { + border-color: #ffeb3b; + box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); } -.navbar.bg-gray .navbar-text a:hover, .navbar.bg-gray .navbar-text a:focus { - color: #435971; +.form-check-gold .form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-gray hr { - border-color: rgba(67, 89, 113, 0.0783835294); +.form-check-gold .form-check-input:checked, .form-check-gold .form-check-input[type=checkbox]:indeterminate { + background-color: #ffeb3b; + border-color: #ffeb3b; + box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); } -.navbar.bg-white { - background-color: #fff !important; - color: #a1acb8; +.form-check-gold.custom-option.checked { + border: 1px solid #ffeb3b; } -.navbar.bg-white .navbar-brand, -.navbar.bg-white .navbar-brand a { - color: #697a8d; + +.form-check-pink .form-check-input:focus { + border-color: #e91e63; + box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); } -.navbar.bg-white .navbar-brand:hover, .navbar.bg-white .navbar-brand:focus, -.navbar.bg-white .navbar-brand a:hover, -.navbar.bg-white .navbar-brand a:focus { - color: #697a8d; +.form-check-pink .form-check-input:disabled { + background-color: #eceef1; +} +.form-check-pink .form-check-input:checked, .form-check-pink .form-check-input[type=checkbox]:indeterminate { + background-color: #e91e63; + border-color: #e91e63; + box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); +} + +.form-check-pink.custom-option.checked { + border: 1px solid #e91e63; } -.navbar.bg-white .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-white .navbar-search-wrapper .search-input { - color: #a1acb8; + +.form-check-red .form-check-input:focus { + border-color: #f44336; + box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); } -.navbar.bg-white .search-input-wrapper .search-input, -.navbar.bg-white .search-input-wrapper .search-toggler { - background-color: #fff !important; - color: #a1acb8; +.form-check-red .form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-white .navbar-nav > .nav-link, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link { - color: #a1acb8; +.form-check-red .form-check-input:checked, .form-check-red .form-check-input[type=checkbox]:indeterminate { + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); } -.navbar.bg-white .navbar-nav > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav-link:focus, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #697a8d; + +.form-check-red.custom-option.checked { + border: 1px solid #f44336; } -.navbar.bg-white .navbar-nav > .nav-link.disabled, -.navbar.bg-white .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #c7cdd4 !important; + +.form-control:focus, +.form-select:focus { + border-color: #696cff; } -.navbar.bg-white .navbar-nav .show > .nav-link, -.navbar.bg-white .navbar-nav .active > .nav-link, -.navbar.bg-white .navbar-nav .nav-link.show, -.navbar.bg-white .navbar-nav .nav-link.active { - color: #697a8d; + +.input-group:focus-within .form-control, +.input-group:focus-within .input-group-text { + border-color: #696cff; } -.navbar.bg-white .navbar-toggler { - color: #a1acb8; - border-color: rgba(105, 122, 141, 0.075); + +.form-check-input:focus { + border-color: #696cff; + box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); } -.navbar.bg-white .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + +.form-check-input:disabled { + background-color: #eceef1; } -.navbar.bg-white .navbar-text { - color: #a1acb8; + +.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { + background-color: #696cff; + border-color: #696cff; + box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); } -.navbar.bg-white .navbar-text a { - color: #697a8d; + +.custom-option.checked { + border: 1px solid #696cff; } -.navbar.bg-white .navbar-text a:hover, .navbar.bg-white .navbar-text a:focus { - color: #697a8d; + +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23696cff'/%3e%3c/svg%3e"); } -.navbar.bg-white hr { - border-color: rgba(105, 122, 141, 0.075); + +.form-switch .form-check-input:checked { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } -.navbar.bg-light { - background-color: #eceef1 !important; - color: #a1acb8; +.form-control:focus ~ .form-label { + border-color: #696cff; } -.navbar.bg-light .navbar-brand, -.navbar.bg-light .navbar-brand a { - color: #697a8d; + +.form-control:focus ~ .form-label::after { + border-color: inherit; } -.navbar.bg-light .navbar-brand:hover, .navbar.bg-light .navbar-brand:focus, -.navbar.bg-light .navbar-brand a:hover, -.navbar.bg-light .navbar-brand a:focus { - color: #697a8d; + +.switch-input:checked ~ .switch-toggle-slider { + background: #696cff; + color: #fff; } -.navbar.bg-light .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-light .navbar-search-wrapper .search-input { - color: #a1acb8; + +.switch-input:active ~ .switch-toggle-slider { + box-shadow: none; } -.navbar.bg-light .search-input-wrapper .search-input, -.navbar.bg-light .search-input-wrapper .search-toggler { - background-color: rgba(67, 89, 113, 0.1) !important; - color: #a1acb8; + +.switch-input:focus ~ .switch-toggle-slider { + border: 1px solid #696cff; + box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); } -.navbar.bg-light .navbar-nav > .nav-link, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link { - color: #a1acb8; + +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-select ~ label { + color: #696cff; } -.navbar.bg-light .navbar-nav > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav-link:focus, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #697a8d; + +.form-floating > .form-control:-webkit-autofill ~ label { + color: #696cff; } -.navbar.bg-light .navbar-nav > .nav-link.disabled, -.navbar.bg-light .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #bfc6cf !important; + +.svg-illustration svg { + fill: #696cff; } -.navbar.bg-light .navbar-nav .show > .nav-link, -.navbar.bg-light .navbar-nav .active > .nav-link, -.navbar.bg-light .navbar-nav .nav-link.show, -.navbar.bg-light .navbar-nav .nav-link.active { - color: #697a8d; + +a { + color: #696cff; } -.navbar.bg-light .navbar-toggler { - color: #a1acb8; - border-color: rgba(105, 122, 141, 0.0783835294); + +a:hover { + color: #787bff; } -.navbar.bg-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + +.fill-primary { + fill: #696cff; } -.navbar.bg-light .navbar-text { - color: #a1acb8; + +.icon-card.active { + outline: 1px solid #696cff; } -.navbar.bg-light .navbar-text a { - color: #697a8d; + +.icon-card.active i, +.icon-card.active svg { + color: #696cff; } -.navbar.bg-light .navbar-text a:hover, .navbar.bg-light .navbar-text a:focus { - color: #697a8d; + +.app-chat .sidebar-body .chat-contact-list li.active { + background-color: #696cff; } -.navbar.bg-light hr { - border-color: rgba(105, 122, 141, 0.0783835294); + +.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text { + background-color: #696cff !important; } -.navbar.bg-lighter { - background-color: #f6f7f8 !important; - color: #a1acb8; +ol > li::marker { + font-weight: bold } -.navbar.bg-lighter .navbar-brand, -.navbar.bg-lighter .navbar-brand a { - color: #697a8d; + + + +.footer-link { + display: inline-block; } -.navbar.bg-lighter .navbar-brand:hover, .navbar.bg-lighter .navbar-brand:focus, -.navbar.bg-lighter .navbar-brand a:hover, -.navbar.bg-lighter .navbar-brand a:focus { + +.footer-light { + color: rgba(67, 89, 113, 0.5); +} +.footer-light .footer-text { color: #697a8d; } -.navbar.bg-lighter .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-lighter .navbar-search-wrapper .search-input { - color: #a1acb8; +.footer-light .footer-link { + color: rgba(67, 89, 113, 0.5); } -.navbar.bg-lighter .search-input-wrapper .search-input, -.navbar.bg-lighter .search-input-wrapper .search-toggler { - background-color: rgba(67, 89, 113, 0.05) !important; - color: #a1acb8; +.footer-light .footer-link:hover, .footer-light .footer-link:focus { + color: #697a8d; } -.navbar.bg-lighter .navbar-nav > .nav-link, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link { - color: #a1acb8; +.footer-light .footer-link.disabled { + color: rgba(67, 89, 113, 0.3) !important; } -.navbar.bg-lighter .navbar-nav > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav-link:focus, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:focus { +.footer-light .show > .footer-link, +.footer-light .active > .footer-link, +.footer-light .footer-link.show, +.footer-light .footer-link.active { color: #697a8d; } -.navbar.bg-lighter .navbar-nav > .nav-link.disabled, -.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #c3cad2 !important; +.footer-light hr { + border-color: rgba(0, 0, 0, 0.06); } -.navbar.bg-lighter .navbar-nav .show > .nav-link, -.navbar.bg-lighter .navbar-nav .active > .nav-link, -.navbar.bg-lighter .navbar-nav .nav-link.show, -.navbar.bg-lighter .navbar-nav .nav-link.active { - color: #697a8d; + +.footer-dark { + color: rgba(255, 255, 255, 0.8); } -.navbar.bg-lighter .navbar-toggler { - color: #a1acb8; - border-color: rgba(105, 122, 141, 0.076604902); +.footer-dark .footer-text { + color: #fff; } -.navbar.bg-lighter .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +.footer-dark .footer-link { + color: rgba(255, 255, 255, 0.8); } -.navbar.bg-lighter .navbar-text { - color: #a1acb8; +.footer-dark .footer-link:hover, .footer-dark .footer-link:focus { + color: #fff; } -.navbar.bg-lighter .navbar-text a { - color: #697a8d; +.footer-dark .footer-link.disabled { + color: rgba(255, 255, 255, 0.4) !important; } -.navbar.bg-lighter .navbar-text a:hover, .navbar.bg-lighter .navbar-text a:focus { - color: #697a8d; +.footer-dark .show > .footer-link, +.footer-dark .active > .footer-link, +.footer-dark .footer-link.show, +.footer-dark .footer-link.active { + color: #fff; } -.navbar.bg-lighter hr { - border-color: rgba(105, 122, 141, 0.076604902); +.footer-dark hr { + border-color: rgba(255, 255, 255, 0.2); } + .footer.bg-primary { background-color: #696cff !important; color: #e0e1ff; @@ -20270,3 +19113,36 @@ html:not(.layout-footer-fixed) .content-wrapper { border-color: rgba(105, 122, 141, 0.076604902); } +.footer.bg-footer-theme { + background-color: #f5f5f9 !important; + color: #697a8d; +} + +.footer.bg-footer-theme .footer-link { + color: #697a8d; +} + +.footer.bg-footer-theme .footer-link:hover, +.footer.bg-footer-theme .footer-link:focus { + color: #566a7f; +} + +.footer.bg-footer-theme .footer-link.disabled { + color: #a1abb8 !important; +} + +.footer.bg-footer-theme .footer-text { + color: #566a7f; +} + +.footer.bg-footer-theme .show > .footer-link, +.footer.bg-footer-theme .active > .footer-link, +.footer.bg-footer-theme .footer-link.show, +.footer.bg-footer-theme .footer-link.active { + color: #566a7f; +} + +.footer.bg-footer-theme hr { + border-color: rgba(86, 106, 127, 0.0768713725); +} + diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css b/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css index 2fcd1c96..f42938c7 100644 --- a/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css +++ b/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css @@ -1,5 +1,1421 @@ @charset "UTF-8"; +/* 메뉴, λ ˆμ΄μ•„μ›ƒ, ν…Œλ§ˆ, light-dark */ + +.light-style .ui-bordered { + border: 1px solid #d9dee3; +} +.light-style .ui-star > *:last-child { + color: rgba(67, 89, 113, 0.2); +} + +.dark-style .was-validated .form-control:invalid, +.dark-style .form-control.is-invalid { + border-color: #ff3e1d !important; +} + +.menu { + display: flex; +} +.menu .app-brand { + width: 100%; +} +.menu .ps__thumb-y, +.menu .ps__rail-y { + width: 0.125rem !important; +} +.menu .ps__rail-y { + right: 0.25rem !important; + left: auto !important; + background: none !important; +} +.menu .ps__rail-y:hover, +.menu .ps__rail-y:focus, +.menu .ps__rail-y.ps--clicking, +.menu .ps__rail-y:hover > .ps__thumb-y, +.menu .ps__rail-y:focus > .ps__thumb-y, +.menu .ps__rail-y.ps--clicking > .ps__thumb-y { + width: 0.375rem !important; +} + +.menu-inner { + display: flex; + align-items: flex-start; + justify-content: flex-start; + margin: 0; + padding: 0; + height: 100%; +} + +.menu-inner-shadow { + display: none; + position: absolute; + top: 4.225rem; + height: 3rem; + width: 100%; + pointer-events: none; + z-index: 2; +} +html:not(.layout-menu-fixed) .menu-inner-shadow { + display: none !important; +} + +.menu-item { + align-items: flex-start; + justify-content: flex-start; +} +.menu-item.menu-item-animating { + transition: height 0.3s ease-in-out; +} + +.menu-item, +.menu-header, +.menu-divider, +.menu-block { + flex: 0 0 auto; + flex-direction: column; + margin: 0; + padding: 0; + list-style: none; +} + +.menu-header { + opacity: 1; + transition: opacity 0.3s ease-in-out; +} + +.menu-icon { + flex-grow: 0; + flex-shrink: 0; + margin-right: 0.5rem; + font-size: 1.25rem; +} +.menu:not(.menu-no-animation) .menu-icon { + transition: margin-right 0.3s ease; +} + +.menu-link { + position: relative; + display: flex; + align-items: center; + flex: 0 1 auto; + margin: 0; +} +.menu-item.disabled .menu-link { + cursor: not-allowed !important; +} +.menu:not(.menu-no-animation) .menu-link { + transition-duration: 0.3s; + transition-property: color, background-color; +} +.menu-link > :not(.menu-icon) { + flex: 0 1 auto; + opacity: 1; +} +.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon) { + transition: opacity 0.3s ease-in-out; +} + +.menu-sub { + display: none; + flex-direction: column; + margin: 0; + padding: 0; +} +.menu:not(.menu-no-animation) .menu-sub { + transition: background-color 0.3s; +} +.menu-item.open > .menu-sub { + display: flex; +} + +.menu-toggle::after { + content: ""; + position: absolute; + top: 50%; + display: block; + width: 0.42em; + height: 0.42em; + border: 1px solid; + border-bottom: 0; + border-left: 0; + transform: translateY(-50%) rotate(45deg); +} +.menu-item.open:not(.menu-item-closing) > .menu-toggle::after { + transform: translateY(-50%) rotate(135deg); +} +.menu:not(.menu-no-animation) .menu-toggle::after { + transition-duration: 0.3s; + transition-property: transform; +} + +.menu-divider { + width: 100%; + border: 0; + border-top: 1px solid; +} + +.menu-vertical { + flex-direction: column; +} +.menu-vertical:not(.menu-no-animation) { + transition: width 0.3s; +} +.menu-vertical, +.menu-vertical .menu-block, +.menu-vertical .menu-inner > .menu-item, +.menu-vertical .menu-inner > .menu-header { + width: 16.25rem; +} +.menu-vertical .menu-inner { + flex-direction: column; + flex: 1 1 auto; +} +.menu-vertical .menu-inner > .menu-item { + margin: 0.0625rem 0; +} +.menu-vertical .menu-inner > .menu-item .menu-link { + margin: 0rem 1rem; +} +.menu-vertical .menu-item .menu-link, +.menu-vertical .menu-block { + padding: 0.625rem 1rem; +} +.menu-vertical .menu-header { + margin: 1rem 0 0.5rem 0; + padding: 0.625rem 2rem 0.625rem 2rem; +} +.menu-vertical .menu-item .menu-link { + font-size: 1rem; /* 메뉴 ν°νŠΈμ‚¬μ΄μ¦ˆ */ +} +.menu-vertical .menu-item.active:not(.open) > .menu-link { + font-weight: 600; +} +.menu-vertical .menu-item .menu-toggle { + padding-right: calc(1rem + 1.26em); +} +.menu-vertical .menu-item .menu-toggle::after { + right: 1rem; +} +.menu-vertical .menu-divider { + margin-top: 0.625rem; + margin-bottom: 0.625rem; + padding: 0; +} +.menu-vertical .menu-sub { + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; +} +.menu-vertical .menu-sub .menu-link { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +.menu-vertical .menu-icon { + width: 1.5rem; +} +.menu-vertical .menu-sub .menu-icon { + margin-right: 0; +} +@media (max-width: 1199.98px) { + .menu-vertical .menu-sub .menu-icon { + display: none; + } +} +.menu-vertical .menu-horizontal-wrapper { + flex: none; +} +.menu-vertical .menu-sub .menu-link { + padding-left: 2rem; +} +.menu-vertical .menu-sub .menu-sub .menu-link { + padding-left: 3.65rem; +} +.menu-vertical .menu-sub .menu-sub .menu-sub .menu-link { + padding-left: 4.3rem; +} +.menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-link { + padding-left: 4.95rem; +} +.menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link { + padding-left: 5.6rem; +} + +.menu-collapsed:not(:hover) { + width: 5.25rem; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item { + width: 5.25rem; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link { + padding-left: 1rem; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-header, +.menu-collapsed:not(:hover) .menu-block { + position: relative; + margin-left: 1rem; + padding-right: 1.5rem; + padding-left: 0.5rem; + width: 16.25rem; + text-indent: -9999px; + text-overflow: ellipsis; + white-space: nowrap; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-header .menu-header-text, +.menu-collapsed:not(:hover) .menu-block .menu-header-text { + overflow: hidden; + opacity: 0; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-header::before, +.menu-collapsed:not(:hover) .menu-block::before { + content: ""; + position: absolute; + left: 1.125rem; + display: block; + width: 1rem; + text-align: center; + top: 1.1875rem; +} +.menu-collapsed:not(:hover) .menu-block::before { + bottom: 0.75rem; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item div:not(.menu-block) { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-sub, +.menu-collapsed:not(:hover) .menu-inner > .menu-item.open > .menu-sub { + display: none; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-toggle::after { + display: none; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon { + margin-left: -2rem; + width: 5.25rem; + text-align: center; + margin-right: 0; +} + +.menu-horizontal { + flex-direction: row; + width: 100%; +} +.menu-horizontal .menu-inner { + overflow: hidden; + flex-direction: row; + flex: 0 1 100%; +} +.menu-horizontal .menu-item .menu-link { + padding: 0.565rem 1rem; +} +.menu-horizontal .menu-item .menu-toggle { + padding-right: calc(1rem + 1.26em); +} +.menu-horizontal .menu-item .menu-toggle::after { + right: calc(1rem + 0.21em); +} +.menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { + transform: translateY(-50%) rotate(135deg); +} +.menu-horizontal .menu-sub .menu-item.open:not(.menu-item-closing) > .menu-toggle::after { + transform: translateY(-50%) rotate(45deg); +} +.menu-horizontal .menu-inner > .menu-item:not(.menu-item-closing).open .menu-item.open { + position: relative; +} +.menu-horizontal .menu-header, +.menu-horizontal .menu-divider { + display: none !important; +} +.menu-horizontal .menu-sub { + position: absolute; + width: 14.5rem; + padding: 0.325rem 0; +} +.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) { + font-weight: 600; +} +.menu-horizontal .menu-sub .menu-sub { + position: absolute; + left: 100%; + top: 0; + width: 100%; +} +.menu-horizontal .menu-sub .menu-link { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +.menu-horizontal .menu-inner > .menu-item .menu-sub { + border-radius: 0.375rem; +} +.menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub { + animation: menuDropdownShow 0.3s ease-in-out; +} +.menu-horizontal .menu-sub .menu-sub .menu-link { + padding-left: 2.35rem; +} +@media (max-width: 991.98px) { + .menu-horizontal { + display: none; + } +} + +.menu-horizontal-wrapper { + overflow: hidden; + flex: 0 1 100%; + width: 0; +} +.menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner { + transition: margin 0.3s; +} + +.menu-horizontal-prev, +.menu-horizontal-next { + position: relative; + display: block; + flex: 0 0 auto; + width: 2.25rem; +} +.menu-horizontal-prev::after, +.menu-horizontal-next::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + display: block; + width: 0.5rem; + height: 0.5rem; + border: 1px solid; + border-top: 0; +} +.menu-horizontal-prev.disabled, +.menu-horizontal-next.disabled { + cursor: not-allowed !important; +} + +.menu-horizontal-prev::after { + border-right: 0; + transform: translate(-50%, -50%) rotate(45deg); +} + +.menu-horizontal-next::after { + border-left: 0; + transform: translate(-50%, -50%) rotate(-45deg); +} +@keyframes menuDropdownShow { + 0% { + opacity: 0; + transform: translateY(-0.5rem); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +.menu-light { + color: rgba(67, 89, 113, 0.5); +} +.menu-light .menu-link, +.menu-light .menu-horizontal-prev, +.menu-light .menu-horizontal-next { + color: rgba(67, 89, 113, 0.5); +} +.menu-light .menu-link:hover, .menu-light .menu-link:focus, +.menu-light .menu-horizontal-prev:hover, +.menu-light .menu-horizontal-prev:focus, +.menu-light .menu-horizontal-next:hover, +.menu-light .menu-horizontal-next:focus { + color: #697a8d; +} +.menu-light .menu-link.active, +.menu-light .menu-horizontal-prev.active, +.menu-light .menu-horizontal-next.active { + color: #697a8d; +} +.menu-light .menu-item.disabled .menu-link { + color: rgba(67, 89, 113, 0.3) !important; +} +.menu-light .menu-item.open:not(.menu-item-closing) > .menu-toggle, +.menu-light .menu-item.active > .menu-link { + color: #697a8d; +} +.menu-light .menu-item.active > .menu-link:not(.menu-toggle) { + background: rgba(0, 0, 0, 0.05); +} +.menu-light .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, +.menu-light .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + color: rgba(67, 89, 113, 0.5); +} +.menu-light .menu-text { + color: #697a8d; +} +.menu-light .menu-header { + color: rgba(67, 89, 113, 0.5); +} +.menu-light hr, +.menu-light .menu-divider, +.menu-light .menu-inner > .menu-item.open > .menu-sub::before { + border-color: rgba(0, 0, 0, 0.06) !important; +} +.menu-light .menu-inner > .menu-header::before, +.menu-light .menu-block::before { + background-color: rgba(67, 89, 113, 0.3); +} +.menu-light .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before { + background-color: rgba(0, 0, 0, 0.06); +} +.menu-light .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { + background-color: #697a8d; +} +.menu-light .ps__thumb-y { + background: rgba(67, 89, 113, 0.5) !important; +} + +.menu-dark { + color: rgba(255, 255, 255, 0.8); +} +.menu-dark .menu-link, +.menu-dark .menu-horizontal-prev, +.menu-dark .menu-horizontal-next { + color: rgba(255, 255, 255, 0.8); +} +.menu-dark .menu-link:hover, .menu-dark .menu-link:focus, +.menu-dark .menu-horizontal-prev:hover, +.menu-dark .menu-horizontal-prev:focus, +.menu-dark .menu-horizontal-next:hover, +.menu-dark .menu-horizontal-next:focus { + color: #fff; +} +.menu-dark .menu-link.active, +.menu-dark .menu-horizontal-prev.active, +.menu-dark .menu-horizontal-next.active { + color: #fff; +} +.menu-dark .menu-item.disabled .menu-link { + color: rgba(255, 255, 255, 0.4) !important; +} +.menu-dark .menu-item.open:not(.menu-item-closing) > .menu-toggle, +.menu-dark .menu-item.active > .menu-link { + color: #fff; +} +.menu-dark .menu-item.active > .menu-link:not(.menu-toggle) { + background: rgba(0, 0, 0, 0.06); +} +.menu-dark .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, +.menu-dark .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + color: rgba(255, 255, 255, 0.8); +} +.menu-dark .menu-text { + color: #fff; +} +.menu-dark .menu-header { + color: rgba(255, 255, 255, 0.8); +} +.menu-dark hr, +.menu-dark .menu-divider, +.menu-dark .menu-inner > .menu-item.open > .menu-sub::before { + border-color: rgba(255, 255, 255, 0.2) !important; +} +.menu-dark .menu-inner > .menu-header::before, +.menu-dark .menu-block::before { + background-color: rgba(255, 255, 255, 0.4); +} +.menu-dark .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before { + background-color: rgba(255, 255, 255, 0.2); +} +.menu-dark .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { + background-color: #fff; +} +.menu-dark .ps__thumb-y { + background: rgba(255, 255, 255, 0.8) !important; +} + +.layout-container { + min-height: 100vh; +} + +.layout-wrapper, +.layout-container { + width: 100%; + display: flex; + flex: 1 1 auto; + align-items: stretch; +} + +.layout-menu-offcanvas .layout-wrapper, +.layout-menu-fixed-offcanvas .layout-wrapper { + overflow: hidden; +} + +.layout-menu-offcanvas .layout-navbar .layout-menu-toggle, +.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle { + display: block !important; +} + +@media (min-width: 1200px) { + .layout-menu-offcanvas .layout-menu .layout-menu-toggle, + .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle { + display: none; + } +} + +.layout-page, +.content-wrapper, +.content-wrapper > *, +.layout-menu { + min-height: 1px; +} + +.layout-navbar, +.content-footer { + flex: 0 0 auto; +} + +.layout-page { + display: flex; + flex: 1 1 auto; + align-items: stretch; + padding: 0; +} +.layout-without-menu .layout-page { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before { + content: ""; + width: 100%; + height: 4.75rem; + position: fixed; + top: 0px; + z-index: 10; +} + +.content-wrapper { + display: flex; + align-items: stretch; + flex: 1 1 auto; + flex-direction: column; + justify-content: space-between; +} + +.content-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1; + width: 100vw; + height: 100vh; + background-color: #435971; +} +.content-backdrop.fade { + opacity: 0; +} +.content-backdrop.show { + opacity: 0.5; +} +.layout-menu-fixed .content-backdrop { + z-index: 10; +} +.layout-horizontal .content-backdrop:not(.fade) { + z-index: 9; + top: 3.875rem !important; +} +.content-backdrop.fade { + z-index: -1; +} + +.layout-navbar { + position: relative; + padding-top: 0.25rem; + padding-bottom: 0.2rem; + height: 4rem; + min-width: 1500px!important; + flex-wrap: nowrap; + color: #697a8d; + z-index: 2; +} +.layout-navbar .navbar { + transform: translate3d(0, 0, 0); +} +.layout-navbar .navbar-nav-right { + flex-basis: 100%; +} +.layout-navbar .navbar-search-wrapper .search-input, +.layout-navbar .navbar-search-wrapper .input-group-text { + background-color: transparent; +} +.layout-navbar .navbar-search-wrapper .navbar-search-suggestion { + max-height: 28rem; + border-radius: 0.5rem; +} +.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion { + color: #697a8d; +} +.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:hover, .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active { + background: #f5f5f9; + color: #697a8d; +} +.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header { + font-size: 0.8125rem; +} +.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header::before { + content: ""; + position: absolute; + left: 0; + width: 0.7rem; + height: 1px; + margin-top: 0.375rem; + background: #a1acb8; +} +.layout-navbar.navbar-detached { + width: calc(100% - (1.625rem * 2)); + margin: 0.75rem auto 0; + border-radius: 0.375rem; + padding: 0 1.5rem; +} +.layout-navbar.navbar-detached.container-xxl { + max-width: 1600px; +} +.layout-navbar-fixed .layout-navbar.navbar-detached { + width: calc(100% - calc(1.625rem * 2) - 16.25rem); +} +@media (max-width: 1199.98px) { + .layout-navbar-fixed .layout-navbar.navbar-detached { + width: calc(100% - (1.625rem * 2)) !important; + } +} +@media (max-width: 991.98px) { + .layout-navbar-fixed .layout-navbar.navbar-detached { + width: calc(100% - (1rem * 2)) !important; + } +} +.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached { + width: calc(100% - calc(1.625rem * 2) - 5.25rem); +} +@media (max-width: 1199.98px) { + .layout-navbar.navbar-detached { + width: calc(100vw - (100vw - 100%) - (1.625rem * 2)) !important; + } +} +@media (max-width: 991.98px) { + .layout-navbar.navbar-detached { + width: calc(100vw - (100vw - 100%) - (1rem * 2)) !important; + } +} +.layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached { + width: calc(100% - (1.625rem * 2)); +} +.layout-navbar .search-input-wrapper .search-toggler { + position: absolute; + top: 1.25rem; + right: 1rem; + z-index: 1; +} +.layout-navbar .search-input-wrapper .twitter-typeahead { + position: absolute !important; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +@media (min-width: 1400px) { + .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl { + left: calc((100% - 1440px) * 0.5); + } + .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler { + right: calc((100% - 1440px + 5rem) * 0.5); + } +} +.layout-navbar .search-input-wrapper .search-input { + height: 100%; + box-shadow: none; +} +.layout-navbar .search-input-wrapper .navbar-search-suggestion { + width: 100%; +} +.layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion { + left: 2% !important; + width: 96%; +} +.layout-navbar .navbar-dropdown .badge-notifications { + top: 0.5rem; + padding: 0.2rem 0.4rem; +} +.layout-navbar .navbar-dropdown .dropdown-menu { + min-width: 22rem; + overflow: hidden; +} +.layout-navbar .navbar-dropdown .dropdown-menu .last-login { + white-space: normal; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list { + max-height: 30rem; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item { + padding: 1rem; + cursor: pointer; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions { + text-align: center; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions > a { + display: block; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i, +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span { + color: #697a8d; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read, +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive { + visibility: hidden; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span { + background-color: #8592a3; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive { + visibility: hidden; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read, +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive { + visibility: visible; +} +.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive { + visibility: visible; +} +.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { + background-color: #696cff; +} + +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list { + max-height: 30rem; +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item { + text-align: center; + padding: 1.5rem; +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover { + background-color: rgba(67, 89, 113, 0.04); +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon { + height: 3.125rem; + width: 3.125rem; + margin-left: auto; + margin-right: auto; + display: flex; + align-items: center; + justify-content: center; +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover { + display: block; + margin-bottom: 0; + color: #697a8d !important; + font-weight: 600; +} +.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu { + min-width: 14rem; +} +.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text, +.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle { + color: #fff; +} +@media (max-width: 1199.98px) { + .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { + position: absolute; + } + .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login { + white-space: nowrap; + } +} +@media (max-width: 767.98px) { + .layout-navbar .navbar-nav .nav-item.dropdown { + position: static; + float: left; + } + .layout-navbar .navbar-nav .nav-item.dropdown .badge-notifications { + top: auto; + } + .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { + position: absolute; + left: 0.9rem; + min-width: auto; + width: 92%; + } +} + + + + +@media (max-width: 1199.98px) { + .layout-navbar { + z-index: 1080; + } +} +.layout-menu { + position: relative; + flex: 1 0 auto; +} +.layout-menu a:focus-visible { + outline: none; +} +.layout-menu .menu { + transform: translate3d(0, 0, 0); +} +.layout-menu .menu-vertical { + height: 100%; +} + +.layout-front .app-content { + min-height: calc(100vh - 8rem); +} + + +.layout-content-navbar .layout-page { + flex-basis: 100%; + flex-direction: column; + width: 0; + min-width: 0; + max-width: 100%; +} +.layout-content-navbar .content-wrapper { + width: 100%; +} + +.layout-navbar-full .layout-container { + flex-direction: column; +} +@media (min-width: 1200px) { + .layout-navbar-full:not(.layout-horizontal) .menu-inner { + margin-top: 0.75rem; + } +} +.layout-navbar-full .content-wrapper { + flex-basis: 100%; + width: 0; + min-width: 0; + max-width: 100%; +} +.layout-navbar-full .content-backdrop.show { + z-index: 9; +} +.layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show { + z-index: 1076; +} + +.layout-menu-flipped .layout-navbar-full .layout-page { + flex-direction: row-reverse; +} +.layout-menu-flipped .layout-content-navbar .layout-container { + flex-direction: row-reverse; +} + +@media (min-width: 992px) { + .layout-menu-hover .layout-menu-toggle { + display: none; + } +} +@media (min-width: 1200px) { + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical { + width: 5.25rem; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item { + width: 5.25rem; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link { + padding-left: 1rem; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block { + position: relative; + margin-left: 1rem; + padding-right: 1.5rem; + padding-left: 0.5rem; + width: 16.25rem; + text-indent: -9999px; + text-overflow: ellipsis; + white-space: nowrap; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header .menu-header-text, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header .menu-header-text, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text { + overflow: hidden; + opacity: 0; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before { + content: ""; + position: absolute; + left: 1.125rem; + display: block; + width: 1rem; + text-align: center; + top: 1.1875rem; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before { + bottom: 0.75rem; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block), + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block) { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-sub, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item.open > .menu-sub, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-sub, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item.open > .menu-sub { + display: none; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-toggle::after, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-toggle::after { + display: none; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon { + margin-left: -2rem; + width: 5.25rem; + text-align: center; + margin-right: 0; + } + .layout-menu-hover.layout-menu-collapsed .layout-menu { + margin-right: -11rem; + } + .layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu { + margin-left: -11rem; + margin-right: 0; + } +} +@media (min-width: 1200px) { + .layout-menu-collapsed.layout-menu-offcanvas .layout-menu { + margin-right: -16.25rem; + transform: translateX(-100%); + } + .layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu { + margin-right: 0; + margin-left: -16.25rem; + transform: translateX(100%); + } +} +@media (min-width: 1200px) { + .layout-menu-fixed .layout-menu, + .layout-menu-fixed-offcanvas .layout-menu { + position: fixed; + top: 0; + bottom: 0; + left: 0; + margin-right: 0 !important; + margin-left: 0 !important; + } + .layout-menu-fixed.layout-menu-flipped .layout-menu, + .layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu { + right: 0; + left: auto; + } + .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu { + transform: translateX(-100%); + } + .layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu { + transform: translateX(100%); + } + .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, + .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page { + padding-left: 16.25rem; + } + .layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page, + .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page { + padding-right: 16.25rem; + padding-left: 0; + } + .layout-menu-fixed.layout-menu-collapsed .layout-page { + padding-left: 5.25rem; + } + .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page { + padding-right: 5.25rem; + padding-left: 0; + } +} +html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page, +html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page { + padding-top: 0 !important; +} + +html:not(.layout-footer-fixed) .content-wrapper { + padding-bottom: 0 !important; +} + +@media (max-width: 1199.98px) { + .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, + .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu { + top: 0 !important; + } + html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page { + padding-top: 0 !important; + } +} +.layout-navbar-fixed .layout-navbar { + position: fixed; + top: 0; + right: 0; + left: 0; +} + +@media (min-width: 1200px) { + .layout-menu-fixed .layout-navbar-full .layout-navbar, + .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar { + position: fixed; + top: 0; + right: 0; + left: 0; + } + .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar { + left: 16.25rem; + } + .layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar { + right: 16.25rem; + left: 0; + } + .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal, + .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal { + position: fixed; + } + .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal + [class*=container-], + .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal + [class*=container-] { + padding-top: 4.8rem !important; + } + .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar { + left: 5.25rem; + } + .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar { + right: 5.25rem; + left: 0; + } +} +.layout-footer-fixed .content-footer { + position: fixed; + bottom: 0; + left: 0; + right: 0; +} + +@media (min-width: 1200px) { + .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer { + left: 16.25rem; + } + .layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { + right: 16.25rem; + left: 0; + } + .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer { + left: 5.25rem; + } + .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { + right: 5.25rem; + left: 0; + } +} +@media (max-width: 1199.98px) { + .layout-menu { + position: fixed !important; + top: 0 !important; + height: 100% !important; + left: 0 !important; + margin-right: 0 !important; + margin-left: 0 !important; + transform: translate3d(-100%, 0, 0); + will-change: transform, -webkit-transform; + } + .layout-menu-flipped .layout-menu { + right: 0 !important; + left: auto !important; + transform: translate3d(100%, 0, 0); + } + .layout-menu-expanded .layout-menu { + transform: translate3d(0, 0, 0) !important; + } + .layout-menu-expanded body { + overflow: hidden; + } + .layout-overlay { + position: fixed; + top: 0; + right: 0; + height: 100% !important; + left: 0; + display: none; + background: #435971; + opacity: 0.5; + cursor: pointer; + } + .layout-menu-expanded .layout-overlay { + display: block; + } + .layout-menu-100vh .layout-menu, + .layout-menu-100vh .layout-overlay { + height: 100vh !important; + } + .drag-target { + height: 100%; + width: 40px; + position: fixed; + top: 0; + left: 0px; + z-index: 1036; + } +} +.layout-navbar-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, +.layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, +.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-navbar { + z-index: 1080; +} +.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, +.layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, +.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar { + z-index: 1075; +} + +.layout-footer-fixed .content-footer { + z-index: 1030; +} + +.layout-menu-horizontal { + z-index: 9; +} + +@media (max-width: 1199.98px) { + .layout-menu { + z-index: 1100; + } + .layout-overlay { + z-index: 1099; + } +} +@media (min-width: 1200px) { + .layout-navbar-full .layout-navbar { + z-index: 10; + } + .layout-navbar-full .layout-menu { + z-index: 9; + } + .layout-content-navbar .layout-navbar { + z-index: 9; + } + .layout-content-navbar .layout-menu { + z-index: 10; + } + .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu { + z-index: 1075 !important; + } + .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu { + z-index: 1085 !important; + } + .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, + .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu { + z-index: 1075; + } + .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, + .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, + .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu { + z-index: 1080; + } +} +.layout-menu-link-no-transition .layout-menu .menu-link, +.layout-menu-link-no-transition .layout-menu-horizontal .menu-link { + transition: none !important; + animation: none !important; +} + +.layout-no-transition .layout-menu, .layout-no-transition .layout-menu .menu, .layout-no-transition .layout-menu .menu-item, +.layout-no-transition .layout-menu-horizontal, +.layout-no-transition .layout-menu-horizontal .menu, +.layout-no-transition .layout-menu-horizontal .menu-item { + transition: none !important; + animation: none !important; +} + +@media (max-width: 1199.98px) { + .layout-transitioning .layout-overlay { + animation: menuAnimation 0.3s; + } + .layout-transitioning .layout-menu { + transition-duration: 0.3s; + transition-property: transform; + } +} +@media (min-width: 1200px) { + .layout-menu-collapsed:not(.layout-transitioning):not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu { + transition-duration: 0.3s; + transition-property: margin-left, margin-right, width; + } + .layout-transitioning.layout-menu-offcanvas .layout-menu { + transition-duration: 0.3s; + transition-property: margin-left, margin-right, transform; + } + .layout-transitioning.layout-menu-fixed .layout-page, .layout-transitioning.layout-menu-fixed-offcanvas .layout-page { + transition-duration: 0.3s; + transition-property: padding-left, padding-right; + } + .layout-transitioning.layout-menu-fixed .layout-menu { + transition: width 0.3s; + } + .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu { + transition-duration: 0.3s; + transition-property: transform; + } + .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, .layout-transitioning.layout-footer-fixed .content-footer { + transition-duration: 0.3s; + transition-property: left, right; + } + .layout-transitioning:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu { + transition-duration: 0.3s; + transition-property: margin-left, margin-right, width; + } +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .menu, + .layout-menu, + .layout-page, + .layout-navbar, + .content-footer { + transition: none !important; + transition-duration: 0s !important; + } + .layout-overlay { + animation: none !important; + } +} +@keyframes menuAnimation { + 0% { + opacity: 0; + } + 100% { + opacity: 0.5; + } +} + + +.app-brand { + display: flex; + flex-grow: 0; + flex-shrink: 0; + overflow: hidden; + line-height: 1; + min-height: 1px; + align-items: center; +} + +.app-brand-link { + display: flex; + align-items: center; +} + +.app-brand-logo { + display: block; + flex-grow: 0; + flex-shrink: 0; + overflow: hidden; + min-height: 1px; +} +.app-brand-logo img, +.app-brand-logo svg { + display: block; +} + +.app-brand-text { + flex-shrink: 0; + opacity: 1; + transition: opacity 0.15s ease-in-out; +} + +.app-brand-img-collapsed { + display: none; +} + +.menu-vertical .app-brand { + padding-top : 1rem; + padding-left: 1rem; + padding-right: 2rem; +} + +.menu-horizontal .app-brand, +.menu-horizontal .app-brand + .menu-divider { + display: none !important; +} + +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand { + width: 5.25rem; +} +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo, +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-link, +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-text { + margin-right: auto; + margin-left: auto; +} +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo ~ .app-brand-text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; +} +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand .layout-menu-toggle { + display: none !important; +} +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img { + display: none; +} +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img-collapsed { + display: block; +} + +@media (min-width: 1200px) { + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand { + width: 5.25rem; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link, + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text { + margin-right: auto; + margin-left: auto; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo ~ .app-brand-text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle { + display: none !important; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img { + display: none; + } + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img-collapsed { + display: block; + } +} + + + + + .bg-menu-theme .menu-header { @@ -107,147 +1523,6 @@ - - - - - - - - - - -.page-item.active .page-link, -.page-item.active .page-link:hover, -.page-item.active .page-link:focus, -.pagination li.active > a:not(.page-link), -.pagination li.active > a:not(.page-link):hover, -.pagination li.active > a:not(.page-link):focus { - border-color: #696cff; - background-color: #696cff; - color: #fff; - box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4); -} - -.progress-bar { - background-color: #696cff; - color: #fff; - box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); -} - -.modal-onboarding .carousel-indicators [data-bs-target] { - background-color: #696cff; -} - -.carousel-control-prev, -.carousel-control-next { - color: #696cff; -} - -.carousel-control-prev:hover, -.carousel-control-prev:focus, -.carousel-control-next:hover, -.carousel-control-next:focus { - color: #696cff; -} - - - - - - - - - - -.dropdown-item:not(.disabled).active, -.dropdown-item:not(.disabled):active { - background-color: rgba(105, 108, 255, 0.08); - color: #696cff !important; -} - -.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, -.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) { - background-color: rgba(105, 108, 255, 0.08); - color: #696cff !important; -} - -.nav .nav-link:hover, .nav .nav-link:focus { - color: #5f61e6; -} - -.nav-pills .nav-link.active, -.nav-pills .nav-link.active:hover, -.nav-pills .nav-link.active:focus { - background-color: #696cff; - color: #fff; - box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); -} - -.form-control:focus, -.form-select:focus { - border-color: #696cff; -} - -.input-group:focus-within .form-control, -.input-group:focus-within .input-group-text { - border-color: #696cff; -} - -.form-check-input:focus { - border-color: #696cff; - box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); -} - -.form-check-input:disabled { - background-color: #eceef1; -} - -.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { - background-color: #696cff; - border-color: #696cff; - box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); -} - -.custom-option.checked { - border: 1px solid #696cff; -} - -.form-switch .form-check-input:focus { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23696cff'/%3e%3c/svg%3e"); -} - -.form-switch .form-check-input:checked { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); -} - -.form-control:focus ~ .form-label { - border-color: #696cff; -} - -.form-control:focus ~ .form-label::after { - border-color: inherit; -} - -.switch-input:checked ~ .switch-toggle-slider { - background: #696cff; - color: #fff; -} - -.switch-input:active ~ .switch-toggle-slider { - box-shadow: none; -} - -.switch-input:focus ~ .switch-toggle-slider { - border: 1px solid #696cff; - box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1); -} - - - - - - .menu.bg-primary { background-color: #696cff !important; color: #e0e1ff; @@ -356,61 +1631,6 @@ - -.form-floating > .form-control:focus ~ label, -.form-floating > .form-control:not(:placeholder-shown) ~ label, -.form-floating > .form-select ~ label { - color: #696cff; -} - -.form-floating > .form-control:-webkit-autofill ~ label { - color: #696cff; -} - -.svg-illustration svg { - fill: #696cff; -} - - - -html:not([dir=rtl]) .border-primary, -html[dir=rtl] .border-primary { - border-color: #696cff !important; -} - -a { - color: #696cff; -} - -a:hover { - color: #787bff; -} - -.fill-primary { - fill: #696cff; -} - - - -.icon-card.active { - outline: 1px solid #696cff; -} - -.icon-card.active i, -.icon-card.active svg { - color: #696cff; -} - - -.app-chat .sidebar-body .chat-contact-list li.active { - background-color: #696cff; -} - -.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text { - background-color: #696cff !important; -} - - .bg-navbar-theme { background-color: #fff !important; color: #697a8d; @@ -681,6 +1901,8 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin border: 3px solid #e7e7ff !important; } + + .app-brand .layout-menu-toggle { background-color: #696cff; border: 7px solid #f5f5f9; @@ -709,117 +1931,15 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin background-color: #b4bdc6; } -.timeline .timeline-item .timeline-event:after { - content: "" -} - -.bg-footer-theme { - background-color: #f5f5f9 !important; - color: #697a8d; -} - -.bg-footer-theme .footer-link { - color: #697a8d; -} - -.bg-footer-theme .footer-link:hover, -.bg-footer-theme .footer-link:focus { - color: #566a7f; -} - -.bg-footer-theme .footer-link.disabled { - color: #a1abb8 !important; -} -.bg-footer-theme .footer-text { - color: #566a7f; -} -.bg-footer-theme .show > .footer-link, -.bg-footer-theme .active > .footer-link, -.bg-footer-theme .footer-link.show, -.bg-footer-theme .footer-link.active { - color: #566a7f; -} -.bg-footer-theme hr { - border-color: rgba(86, 106, 127, 0.0768713725); -} .layout-footer-fixed .content-footer { box-shadow: 0 0 0.375rem 0.25rem rgba(161, 172, 184, 0.15); } - - - - - - - -.accordion .accordion-item { - border-top: 1px solid #d9dee3; - box-shadow: none !important -} - -.nav-tabs ~ .tab-content, -.nav-pills ~ .tab-content { - box-shadow: none !important; - border: 1px solid #d9dee3 -} - -.nav-tabs .nav-item .nav-link { - border: 1px solid #d9dee3 -} - -.nav-tabs .nav-item .nav-link.active, -.nav-tabs .nav-item .nav-link:active { - box-shadow: none !important -} - -.nav-tabs ~ .tab-content { - z-index: 0 !important -} - -.nav-align-top .nav-tabs .nav-item:not(:first-child) .nav-link, -.nav-align-bottom .nav-tabs .nav-item:not(:first-child) .nav-link { - border-left-width: 0 -} - -.nav-align-top .nav-tabs .nav-item .nav-link.active, -.nav-align-top .nav-tabs .nav-item .nav-link:active { - border-bottom-color: #fff -} - -.nav-align-bottom .nav-tabs .nav-item .nav-link.active, -.nav-align-bottom .nav-tabs .nav-item .nav-link:active { - border-top-color: #fff -} - -.nav-align-bottom .nav-tabs .nav-item .nav-link.active:hover, -.nav-align-bottom .nav-tabs .nav-item .nav-link.active:focus, -.nav-align-bottom .nav-tabs .nav-item .nav-link:active:hover, -.nav-align-bottom .nav-tabs .nav-item .nav-link:active:focus { - border-bottom-color: #d9dee3 !important -} - -.nav-align-left .nav-tabs .nav-item:not(:first-child) .nav-link, -.nav-align-right .nav-tabs .nav-item:not(:first-child) .nav-link { - border-color: #d9dee3 -} - -.nav-align-left .nav-tabs .nav-item .nav-link.active, -.nav-align-left .nav-tabs .nav-item .nav-link:active { - border-right-color: #fff -} - -.nav-align-right .nav-tabs .nav-item .nav-link.active, -.nav-align-right .nav-tabs .nav-item .nav-link:active { - border-left-color: #fff -} - - .layout-menu-offcanvas .layout-wrapper, .layout-menu-fixed-offcanvas .layout-wrapper { overflow: inherit @@ -840,10 +1960,6 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin } -ol > li::marker { - font-weight: bold -} - .bg-menu-theme .menu-sub > .menu-item > .menu-link:before { display: none }