芝麻web文件管理V1.00
编辑当前文件:/home/digitalh/erp.digitalhubbd.com/public/css/lite-purple.css
@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700,800,900);@charset "UTF-8"; /*! * BootstrapVue Custom CSS (https://bootstrap-vue.org) */ .bv-no-focus-ring:focus { outline: none; } @media (max-width: 575.98px) { .bv-d-xs-down-none { display: none !important; } } @media (max-width: 767.98px) { .bv-d-sm-down-none { display: none !important; } } @media (max-width: 991.98px) { .bv-d-md-down-none { display: none !important; } } @media (max-width: 1199.98px) { .bv-d-lg-down-none { display: none !important; } } .bv-d-xl-down-none { display: none !important; } .form-control.focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control.focus.is-valid { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .form-control.focus.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .b-avatar { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; flex-shrink: 0; width: 2.5rem; height: 2.5rem; font-size: inherit; font-weight: 400; line-height: 1; max-width: 100%; max-height: auto; text-align: center; overflow: visible; position: relative; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .b-avatar:focus { outline: 0; } .b-avatar.btn, .b-avatar[href] { padding: 0; border: 0; } .b-avatar.btn .b-avatar-img img, .b-avatar[href] .b-avatar-img img { transition: transform 0.15s ease-in-out; } .b-avatar.btn:not(:disabled):not(.disabled), .b-avatar[href]:not(:disabled):not(.disabled) { cursor: pointer; } .b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img { transform: scale(1.15); } .b-avatar.disabled, .b-avatar:disabled, .b-avatar[disabled] { opacity: 0.65; pointer-events: none; } .b-avatar .b-avatar-custom, .b-avatar .b-avatar-text, .b-avatar .b-avatar-img { border-radius: inherit; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); } .b-avatar .b-avatar-text { text-transform: uppercase; white-space: nowrap; } .b-avatar[href] { text-decoration: none; } .b-avatar > .b-icon { width: 60%; height: auto; max-width: 100%; } .b-avatar .b-avatar-img img { width: 100%; height: 100%; max-height: auto; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .b-avatar .b-avatar-badge { position: absolute; min-height: 1.5em; min-width: 1.5em; padding: 0.25em; line-height: 1; border-radius: 10em; font-size: 70%; font-weight: 700; z-index: 1; } .b-avatar-sm { width: 1.5rem; height: 1.5rem; } .b-avatar-sm .b-avatar-text { font-size: calc(0.6rem); } .b-avatar-sm .b-avatar-badge { font-size: calc(0.42rem); } .b-avatar-lg { width: 3.5rem; height: 3.5rem; } .b-avatar-lg .b-avatar-text { font-size: calc(1.4rem); } .b-avatar-lg .b-avatar-badge { font-size: calc(0.98rem); } .b-avatar-group .b-avatar-group-inner { display: flex; flex-wrap: wrap; } .b-avatar-group .b-avatar { border: 1px solid #dee2e6; } .b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled), .b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) { z-index: 1; } .b-calendar { display: inline-flex; } .b-calendar .b-calendar-inner { min-width: 250px; } .b-calendar .b-calendar-header, .b-calendar .b-calendar-nav { margin-bottom: 0.25rem; } .b-calendar .b-calendar-nav .btn { padding: 0.25rem; } .b-calendar output { padding: 0.25rem; font-size: 80%; } .b-calendar output.readonly { background-color: #e9ecef; opacity: 1; } .b-calendar .b-calendar-footer { margin-top: 0.5rem; } .b-calendar .b-calendar-grid { padding: 0; margin: 0; overflow: hidden; } .b-calendar .b-calendar-grid .row { flex-wrap: nowrap; } .b-calendar .b-calendar-grid-caption { padding: 0.25rem; } .b-calendar .b-calendar-grid-body .col[data-date] .btn { width: 32px; height: 32px; font-size: 14px; line-height: 1; margin: 3px auto; padding: 9px 0; } .b-calendar .btn:disabled, .b-calendar .btn.disabled, .b-calendar .btn[aria-disabled=true] { cursor: default; pointer-events: none; } .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after { display: none !important; } .dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before { display: none !important; } .dropdown .dropdown-menu:focus { outline: none; } .b-dropdown-form { display: inline-block; padding: 0.25rem 1.5rem; width: 100%; clear: both; font-weight: 400; } .b-dropdown-form:focus { outline: 1px dotted !important; outline: 5px auto -webkit-focus-ring-color !important; } .b-dropdown-form.disabled, .b-dropdown-form:disabled { outline: 0 !important; color: #6c757d; pointer-events: none; } .b-dropdown-text { display: inline-block; padding: 0.25rem 1.5rem; margin-bottom: 0; width: 100%; clear: both; font-weight: lighter; } .custom-checkbox.b-custom-control-lg, .input-group-lg .custom-checkbox { font-size: 1.25rem; line-height: 1.5; padding-left: 1.875rem; } .custom-checkbox.b-custom-control-lg .custom-control-label::before, .input-group-lg .custom-checkbox .custom-control-label::before { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; border-radius: 0.3rem; } .custom-checkbox.b-custom-control-lg .custom-control-label::after, .input-group-lg .custom-checkbox .custom-control-label::after { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; background-size: 50% 50%; } .custom-checkbox.b-custom-control-sm, .input-group-sm .custom-checkbox { font-size: 0.875rem; line-height: 1.5; padding-left: 1.3125rem; } .custom-checkbox.b-custom-control-sm .custom-control-label::before, .input-group-sm .custom-checkbox .custom-control-label::before { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; border-radius: 0.2rem; } .custom-checkbox.b-custom-control-sm .custom-control-label::after, .input-group-sm .custom-checkbox .custom-control-label::after { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; background-size: 50% 50%; } .custom-switch.b-custom-control-lg, .input-group-lg .custom-switch { padding-left: 2.8125rem; } .custom-switch.b-custom-control-lg .custom-control-label, .input-group-lg .custom-switch .custom-control-label { font-size: 1.25rem; line-height: 1.5; } .custom-switch.b-custom-control-lg .custom-control-label::before, .input-group-lg .custom-switch .custom-control-label::before { top: 0.3125rem; height: 1.25rem; left: -2.8125rem; width: 2.1875rem; border-radius: 0.625rem; } .custom-switch.b-custom-control-lg .custom-control-label::after, .input-group-lg .custom-switch .custom-control-label::after { top: calc( 0.3125rem + 2px ); left: calc( -2.8125rem + 2px ); width: calc( 1.25rem - 4px ); height: calc( 1.25rem - 4px ); border-radius: 0.625rem; background-size: 50% 50%; } .custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after, .input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(0.9375rem); } .custom-switch.b-custom-control-sm, .input-group-sm .custom-switch { padding-left: 1.96875rem; } .custom-switch.b-custom-control-sm .custom-control-label, .input-group-sm .custom-switch .custom-control-label { font-size: 0.875rem; line-height: 1.5; } .custom-switch.b-custom-control-sm .custom-control-label::before, .input-group-sm .custom-switch .custom-control-label::before { top: 0.21875rem; left: -1.96875rem; width: 1.53125rem; height: 0.875rem; border-radius: 0.4375rem; } .custom-switch.b-custom-control-sm .custom-control-label::after, .input-group-sm .custom-switch .custom-control-label::after { top: calc( 0.21875rem + 2px ); left: calc( -1.96875rem + 2px ); width: calc( 0.875rem - 4px ); height: calc( 0.875rem - 4px ); border-radius: 0.4375rem; background-size: 50% 50%; } .custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after, .input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(0.65625rem); } .input-group > .input-group-prepend > .btn-group > .btn, .input-group > .input-group-append:not(:last-child) > .btn-group > .btn, .input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn-group > .btn, .input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn, .input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .b-form-btn-label-control.form-control { display: flex; align-items: stretch; height: auto; padding: 0; background-image: none; } .input-group .b-form-btn-label-control.form-control { padding: 0; } [dir=rtl] .b-form-btn-label-control.form-control, .b-form-btn-label-control.form-control[dir=rtl] { flex-direction: row-reverse; } [dir=rtl] .b-form-btn-label-control.form-control > label, .b-form-btn-label-control.form-control[dir=rtl] > label { text-align: right; } .b-form-btn-label-control.form-control > .btn { line-height: 1; font-size: inherit; box-shadow: none !important; border: 0; } .b-form-btn-label-control.form-control > .btn:disabled { pointer-events: none; } .b-form-btn-label-control.form-control.is-valid > .btn { color: #28a745; } .b-form-btn-label-control.form-control.is-invalid > .btn { color: #dc3545; } .b-form-btn-label-control.form-control > .dropdown-menu { padding: 0.5rem; } .b-form-btn-label-control.form-control > .form-control { height: auto; min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px); padding-left: 0.25rem; margin: 0; border: 0; outline: 0; background: transparent; word-break: break-word; font-size: inherit; white-space: normal; cursor: pointer; } .b-form-btn-label-control.form-control > .form-control.form-control-sm { min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px); } .b-form-btn-label-control.form-control > .form-control.form-control-lg { min-height: calc(calc(1.5em + 1rem + 2px) - 2px); } .input-group.input-group-sm .b-form-btn-label-control.form-control > .form-control { min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; } .input-group.input-group-lg .b-form-btn-label-control.form-control > .form-control { min-height: calc(calc(1.5em + 1rem + 2px) - 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; } .b-form-btn-label-control.form-control[aria-disabled=true], .b-form-btn-label-control.form-control[aria-readonly=true] { background-color: #e9ecef; opacity: 1; } .b-form-btn-label-control.form-control[aria-disabled=true] { pointer-events: none; } .b-form-btn-label-control.form-control[aria-disabled=true] > label { cursor: default; } .b-form-btn-label-control.btn-group > .dropdown-menu { padding: 0.5rem; } .custom-file-label { white-space: nowrap; overflow-x: hidden; } .b-custom-control-lg.custom-file, .b-custom-control-lg .custom-file-input, .b-custom-control-lg .custom-file-label, .input-group-lg.custom-file, .input-group-lg .custom-file-input, .input-group-lg .custom-file-label { font-size: 1.25rem; height: calc(1.5em + 1rem + 2px); } .b-custom-control-lg .custom-file-label, .b-custom-control-lg .custom-file-label:after, .input-group-lg .custom-file-label, .input-group-lg .custom-file-label:after { padding: 0.5rem 1rem; line-height: 1.5; } .b-custom-control-lg .custom-file-label, .input-group-lg .custom-file-label { border-radius: 0.3rem; } .b-custom-control-lg .custom-file-label::after, .input-group-lg .custom-file-label::after { font-size: inherit; height: calc( 1.5em + 1rem ); border-radius: 0 0.3rem 0.3rem 0; } .b-custom-control-sm.custom-file, .b-custom-control-sm .custom-file-input, .b-custom-control-sm .custom-file-label, .input-group-sm.custom-file, .input-group-sm .custom-file-input, .input-group-sm .custom-file-label { font-size: 0.875rem; height: calc(1.5em + 0.5rem + 2px); } .b-custom-control-sm .custom-file-label, .b-custom-control-sm .custom-file-label:after, .input-group-sm .custom-file-label, .input-group-sm .custom-file-label:after { padding: 0.25rem 0.5rem; line-height: 1.5; } .b-custom-control-sm .custom-file-label, .input-group-sm .custom-file-label { border-radius: 0.2rem; } .b-custom-control-sm .custom-file-label::after, .input-group-sm .custom-file-label::after { font-size: inherit; height: calc( 1.5em + 0.5rem ); border-radius: 0 0.2rem 0.2rem 0; } .was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid { background-position: right calc(0.375em + 0.1875rem) center; } input[type=color].form-control { height: calc(1.5em + 0.75rem + 2px); padding: 0.125rem 0.25rem; } input[type=color].form-control.form-control-sm, .input-group-sm input[type=color].form-control { height: calc(1.5em + 0.5rem + 2px); padding: 0.125rem 0.25rem; } input[type=color].form-control.form-control-lg, .input-group-lg input[type=color].form-control { height: calc(1.5em + 1rem + 2px); padding: 0.125rem 0.25rem; } input[type=color].form-control:disabled { background-color: #adb5bd; opacity: 0.65; } .input-group > .custom-range { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .custom-range + .form-control, .input-group > .custom-range + .form-control-plaintext, .input-group > .custom-range + .custom-select, .input-group > .custom-range + .custom-range, .input-group > .custom-range + .custom-file { margin-left: -1px; } .input-group > .form-control + .custom-range, .input-group > .form-control-plaintext + .custom-range, .input-group > .custom-select + .custom-range, .input-group > .custom-range + .custom-range, .input-group > .custom-file + .custom-range { margin-left: -1px; } .input-group > .custom-range:focus { z-index: 3; } .input-group > .custom-range:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-range:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-range { height: calc(1.5em + 0.75rem + 2px); padding: 0 0.75rem; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; height: calc(1.5em + 0.75rem + 2px); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group > .custom-range { transition: none; } } .input-group > .custom-range:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .input-group > .custom-range:disabled, .input-group > .custom-range[readonly] { background-color: #e9ecef; } .input-group-lg > .custom-range { height: calc(1.5em + 1rem + 2px); padding: 0 1rem; border-radius: 0.3rem; } .input-group-sm > .custom-range { height: calc(1.5em + 0.5rem + 2px); padding: 0 0.5rem; border-radius: 0.2rem; } .was-validated .input-group .custom-range:valid, .input-group .custom-range.is-valid { border-color: #28a745; } .was-validated .input-group .custom-range:valid:focus, .input-group .custom-range.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-range:valid:focus::-webkit-slider-thumb, .custom-range.is-valid:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid:focus::-moz-range-thumb, .custom-range.is-valid:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid:focus::-ms-thumb, .custom-range.is-valid:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid::-webkit-slider-thumb, .custom-range.is-valid::-webkit-slider-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-webkit-slider-thumb:active, .custom-range.is-valid::-webkit-slider-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-webkit-slider-runnable-track, .custom-range.is-valid::-webkit-slider-runnable-track { background-color: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid::-moz-range-thumb, .custom-range.is-valid::-moz-range-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-moz-range-thumb:active, .custom-range.is-valid::-moz-range-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-moz-range-track, .custom-range.is-valid::-moz-range-track { background: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid ~ .valid-feedback, .was-validated .custom-range:valid ~ .valid-tooltip, .custom-range.is-valid ~ .valid-feedback, .custom-range.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-range:valid::-ms-thumb, .custom-range.is-valid::-ms-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-ms-thumb:active, .custom-range.is-valid::-ms-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-ms-track-lower, .custom-range.is-valid::-ms-track-lower { background: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid::-ms-track-upper, .custom-range.is-valid::-ms-track-upper { background: rgba(40, 167, 69, 0.35); } .was-validated .input-group .custom-range:invalid, .input-group .custom-range.is-invalid { border-color: #dc3545; } .was-validated .input-group .custom-range:invalid:focus, .input-group .custom-range.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-range:invalid:focus::-webkit-slider-thumb, .custom-range.is-invalid:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid:focus::-moz-range-thumb, .custom-range.is-invalid:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid:focus::-ms-thumb, .custom-range.is-invalid:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid::-webkit-slider-thumb, .custom-range.is-invalid::-webkit-slider-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-webkit-slider-thumb:active, .custom-range.is-invalid::-webkit-slider-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-webkit-slider-runnable-track, .custom-range.is-invalid::-webkit-slider-runnable-track { background-color: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid::-moz-range-thumb, .custom-range.is-invalid::-moz-range-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-moz-range-thumb:active, .custom-range.is-invalid::-moz-range-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-moz-range-track, .custom-range.is-invalid::-moz-range-track { background: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid ~ .invalid-feedback, .was-validated .custom-range:invalid ~ .invalid-tooltip, .custom-range.is-invalid ~ .invalid-feedback, .custom-range.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-range:invalid::-ms-thumb, .custom-range.is-invalid::-ms-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-ms-thumb:active, .custom-range.is-invalid::-ms-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-lower { background: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid::-ms-track-upper, .custom-range.is-invalid::-ms-track-upper { background: rgba(220, 53, 69, 0.35); } .custom-radio.b-custom-control-lg, .input-group-lg .custom-radio { font-size: 1.25rem; line-height: 1.5; padding-left: 1.875rem; } .custom-radio.b-custom-control-lg .custom-control-label::before, .input-group-lg .custom-radio .custom-control-label::before { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; } .custom-radio.b-custom-control-lg .custom-control-label::after, .input-group-lg .custom-radio .custom-control-label::after { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; background: no-repeat 50%/50% 50%; } .custom-radio.b-custom-control-sm, .input-group-sm .custom-radio { font-size: 0.875rem; line-height: 1.5; padding-left: 1.3125rem; } .custom-radio.b-custom-control-sm .custom-control-label::before, .input-group-sm .custom-radio .custom-control-label::before { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; border-radius: 50%; } .custom-radio.b-custom-control-sm .custom-control-label::after, .input-group-sm .custom-radio .custom-control-label::after { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; background: no-repeat 50%/50% 50%; } .b-rating { text-align: center; } .b-rating.d-inline-flex { width: auto; } .b-rating .b-rating-star, .b-rating .b-rating-value { padding: 0 0.25em; } .b-rating .b-rating-value { min-width: 2.5em; } .b-rating .b-rating-star { display: inline-flex; justify-content: center; outline: 0; } .b-rating .b-rating-star .b-rating-icon { display: inline-flex; transition: all 0.15s ease-in-out; } .b-rating.disabled, .b-rating:disabled { background-color: #e9ecef; color: #6c757d; } .b-rating:not(.disabled):not(.readonly) .b-rating-star { cursor: pointer; } .b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon, .b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon { transform: scale(1.5); } .b-rating[dir=rtl] .b-rating-star-half { transform: scale(-1, 1); } .b-form-spinbutton { text-align: center; overflow: hidden; background-image: none; padding: 0; } [dir=rtl] .b-form-spinbutton:not(.flex-column), .b-form-spinbutton[dir=rtl]:not(.flex-column) { flex-direction: row-reverse; } .b-form-spinbutton output { font-size: inherit; outline: 0; border: 0; background-color: transparent; width: auto; margin: 0; padding: 0 0.25rem; } .b-form-spinbutton output > div, .b-form-spinbutton output > bdi { display: block; min-width: 2.25em; height: 1.5em; } .b-form-spinbutton.flex-column { height: auto; width: auto; } .b-form-spinbutton.flex-column output { margin: 0 0.25rem; padding: 0.25rem 0; } .b-form-spinbutton:not(.d-inline-flex):not(.flex-column) { output-width: 100%; } .b-form-spinbutton.d-inline-flex:not(.flex-column) { width: auto; } .b-form-spinbutton .btn { line-height: 1; box-shadow: none !important; } .b-form-spinbutton .btn:disabled { pointer-events: none; } .b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon { transform: scale(1.25); } .b-form-spinbutton.disabled, .b-form-spinbutton.readonly { background-color: #e9ecef; } .b-form-spinbutton.disabled { pointer-events: none; } .b-form-tags .b-form-tags-list { margin-top: -0.25rem; } .b-form-tags .b-form-tags-list .b-from-tags-field, .b-form-tags .b-form-tags-list .b-form-tag { margin-top: 0.25rem; } .b-form-tags.focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .b-form-tags.focus.is-valid { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .b-form-tags.focus.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .b-form-tags.disabled { background-color: #e9ecef; } .b-form-tag { font-size: 75%; font-weight: normal; line-height: 1.5; margin-right: 0.25rem; } .b-form-tag.disabled { opacity: 0.75; } .b-form-tag > button.b-form-tag-remove { color: inherit; font-size: 125%; line-height: 1; float: none; margin-left: 0.25rem; } .form-control-sm .b-form-tag { line-height: 1.5; } .form-control-lg .b-form-tag { line-height: 1.5; } .media-aside { display: flex; margin-right: 1rem; } .media-aside-right { margin-right: 0; margin-left: 1rem; } .modal-backdrop { opacity: 0.5; } .b-pagination-pills .page-item .page-link { border-radius: 50rem !important; margin-left: 0.25rem; line-height: 1; } .b-pagination-pills .page-item:first-child .page-link { margin-left: 0; } .popover.b-popover { display: block; opacity: 1; outline: 0; } .popover.b-popover.fade:not(.show) { opacity: 0; } .popover.b-popover.show { opacity: 1; } .b-popover-primary.popover { background-color: #cce5ff; border-color: #b8daff; } .b-popover-primary.bs-popover-top > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #b8daff; } .b-popover-primary.bs-popover-top > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #cce5ff; } .b-popover-primary.bs-popover-right > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #b8daff; } .b-popover-primary.bs-popover-right > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #cce5ff; } .b-popover-primary.bs-popover-bottom > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #b8daff; } .b-popover-primary.bs-popover-bottom > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #bdddff; } .b-popover-primary.bs-popover-bottom .popover-header::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #bdddff; } .b-popover-primary.bs-popover-left > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #b8daff; } .b-popover-primary.bs-popover-left > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #cce5ff; } .b-popover-primary .popover-header { color: #212529; background-color: #bdddff; border-bottom-color: #a3d0ff; } .b-popover-primary .popover-body { color: #004085; } .b-popover-secondary.popover { background-color: #e2e3e5; border-color: #d6d8db; } .b-popover-secondary.bs-popover-top > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #d6d8db; } .b-popover-secondary.bs-popover-top > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #e2e3e5; } .b-popover-secondary.bs-popover-right > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #d6d8db; } .b-popover-secondary.bs-popover-right > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #e2e3e5; } .b-popover-secondary.bs-popover-bottom > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #d6d8db; } .b-popover-secondary.bs-popover-bottom > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #dadbde; } .b-popover-secondary.bs-popover-bottom .popover-header::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #dadbde; } .b-popover-secondary.bs-popover-left > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #d6d8db; } .b-popover-secondary.bs-popover-left > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #e2e3e5; } .b-popover-secondary .popover-header { color: #212529; background-color: #dadbde; border-bottom-color: #ccced2; } .b-popover-secondary .popover-body { color: #383d41; } .b-popover-success.popover { background-color: #d4edda; border-color: #c3e6cb; } .b-popover-success.bs-popover-top > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #c3e6cb; } .b-popover-success.bs-popover-top > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #d4edda; } .b-popover-success.bs-popover-right > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #c3e6cb; } .b-popover-success.bs-popover-right > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #d4edda; } .b-popover-success.bs-popover-bottom > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #c3e6cb; } .b-popover-success.bs-popover-bottom > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #c9e8d1; } .b-popover-success.bs-popover-bottom .popover-header::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #c9e8d1; } .b-popover-success.bs-popover-left > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #c3e6cb; } .b-popover-success.bs-popover-left > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #d4edda; } .b-popover-success .popover-header { color: #212529; background-color: #c9e8d1; border-bottom-color: #b7e1c1; } .b-popover-success .popover-body { color: #155724; } .b-popover-info.popover { background-color: #d1ecf1; border-color: #bee5eb; } .b-popover-info.bs-popover-top > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #bee5eb; } .b-popover-info.bs-popover-top > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #d1ecf1; } .b-popover-info.bs-popover-right > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #bee5eb; } .b-popover-info.bs-popover-right > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #d1ecf1; } .b-popover-info.bs-popover-bottom > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #bee5eb; } .b-popover-info.bs-popover-bottom > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #c5e7ed; } .b-popover-info.bs-popover-bottom .popover-header::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #c5e7ed; } .b-popover-info.bs-popover-left > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #bee5eb; } .b-popover-info.bs-popover-left > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #d1ecf1; } .b-popover-info .popover-header { color: #212529; background-color: #c5e7ed; border-bottom-color: #b2dfe7; } .b-popover-info .popover-body { color: #0c5460; } .b-popover-warning.popover { background-color: #fff3cd; border-color: #ffeeba; } .b-popover-warning.bs-popover-top > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #ffeeba; } .b-popover-warning.bs-popover-top > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #fff3cd; } .b-popover-warning.bs-popover-right > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #ffeeba; } .b-popover-warning.bs-popover-right > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #fff3cd; } .b-popover-warning.bs-popover-bottom > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #ffeeba; } .b-popover-warning.bs-popover-bottom > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #ffefbe; } .b-popover-warning.bs-popover-bottom .popover-header::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #ffefbe; } .b-popover-warning.bs-popover-left > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #ffeeba; } .b-popover-warning.bs-popover-left > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #fff3cd; } .b-popover-warning .popover-header { color: #212529; background-color: #ffefbe; border-bottom-color: #ffe9a4; } .b-popover-warning .popover-body { color: #856404; } .b-popover-danger.popover { background-color: #f8d7da; border-color: #f5c6cb; } .b-popover-danger.bs-popover-top > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #f5c6cb; } .b-popover-danger.bs-popover-top > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #f8d7da; } .b-popover-danger.bs-popover-right > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #f5c6cb; } .b-popover-danger.bs-popover-right > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #f8d7da; } .b-popover-danger.bs-popover-bottom > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #f5c6cb; } .b-popover-danger.bs-popover-bottom > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #f6cace; } .b-popover-danger.bs-popover-bottom .popover-header::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #f6cace; } .b-popover-danger.bs-popover-left > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #f5c6cb; } .b-popover-danger.bs-popover-left > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #f8d7da; } .b-popover-danger .popover-header { color: #212529; background-color: #f6cace; border-bottom-color: #f2b4ba; } .b-popover-danger .popover-body { color: #721c24; } .b-popover-light.popover { background-color: #fefefe; border-color: #fdfdfe; } .b-popover-light.bs-popover-top > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #fdfdfe; } .b-popover-light.bs-popover-top > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #fefefe; } .b-popover-light.bs-popover-right > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #fdfdfe; } .b-popover-light.bs-popover-right > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #fefefe; } .b-popover-light.bs-popover-bottom > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #fdfdfe; } .b-popover-light.bs-popover-bottom > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #f6f6f6; } .b-popover-light.bs-popover-bottom .popover-header::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #f6f6f6; } .b-popover-light.bs-popover-left > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #fdfdfe; } .b-popover-light.bs-popover-left > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #fefefe; } .b-popover-light .popover-header { color: #212529; background-color: #f6f6f6; border-bottom-color: #eaeaea; } .b-popover-light .popover-body { color: #818182; } .b-popover-dark.popover { background-color: #d6d8d9; border-color: #c6c8ca; } .b-popover-dark.bs-popover-top > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #c6c8ca; } .b-popover-dark.bs-popover-top > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #d6d8d9; } .b-popover-dark.bs-popover-right > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #c6c8ca; } .b-popover-dark.bs-popover-right > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #d6d8d9; } .b-popover-dark.bs-popover-bottom > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #c6c8ca; } .b-popover-dark.bs-popover-bottom > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #ced0d2; } .b-popover-dark.bs-popover-bottom .popover-header::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #ced0d2; } .b-popover-dark.bs-popover-left > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #c6c8ca; } .b-popover-dark.bs-popover-left > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #d6d8d9; } .b-popover-dark .popover-header { color: #212529; background-color: #ced0d2; border-bottom-color: #c1c4c5; } .b-popover-dark .popover-body { color: #1b1e21; } .b-sidebar-outer { position: fixed; top: 0; left: 0; right: 0; height: 0; overflow: visible; z-index: calc(1030 + 5); } .b-sidebar-backdrop { position: fixed; top: 0; left: 0; z-index: -1; width: 100vw; height: 100vh; opacity: 0.6; } .b-sidebar { display: flex; flex-direction: column; position: fixed; top: 0; width: 320px; max-width: 100%; height: 100vh; max-height: 100%; margin: 0; outline: 0; transform: translateX(0); } .b-sidebar.slide { transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .b-sidebar.slide { transition: none; } } .b-sidebar:not(.b-sidebar-right) { left: 0; right: auto; } .b-sidebar:not(.b-sidebar-right).slide:not(.show) { transform: translateX(-100%); } .b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close { margin-left: auto; } .b-sidebar.b-sidebar-right { left: auto; right: 0; } .b-sidebar.b-sidebar-right.slide:not(.show) { transform: translateX(100%); } .b-sidebar.b-sidebar-right > .b-sidebar-header .close { margin-right: auto; } .b-sidebar > .b-sidebar-header { font-size: 1.5rem; padding: 0.5rem 1rem; display: flex; flex-direction: row; flex-grow: 0; align-items: center; } [dir=rtl] .b-sidebar > .b-sidebar-header { flex-direction: row-reverse; } .b-sidebar > .b-sidebar-header .close { float: none; font-size: 1.5rem; } .b-sidebar > .b-sidebar-body { flex-grow: 1; height: 100%; overflow-y: auto; } .b-sidebar > .b-sidebar-footer { flex-grow: 0; } .b-skeleton-wrapper { cursor: wait; } .b-skeleton { position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.12); cursor: wait; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); } .b-skeleton::before { content: "\A0"; } .b-skeleton-text { height: 1rem; margin-bottom: 0.25rem; border-radius: 0.25rem; } .b-skeleton-button { width: 75px; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; } .b-skeleton-avatar { width: 2.5em; height: 2.5em; border-radius: 50%; } .b-skeleton-input { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; border: #ced4da solid 1px; border-radius: 0.25rem; } .b-skeleton-icon-wrapper svg { color: rgba(0, 0, 0, 0.12); } .b-skeleton-img { height: 100%; width: 100%; } .b-skeleton-animate-wave::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite; animation: b-skeleton-animate-wave 1.75s linear infinite; } @media (prefers-reduced-motion: reduce) { .b-skeleton-animate-wave::after { background: none; -webkit-animation: none; animation: none; } } @-webkit-keyframes b-skeleton-animate-wave { from { transform: translateX(-100%); } to { transform: translateX(100%); } } @keyframes b-skeleton-animate-wave { from { transform: translateX(-100%); } to { transform: translateX(100%); } } .b-skeleton-animate-fade { -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite; animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite; } @media (prefers-reduced-motion: reduce) { .b-skeleton-animate-fade { -webkit-animation: none; animation: none; } } @-webkit-keyframes b-skeleton-animate-fade { 0% { opacity: 1; } 100% { opacity: 0.4; } } @keyframes b-skeleton-animate-fade { 0% { opacity: 1; } 100% { opacity: 0.4; } } .b-skeleton-animate-throb { -webkit-animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite; animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite; } @media (prefers-reduced-motion: reduce) { .b-skeleton-animate-throb { -webkit-animation: none; animation: none; } } @-webkit-keyframes b-skeleton-animate-throb { 0% { transform: scale(1); } 100% { transform: scale(0.975); } } @keyframes b-skeleton-animate-throb { 0% { transform: scale(1); } 100% { transform: scale(0.975); } } .table.b-table.b-table-fixed { table-layout: fixed; } .table.b-table.b-table-no-border-collapse { border-collapse: separate; border-spacing: 0; } .table.b-table[aria-busy=true] { opacity: 0.55; } .table.b-table > tbody > tr.b-table-details > td { border-top: none !important; } .table.b-table > caption { caption-side: bottom; } .table.b-table.b-table-caption-top > caption { caption-side: top !important; } .table.b-table > tbody > .table-active, .table.b-table > tbody > .table-active > th, .table.b-table > tbody > .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table.b-table.table-hover > tbody > tr.table-active:hover td, .table.b-table.table-hover > tbody > tr.table-active:hover th { color: #212529; background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075)); background-repeat: no-repeat; } .table.b-table > tbody > .bg-active, .table.b-table > tbody > .bg-active > th, .table.b-table > tbody > .bg-active > td { background-color: rgba(255, 255, 255, 0.075) !important; } .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td, .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th { color: #fff; background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075)); background-repeat: no-repeat; } .b-table-sticky-header, .table-responsive, [class*=table-responsive-] { margin-bottom: 1rem; } .b-table-sticky-header > .table, .table-responsive > .table, [class*=table-responsive-] > .table { margin-bottom: 0; } .b-table-sticky-header { overflow-y: auto; max-height: 300px; } @media print { .b-table-sticky-header { overflow-y: visible !important; max-height: none !important; } } @supports (position: sticky) { .b-table-sticky-header > .table.b-table > thead > tr > th { position: sticky; top: 0; z-index: 2; } .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column, .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column { position: sticky; left: 0; } .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column, .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column { z-index: 5; } .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column { z-index: 2; } .table.b-table > thead > tr > .table-b-table-default, .table.b-table > tbody > tr > .table-b-table-default, .table.b-table > tfoot > tr > .table-b-table-default { color: #212529; background-color: #fff; } .table.b-table.table-dark > thead > tr > .bg-b-table-default, .table.b-table.table-dark > tbody > tr > .bg-b-table-default, .table.b-table.table-dark > tfoot > tr > .bg-b-table-default { color: #fff; background-color: #343a40; } .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default { background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); background-repeat: no-repeat; } .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default { background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); background-repeat: no-repeat; } .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default { color: #212529; background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075)); background-repeat: no-repeat; } .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default { color: #fff; background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075)); background-repeat: no-repeat; } } .table.b-table > thead > tr > [aria-sort], .table.b-table > tfoot > tr > [aria-sort] { cursor: pointer; background-image: none; background-repeat: no-repeat; background-size: 0.65em 1em; } .table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left), .table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) { background-position: right calc(0.75rem / 2) center; padding-right: calc(0.75rem + 0.65em); } .table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left, .table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left { background-position: left calc(0.75rem / 2) center; padding-left: calc(0.75rem + 0.65em); } .table.b-table > thead > tr > [aria-sort=none], .table.b-table > tfoot > tr > [aria-sort=none] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table > thead > tr > [aria-sort=ascending], .table.b-table > tfoot > tr > [aria-sort=ascending] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table > thead > tr > [aria-sort=descending], .table.b-table > tfoot > tr > [aria-sort=descending] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table.table-dark > thead > tr > [aria-sort=none], .table.b-table.table-dark > tfoot > tr > [aria-sort=none], .table.b-table > .thead-dark > tr > [aria-sort=none] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table.table-dark > thead > tr > [aria-sort=ascending], .table.b-table.table-dark > tfoot > tr > [aria-sort=ascending], .table.b-table > .thead-dark > tr > [aria-sort=ascending] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table.table-dark > thead > tr > [aria-sort=descending], .table.b-table.table-dark > tfoot > tr > [aria-sort=descending], .table.b-table > .thead-dark > tr > [aria-sort=descending] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table > thead > tr > .table-dark[aria-sort=none], .table.b-table > tfoot > tr > .table-dark[aria-sort=none] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table > thead > tr > .table-dark[aria-sort=ascending], .table.b-table > tfoot > tr > .table-dark[aria-sort=ascending] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table > thead > tr > .table-dark[aria-sort=descending], .table.b-table > tfoot > tr > .table-dark[aria-sort=descending] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e"); } .table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left), .table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) { background-position: right calc(0.3rem / 2) center; padding-right: calc(0.3rem + 0.65em); } .table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left, .table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left { background-position: left calc(0.3rem / 2) center; padding-left: calc(0.3rem + 0.65em); } .table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr { cursor: pointer; } .table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 575.98px) { .table.b-table.b-table-stacked-sm { display: block; width: 100%; } .table.b-table.b-table-stacked-sm > caption, .table.b-table.b-table-stacked-sm > tbody, .table.b-table.b-table-stacked-sm > tbody > tr, .table.b-table.b-table-stacked-sm > tbody > tr > td, .table.b-table.b-table-stacked-sm > tbody > tr > th { display: block; } .table.b-table.b-table-stacked-sm > thead, .table.b-table.b-table-stacked-sm > tfoot { display: none; } .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-sm > caption { caption-side: top !important; } .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before { content: attr(data-label); width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0 calc(1rem / 2) 0 0; margin: 0; } .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after { display: block; clear: both; content: ""; } .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 calc(1rem / 2); margin: 0; } .table.b-table.b-table-stacked-sm > tbody > tr.top-row, .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-sm > tbody > tr > :first-child { border-top-width: 3px; } .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th { border-top-width: 3px; } } @media (max-width: 767.98px) { .table.b-table.b-table-stacked-md { display: block; width: 100%; } .table.b-table.b-table-stacked-md > caption, .table.b-table.b-table-stacked-md > tbody, .table.b-table.b-table-stacked-md > tbody > tr, .table.b-table.b-table-stacked-md > tbody > tr > td, .table.b-table.b-table-stacked-md > tbody > tr > th { display: block; } .table.b-table.b-table-stacked-md > thead, .table.b-table.b-table-stacked-md > tfoot { display: none; } .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-md > caption { caption-side: top !important; } .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before { content: attr(data-label); width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0 calc(1rem / 2) 0 0; margin: 0; } .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after { display: block; clear: both; content: ""; } .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 calc(1rem / 2); margin: 0; } .table.b-table.b-table-stacked-md > tbody > tr.top-row, .table.b-table.b-table-stacked-md > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-md > tbody > tr > :first-child { border-top-width: 3px; } .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th { border-top-width: 3px; } } @media (max-width: 991.98px) { .table.b-table.b-table-stacked-lg { display: block; width: 100%; } .table.b-table.b-table-stacked-lg > caption, .table.b-table.b-table-stacked-lg > tbody, .table.b-table.b-table-stacked-lg > tbody > tr, .table.b-table.b-table-stacked-lg > tbody > tr > td, .table.b-table.b-table-stacked-lg > tbody > tr > th { display: block; } .table.b-table.b-table-stacked-lg > thead, .table.b-table.b-table-stacked-lg > tfoot { display: none; } .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-lg > caption { caption-side: top !important; } .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before { content: attr(data-label); width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0 calc(1rem / 2) 0 0; margin: 0; } .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after { display: block; clear: both; content: ""; } .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 calc(1rem / 2); margin: 0; } .table.b-table.b-table-stacked-lg > tbody > tr.top-row, .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-lg > tbody > tr > :first-child { border-top-width: 3px; } .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th { border-top-width: 3px; } } @media (max-width: 1199.98px) { .table.b-table.b-table-stacked-xl { display: block; width: 100%; } .table.b-table.b-table-stacked-xl > caption, .table.b-table.b-table-stacked-xl > tbody, .table.b-table.b-table-stacked-xl > tbody > tr, .table.b-table.b-table-stacked-xl > tbody > tr > td, .table.b-table.b-table-stacked-xl > tbody > tr > th { display: block; } .table.b-table.b-table-stacked-xl > thead, .table.b-table.b-table-stacked-xl > tfoot { display: none; } .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-xl > caption { caption-side: top !important; } .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before { content: attr(data-label); width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0 calc(1rem / 2) 0 0; margin: 0; } .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after { display: block; clear: both; content: ""; } .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 calc(1rem / 2); margin: 0; } .table.b-table.b-table-stacked-xl > tbody > tr.top-row, .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-xl > tbody > tr > :first-child { border-top-width: 3px; } .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th { border-top-width: 3px; } } .table.b-table.b-table-stacked { display: block; width: 100%; } .table.b-table.b-table-stacked > caption, .table.b-table.b-table-stacked > tbody, .table.b-table.b-table-stacked > tbody > tr, .table.b-table.b-table-stacked > tbody > tr > td, .table.b-table.b-table-stacked > tbody > tr > th { display: block; } .table.b-table.b-table-stacked > thead, .table.b-table.b-table-stacked > tfoot { display: none; } .table.b-table.b-table-stacked > thead > tr.b-table-top-row, .table.b-table.b-table-stacked > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked > caption { caption-side: top !important; } .table.b-table.b-table-stacked > tbody > tr > [data-label]::before { content: attr(data-label); width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0 calc(1rem / 2) 0 0; margin: 0; } .table.b-table.b-table-stacked > tbody > tr > [data-label]::after { display: block; clear: both; content: ""; } .table.b-table.b-table-stacked > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 calc(1rem / 2); margin: 0; } .table.b-table.b-table-stacked > tbody > tr.top-row, .table.b-table.b-table-stacked > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked > tbody > tr > :first-child { border-top-width: 3px; } .table.b-table.b-table-stacked > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked > tbody > tr > [rowspan] + th { border-top-width: 3px; } .b-time { min-width: 150px; } .b-time[aria-disabled=true] output, .b-time[aria-readonly=true] output, .b-time output.disabled { background-color: #e9ecef; opacity: 1; } .b-time[aria-disabled=true] output { pointer-events: none; } [dir=rtl] .b-time > .d-flex:not(.flex-column) { flex-direction: row-reverse; } .b-time .b-time-header { margin-bottom: 0.5rem; } .b-time .b-time-header output { padding: 0.25rem; font-size: 80%; } .b-time .b-time-footer { margin-top: 0.5rem; } .b-time .b-time-ampm { margin-left: 0.5rem; } .b-toast { display: block; position: relative; max-width: 350px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-clip: padding-box; z-index: 1; border-radius: 0.25rem; } .b-toast .toast { background-color: rgba(255, 255, 255, 0.85); } .b-toast:not(:last-child) { margin-bottom: 0.75rem; } .b-toast.b-toast-solid .toast { background-color: white; } .b-toast .toast { opacity: 1; } .b-toast .toast.fade:not(.show) { opacity: 0; } .b-toast .toast .toast-body { display: block; } .b-toast-primary .toast { background-color: rgba(230, 242, 255, 0.85); border-color: rgba(184, 218, 255, 0.85); color: #004085; } .b-toast-primary .toast .toast-header { color: #004085; background-color: rgba(204, 229, 255, 0.85); border-bottom-color: rgba(184, 218, 255, 0.85); } .b-toast-primary.b-toast-solid .toast { background-color: #e6f2ff; } .b-toast-secondary .toast { background-color: rgba(239, 240, 241, 0.85); border-color: rgba(214, 216, 219, 0.85); color: #383d41; } .b-toast-secondary .toast .toast-header { color: #383d41; background-color: rgba(226, 227, 229, 0.85); border-bottom-color: rgba(214, 216, 219, 0.85); } .b-toast-secondary.b-toast-solid .toast { background-color: #eff0f1; } .b-toast-success .toast { background-color: rgba(230, 245, 233, 0.85); border-color: rgba(195, 230, 203, 0.85); color: #155724; } .b-toast-success .toast .toast-header { color: #155724; background-color: rgba(212, 237, 218, 0.85); border-bottom-color: rgba(195, 230, 203, 0.85); } .b-toast-success.b-toast-solid .toast { background-color: #e6f5e9; } .b-toast-info .toast { background-color: rgba(229, 244, 247, 0.85); border-color: rgba(190, 229, 235, 0.85); color: #0c5460; } .b-toast-info .toast .toast-header { color: #0c5460; background-color: rgba(209, 236, 241, 0.85); border-bottom-color: rgba(190, 229, 235, 0.85); } .b-toast-info.b-toast-solid .toast { background-color: #e5f4f7; } .b-toast-warning .toast { background-color: rgba(255, 249, 231, 0.85); border-color: rgba(255, 238, 186, 0.85); color: #856404; } .b-toast-warning .toast .toast-header { color: #856404; background-color: rgba(255, 243, 205, 0.85); border-bottom-color: rgba(255, 238, 186, 0.85); } .b-toast-warning.b-toast-solid .toast { background-color: #fff9e7; } .b-toast-danger .toast { background-color: rgba(252, 237, 238, 0.85); border-color: rgba(245, 198, 203, 0.85); color: #721c24; } .b-toast-danger .toast .toast-header { color: #721c24; background-color: rgba(248, 215, 218, 0.85); border-bottom-color: rgba(245, 198, 203, 0.85); } .b-toast-danger.b-toast-solid .toast { background-color: #fcedee; } .b-toast-light .toast { background-color: rgba(255, 255, 255, 0.85); border-color: rgba(253, 253, 254, 0.85); color: #818182; } .b-toast-light .toast .toast-header { color: #818182; background-color: rgba(254, 254, 254, 0.85); border-bottom-color: rgba(253, 253, 254, 0.85); } .b-toast-light.b-toast-solid .toast { background-color: white; } .b-toast-dark .toast { background-color: rgba(227, 229, 229, 0.85); border-color: rgba(198, 200, 202, 0.85); color: #1b1e21; } .b-toast-dark .toast .toast-header { color: #1b1e21; background-color: rgba(214, 216, 217, 0.85); border-bottom-color: rgba(198, 200, 202, 0.85); } .b-toast-dark.b-toast-solid .toast { background-color: #e3e5e5; } .b-toaster { z-index: 1100; } .b-toaster .b-toaster-slot { position: relative; display: block; } .b-toaster .b-toaster-slot:empty { display: none !important; } .b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full { position: fixed; left: 0.5rem; right: 0.5rem; margin: 0; padding: 0; height: 0; overflow: visible; } .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot { position: absolute; max-width: 350px; width: 100%; /* IE 11 fix */ left: 0; right: 0; padding: 0; margin: 0; } .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot { width: 100%; max-width: 100%; } .b-toaster.b-toaster-top-full .b-toaster-slot .b-toast, .b-toaster.b-toaster-top-full .b-toaster-slot .toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .toast { width: 100%; max-width: 100%; } .b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full { top: 0; } .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot { top: 0.5rem; } .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full { bottom: 0; } .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot { bottom: 0.5rem; } .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot { margin-left: auto; } .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot { margin-right: auto; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move { transition: transform 0.175s; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade { transition-delay: 0.175s; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active { position: absolute; transition-delay: 0.175s; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade { transition-delay: 0s; } .tooltip.b-tooltip { display: block; opacity: 0.9; outline: 0; } .tooltip.b-tooltip.fade:not(.show) { opacity: 0; } .tooltip.b-tooltip.show { opacity: 0.9; } .tooltip.b-tooltip.noninteractive { pointer-events: none; } .tooltip.b-tooltip .arrow { margin: 0 0.25rem; } .tooltip.b-tooltip.bs-tooltip-right .arrow, .tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.bs-tooltip-left .arrow, .tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow { margin: 0.25rem 0; } .tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #007bff; } .tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #007bff; } .tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #007bff; } .tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #007bff; } .tooltip.b-tooltip-primary .tooltip-inner { color: #fff; background-color: #007bff; } .tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #6c757d; } .tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #6c757d; } .tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #6c757d; } .tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #6c757d; } .tooltip.b-tooltip-secondary .tooltip-inner { color: #fff; background-color: #6c757d; } .tooltip.b-tooltip-success.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #28a745; } .tooltip.b-tooltip-success.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #28a745; } .tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #28a745; } .tooltip.b-tooltip-success.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #28a745; } .tooltip.b-tooltip-success .tooltip-inner { color: #fff; background-color: #28a745; } .tooltip.b-tooltip-info.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #17a2b8; } .tooltip.b-tooltip-info.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #17a2b8; } .tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #17a2b8; } .tooltip.b-tooltip-info.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #17a2b8; } .tooltip.b-tooltip-info .tooltip-inner { color: #fff; background-color: #17a2b8; } .tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #ffc107; } .tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #ffc107; } .tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #ffc107; } .tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #ffc107; } .tooltip.b-tooltip-warning .tooltip-inner { color: #212529; background-color: #ffc107; } .tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #dc3545; } .tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #dc3545; } .tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #dc3545; } .tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #dc3545; } .tooltip.b-tooltip-danger .tooltip-inner { color: #fff; background-color: #dc3545; } .tooltip.b-tooltip-light.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #f8f9fa; } .tooltip.b-tooltip-light.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #f8f9fa; } .tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #f8f9fa; } .tooltip.b-tooltip-light.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #f8f9fa; } .tooltip.b-tooltip-light .tooltip-inner { color: #212529; background-color: #f8f9fa; } .tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #343a40; } .tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #343a40; } .tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #343a40; } .tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #343a40; } .tooltip.b-tooltip-dark .tooltip-inner { color: #fff; background-color: #343a40; } .b-icon.bi { display: inline-block; overflow: visible; vertical-align: -0.15em; } .b-icon.b-icon-animation-cylon, .b-icon.b-iconstack .b-icon-animation-cylon > g { transform-origin: center; -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon; animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-cylon, .b-icon.b-iconstack .b-icon-animation-cylon > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-cylon-vertical, .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g { transform-origin: center; -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical; animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-cylon-vertical, .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-fade, .b-icon.b-iconstack .b-icon-animation-fade > g { transform-origin: center; -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade; animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-fade, .b-icon.b-iconstack .b-icon-animation-fade > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-spin, .b-icon.b-iconstack .b-icon-animation-spin > g { transform-origin: center; -webkit-animation: 2s infinite linear normal b-icon-animation-spin; animation: 2s infinite linear normal b-icon-animation-spin; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-spin, .b-icon.b-iconstack .b-icon-animation-spin > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-spin-reverse, .b-icon.b-iconstack .b-icon-animation-spin-reverse > g { transform-origin: center; animation: 2s infinite linear reverse b-icon-animation-spin; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-spin-reverse, .b-icon.b-iconstack .b-icon-animation-spin-reverse > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-spin-pulse, .b-icon.b-iconstack .b-icon-animation-spin-pulse > g { transform-origin: center; -webkit-animation: 1s infinite steps(8) normal b-icon-animation-spin; animation: 1s infinite steps(8) normal b-icon-animation-spin; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-spin-pulse, .b-icon.b-iconstack .b-icon-animation-spin-pulse > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-spin-reverse-pulse, .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g { transform-origin: center; animation: 1s infinite steps(8) reverse b-icon-animation-spin; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-spin-reverse-pulse, .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g { -webkit-animation: none; animation: none; } } .b-icon.b-icon-animation-throb, .b-icon.b-iconstack .b-icon-animation-throb > g { transform-origin: center; -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb; animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb; } @media (prefers-reduced-motion: reduce) { .b-icon.b-icon-animation-throb, .b-icon.b-iconstack .b-icon-animation-throb > g { -webkit-animation: none; animation: none; } } @-webkit-keyframes b-icon-animation-cylon { 0% { transform: translateX(-25%); } 100% { transform: translateX(25%); } } @keyframes b-icon-animation-cylon { 0% { transform: translateX(-25%); } 100% { transform: translateX(25%); } } @-webkit-keyframes b-icon-animation-cylon-vertical { 0% { transform: translateY(25%); } 100% { transform: translateY(-25%); } } @keyframes b-icon-animation-cylon-vertical { 0% { transform: translateY(25%); } 100% { transform: translateY(-25%); } } @-webkit-keyframes b-icon-animation-fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes b-icon-animation-fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-webkit-keyframes b-icon-animation-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes b-icon-animation-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-webkit-keyframes b-icon-animation-throb { 0% { opacity: 0.5; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } @keyframes b-icon-animation-throb { 0% { opacity: 0.5; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } .btn .b-icon.bi, .nav-link .b-icon.bi, .dropdown-toggle .b-icon.bi, .dropdown-item .b-icon.bi, .input-group-text .b-icon.bi { font-size: 125%; vertical-align: text-bottom; } .vgt-table.striped tbody tr:nth-of-type(odd){background-color:rgba(51,68,109,.03)}.vgt-right-align{text-align:right}.vgt-left-align{text-align:left}.vgt-center-align{text-align:center}.vgt-pull-left{float:left!important}.vgt-pull-right{float:right!important}.vgt-clearfix::after{display:block;content:"";clear:both}.vgt-responsive{width:100%;overflow-x:auto;position:relative}.vgt-text-disabled{color:#909399}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.vgt-wrap{position:relative}.vgt-fixed-header{position:absolute;z-index:10;overflow-x:auto}table.vgt-table{font-size:16px;border-collapse:collapse;background-color:#fff;width:100%;max-width:100%;table-layout:auto;border:1px solid #dcdfe6}table.vgt-table td{padding:.75em .75em .75em .75em;vertical-align:top;border-bottom:1px solid #dcdfe6;color:#606266}table.vgt-table tr.clickable{cursor:pointer}table.vgt-table tr.clickable:hover{background-color:#f1f5fd}.vgt-table th{padding:.75em 1.5em .75em .75em;vertical-align:middle;position:relative}.vgt-table th.sortable button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;position:absolute;top:0;left:0;width:100%;height:100%}.vgt-table th.sortable button:focus{outline:0}.vgt-table th.sortable button:after{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #606266}.vgt-table th.sortable button:before{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #606266}.vgt-table th.line-numbers,.vgt-table th.vgt-checkbox-col{padding:0 .75em 0 .75em;color:#606266;border-right:1px solid #dcdfe6;word-wrap:break-word;width:25px;text-align:center;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table th.filter-th{padding:.75em .75em .75em .75em}.vgt-table th.vgt-row-header{border-bottom:2px solid #dcdfe6;border-top:2px solid #dcdfe6;background-color:#fafafb}.vgt-table th.vgt-row-header .triangle{width:24px;height:24px;border-radius:15%;position:relative;margin:0 8px}.vgt-table th.vgt-row-header .triangle:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #606266;margin-left:-3px;transition:.3s ease transform}.vgt-table th.vgt-row-header .triangle.expand:after{transform:rotate(90deg)}.vgt-table thead th{color:#606266;vertical-align:bottom;border-bottom:1px solid #dcdfe6;padding-right:1.5em;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table thead th.vgt-checkbox-col{vertical-align:middle}.vgt-table thead th.sorting-asc button:after{border-bottom:5px solid #409eff}.vgt-table thead th.sorting-desc button:before{border-top:5px solid #409eff}.vgt-input,.vgt-select{width:100%;height:32px;line-height:1;display:block;font-size:14px;font-weight:400;padding:6px 12px;color:#606266;border-radius:4px;box-sizing:border-box;background-image:none;background-color:#fff;border:1px solid #dcdfe6;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.vgt-input::-moz-placeholder, .vgt-select::-moz-placeholder{color:#606266;opacity:.3}.vgt-input:-ms-input-placeholder, .vgt-select:-ms-input-placeholder{color:#606266;opacity:.3}.vgt-input::placeholder,.vgt-select::placeholder{color:#606266;opacity:.3}.vgt-input:focus,.vgt-select:focus{outline:0;border-color:#409eff}.vgt-loading{position:absolute;width:100%;z-index:10;margin-top:117px}.vgt-loading__content{background-color:#c0dfff;color:#409eff;padding:7px 30px;border-radius:3px}.vgt-inner-wrap.is-loading{opacity:.5;pointer-events:none}.vgt-table.bordered td,.vgt-table.bordered th{border:1px solid #dcdfe6}.vgt-table.bordered th.vgt-row-header{border-bottom:3px solid #dcdfe6}.vgt-wrap.rtl{direction:rtl}.vgt-wrap.rtl .vgt-table thead th,.vgt-wrap.rtl .vgt-table.condensed thead th{padding-left:1.5em;padding-right:.75em}.vgt-wrap.rtl .vgt-table th.sorting-asc:after,.vgt-wrap.rtl .vgt-table th.sorting:after{margin-right:5px;margin-left:0}.vgt-wrap.rtl .vgt-table th.sortable:after,.vgt-wrap.rtl .vgt-table th.sortable:before{right:inherit;left:6px}.vgt-table.condensed td,.vgt-table.condensed th.vgt-row-header{padding:.4em .4em .4em .4em}@media (max-width:576px){.vgt-compact *{box-sizing:border-box}.vgt-compact tbody,.vgt-compact td,.vgt-compact tr{display:block;width:100%}.vgt-compact thead{display:none}.vgt-compact tr{margin-bottom:15px}.vgt-compact td{text-align:right;position:relative}.vgt-compact td:before{content:attr(data-label);position:relative;float:left;left:0;width:40%;padding-left:10px;font-weight:700;text-align:left}.vgt-compact th.line-numbers{width:100%!important;display:block;padding:.3em 1em!important}}.vgt-global-search{padding:5px 0;display:flex;flex-wrap:nowrap;align-items:stretch;border:1px solid #dcdfe6;border-bottom:0;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-global-search form{display:flex}.vgt-global-search form label{margin-top:3px}.vgt-global-search__input{position:relative;padding-left:40px;flex-grow:1}.vgt-global-search__input .input__icon{position:absolute;left:0;max-width:32px}.vgt-global-search__input .input__icon .magnifying-glass{margin-top:3px;margin-left:8px;display:block;width:16px;height:16px;border:2px solid #494949;position:relative;border-radius:50%}.vgt-global-search__input .input__icon .magnifying-glass:before{content:"";display:block;position:absolute;right:-7px;bottom:-5px;background:#494949;width:8px;height:4px;border-radius:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.vgt-global-search__actions{margin-left:10px}.vgt-selection-info-row{background:#fdf9e8;padding:5px 16px;font-size:13px;border-top:1px solid #dcdfe6;border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6;color:#d3aa3b;font-weight:700}.vgt-selection-info-row a{font-weight:700;display:inline-block;margin-left:10px}.vgt-wrap__actions-footer{border:1px solid #dcdfe6}.vgt-wrap__footer{color:#606266;font-size:1.1rem;padding:1em;border:1px solid #dcdfe6;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap__footer .footer__row-count__label,.vgt-wrap__footer .footer__row-count__select{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__row-count__label{font-size:1.1rem}.vgt-wrap__footer .footer__row-count__select{font-size:1.1rem;background-color:transparent;width:auto;padding:0;border:0;border-radius:0;height:auto;margin-left:8px;color:#606266;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px}.vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap__footer .footer__row-count__select:focus{outline:0;border-color:#409eff}.vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #606266;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap__footer .footer__navigation{font-size:1.1rem}.vgt-wrap__footer .footer__navigation>button:first-of-type{margin-right:16px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-btn,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;vertical-align:middle;color:#909399}.vgt-wrap__footer .footer__navigation__page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;text-decoration:none;color:#606266;font-weight:700;white-space:nowrap;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn:hover{cursor:pointer}.vgt-wrap__footer .footer__navigation__page-btn.disabled,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover{opacity:.5;cursor:not-allowed}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn span{display:inline-block;vertical-align:middle;font-size:1.1rem}.vgt-wrap__footer .footer__navigation__page-btn .chevron{width:24px;height:24px;border-radius:15%;position:relative;margin:0;display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn .chevron:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent}.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after{border-right:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after{border-left:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;margin:0 16px}.vgt-wrap__footer .footer__navigation__page-info span{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-info__current-entry{width:30px;text-align:center;vertical-align:middle;display:inline-block;margin:0 10px;font-weight:700}@media only screen and (max-width:750px){.vgt-wrap__footer .footer__navigation__info{display:none}.vgt-wrap__footer .footer__navigation__page-btn{margin-left:16px}}.vgt-table.nocturnal{border:1px solid #435169;background-color:#324057}.vgt-table.nocturnal tr.clickable:hover{background-color:#445168}.vgt-table.nocturnal td{border-bottom:1px solid #435169;color:#c7ced8}.vgt-table.nocturnal th.line-numbers,.vgt-table.nocturnal th.vgt-checkbox-col{color:#c7ced8;border-right:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th{color:#c7ced8;border-bottom:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th.sortable:before{border-top-color:#3e5170}.vgt-table.nocturnal thead th.sortable:after{border-bottom-color:#3e5170}.vgt-table.nocturnal thead th.sortable.sorting-asc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.nocturnal thead th.sortable.sorting-desc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.nocturnal.bordered td,.vgt-table.nocturnal.bordered th{border:1px solid #435169}.vgt-table.nocturnal .vgt-input,.vgt-table.nocturnal .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-table.nocturnal .vgt-input::-moz-placeholder, .vgt-table.nocturnal .vgt-select::-moz-placeholder{color:#c7ced8;opacity:.3}.vgt-table.nocturnal .vgt-input:-ms-input-placeholder, .vgt-table.nocturnal .vgt-select:-ms-input-placeholder{color:#c7ced8;opacity:.3}.vgt-table.nocturnal .vgt-input::placeholder,.vgt-table.nocturnal .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-wrap__footer{color:#c7ced8;border:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count{position:relative}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label{color:#8290a7}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select{color:#c7ced8;background:#232d3f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:10px;border-radius:3px;text-align:center}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #c7ced8;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn{color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info{color:#8290a7}.vgt-wrap.nocturnal .vgt-global-search{border:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-moz-placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select:-ms-input-placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-table.black-rhino{border:1px solid #435169;background-color:#dfe5ee}.vgt-table.black-rhino tr.clickable:hover{background-color:#fff}.vgt-table.black-rhino td{border-bottom:1px solid #bbc5d6;color:#49515e}.vgt-table.black-rhino th.line-numbers,.vgt-table.black-rhino th.vgt-checkbox-col{color:#dae2f0;border-right:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th{color:#dae2f0;text-shadow:1px 1px #3e5170;border-bottom:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th.sortable:before{border-top-color:#607498}.vgt-table.black-rhino thead th.sortable:after{border-bottom-color:#607498}.vgt-table.black-rhino thead th.sortable.sorting-asc{color:#fff}.vgt-table.black-rhino thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.black-rhino thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.black-rhino.bordered td{border:1px solid #bbc5d6}.vgt-table.black-rhino.bordered th{border:1px solid #435169}.vgt-table.black-rhino .vgt-input,.vgt-table.black-rhino .vgt-select{color:#dae2f0;background-color:#34445f;border:1px solid transparent}.vgt-table.black-rhino .vgt-input::-moz-placeholder, .vgt-table.black-rhino .vgt-select::-moz-placeholder{color:#dae2f0;opacity:.3}.vgt-table.black-rhino .vgt-input:-ms-input-placeholder, .vgt-table.black-rhino .vgt-select:-ms-input-placeholder{color:#dae2f0;opacity:.3}.vgt-table.black-rhino .vgt-input::placeholder,.vgt-table.black-rhino .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-wrap__footer{color:#dae2f0;border:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select{color:#49515e;background:#34445f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px;border-radius:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #49515e;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn{color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info{color:#dae2f0}.vgt-wrap.black-rhino .vgt-global-search{border:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select{color:#dae2f0;background-color:#44516c;border:1px solid transparent}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-moz-placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select:-ms-input-placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-inner-wrap{border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(50,50,93,.1),0 1px 2px 0 rgba(50,50,93,.06)}.vgt-table.polar-bear{border-spacing:0;border-collapse:separate;font-size:1rem;background-color:#fff;border:1px solid #e3e8ee;border-bottom:none;border-radius:.25rem}.vgt-table.polar-bear td{padding:1em .75em 1em .75em;border-bottom:1px solid #e4ebf3;color:#525f7f}.vgt-table.polar-bear td.vgt-right-align{text-align:right}.vgt-table.polar-bear th.line-numbers,.vgt-table.polar-bear th.vgt-checkbox-col{color:#394567;border-right:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th{color:#667b94;font-weight:600;border-bottom:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th.sorting-asc,.vgt-table.polar-bear thead th.sorting-desc{color:#5e72e4}.vgt-table.polar-bear thead th.sorting-desc:before{border-top:5px solid #7485e8}.vgt-table.polar-bear thead th.sorting-asc:after{border-bottom:5px solid #7485e8}.vgt-table.polar-bear thead th .vgt-input,.vgt-table.polar-bear thead th .vgt-select{height:2.75em;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-table.polar-bear thead th .vgt-input:focus,.vgt-table.polar-bear thead th .vgt-select:focus{outline:0;border-color:#cae0fe}.vgt-table.polar-bear thead tr:first-child th:first-child{border-top-left-radius:.25rem}.vgt-table.polar-bear thead tr:first-child th:last-child{border-top-right-radius:.25rem}.vgt-table.polar-bear.bordered td{border:1px solid #e3e8ee;background:#fff}.vgt-table.polar-bear.bordered th{border:1px solid #e3e8ee}.vgt-wrap.polar-bear .vgt-wrap__footer{color:#394567;border:1px solid #e3e8ee;border-bottom:0;border-top:0;background:linear-gradient(#f7fafc,#f7fafc)}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select{text-align:center;color:#525f7f;background:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;padding-right:30px;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select:focus{border-color:#5e72e4}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:15px;top:50%;margin-top:-3px;border-top:6px solid #525f7f;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn{color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-info{color:#394567}.vgt-wrap.polar-bear .vgt-global-search{border:1px solid #e3e8ee;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;background:#f7fafc}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass:before{background:#dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select{height:2.75em;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::-moz-placeholder{color:#394567;opacity:.3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.polar-bear .vgt-global-search__input .vgt-select:-ms-input-placeholder{color:#394567;opacity:.3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::placeholder{color:#394567;opacity:.3}/* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @font-face { font-family: 'icomoon'; src:url(/fonts/icomoon.eot?5a93ca370c17dfa3cb9d26d5f993716b); src:url(/fonts/icomoon.eot?5a93ca370c17dfa3cb9d26d5f993716b?#iefix-rdmvgc) format('embedded-opentype'), url(/fonts/icomoon.woff?2864469c0e8a84417f318ee2cac54b04) format('woff'), url(/fonts/icomoon.ttf?f0409337cef4caa891f01a833caf73d0) format('truetype') ; font-weight: normal; font-style: normal; } [class^="i-"], [class*=" i-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .i-A-Z:before { content: "\E600"; } .i-Aa:before { content: "\E601"; } .i-Add-Bag:before { content: "\E602"; } .i-Add-Basket:before { content: "\E603"; } .i-Add-Cart:before { content: "\E604"; } .i-Add-File:before { content: "\E605"; } .i-Add-SpaceAfterParagraph:before { content: "\E606"; } .i-Add-SpaceBeforeParagraph:before { content: "\E607"; } .i-Add-User:before { content: "\E608"; } .i-Add-UserStar:before { content: "\E609"; } .i-Add-Window:before { content: "\E60A"; } .i-Add:before { content: "\E60B"; } .i-Address-Book:before { content: "\E60C"; } .i-Address-Book2:before { content: "\E60D"; } .i-Administrator:before { content: "\E60E"; } .i-Aerobics-2:before { content: "\E60F"; } .i-Aerobics-3:before { content: "\E610"; } .i-Aerobics:before { content: "\E611"; } .i-Affiliate:before { content: "\E612"; } .i-Aim:before { content: "\E613"; } .i-Air-Balloon:before { content: "\E614"; } .i-Airbrush:before { content: "\E615"; } .i-Airship:before { content: "\E616"; } .i-Alarm-Clock:before { content: "\E617"; } .i-Alarm-Clock2:before { content: "\E618"; } .i-Alarm:before { content: "\E619"; } .i-Alien-2:before { content: "\E61A"; } .i-Alien:before { content: "\E61B"; } .i-Aligator:before { content: "\E61C"; } .i-Align-Center:before { content: "\E61D"; } .i-Align-JustifyAll:before { content: "\E61E"; } .i-Align-JustifyCenter:before { content: "\E61F"; } .i-Align-JustifyLeft:before { content: "\E620"; } .i-Align-JustifyRight:before { content: "\E621"; } .i-Align-Left:before { content: "\E622"; } .i-Align-Right:before { content: "\E623"; } .i-Alpha:before { content: "\E624"; } .i-Ambulance:before { content: "\E625"; } .i-AMX:before { content: "\E626"; } .i-Anchor-2:before { content: "\E627"; } .i-Anchor:before { content: "\E628"; } .i-Android-Store:before { content: "\E629"; } .i-Android:before { content: "\E62A"; } .i-Angel-Smiley:before { content: "\E62B"; } .i-Angel:before { content: "\E62C"; } .i-Angry:before { content: "\E62D"; } .i-Apple-Bite:before { content: "\E62E"; } .i-Apple-Store:before { content: "\E62F"; } .i-Apple:before { content: "\E630"; } .i-Approved-Window:before { content: "\E631"; } .i-Aquarius-2:before { content: "\E632"; } .i-Aquarius:before { content: "\E633"; } .i-Archery-2:before { content: "\E634"; } .i-Archery:before { content: "\E635"; } .i-Argentina:before { content: "\E636"; } .i-Aries-2:before { content: "\E637"; } .i-Aries:before { content: "\E638"; } .i-Army-Key:before { content: "\E639"; } .i-Arrow-Around:before { content: "\E63A"; } .i-Arrow-Back3:before { content: "\E63B"; } .i-Arrow-Back:before { content: "\E63C"; } .i-Arrow-Back2:before { content: "\E63D"; } .i-Arrow-Barrier:before { content: "\E63E"; } .i-Arrow-Circle:before { content: "\E63F"; } .i-Arrow-Cross:before { content: "\E640"; } .i-Arrow-Down:before { content: "\E641"; } .i-Arrow-Down2:before { content: "\E642"; } .i-Arrow-Down3:before { content: "\E643"; } .i-Arrow-DowninCircle:before { content: "\E644"; } .i-Arrow-Fork:before { content: "\E645"; } .i-Arrow-Forward:before { content: "\E646"; } .i-Arrow-Forward2:before { content: "\E647"; } .i-Arrow-From:before { content: "\E648"; } .i-Arrow-Inside:before { content: "\E649"; } .i-Arrow-Inside45:before { content: "\E64A"; } .i-Arrow-InsideGap:before { content: "\E64B"; } .i-Arrow-InsideGap45:before { content: "\E64C"; } .i-Arrow-Into:before { content: "\E64D"; } .i-Arrow-Join:before { content: "\E64E"; } .i-Arrow-Junction:before { content: "\E64F"; } .i-Arrow-Left:before { content: "\E650"; } .i-Arrow-Left2:before { content: "\E651"; } .i-Arrow-LeftinCircle:before { content: "\E652"; } .i-Arrow-Loop:before { content: "\E653"; } .i-Arrow-Merge:before { content: "\E654"; } .i-Arrow-Mix:before { content: "\E655"; } .i-Arrow-Next:before { content: "\E656"; } .i-Arrow-OutLeft:before { content: "\E657"; } .i-Arrow-OutRight:before { content: "\E658"; } .i-Arrow-Outside:before { content: "\E659"; } .i-Arrow-Outside45:before { content: "\E65A"; } .i-Arrow-OutsideGap:before { content: "\E65B"; } .i-Arrow-OutsideGap45:before { content: "\E65C"; } .i-Arrow-Over:before { content: "\E65D"; } .i-Arrow-Refresh:before { content: "\E65E"; } .i-Arrow-Refresh2:before { content: "\E65F"; } .i-Arrow-Right:before { content: "\E660"; } .i-Arrow-Right2:before { content: "\E661"; } .i-Arrow-RightinCircle:before { content: "\E662"; } .i-Arrow-Shuffle:before { content: "\E663"; } .i-Arrow-Squiggly:before { content: "\E664"; } .i-Arrow-Through:before { content: "\E665"; } .i-Arrow-To:before { content: "\E666"; } .i-Arrow-TurnLeft:before { content: "\E667"; } .i-Arrow-TurnRight:before { content: "\E668"; } .i-Arrow-Up:before { content: "\E669"; } .i-Arrow-Up2:before { content: "\E66A"; } .i-Arrow-Up3:before { content: "\E66B"; } .i-Arrow-UpinCircle:before { content: "\E66C"; } .i-Arrow-XLeft:before { content: "\E66D"; } .i-Arrow-XRight:before { content: "\E66E"; } .i-Ask:before { content: "\E66F"; } .i-Assistant:before { content: "\E670"; } .i-Astronaut:before { content: "\E671"; } .i-At-Sign:before { content: "\E672"; } .i-ATM:before { content: "\E673"; } .i-Atom:before { content: "\E674"; } .i-Audio:before { content: "\E675"; } .i-Auto-Flash:before { content: "\E676"; } .i-Autumn:before { content: "\E677"; } .i-Baby-Clothes:before { content: "\E678"; } .i-Baby-Clothes2:before { content: "\E679"; } .i-Baby-Cry:before { content: "\E67A"; } .i-Baby:before { content: "\E67B"; } .i-Back2:before { content: "\E67C"; } .i-Back-Media:before { content: "\E67D"; } .i-Back-Music:before { content: "\E67E"; } .i-Back:before { content: "\E67F"; } .i-Background:before { content: "\E680"; } .i-Bacteria:before { content: "\E681"; } .i-Bag-Coins:before { content: "\E682"; } .i-Bag-Items:before { content: "\E683"; } .i-Bag-Quantity:before { content: "\E684"; } .i-Bag:before { content: "\E685"; } .i-Bakelite:before { content: "\E686"; } .i-Ballet-Shoes:before { content: "\E687"; } .i-Balloon:before { content: "\E688"; } .i-Banana:before { content: "\E689"; } .i-Band-Aid:before { content: "\E68A"; } .i-Bank:before { content: "\E68B"; } .i-Bar-Chart:before { content: "\E68C"; } .i-Bar-Chart2:before { content: "\E68D"; } .i-Bar-Chart3:before { content: "\E68E"; } .i-Bar-Chart4:before { content: "\E68F"; } .i-Bar-Chart5:before { content: "\E690"; } .i-Bar-Code:before { content: "\E691"; } .i-Barricade-2:before { content: "\E692"; } .i-Barricade:before { content: "\E693"; } .i-Baseball:before { content: "\E694"; } .i-Basket-Ball:before { content: "\E695"; } .i-Basket-Coins:before { content: "\E696"; } .i-Basket-Items:before { content: "\E697"; } .i-Basket-Quantity:before { content: "\E698"; } .i-Bat-2:before { content: "\E699"; } .i-Bat:before { content: "\E69A"; } .i-Bathrobe:before { content: "\E69B"; } .i-Batman-Mask:before { content: "\E69C"; } .i-Battery-0:before { content: "\E69D"; } .i-Battery-25:before { content: "\E69E"; } .i-Battery-50:before { content: "\E69F"; } .i-Battery-75:before { content: "\E6A0"; } .i-Battery-100:before { content: "\E6A1"; } .i-Battery-Charge:before { content: "\E6A2"; } .i-Bear:before { content: "\E6A3"; } .i-Beard-2:before { content: "\E6A4"; } .i-Beard-3:before { content: "\E6A5"; } .i-Beard:before { content: "\E6A6"; } .i-Bebo:before { content: "\E6A7"; } .i-Bee:before { content: "\E6A8"; } .i-Beer-Glass:before { content: "\E6A9"; } .i-Beer:before { content: "\E6AA"; } .i-Bell-2:before { content: "\E6AB"; } .i-Bell:before { content: "\E6AC"; } .i-Belt-2:before { content: "\E6AD"; } .i-Belt-3:before { content: "\E6AE"; } .i-Belt:before { content: "\E6AF"; } .i-Berlin-Tower:before { content: "\E6B0"; } .i-Beta:before { content: "\E6B1"; } .i-Betvibes:before { content: "\E6B2"; } .i-Bicycle-2:before { content: "\E6B3"; } .i-Bicycle-3:before { content: "\E6B4"; } .i-Bicycle:before { content: "\E6B5"; } .i-Big-Bang:before { content: "\E6B6"; } .i-Big-Data:before { content: "\E6B7"; } .i-Bike-Helmet:before { content: "\E6B8"; } .i-Bikini:before { content: "\E6B9"; } .i-Bilk-Bottle2:before { content: "\E6BA"; } .i-Billing:before { content: "\E6BB"; } .i-Bing:before { content: "\E6BC"; } .i-Binocular:before { content: "\E6BD"; } .i-Bio-Hazard:before { content: "\E6BE"; } .i-Biotech:before { content: "\E6BF"; } .i-Bird-DeliveringLetter:before { content: "\E6C0"; } .i-Bird:before { content: "\E6C1"; } .i-Birthday-Cake:before { content: "\E6C2"; } .i-Bisexual:before { content: "\E6C3"; } .i-Bishop:before { content: "\E6C4"; } .i-Bitcoin:before { content: "\E6C5"; } .i-Black-Cat:before { content: "\E6C6"; } .i-Blackboard:before { content: "\E6C7"; } .i-Blinklist:before { content: "\E6C8"; } .i-Block-Cloud:before { content: "\E6C9"; } .i-Block-Window:before { content: "\E6CA"; } .i-Blogger:before { content: "\E6CB"; } .i-Blood:before { content: "\E6CC"; } .i-Blouse:before { content: "\E6CD"; } .i-Blueprint:before { content: "\E6CE"; } .i-Board:before { content: "\E6CF"; } .i-Bodybuilding:before { content: "\E6D0"; } .i-Bold-Text:before { content: "\E6D1"; } .i-Bone:before { content: "\E6D2"; } .i-Bones:before { content: "\E6D3"; } .i-Book:before { content: "\E6D4"; } .i-Bookmark:before { content: "\E6D5"; } .i-Books-2:before { content: "\E6D6"; } .i-Books:before { content: "\E6D7"; } .i-Boom:before { content: "\E6D8"; } .i-Boot-2:before { content: "\E6D9"; } .i-Boot:before { content: "\E6DA"; } .i-Bottom-ToTop:before { content: "\E6DB"; } .i-Bow-2:before { content: "\E6DC"; } .i-Bow-3:before { content: "\E6DD"; } .i-Bow-4:before { content: "\E6DE"; } .i-Bow-5:before { content: "\E6DF"; } .i-Bow-6:before { content: "\E6E0"; } .i-Bow:before { content: "\E6E1"; } .i-Bowling-2:before { content: "\E6E2"; } .i-Bowling:before { content: "\E6E3"; } .i-Box2:before { content: "\E6E4"; } .i-Box-Close:before { content: "\E6E5"; } .i-Box-Full:before { content: "\E6E6"; } .i-Box-Open:before { content: "\E6E7"; } .i-Box-withFolders:before { content: "\E6E8"; } .i-Box:before { content: "\E6E9"; } .i-Boy:before { content: "\E6EA"; } .i-Bra:before { content: "\E6EB"; } .i-Brain-2:before { content: "\E6EC"; } .i-Brain-3:before { content: "\E6ED"; } .i-Brain:before { content: "\E6EE"; } .i-Brazil:before { content: "\E6EF"; } .i-Bread-2:before { content: "\E6F0"; } .i-Bread:before { content: "\E6F1"; } .i-Bridge:before { content: "\E6F2"; } .i-Brightkite:before { content: "\E6F3"; } .i-Broke-Link2:before { content: "\E6F4"; } .i-Broken-Link:before { content: "\E6F5"; } .i-Broom:before { content: "\E6F6"; } .i-Brush:before { content: "\E6F7"; } .i-Bucket:before { content: "\E6F8"; } .i-Bug:before { content: "\E6F9"; } .i-Building:before { content: "\E6FA"; } .i-Bulleted-List:before { content: "\E6FB"; } .i-Bus-2:before { content: "\E6FC"; } .i-Bus:before { content: "\E6FD"; } .i-Business-Man:before { content: "\E6FE"; } .i-Business-ManWoman:before { content: "\E6FF"; } .i-Business-Mens:before { content: "\E700"; } .i-Business-Woman:before { content: "\E701"; } .i-Butterfly:before { content: "\E702"; } .i-Button:before { content: "\E703"; } .i-Cable-Car:before { content: "\E704"; } .i-Cake:before { content: "\E705"; } .i-Calculator-2:before { content: "\E706"; } .i-Calculator-3:before { content: "\E707"; } .i-Calculator:before { content: "\E708"; } .i-Calendar-2:before { content: "\E709"; } .i-Calendar-3:before { content: "\E70A"; } .i-Calendar-4:before { content: "\E70B"; } .i-Calendar-Clock:before { content: "\E70C"; } .i-Calendar:before { content: "\E70D"; } .i-Camel:before { content: "\E70E"; } .i-Camera-2:before { content: "\E70F"; } .i-Camera-3:before { content: "\E710"; } .i-Camera-4:before { content: "\E711"; } .i-Camera-5:before { content: "\E712"; } .i-Camera-Back:before { content: "\E713"; } .i-Camera:before { content: "\E714"; } .i-Can-2:before { content: "\E715"; } .i-Can:before { content: "\E716"; } .i-Canada:before { content: "\E717"; } .i-Cancer-2:before { content: "\E718"; } .i-Cancer-3:before { content: "\E719"; } .i-Cancer:before { content: "\E71A"; } .i-Candle:before { content: "\E71B"; } .i-Candy-Cane:before { content: "\E71C"; } .i-Candy:before { content: "\E71D"; } .i-Cannon:before { content: "\E71E"; } .i-Cap-2:before { content: "\E71F"; } .i-Cap-3:before { content: "\E720"; } .i-Cap-Smiley:before { content: "\E721"; } .i-Cap:before { content: "\E722"; } .i-Capricorn-2:before { content: "\E723"; } .i-Capricorn:before { content: "\E724"; } .i-Car-2:before { content: "\E725"; } .i-Car-3:before { content: "\E726"; } .i-Car-Coins:before { content: "\E727"; } .i-Car-Items:before { content: "\E728"; } .i-Car-Wheel:before { content: "\E729"; } .i-Car:before { content: "\E72A"; } .i-Cardigan:before { content: "\E72B"; } .i-Cardiovascular:before { content: "\E72C"; } .i-Cart-Quantity:before { content: "\E72D"; } .i-Casette-Tape:before { content: "\E72E"; } .i-Cash-Register:before { content: "\E72F"; } .i-Cash-register2:before { content: "\E730"; } .i-Castle:before { content: "\E731"; } .i-Cat:before { content: "\E732"; } .i-Cathedral:before { content: "\E733"; } .i-Cauldron:before { content: "\E734"; } .i-CD-2:before { content: "\E735"; } .i-CD-Cover:before { content: "\E736"; } .i-CD:before { content: "\E737"; } .i-Cello:before { content: "\E738"; } .i-Celsius:before { content: "\E739"; } .i-Chacked-Flag:before { content: "\E73A"; } .i-Chair:before { content: "\E73B"; } .i-Charger:before { content: "\E73C"; } .i-Check-2:before { content: "\E73D"; } .i-Check:before { content: "\E73E"; } .i-Checked-User:before { content: "\E73F"; } .i-Checkmate:before { content: "\E740"; } .i-Checkout-Bag:before { content: "\E741"; } .i-Checkout-Basket:before { content: "\E742"; } .i-Checkout:before { content: "\E743"; } .i-Cheese:before { content: "\E744"; } .i-Cheetah:before { content: "\E745"; } .i-Chef-Hat:before { content: "\E746"; } .i-Chef-Hat2:before { content: "\E747"; } .i-Chef:before { content: "\E748"; } .i-Chemical-2:before { content: "\E749"; } .i-Chemical-3:before { content: "\E74A"; } .i-Chemical-4:before { content: "\E74B"; } .i-Chemical-5:before { content: "\E74C"; } .i-Chemical:before { content: "\E74D"; } .i-Chess-Board:before { content: "\E74E"; } .i-Chess:before { content: "\E74F"; } .i-Chicken:before { content: "\E750"; } .i-Chile:before { content: "\E751"; } .i-Chimney:before { content: "\E752"; } .i-China:before { content: "\E753"; } .i-Chinese-Temple:before { content: "\E754"; } .i-Chip:before { content: "\E755"; } .i-Chopsticks-2:before { content: "\E756"; } .i-Chopsticks:before { content: "\E757"; } .i-Christmas-Ball:before { content: "\E758"; } .i-Christmas-Bell:before { content: "\E759"; } .i-Christmas-Candle:before { content: "\E75A"; } .i-Christmas-Hat:before { content: "\E75B"; } .i-Christmas-Sleigh:before { content: "\E75C"; } .i-Christmas-Snowman:before { content: "\E75D"; } .i-Christmas-Sock:before { content: "\E75E"; } .i-Christmas-Tree:before { content: "\E75F"; } .i-Christmas:before { content: "\E760"; } .i-Chrome:before { content: "\E761"; } .i-Chrysler-Building:before { content: "\E762"; } .i-Cinema:before { content: "\E763"; } .i-Circular-Point:before { content: "\E764"; } .i-City-Hall:before { content: "\E765"; } .i-Clamp:before { content: "\E766"; } .i-Clapperboard-Close:before { content: "\E767"; } .i-Clapperboard-Open:before { content: "\E768"; } .i-Claps:before { content: "\E769"; } .i-Clef:before { content: "\E76A"; } .i-Clinic:before { content: "\E76B"; } .i-Clock-2:before { content: "\E76C"; } .i-Clock-3:before { content: "\E76D"; } .i-Clock-4:before { content: "\E76E"; } .i-Clock-Back:before { content: "\E76F"; } .i-Clock-Forward:before { content: "\E770"; } .i-Clock:before { content: "\E771"; } .i-Close-Window:before { content: "\E772"; } .i-Close:before { content: "\E773"; } .i-Clothing-Store:before { content: "\E774"; } .i-Cloud--:before { content: "\E775"; } .i-Cloud-:before { content: "\E776"; } .i-Cloud-Camera:before { content: "\E777"; } .i-Cloud-Computer:before { content: "\E778"; } .i-Cloud-Email:before { content: "\E779"; } .i-Cloud-Hail:before { content: "\E77A"; } .i-Cloud-Laptop:before { content: "\E77B"; } .i-Cloud-Lock:before { content: "\E77C"; } .i-Cloud-Moon:before { content: "\E77D"; } .i-Cloud-Music:before { content: "\E77E"; } .i-Cloud-Picture:before { content: "\E77F"; } .i-Cloud-Rain:before { content: "\E780"; } .i-Cloud-Remove:before { content: "\E781"; } .i-Cloud-Secure:before { content: "\E782"; } .i-Cloud-Settings:before { content: "\E783"; } .i-Cloud-Smartphone:before { content: "\E784"; } .i-Cloud-Snow:before { content: "\E785"; } .i-Cloud-Sun:before { content: "\E786"; } .i-Cloud-Tablet:before { content: "\E787"; } .i-Cloud-Video:before { content: "\E788"; } .i-Cloud-Weather:before { content: "\E789"; } .i-Cloud:before { content: "\E78A"; } .i-Clouds-Weather:before { content: "\E78B"; } .i-Clouds:before { content: "\E78C"; } .i-Clown:before { content: "\E78D"; } .i-CMYK:before { content: "\E78E"; } .i-Coat:before { content: "\E78F"; } .i-Cocktail:before { content: "\E790"; } .i-Coconut:before { content: "\E791"; } .i-Code-Window:before { content: "\E792"; } .i-Coding:before { content: "\E793"; } .i-Coffee-2:before { content: "\E794"; } .i-Coffee-Bean:before { content: "\E795"; } .i-Coffee-Machine:before { content: "\E796"; } .i-Coffee-toGo:before { content: "\E797"; } .i-Coffee:before { content: "\E798"; } .i-Coffin:before { content: "\E799"; } .i-Coin:before { content: "\E79A"; } .i-Coins-2:before { content: "\E79B"; } .i-Coins-3:before { content: "\E79C"; } .i-Coins:before { content: "\E79D"; } .i-Colombia:before { content: "\E79E"; } .i-Colosseum:before { content: "\E79F"; } .i-Column-2:before { content: "\E7A0"; } .i-Column-3:before { content: "\E7A1"; } .i-Column:before { content: "\E7A2"; } .i-Comb-2:before { content: "\E7A3"; } .i-Comb:before { content: "\E7A4"; } .i-Communication-Tower:before { content: "\E7A5"; } .i-Communication-Tower2:before { content: "\E7A6"; } .i-Compass-2:before { content: "\E7A7"; } .i-Compass-3:before { content: "\E7A8"; } .i-Compass-4:before { content: "\E7A9"; } .i-Compass-Rose:before { content: "\E7AA"; } .i-Compass:before { content: "\E7AB"; } .i-Computer-2:before { content: "\E7AC"; } .i-Computer-3:before { content: "\E7AD"; } .i-Computer-Secure:before { content: "\E7AE"; } .i-Computer:before { content: "\E7AF"; } .i-Conference:before { content: "\E7B0"; } .i-Confused:before { content: "\E7B1"; } .i-Conservation:before { content: "\E7B2"; } .i-Consulting:before { content: "\E7B3"; } .i-Contrast:before { content: "\E7B4"; } .i-Control-2:before { content: "\E7B5"; } .i-Control:before { content: "\E7B6"; } .i-Cookie-Man:before { content: "\E7B7"; } .i-Cookies:before { content: "\E7B8"; } .i-Cool-Guy:before { content: "\E7B9"; } .i-Cool:before { content: "\E7BA"; } .i-Copyright:before { content: "\E7BB"; } .i-Costume:before { content: "\E7BC"; } .i-Couple-Sign:before { content: "\E7BD"; } .i-Cow:before { content: "\E7BE"; } .i-CPU:before { content: "\E7BF"; } .i-Crane:before { content: "\E7C0"; } .i-Cranium:before { content: "\E7C1"; } .i-Credit-Card:before { content: "\E7C2"; } .i-Credit-Card2:before { content: "\E7C3"; } .i-Credit-Card3:before { content: "\E7C4"; } .i-Cricket:before { content: "\E7C5"; } .i-Criminal:before { content: "\E7C6"; } .i-Croissant:before { content: "\E7C7"; } .i-Crop-2:before { content: "\E7C8"; } .i-Crop-3:before { content: "\E7C9"; } .i-Crown-2:before { content: "\E7CA"; } .i-Crown:before { content: "\E7CB"; } .i-Crying:before { content: "\E7CC"; } .i-Cube-Molecule:before { content: "\E7CD"; } .i-Cube-Molecule2:before { content: "\E7CE"; } .i-Cupcake:before { content: "\E7CF"; } .i-Cursor-Click:before { content: "\E7D0"; } .i-Cursor-Click2:before { content: "\E7D1"; } .i-Cursor-Move:before { content: "\E7D2"; } .i-Cursor-Move2:before { content: "\E7D3"; } .i-Cursor-Select:before { content: "\E7D4"; } .i-Cursor:before { content: "\E7D5"; } .i-D-Eyeglasses:before { content: "\E7D6"; } .i-D-Eyeglasses2:before { content: "\E7D7"; } .i-Dam:before { content: "\E7D8"; } .i-Danemark:before { content: "\E7D9"; } .i-Danger-2:before { content: "\E7DA"; } .i-Danger:before { content: "\E7DB"; } .i-Dashboard:before { content: "\E7DC"; } .i-Data-Backup:before { content: "\E7DD"; } .i-Data-Block:before { content: "\E7DE"; } .i-Data-Center:before { content: "\E7DF"; } .i-Data-Clock:before { content: "\E7E0"; } .i-Data-Cloud:before { content: "\E7E1"; } .i-Data-Compress:before { content: "\E7E2"; } .i-Data-Copy:before { content: "\E7E3"; } .i-Data-Download:before { content: "\E7E4"; } .i-Data-Financial:before { content: "\E7E5"; } .i-Data-Key:before { content: "\E7E6"; } .i-Data-Lock:before { content: "\E7E7"; } .i-Data-Network:before { content: "\E7E8"; } .i-Data-Password:before { content: "\E7E9"; } .i-Data-Power:before { content: "\E7EA"; } .i-Data-Refresh:before { content: "\E7EB"; } .i-Data-Save:before { content: "\E7EC"; } .i-Data-Search:before { content: "\E7ED"; } .i-Data-Security:before { content: "\E7EE"; } .i-Data-Settings:before { content: "\E7EF"; } .i-Data-Sharing:before { content: "\E7F0"; } .i-Data-Shield:before { content: "\E7F1"; } .i-Data-Signal:before { content: "\E7F2"; } .i-Data-Storage:before { content: "\E7F3"; } .i-Data-Stream:before { content: "\E7F4"; } .i-Data-Transfer:before { content: "\E7F5"; } .i-Data-Unlock:before { content: "\E7F6"; } .i-Data-Upload:before { content: "\E7F7"; } .i-Data-Yes:before { content: "\E7F8"; } .i-Data:before { content: "\E7F9"; } .i-David-Star:before { content: "\E7FA"; } .i-Daylight:before { content: "\E7FB"; } .i-Death:before { content: "\E7FC"; } .i-Debian:before { content: "\E7FD"; } .i-Dec:before { content: "\E7FE"; } .i-Decrase-Inedit:before { content: "\E7FF"; } .i-Deer-2:before { content: "\E800"; } .i-Deer:before { content: "\E801"; } .i-Delete-File:before { content: "\E802"; } .i-Delete-Window:before { content: "\E803"; } .i-Delicious:before { content: "\E804"; } .i-Depression:before { content: "\E805"; } .i-Deviantart:before { content: "\E806"; } .i-Device-SyncwithCloud:before { content: "\E807"; } .i-Diamond:before { content: "\E808"; } .i-Dice-2:before { content: "\E809"; } .i-Dice:before { content: "\E80A"; } .i-Digg:before { content: "\E80B"; } .i-Digital-Drawing:before { content: "\E80C"; } .i-Diigo:before { content: "\E80D"; } .i-Dinosaur:before { content: "\E80E"; } .i-Diploma-2:before { content: "\E80F"; } .i-Diploma:before { content: "\E810"; } .i-Direction-East:before { content: "\E811"; } .i-Direction-North:before { content: "\E812"; } .i-Direction-South:before { content: "\E813"; } .i-Direction-West:before { content: "\E814"; } .i-Director:before { content: "\E815"; } .i-Disk:before { content: "\E816"; } .i-Dj:before { content: "\E817"; } .i-DNA-2:before { content: "\E818"; } .i-DNA-Helix:before { content: "\E819"; } .i-DNA:before { content: "\E81A"; } .i-Doctor:before { content: "\E81B"; } .i-Dog:before { content: "\E81C"; } .i-Dollar-Sign:before { content: "\E81D"; } .i-Dollar-Sign2:before { content: "\E81E"; } .i-Dollar:before { content: "\E81F"; } .i-Dolphin:before { content: "\E820"; } .i-Domino:before { content: "\E821"; } .i-Door-Hanger:before { content: "\E822"; } .i-Door:before { content: "\E823"; } .i-Doplr:before { content: "\E824"; } .i-Double-Circle:before { content: "\E825"; } .i-Double-Tap:before { content: "\E826"; } .i-Doughnut:before { content: "\E827"; } .i-Dove:before { content: "\E828"; } .i-Down-2:before { content: "\E829"; } .i-Down-3:before { content: "\E82A"; } .i-Down-4:before { content: "\E82B"; } .i-Down:before { content: "\E82C"; } .i-Download-2:before { content: "\E82D"; } .i-Download-fromCloud:before { content: "\E82E"; } .i-Download-Window:before { content: "\E82F"; } .i-Download:before { content: "\E830"; } .i-Downward:before { content: "\E831"; } .i-Drag-Down:before { content: "\E832"; } .i-Drag-Left:before { content: "\E833"; } .i-Drag-Right:before { content: "\E834"; } .i-Drag-Up:before { content: "\E835"; } .i-Drag:before { content: "\E836"; } .i-Dress:before { content: "\E837"; } .i-Drill-2:before { content: "\E838"; } .i-Drill:before { content: "\E839"; } .i-Drop:before { content: "\E83A"; } .i-Dropbox:before { content: "\E83B"; } .i-Drum:before { content: "\E83C"; } .i-Dry:before { content: "\E83D"; } .i-Duck:before { content: "\E83E"; } .i-Dumbbell:before { content: "\E83F"; } .i-Duplicate-Layer:before { content: "\E840"; } .i-Duplicate-Window:before { content: "\E841"; } .i-DVD:before { content: "\E842"; } .i-Eagle:before { content: "\E843"; } .i-Ear:before { content: "\E844"; } .i-Earphones-2:before { content: "\E845"; } .i-Earphones:before { content: "\E846"; } .i-Eci-i:before { content: "\E847"; } .i-Edit-Map:before { content: "\E848"; } .i-Edit:before { content: "\E849"; } .i-Eggs:before { content: "\E84A"; } .i-Egypt:before { content: "\E84B"; } .i-Eifel-Tower:before { content: "\E84C"; } .i-eject-2:before { content: "\E84D"; } .i-Eject:before { content: "\E84E"; } .i-El-Castillo:before { content: "\E84F"; } .i-Elbow:before { content: "\E850"; } .i-Electric-Guitar:before { content: "\E851"; } .i-Electricity:before { content: "\E852"; } .i-Elephant:before { content: "\E853"; } .i-Email:before { content: "\E854"; } .i-Embassy:before { content: "\E855"; } .i-Empire-StateBuilding:before { content: "\E856"; } .i-Empty-Box:before { content: "\E857"; } .i-End2:before { content: "\E858"; } .i-End-2:before { content: "\E859"; } .i-End:before { content: "\E85A"; } .i-Endways:before { content: "\E85B"; } .i-Engineering:before { content: "\E85C"; } .i-Envelope-2:before { content: "\E85D"; } .i-Envelope:before { content: "\E85E"; } .i-Environmental-2:before { content: "\E85F"; } .i-Environmental-3:before { content: "\E860"; } .i-Environmental:before { content: "\E861"; } .i-Equalizer:before { content: "\E862"; } .i-Eraser-2:before { content: "\E863"; } .i-Eraser-3:before { content: "\E864"; } .i-Eraser:before { content: "\E865"; } .i-Error-404Window:before { content: "\E866"; } .i-Euro-Sign:before { content: "\E867"; } .i-Euro-Sign2:before { content: "\E868"; } .i-Euro:before { content: "\E869"; } .i-Evernote:before { content: "\E86A"; } .i-Evil:before { content: "\E86B"; } .i-Explode:before { content: "\E86C"; } .i-Eye-2:before { content: "\E86D"; } .i-Eye-Blind:before { content: "\E86E"; } .i-Eye-Invisible:before { content: "\E86F"; } .i-Eye-Scan:before { content: "\E870"; } .i-Eye-Visible:before { content: "\E871"; } .i-Eye:before { content: "\E872"; } .i-Eyebrow-2:before { content: "\E873"; } .i-Eyebrow-3:before { content: "\E874"; } .i-Eyebrow:before { content: "\E875"; } .i-Eyeglasses-Smiley:before { content: "\E876"; } .i-Eyeglasses-Smiley2:before { content: "\E877"; } .i-Face-Style:before { content: "\E878"; } .i-Face-Style2:before { content: "\E879"; } .i-Face-Style3:before { content: "\E87A"; } .i-Face-Style4:before { content: "\E87B"; } .i-Face-Style5:before { content: "\E87C"; } .i-Face-Style6:before { content: "\E87D"; } .i-Facebook-2:before { content: "\E87E"; } .i-Facebook:before { content: "\E87F"; } .i-Factory-2:before { content: "\E880"; } .i-Factory:before { content: "\E881"; } .i-Fahrenheit:before { content: "\E882"; } .i-Family-Sign:before { content: "\E883"; } .i-Fan:before { content: "\E884"; } .i-Farmer:before { content: "\E885"; } .i-Fashion:before { content: "\E886"; } .i-Favorite-Window:before { content: "\E887"; } .i-Fax:before { content: "\E888"; } .i-Feather:before { content: "\E889"; } .i-Feedburner:before { content: "\E88A"; } .i-Female-2:before { content: "\E88B"; } .i-Female-Sign:before { content: "\E88C"; } .i-Female:before { content: "\E88D"; } .i-File-Block:before { content: "\E88E"; } .i-File-Bookmark:before { content: "\E88F"; } .i-File-Chart:before { content: "\E890"; } .i-File-Clipboard:before { content: "\E891"; } .i-File-ClipboardFileText:before { content: "\E892"; } .i-File-ClipboardTextImage:before { content: "\E893"; } .i-File-Cloud:before { content: "\E894"; } .i-File-Copy:before { content: "\E895"; } .i-File-Copy2:before { content: "\E896"; } .i-File-CSV:before { content: "\E897"; } .i-File-Download:before { content: "\E898"; } .i-File-Edit:before { content: "\E899"; } .i-File-Excel:before { content: "\E89A"; } .i-File-Favorite:before { content: "\E89B"; } .i-File-Fire:before { content: "\E89C"; } .i-File-Graph:before { content: "\E89D"; } .i-File-Hide:before { content: "\E89E"; } .i-File-Horizontal:before { content: "\E89F"; } .i-File-HorizontalText:before { content: "\E8A0"; } .i-File-HTML:before { content: "\E8A1"; } .i-File-JPG:before { content: "\E8A2"; } .i-File-Link:before { content: "\E8A3"; } .i-File-Loading:before { content: "\E8A4"; } .i-File-Lock:before { content: "\E8A5"; } .i-File-Love:before { content: "\E8A6"; } .i-File-Music:before { content: "\E8A7"; } .i-File-Network:before { content: "\E8A8"; } .i-File-Pictures:before { content: "\E8A9"; } .i-File-Pie:before { content: "\E8AA"; } .i-File-Presentation:before { content: "\E8AB"; } .i-File-Refresh:before { content: "\E8AC"; } .i-File-Search:before { content: "\E8AD"; } .i-File-Settings:before { content: "\E8AE"; } .i-File-Share:before { content: "\E8AF"; } .i-File-TextImage:before { content: "\E8B0"; } .i-File-Trash:before { content: "\E8B1"; } .i-File-TXT:before { content: "\E8B2"; } .i-File-Upload:before { content: "\E8B3"; } .i-File-Video:before { content: "\E8B4"; } .i-File-Word:before { content: "\E8B5"; } .i-File-Zip:before { content: "\E8B6"; } .i-File:before { content: "\E8B7"; } .i-Files:before { content: "\E8B8"; } .i-Film-Board:before { content: "\E8B9"; } .i-Film-Cartridge:before { content: "\E8BA"; } .i-Film-Strip:before { content: "\E8BB"; } .i-Film-Video:before { content: "\E8BC"; } .i-Film:before { content: "\E8BD"; } .i-Filter-2:before { content: "\E8BE"; } .i-Filter:before { content: "\E8BF"; } .i-Financial:before { content: "\E8C0"; } .i-Find-User:before { content: "\E8C1"; } .i-Finger-DragFourSides:before { content: "\E8C2"; } .i-Finger-DragTwoSides:before { content: "\E8C3"; } .i-Finger-Print:before { content: "\E8C4"; } .i-Finger:before { content: "\E8C5"; } .i-Fingerprint-2:before { content: "\E8C6"; } .i-Fingerprint:before { content: "\E8C7"; } .i-Fire-Flame:before { content: "\E8C8"; } .i-Fire-Flame2:before { content: "\E8C9"; } .i-Fire-Hydrant:before { content: "\E8CA"; } .i-Fire-Staion:before { content: "\E8CB"; } .i-Firefox:before { content: "\E8CC"; } .i-Firewall:before { content: "\E8CD"; } .i-First-Aid:before { content: "\E8CE"; } .i-First:before { content: "\E8CF"; } .i-Fish-Food:before { content: "\E8D0"; } .i-Fish:before { content: "\E8D1"; } .i-Fit-To:before { content: "\E8D2"; } .i-Fit-To2:before { content: "\E8D3"; } .i-Five-Fingers:before { content: "\E8D4"; } .i-Five-FingersDrag:before { content: "\E8D5"; } .i-Five-FingersDrag2:before { content: "\E8D6"; } .i-Five-FingersTouch:before { content: "\E8D7"; } .i-Flag-2:before { content: "\E8D8"; } .i-Flag-3:before { content: "\E8D9"; } .i-Flag-4:before { content: "\E8DA"; } .i-Flag-5:before { content: "\E8DB"; } .i-Flag-6:before { content: "\E8DC"; } .i-Flag:before { content: "\E8DD"; } .i-Flamingo:before { content: "\E8DE"; } .i-Flash-2:before { content: "\E8DF"; } .i-Flash-Video:before { content: "\E8E0"; } .i-Flash:before { content: "\E8E1"; } .i-Flashlight:before { content: "\E8E2"; } .i-Flask-2:before { content: "\E8E3"; } .i-Flask:before { content: "\E8E4"; } .i-Flick:before { content: "\E8E5"; } .i-Flickr:before { content: "\E8E6"; } .i-Flowerpot:before { content: "\E8E7"; } .i-Fluorescent:before { content: "\E8E8"; } .i-Fog-Day:before { content: "\E8E9"; } .i-Fog-Night:before { content: "\E8EA"; } .i-Folder-Add:before { content: "\E8EB"; } .i-Folder-Archive:before { content: "\E8EC"; } .i-Folder-Binder:before { content: "\E8ED"; } .i-Folder-Binder2:before { content: "\E8EE"; } .i-Folder-Block:before { content: "\E8EF"; } .i-Folder-Bookmark:before { content: "\E8F0"; } .i-Folder-Close:before { content: "\E8F1"; } .i-Folder-Cloud:before { content: "\E8F2"; } .i-Folder-Delete:before { content: "\E8F3"; } .i-Folder-Download:before { content: "\E8F4"; } .i-Folder-Edit:before { content: "\E8F5"; } .i-Folder-Favorite:before { content: "\E8F6"; } .i-Folder-Fire:before { content: "\E8F7"; } .i-Folder-Hide:before { content: "\E8F8"; } .i-Folder-Link:before { content: "\E8F9"; } .i-Folder-Loading:before { content: "\E8FA"; } .i-Folder-Lock:before { content: "\E8FB"; } .i-Folder-Love:before { content: "\E8FC"; } .i-Folder-Music:before { content: "\E8FD"; } .i-Folder-Network:before { content: "\E8FE"; } .i-Folder-Open:before { content: "\E8FF"; } .i-Folder-Open2:before { content: "\E900"; } .i-Folder-Organizing:before { content: "\E901"; } .i-Folder-Pictures:before { content: "\E902"; } .i-Folder-Refresh:before { content: "\E903"; } .i-Folder-Remove-:before { content: "\E904"; } .i-Folder-Search:before { content: "\E905"; } .i-Folder-Settings:before { content: "\E906"; } .i-Folder-Share:before { content: "\E907"; } .i-Folder-Trash:before { content: "\E908"; } .i-Folder-Upload:before { content: "\E909"; } .i-Folder-Video:before { content: "\E90A"; } .i-Folder-WithDocument:before { content: "\E90B"; } .i-Folder-Zip:before { content: "\E90C"; } .i-Folder:before { content: "\E90D"; } .i-Folders:before { content: "\E90E"; } .i-Font-Color:before { content: "\E90F"; } .i-Font-Name:before { content: "\E910"; } .i-Font-Size:before { content: "\E911"; } .i-Font-Style:before { content: "\E912"; } .i-Font-StyleSubscript:before { content: "\E913"; } .i-Font-StyleSuperscript:before { content: "\E914"; } .i-Font-Window:before { content: "\E915"; } .i-Foot-2:before { content: "\E916"; } .i-Foot:before { content: "\E917"; } .i-Football-2:before { content: "\E918"; } .i-Football:before { content: "\E919"; } .i-Footprint-2:before { content: "\E91A"; } .i-Footprint-3:before { content: "\E91B"; } .i-Footprint:before { content: "\E91C"; } .i-Forest:before { content: "\E91D"; } .i-Fork:before { content: "\E91E"; } .i-Formspring:before { content: "\E91F"; } .i-Formula:before { content: "\E920"; } .i-Forsquare:before { content: "\E921"; } .i-Forward:before { content: "\E922"; } .i-Fountain-Pen:before { content: "\E923"; } .i-Four-Fingers:before { content: "\E924"; } .i-Four-FingersDrag:before { content: "\E925"; } .i-Four-FingersDrag2:before { content: "\E926"; } .i-Four-FingersTouch:before { content: "\E927"; } .i-Fox:before { content: "\E928"; } .i-Frankenstein:before { content: "\E929"; } .i-French-Fries:before { content: "\E92A"; } .i-Friendfeed:before { content: "\E92B"; } .i-Friendster:before { content: "\E92C"; } .i-Frog:before { content: "\E92D"; } .i-Fruits:before { content: "\E92E"; } .i-Fuel:before { content: "\E92F"; } .i-Full-Bag:before { content: "\E930"; } .i-Full-Basket:before { content: "\E931"; } .i-Full-Cart:before { content: "\E932"; } .i-Full-Moon:before { content: "\E933"; } .i-Full-Screen:before { content: "\E934"; } .i-Full-Screen2:before { content: "\E935"; } .i-Full-View:before { content: "\E936"; } .i-Full-View2:before { content: "\E937"; } .i-Full-ViewWindow:before { content: "\E938"; } .i-Function:before { content: "\E939"; } .i-Funky:before { content: "\E93A"; } .i-Funny-Bicycle:before { content: "\E93B"; } .i-Furl:before { content: "\E93C"; } .i-Gamepad-2:before { content: "\E93D"; } .i-Gamepad:before { content: "\E93E"; } .i-Gas-Pump:before { content: "\E93F"; } .i-Gaugage-2:before { content: "\E940"; } .i-Gaugage:before { content: "\E941"; } .i-Gay:before { content: "\E942"; } .i-Gear-2:before { content: "\E943"; } .i-Gear:before { content: "\E944"; } .i-Gears-2:before { content: "\E945"; } .i-Gears:before { content: "\E946"; } .i-Geek-2:before { content: "\E947"; } .i-Geek:before { content: "\E948"; } .i-Gemini-2:before { content: "\E949"; } .i-Gemini:before { content: "\E94A"; } .i-Genius:before { content: "\E94B"; } .i-Gentleman:before { content: "\E94C"; } .i-Geo--:before { content: "\E94D"; } .i-Geo-:before { content: "\E94E"; } .i-Geo-Close:before { content: "\E94F"; } .i-Geo-Love:before { content: "\E950"; } .i-Geo-Number:before { content: "\E951"; } .i-Geo-Star:before { content: "\E952"; } .i-Geo:before { content: "\E953"; } .i-Geo2--:before { content: "\E954"; } .i-Geo2-:before { content: "\E955"; } .i-Geo2-Close:before { content: "\E956"; } .i-Geo2-Love:before { content: "\E957"; } .i-Geo2-Number:before { content: "\E958"; } .i-Geo2-Star:before { content: "\E959"; } .i-Geo2:before { content: "\E95A"; } .i-Geo3--:before { content: "\E95B"; } .i-Geo3-:before { content: "\E95C"; } .i-Geo3-Close:before { content: "\E95D"; } .i-Geo3-Love:before { content: "\E95E"; } .i-Geo3-Number:before { content: "\E95F"; } .i-Geo3-Star:before { content: "\E960"; } .i-Geo3:before { content: "\E961"; } .i-Gey:before { content: "\E962"; } .i-Gift-Box:before { content: "\E963"; } .i-Giraffe:before { content: "\E964"; } .i-Girl:before { content: "\E965"; } .i-Glass-Water:before { content: "\E966"; } .i-Glasses-2:before { content: "\E967"; } .i-Glasses-3:before { content: "\E968"; } .i-Glasses:before { content: "\E969"; } .i-Global-Position:before { content: "\E96A"; } .i-Globe-2:before { content: "\E96B"; } .i-Globe:before { content: "\E96C"; } .i-Gloves:before { content: "\E96D"; } .i-Go-Bottom:before { content: "\E96E"; } .i-Go-Top:before { content: "\E96F"; } .i-Goggles:before { content: "\E970"; } .i-Golf-2:before { content: "\E971"; } .i-Golf:before { content: "\E972"; } .i-Google-Buzz:before { content: "\E973"; } .i-Google-Drive:before { content: "\E974"; } .i-Google-Play:before { content: "\E975"; } .i-Google-Plus:before { content: "\E976"; } .i-Google:before { content: "\E977"; } .i-Gopro:before { content: "\E978"; } .i-Gorilla:before { content: "\E979"; } .i-Gowalla:before { content: "\E97A"; } .i-Grave:before { content: "\E97B"; } .i-Graveyard:before { content: "\E97C"; } .i-Greece:before { content: "\E97D"; } .i-Green-Energy:before { content: "\E97E"; } .i-Green-House:before { content: "\E97F"; } .i-Guitar:before { content: "\E980"; } .i-Gun-2:before { content: "\E981"; } .i-Gun-3:before { content: "\E982"; } .i-Gun:before { content: "\E983"; } .i-Gymnastics:before { content: "\E984"; } .i-Hair-2:before { content: "\E985"; } .i-Hair-3:before { content: "\E986"; } .i-Hair-4:before { content: "\E987"; } .i-Hair:before { content: "\E988"; } .i-Half-Moon:before { content: "\E989"; } .i-Halloween-HalfMoon:before { content: "\E98A"; } .i-Halloween-Moon:before { content: "\E98B"; } .i-Hamburger:before { content: "\E98C"; } .i-Hammer:before { content: "\E98D"; } .i-Hand-Touch:before { content: "\E98E"; } .i-Hand-Touch2:before { content: "\E98F"; } .i-Hand-TouchSmartphone:before { content: "\E990"; } .i-Hand:before { content: "\E991"; } .i-Hands:before { content: "\E992"; } .i-Handshake:before { content: "\E993"; } .i-Hanger:before { content: "\E994"; } .i-Happy:before { content: "\E995"; } .i-Hat-2:before { content: "\E996"; } .i-Hat:before { content: "\E997"; } .i-Haunted-House:before { content: "\E998"; } .i-HD-Video:before { content: "\E999"; } .i-HD:before { content: "\E99A"; } .i-HDD:before { content: "\E99B"; } .i-Headphone:before { content: "\E99C"; } .i-Headphones:before { content: "\E99D"; } .i-Headset:before { content: "\E99E"; } .i-Heart-2:before { content: "\E99F"; } .i-Heart:before { content: "\E9A0"; } .i-Heels-2:before { content: "\E9A1"; } .i-Heels:before { content: "\E9A2"; } .i-Height-Window:before { content: "\E9A3"; } .i-Helicopter-2:before { content: "\E9A4"; } .i-Helicopter:before { content: "\E9A5"; } .i-Helix-2:before { content: "\E9A6"; } .i-Hello:before { content: "\E9A7"; } .i-Helmet-2:before { content: "\E9A8"; } .i-Helmet-3:before { content: "\E9A9"; } .i-Helmet:before { content: "\E9AA"; } .i-Hipo:before { content: "\E9AB"; } .i-Hipster-Glasses:before { content: "\E9AC"; } .i-Hipster-Glasses2:before { content: "\E9AD"; } .i-Hipster-Glasses3:before { content: "\E9AE"; } .i-Hipster-Headphones:before { content: "\E9AF"; } .i-Hipster-Men:before { content: "\E9B0"; } .i-Hipster-Men2:before { content: "\E9B1"; } .i-Hipster-Men3:before { content: "\E9B2"; } .i-Hipster-Sunglasses:before { content: "\E9B3"; } .i-Hipster-Sunglasses2:before { content: "\E9B4"; } .i-Hipster-Sunglasses3:before { content: "\E9B5"; } .i-Hokey:before { content: "\E9B6"; } .i-Holly:before { content: "\E9B7"; } .i-Home-2:before { content: "\E9B8"; } .i-Home-3:before { content: "\E9B9"; } .i-Home-4:before { content: "\E9BA"; } .i-Home-5:before { content: "\E9BB"; } .i-Home-Window:before { content: "\E9BC"; } .i-Home:before { content: "\E9BD"; } .i-Homosexual:before { content: "\E9BE"; } .i-Honey:before { content: "\E9BF"; } .i-Hong-Kong:before { content: "\E9C0"; } .i-Hoodie:before { content: "\E9C1"; } .i-Horror:before { content: "\E9C2"; } .i-Horse:before { content: "\E9C3"; } .i-Hospital-2:before { content: "\E9C4"; } .i-Hospital:before { content: "\E9C5"; } .i-Host:before { content: "\E9C6"; } .i-Hot-Dog:before { content: "\E9C7"; } .i-Hotel:before { content: "\E9C8"; } .i-Hour:before { content: "\E9C9"; } .i-Hub:before { content: "\E9CA"; } .i-Humor:before { content: "\E9CB"; } .i-Hurt:before { content: "\E9CC"; } .i-Ice-Cream:before { content: "\E9CD"; } .i-ICQ:before { content: "\E9CE"; } .i-ID-2:before { content: "\E9CF"; } .i-ID-3:before { content: "\E9D0"; } .i-ID-Card:before { content: "\E9D1"; } .i-Idea-2:before { content: "\E9D2"; } .i-Idea-3:before { content: "\E9D3"; } .i-Idea-4:before { content: "\E9D4"; } .i-Idea-5:before { content: "\E9D5"; } .i-Idea:before { content: "\E9D6"; } .i-Identification-Badge:before { content: "\E9D7"; } .i-ImDB:before { content: "\E9D8"; } .i-Inbox-Empty:before { content: "\E9D9"; } .i-Inbox-Forward:before { content: "\E9DA"; } .i-Inbox-Full:before { content: "\E9DB"; } .i-Inbox-Into:before { content: "\E9DC"; } .i-Inbox-Out:before { content: "\E9DD"; } .i-Inbox-Reply:before { content: "\E9DE"; } .i-Inbox:before { content: "\E9DF"; } .i-Increase-Inedit:before { content: "\E9E0"; } .i-Indent-FirstLine:before { content: "\E9E1"; } .i-Indent-LeftMargin:before { content: "\E9E2"; } .i-Indent-RightMargin:before { content: "\E9E3"; } .i-India:before { content: "\E9E4"; } .i-Info-Window:before { content: "\E9E5"; } .i-Information:before { content: "\E9E6"; } .i-Inifity:before { content: "\E9E7"; } .i-Instagram:before { content: "\E9E8"; } .i-Internet-2:before { content: "\E9E9"; } .i-Internet-Explorer:before { content: "\E9EA"; } .i-Internet-Smiley:before { content: "\E9EB"; } .i-Internet:before { content: "\E9EC"; } .i-iOS-Apple:before { content: "\E9ED"; } .i-Israel:before { content: "\E9EE"; } .i-Italic-Text:before { content: "\E9EF"; } .i-Jacket-2:before { content: "\E9F0"; } .i-Jacket:before { content: "\E9F1"; } .i-Jamaica:before { content: "\E9F2"; } .i-Japan:before { content: "\E9F3"; } .i-Japanese-Gate:before { content: "\E9F4"; } .i-Jeans:before { content: "\E9F5"; } .i-Jeep-2:before { content: "\E9F6"; } .i-Jeep:before { content: "\E9F7"; } .i-Jet:before { content: "\E9F8"; } .i-Joystick:before { content: "\E9F9"; } .i-Juice:before { content: "\E9FA"; } .i-Jump-Rope:before { content: "\E9FB"; } .i-Kangoroo:before { content: "\E9FC"; } .i-Kenya:before { content: "\E9FD"; } .i-Key-2:before { content: "\E9FE"; } .i-Key-3:before { content: "\E9FF"; } .i-Key-Lock:before { content: "\EA00"; } .i-Key:before { content: "\EA01"; } .i-Keyboard:before { content: "\EA02"; } .i-Keyboard3:before { content: "\EA03"; } .i-Keypad:before { content: "\EA04"; } .i-King-2:before { content: "\EA05"; } .i-King:before { content: "\EA06"; } .i-Kiss:before { content: "\EA07"; } .i-Knee:before { content: "\EA08"; } .i-Knife-2:before { content: "\EA09"; } .i-Knife:before { content: "\EA0A"; } .i-Knight:before { content: "\EA0B"; } .i-Koala:before { content: "\EA0C"; } .i-Korea:before { content: "\EA0D"; } .i-Lamp:before { content: "\EA0E"; } .i-Landscape-2:before { content: "\EA0F"; } .i-Landscape:before { content: "\EA10"; } .i-Lantern:before { content: "\EA11"; } .i-Laptop-2:before { content: "\EA12"; } .i-Laptop-3:before { content: "\EA13"; } .i-Laptop-Phone:before { content: "\EA14"; } .i-Laptop-Secure:before { content: "\EA15"; } .i-Laptop-Tablet:before { content: "\EA16"; } .i-Laptop:before { content: "\EA17"; } .i-Laser:before { content: "\EA18"; } .i-Last-FM:before { content: "\EA19"; } .i-Last:before { content: "\EA1A"; } .i-Laughing:before { content: "\EA1B"; } .i-Layer-1635:before { content: "\EA1C"; } .i-Layer-1646:before { content: "\EA1D"; } .i-Layer-Backward:before { content: "\EA1E"; } .i-Layer-Forward:before { content: "\EA1F"; } .i-Leafs-2:before { content: "\EA20"; } .i-Leafs:before { content: "\EA21"; } .i-Leaning-Tower:before { content: "\EA22"; } .i-Left--Right:before { content: "\EA23"; } .i-Left--Right3:before { content: "\EA24"; } .i-Left-2:before { content: "\EA25"; } .i-Left-3:before { content: "\EA26"; } .i-Left-4:before { content: "\EA27"; } .i-Left-ToRight:before { content: "\EA28"; } .i-Left:before { content: "\EA29"; } .i-Leg-2:before { content: "\EA2A"; } .i-Leg:before { content: "\EA2B"; } .i-Lego:before { content: "\EA2C"; } .i-Lemon:before { content: "\EA2D"; } .i-Len-2:before { content: "\EA2E"; } .i-Len-3:before { content: "\EA2F"; } .i-Len:before { content: "\EA30"; } .i-Leo-2:before { content: "\EA31"; } .i-Leo:before { content: "\EA32"; } .i-Leopard:before { content: "\EA33"; } .i-Lesbian:before { content: "\EA34"; } .i-Lesbians:before { content: "\EA35"; } .i-Letter-Close:before { content: "\EA36"; } .i-Letter-Open:before { content: "\EA37"; } .i-Letter-Sent:before { content: "\EA38"; } .i-Libra-2:before { content: "\EA39"; } .i-Libra:before { content: "\EA3A"; } .i-Library-2:before { content: "\EA3B"; } .i-Library:before { content: "\EA3C"; } .i-Life-Jacket:before { content: "\EA3D"; } .i-Life-Safer:before { content: "\EA3E"; } .i-Light-Bulb:before { content: "\EA3F"; } .i-Light-Bulb2:before { content: "\EA40"; } .i-Light-BulbLeaf:before { content: "\EA41"; } .i-Lighthouse:before { content: "\EA42"; } .i-Like-2:before { content: "\EA43"; } .i-Like:before { content: "\EA44"; } .i-Line-Chart:before { content: "\EA45"; } .i-Line-Chart2:before { content: "\EA46"; } .i-Line-Chart3:before { content: "\EA47"; } .i-Line-Chart4:before { content: "\EA48"; } .i-Line-Spacing:before { content: "\EA49"; } .i-Line-SpacingText:before { content: "\EA4A"; } .i-Link-2:before { content: "\EA4B"; } .i-Link:before { content: "\EA4C"; } .i-Linkedin-2:before { content: "\EA4D"; } .i-Linkedin:before { content: "\EA4E"; } .i-Linux:before { content: "\EA4F"; } .i-Lion:before { content: "\EA50"; } .i-Livejournal:before { content: "\EA51"; } .i-Loading-2:before { content: "\EA52"; } .i-Loading-3:before { content: "\EA53"; } .i-Loading-Window:before { content: "\EA54"; } .i-Loading:before { content: "\EA55"; } .i-Location-2:before { content: "\EA56"; } .i-Location:before { content: "\EA57"; } .i-Lock-2:before { content: "\EA58"; } .i-Lock-3:before { content: "\EA59"; } .i-Lock-User:before { content: "\EA5A"; } .i-Lock-Window:before { content: "\EA5B"; } .i-Lock:before { content: "\EA5C"; } .i-Lollipop-2:before { content: "\EA5D"; } .i-Lollipop-3:before { content: "\EA5E"; } .i-Lollipop:before { content: "\EA5F"; } .i-Loop:before { content: "\EA60"; } .i-Loud:before { content: "\EA61"; } .i-Loudspeaker:before { content: "\EA62"; } .i-Love-2:before { content: "\EA63"; } .i-Love-User:before { content: "\EA64"; } .i-Love-Window:before { content: "\EA65"; } .i-Love:before { content: "\EA66"; } .i-Lowercase-Text:before { content: "\EA67"; } .i-Luggafe-Front:before { content: "\EA68"; } .i-Luggage-2:before { content: "\EA69"; } .i-Macro:before { content: "\EA6A"; } .i-Magic-Wand:before { content: "\EA6B"; } .i-Magnet:before { content: "\EA6C"; } .i-Magnifi-Glass-:before { content: "\EA6D"; } .i-Magnifi-Glass:before { content: "\EA6E"; } .i-Magnifi-Glass2:before { content: "\EA6F"; } .i-Mail-2:before { content: "\EA70"; } .i-Mail-3:before { content: "\EA71"; } .i-Mail-Add:before { content: "\EA72"; } .i-Mail-Attachement:before { content: "\EA73"; } .i-Mail-Block:before { content: "\EA74"; } .i-Mail-Delete:before { content: "\EA75"; } .i-Mail-Favorite:before { content: "\EA76"; } .i-Mail-Forward:before { content: "\EA77"; } .i-Mail-Gallery:before { content: "\EA78"; } .i-Mail-Inbox:before { content: "\EA79"; } .i-Mail-Link:before { content: "\EA7A"; } .i-Mail-Lock:before { content: "\EA7B"; } .i-Mail-Love:before { content: "\EA7C"; } .i-Mail-Money:before { content: "\EA7D"; } .i-Mail-Open:before { content: "\EA7E"; } .i-Mail-Outbox:before { content: "\EA7F"; } .i-Mail-Password:before { content: "\EA80"; } .i-Mail-Photo:before { content: "\EA81"; } .i-Mail-Read:before { content: "\EA82"; } .i-Mail-Removex:before { content: "\EA83"; } .i-Mail-Reply:before { content: "\EA84"; } .i-Mail-ReplyAll:before { content: "\EA85"; } .i-Mail-Search:before { content: "\EA86"; } .i-Mail-Send:before { content: "\EA87"; } .i-Mail-Settings:before { content: "\EA88"; } .i-Mail-Unread:before { content: "\EA89"; } .i-Mail-Video:before { content: "\EA8A"; } .i-Mail-withAtSign:before { content: "\EA8B"; } .i-Mail-WithCursors:before { content: "\EA8C"; } .i-Mail:before { content: "\EA8D"; } .i-Mailbox-Empty:before { content: "\EA8E"; } .i-Mailbox-Full:before { content: "\EA8F"; } .i-Male-2:before { content: "\EA90"; } .i-Male-Sign:before { content: "\EA91"; } .i-Male:before { content: "\EA92"; } .i-MaleFemale:before { content: "\EA93"; } .i-Man-Sign:before { content: "\EA94"; } .i-Management:before { content: "\EA95"; } .i-Mans-Underwear:before { content: "\EA96"; } .i-Mans-Underwear2:before { content: "\EA97"; } .i-Map-Marker:before { content: "\EA98"; } .i-Map-Marker2:before { content: "\EA99"; } .i-Map-Marker3:before { content: "\EA9A"; } .i-Map:before { content: "\EA9B"; } .i-Map2:before { content: "\EA9C"; } .i-Marker-2:before { content: "\EA9D"; } .i-Marker-3:before { content: "\EA9E"; } .i-Marker:before { content: "\EA9F"; } .i-Martini-Glass:before { content: "\EAA0"; } .i-Mask:before { content: "\EAA1"; } .i-Master-Card:before { content: "\EAA2"; } .i-Maximize-Window:before { content: "\EAA3"; } .i-Maximize:before { content: "\EAA4"; } .i-Medal-2:before { content: "\EAA5"; } .i-Medal-3:before { content: "\EAA6"; } .i-Medal:before { content: "\EAA7"; } .i-Medical-Sign:before { content: "\EAA8"; } .i-Medicine-2:before { content: "\EAA9"; } .i-Medicine-3:before { content: "\EAAA"; } .i-Medicine:before { content: "\EAAB"; } .i-Megaphone:before { content: "\EAAC"; } .i-Memory-Card:before { content: "\EAAD"; } .i-Memory-Card2:before { content: "\EAAE"; } .i-Memory-Card3:before { content: "\EAAF"; } .i-Men:before { content: "\EAB0"; } .i-Menorah:before { content: "\EAB1"; } .i-Mens:before { content: "\EAB2"; } .i-Metacafe:before { content: "\EAB3"; } .i-Mexico:before { content: "\EAB4"; } .i-Mic:before { content: "\EAB5"; } .i-Microphone-2:before { content: "\EAB6"; } .i-Microphone-3:before { content: "\EAB7"; } .i-Microphone-4:before { content: "\EAB8"; } .i-Microphone-5:before { content: "\EAB9"; } .i-Microphone-6:before { content: "\EABA"; } .i-Microphone-7:before { content: "\EABB"; } .i-Microphone:before { content: "\EABC"; } .i-Microscope:before { content: "\EABD"; } .i-Milk-Bottle:before { content: "\EABE"; } .i-Mine:before { content: "\EABF"; } .i-Minimize-Maximize-Close-Window:before { content: "\EAC0"; } .i-Minimize-Window:before { content: "\EAC1"; } .i-Minimize:before { content: "\EAC2"; } .i-Mirror:before { content: "\EAC3"; } .i-Mixer:before { content: "\EAC4"; } .i-Mixx:before { content: "\EAC5"; } .i-Money-2:before { content: "\EAC6"; } .i-Money-Bag:before { content: "\EAC7"; } .i-Money-Smiley:before { content: "\EAC8"; } .i-Money:before { content: "\EAC9"; } .i-Monitor-2:before { content: "\EACA"; } .i-Monitor-3:before { content: "\EACB"; } .i-Monitor-4:before { content: "\EACC"; } .i-Monitor-5:before { content: "\EACD"; } .i-Monitor-Analytics:before { content: "\EACE"; } .i-Monitor-Laptop:before { content: "\EACF"; } .i-Monitor-phone:before { content: "\EAD0"; } .i-Monitor-Tablet:before { content: "\EAD1"; } .i-Monitor-Vertical:before { content: "\EAD2"; } .i-Monitor:before { content: "\EAD3"; } .i-Monitoring:before { content: "\EAD4"; } .i-Monkey:before { content: "\EAD5"; } .i-Monster:before { content: "\EAD6"; } .i-Morocco:before { content: "\EAD7"; } .i-Motorcycle:before { content: "\EAD8"; } .i-Mouse-2:before { content: "\EAD9"; } .i-Mouse-3:before { content: "\EADA"; } .i-Mouse-4:before { content: "\EADB"; } .i-Mouse-Pointer:before { content: "\EADC"; } .i-Mouse:before { content: "\EADD"; } .i-Moustache-Smiley:before { content: "\EADE"; } .i-Movie-Ticket:before { content: "\EADF"; } .i-Movie:before { content: "\EAE0"; } .i-Mp3-File:before { content: "\EAE1"; } .i-Museum:before { content: "\EAE2"; } .i-Mushroom:before { content: "\EAE3"; } .i-Music-Note:before { content: "\EAE4"; } .i-Music-Note2:before { content: "\EAE5"; } .i-Music-Note3:before { content: "\EAE6"; } .i-Music-Note4:before { content: "\EAE7"; } .i-Music-Player:before { content: "\EAE8"; } .i-Mustache-2:before { content: "\EAE9"; } .i-Mustache-3:before { content: "\EAEA"; } .i-Mustache-4:before { content: "\EAEB"; } .i-Mustache-5:before { content: "\EAEC"; } .i-Mustache-6:before { content: "\EAED"; } .i-Mustache-7:before { content: "\EAEE"; } .i-Mustache-8:before { content: "\EAEF"; } .i-Mustache:before { content: "\EAF0"; } .i-Mute:before { content: "\EAF1"; } .i-Myspace:before { content: "\EAF2"; } .i-Navigat-Start:before { content: "\EAF3"; } .i-Navigate-End:before { content: "\EAF4"; } .i-Navigation-LeftWindow:before { content: "\EAF5"; } .i-Navigation-RightWindow:before { content: "\EAF6"; } .i-Nepal:before { content: "\EAF7"; } .i-Netscape:before { content: "\EAF8"; } .i-Network-Window:before { content: "\EAF9"; } .i-Network:before { content: "\EAFA"; } .i-Neutron:before { content: "\EAFB"; } .i-New-Mail:before { content: "\EAFC"; } .i-New-Tab:before { content: "\EAFD"; } .i-Newspaper-2:before { content: "\EAFE"; } .i-Newspaper:before { content: "\EAFF"; } .i-Newsvine:before { content: "\EB00"; } .i-Next2:before { content: "\EB01"; } .i-Next-3:before { content: "\EB02"; } .i-Next-Music:before { content: "\EB03"; } .i-Next:before { content: "\EB04"; } .i-No-Battery:before { content: "\EB05"; } .i-No-Drop:before { content: "\EB06"; } .i-No-Flash:before { content: "\EB07"; } .i-No-Smoking:before { content: "\EB08"; } .i-Noose:before { content: "\EB09"; } .i-Normal-Text:before { content: "\EB0A"; } .i-Note:before { content: "\EB0B"; } .i-Notepad-2:before { content: "\EB0C"; } .i-Notepad:before { content: "\EB0D"; } .i-Nuclear:before { content: "\EB0E"; } .i-Numbering-List:before { content: "\EB0F"; } .i-Nurse:before { content: "\EB10"; } .i-Office-Lamp:before { content: "\EB11"; } .i-Office:before { content: "\EB12"; } .i-Oil:before { content: "\EB13"; } .i-Old-Camera:before { content: "\EB14"; } .i-Old-Cassette:before { content: "\EB15"; } .i-Old-Clock:before { content: "\EB16"; } .i-Old-Radio:before { content: "\EB17"; } .i-Old-Sticky:before { content: "\EB18"; } .i-Old-Sticky2:before { content: "\EB19"; } .i-Old-Telephone:before { content: "\EB1A"; } .i-Old-TV:before { content: "\EB1B"; } .i-On-Air:before { content: "\EB1C"; } .i-On-Off-2:before { content: "\EB1D"; } .i-On-Off-3:before { content: "\EB1E"; } .i-On-off:before { content: "\EB1F"; } .i-One-Finger:before { content: "\EB20"; } .i-One-FingerTouch:before { content: "\EB21"; } .i-One-Window:before { content: "\EB22"; } .i-Open-Banana:before { content: "\EB23"; } .i-Open-Book:before { content: "\EB24"; } .i-Opera-House:before { content: "\EB25"; } .i-Opera:before { content: "\EB26"; } .i-Optimization:before { content: "\EB27"; } .i-Orientation-2:before { content: "\EB28"; } .i-Orientation-3:before { content: "\EB29"; } .i-Orientation:before { content: "\EB2A"; } .i-Orkut:before { content: "\EB2B"; } .i-Ornament:before { content: "\EB2C"; } .i-Over-Time:before { content: "\EB2D"; } .i-Over-Time2:before { content: "\EB2E"; } .i-Owl:before { content: "\EB2F"; } .i-Pac-Man:before { content: "\EB30"; } .i-Paint-Brush:before { content: "\EB31"; } .i-Paint-Bucket:before { content: "\EB32"; } .i-Paintbrush:before { content: "\EB33"; } .i-Palette:before { content: "\EB34"; } .i-Palm-Tree:before { content: "\EB35"; } .i-Panda:before { content: "\EB36"; } .i-Panorama:before { content: "\EB37"; } .i-Pantheon:before { content: "\EB38"; } .i-Pantone:before { content: "\EB39"; } .i-Pants:before { content: "\EB3A"; } .i-Paper-Plane:before { content: "\EB3B"; } .i-Paper:before { content: "\EB3C"; } .i-Parasailing:before { content: "\EB3D"; } .i-Parrot:before { content: "\EB3E"; } .i-Password-2shopping:before { content: "\EB3F"; } .i-Password-Field:before { content: "\EB40"; } .i-Password-shopping:before { content: "\EB41"; } .i-Password:before { content: "\EB42"; } .i-pause-2:before { content: "\EB43"; } .i-Pause:before { content: "\EB44"; } .i-Paw:before { content: "\EB45"; } .i-Pawn:before { content: "\EB46"; } .i-Paypal:before { content: "\EB47"; } .i-Pen-2:before { content: "\EB48"; } .i-Pen-3:before { content: "\EB49"; } .i-Pen-4:before { content: "\EB4A"; } .i-Pen-5:before { content: "\EB4B"; } .i-Pen-6:before { content: "\EB4C"; } .i-Pen:before { content: "\EB4D"; } .i-Pencil-Ruler:before { content: "\EB4E"; } .i-Pencil:before { content: "\EB4F"; } .i-Penguin:before { content: "\EB50"; } .i-Pentagon:before { content: "\EB51"; } .i-People-onCloud:before { content: "\EB52"; } .i-Pepper-withFire:before { content: "\EB53"; } .i-Pepper:before { content: "\EB54"; } .i-Petrol:before { content: "\EB55"; } .i-Petronas-Tower:before { content: "\EB56"; } .i-Philipines:before { content: "\EB57"; } .i-Phone-2:before { content: "\EB58"; } .i-Phone-3:before { content: "\EB59"; } .i-Phone-3G:before { content: "\EB5A"; } .i-Phone-4G:before { content: "\EB5B"; } .i-Phone-Simcard:before { content: "\EB5C"; } .i-Phone-SMS:before { content: "\EB5D"; } .i-Phone-Wifi:before { content: "\EB5E"; } .i-Phone:before { content: "\EB5F"; } .i-Photo-2:before { content: "\EB60"; } .i-Photo-3:before { content: "\EB61"; } .i-Photo-Album:before { content: "\EB62"; } .i-Photo-Album2:before { content: "\EB63"; } .i-Photo-Album3:before { content: "\EB64"; } .i-Photo:before { content: "\EB65"; } .i-Photos:before { content: "\EB66"; } .i-Physics:before { content: "\EB67"; } .i-Pi:before { content: "\EB68"; } .i-Piano:before { content: "\EB69"; } .i-Picasa:before { content: "\EB6A"; } .i-Pie-Chart:before { content: "\EB6B"; } .i-Pie-Chart2:before { content: "\EB6C"; } .i-Pie-Chart3:before { content: "\EB6D"; } .i-Pilates-2:before { content: "\EB6E"; } .i-Pilates-3:before { content: "\EB6F"; } .i-Pilates:before { content: "\EB70"; } .i-Pilot:before { content: "\EB71"; } .i-Pinch:before { content: "\EB72"; } .i-Ping-Pong:before { content: "\EB73"; } .i-Pinterest:before { content: "\EB74"; } .i-Pipe:before { content: "\EB75"; } .i-Pipette:before { content: "\EB76"; } .i-Piramids:before { content: "\EB77"; } .i-Pisces-2:before { content: "\EB78"; } .i-Pisces:before { content: "\EB79"; } .i-Pizza-Slice:before { content: "\EB7A"; } .i-Pizza:before { content: "\EB7B"; } .i-Plane-2:before { content: "\EB7C"; } .i-Plane:before { content: "\EB7D"; } .i-Plant:before { content: "\EB7E"; } .i-Plasmid:before { content: "\EB7F"; } .i-Plaster:before { content: "\EB80"; } .i-Plastic-CupPhone:before { content: "\EB81"; } .i-Plastic-CupPhone2:before { content: "\EB82"; } .i-Plate:before { content: "\EB83"; } .i-Plates:before { content: "\EB84"; } .i-Plaxo:before { content: "\EB85"; } .i-Play-Music:before { content: "\EB86"; } .i-Plug-In:before { content: "\EB87"; } .i-Plug-In2:before { content: "\EB88"; } .i-Plurk:before { content: "\EB89"; } .i-Pointer:before { content: "\EB8A"; } .i-Poland:before { content: "\EB8B"; } .i-Police-Man:before { content: "\EB8C"; } .i-Police-Station:before { content: "\EB8D"; } .i-Police-Woman:before { content: "\EB8E"; } .i-Police:before { content: "\EB8F"; } .i-Polo-Shirt:before { content: "\EB90"; } .i-Portrait:before { content: "\EB91"; } .i-Portugal:before { content: "\EB92"; } .i-Post-Mail:before { content: "\EB93"; } .i-Post-Mail2:before { content: "\EB94"; } .i-Post-Office:before { content: "\EB95"; } .i-Post-Sign:before { content: "\EB96"; } .i-Post-Sign2ways:before { content: "\EB97"; } .i-Posterous:before { content: "\EB98"; } .i-Pound-Sign:before { content: "\EB99"; } .i-Pound-Sign2:before { content: "\EB9A"; } .i-Pound:before { content: "\EB9B"; } .i-Power-2:before { content: "\EB9C"; } .i-Power-3:before { content: "\EB9D"; } .i-Power-Cable:before { content: "\EB9E"; } .i-Power-Station:before { content: "\EB9F"; } .i-Power:before { content: "\EBA0"; } .i-Prater:before { content: "\EBA1"; } .i-Present:before { content: "\EBA2"; } .i-Presents:before { content: "\EBA3"; } .i-Press:before { content: "\EBA4"; } .i-Preview:before { content: "\EBA5"; } .i-Previous:before { content: "\EBA6"; } .i-Pricing:before { content: "\EBA7"; } .i-Printer:before { content: "\EBA8"; } .i-Professor:before { content: "\EBA9"; } .i-Profile:before { content: "\EBAA"; } .i-Project:before { content: "\EBAB"; } .i-Projector-2:before { content: "\EBAC"; } .i-Projector:before { content: "\EBAD"; } .i-Pulse:before { content: "\EBAE"; } .i-Pumpkin:before { content: "\EBAF"; } .i-Punk:before { content: "\EBB0"; } .i-Punker:before { content: "\EBB1"; } .i-Puzzle:before { content: "\EBB2"; } .i-QIK:before { content: "\EBB3"; } .i-QR-Code:before { content: "\EBB4"; } .i-Queen-2:before { content: "\EBB5"; } .i-Queen:before { content: "\EBB6"; } .i-Quill-2:before { content: "\EBB7"; } .i-Quill-3:before { content: "\EBB8"; } .i-Quill:before { content: "\EBB9"; } .i-Quotes-2:before { content: "\EBBA"; } .i-Quotes:before { content: "\EBBB"; } .i-Radio:before { content: "\EBBC"; } .i-Radioactive:before { content: "\EBBD"; } .i-Rafting:before { content: "\EBBE"; } .i-Rain-Drop:before { content: "\EBBF"; } .i-Rainbow-2:before { content: "\EBC0"; } .i-Rainbow:before { content: "\EBC1"; } .i-Ram:before { content: "\EBC2"; } .i-Razzor-Blade:before { content: "\EBC3"; } .i-Receipt-2:before { content: "\EBC4"; } .i-Receipt-3:before { content: "\EBC5"; } .i-Receipt-4:before { content: "\EBC6"; } .i-Receipt:before { content: "\EBC7"; } .i-Record2:before { content: "\EBC8"; } .i-Record-3:before { content: "\EBC9"; } .i-Record-Music:before { content: "\EBCA"; } .i-Record:before { content: "\EBCB"; } .i-Recycling-2:before { content: "\EBCC"; } .i-Recycling:before { content: "\EBCD"; } .i-Reddit:before { content: "\EBCE"; } .i-Redhat:before { content: "\EBCF"; } .i-Redirect:before { content: "\EBD0"; } .i-Redo:before { content: "\EBD1"; } .i-Reel:before { content: "\EBD2"; } .i-Refinery:before { content: "\EBD3"; } .i-Refresh-Window:before { content: "\EBD4"; } .i-Refresh:before { content: "\EBD5"; } .i-Reload-2:before { content: "\EBD6"; } .i-Reload-3:before { content: "\EBD7"; } .i-Reload:before { content: "\EBD8"; } .i-Remote-Controll:before { content: "\EBD9"; } .i-Remote-Controll2:before { content: "\EBDA"; } .i-Remove-Bag:before { content: "\EBDB"; } .i-Remove-Basket:before { content: "\EBDC"; } .i-Remove-Cart:before { content: "\EBDD"; } .i-Remove-File:before { content: "\EBDE"; } .i-Remove-User:before { content: "\EBDF"; } .i-Remove-Window:before { content: "\EBE0"; } .i-Remove:before { content: "\EBE1"; } .i-Rename:before { content: "\EBE2"; } .i-Repair:before { content: "\EBE3"; } .i-Repeat-2:before { content: "\EBE4"; } .i-Repeat-3:before { content: "\EBE5"; } .i-Repeat-4:before { content: "\EBE6"; } .i-Repeat-5:before { content: "\EBE7"; } .i-Repeat-6:before { content: "\EBE8"; } .i-Repeat-7:before { content: "\EBE9"; } .i-Repeat:before { content: "\EBEA"; } .i-Reset:before { content: "\EBEB"; } .i-Resize:before { content: "\EBEC"; } .i-Restore-Window:before { content: "\EBED"; } .i-Retouching:before { content: "\EBEE"; } .i-Retro-Camera:before { content: "\EBEF"; } .i-Retro:before { content: "\EBF0"; } .i-Retweet:before { content: "\EBF1"; } .i-Reverbnation:before { content: "\EBF2"; } .i-Rewind:before { content: "\EBF3"; } .i-RGB:before { content: "\EBF4"; } .i-Ribbon-2:before { content: "\EBF5"; } .i-Ribbon-3:before { content: "\EBF6"; } .i-Ribbon:before { content: "\EBF7"; } .i-Right-2:before { content: "\EBF8"; } .i-Right-3:before { content: "\EBF9"; } .i-Right-4:before { content: "\EBFA"; } .i-Right-ToLeft:before { content: "\EBFB"; } .i-Right:before { content: "\EBFC"; } .i-Road-2:before { content: "\EBFD"; } .i-Road-3:before { content: "\EBFE"; } .i-Road:before { content: "\EBFF"; } .i-Robot-2:before { content: "\EC00"; } .i-Robot:before { content: "\EC01"; } .i-Rock-andRoll:before { content: "\EC02"; } .i-Rocket:before { content: "\EC03"; } .i-Roller:before { content: "\EC04"; } .i-Roof:before { content: "\EC05"; } .i-Rook:before { content: "\EC06"; } .i-Rotate-Gesture:before { content: "\EC07"; } .i-Rotate-Gesture2:before { content: "\EC08"; } .i-Rotate-Gesture3:before { content: "\EC09"; } .i-Rotation-390:before { content: "\EC0A"; } .i-Rotation:before { content: "\EC0B"; } .i-Router-2:before { content: "\EC0C"; } .i-Router:before { content: "\EC0D"; } .i-RSS:before { content: "\EC0E"; } .i-Ruler-2:before { content: "\EC0F"; } .i-Ruler:before { content: "\EC10"; } .i-Running-Shoes:before { content: "\EC11"; } .i-Running:before { content: "\EC12"; } .i-Safari:before { content: "\EC13"; } .i-Safe-Box:before { content: "\EC14"; } .i-Safe-Box2:before { content: "\EC15"; } .i-Safety-PinClose:before { content: "\EC16"; } .i-Safety-PinOpen:before { content: "\EC17"; } .i-Sagittarus-2:before { content: "\EC18"; } .i-Sagittarus:before { content: "\EC19"; } .i-Sailing-Ship:before { content: "\EC1A"; } .i-Sand-watch:before { content: "\EC1B"; } .i-Sand-watch2:before { content: "\EC1C"; } .i-Santa-Claus:before { content: "\EC1D"; } .i-Santa-Claus2:before { content: "\EC1E"; } .i-Santa-onSled:before { content: "\EC1F"; } .i-Satelite-2:before { content: "\EC20"; } .i-Satelite:before { content: "\EC21"; } .i-Save-Window:before { content: "\EC22"; } .i-Save:before { content: "\EC23"; } .i-Saw:before { content: "\EC24"; } .i-Saxophone:before { content: "\EC25"; } .i-Scale:before { content: "\EC26"; } .i-Scarf:before { content: "\EC27"; } .i-Scissor:before { content: "\EC28"; } .i-Scooter-Front:before { content: "\EC29"; } .i-Scooter:before { content: "\EC2A"; } .i-Scorpio-2:before { content: "\EC2B"; } .i-Scorpio:before { content: "\EC2C"; } .i-Scotland:before { content: "\EC2D"; } .i-Screwdriver:before { content: "\EC2E"; } .i-Scroll-Fast:before { content: "\EC2F"; } .i-Scroll:before { content: "\EC30"; } .i-Scroller-2:before { content: "\EC31"; } .i-Scroller:before { content: "\EC32"; } .i-Sea-Dog:before { content: "\EC33"; } .i-Search-onCloud:before { content: "\EC34"; } .i-Search-People:before { content: "\EC35"; } .i-secound:before { content: "\EC36"; } .i-secound2:before { content: "\EC37"; } .i-Security-Block:before { content: "\EC38"; } .i-Security-Bug:before { content: "\EC39"; } .i-Security-Camera:before { content: "\EC3A"; } .i-Security-Check:before { content: "\EC3B"; } .i-Security-Settings:before { content: "\EC3C"; } .i-Security-Smiley:before { content: "\EC3D"; } .i-Securiy-Remove:before { content: "\EC3E"; } .i-Seed:before { content: "\EC3F"; } .i-Selfie:before { content: "\EC40"; } .i-Serbia:before { content: "\EC41"; } .i-Server-2:before { content: "\EC42"; } .i-Server:before { content: "\EC43"; } .i-Servers:before { content: "\EC44"; } .i-Settings-Window:before { content: "\EC45"; } .i-Sewing-Machine:before { content: "\EC46"; } .i-Sexual:before { content: "\EC47"; } .i-Share-onCloud:before { content: "\EC48"; } .i-Share-Window:before { content: "\EC49"; } .i-Share:before { content: "\EC4A"; } .i-Sharethis:before { content: "\EC4B"; } .i-Shark:before { content: "\EC4C"; } .i-Sheep:before { content: "\EC4D"; } .i-Sheriff-Badge:before { content: "\EC4E"; } .i-Shield:before { content: "\EC4F"; } .i-Ship-2:before { content: "\EC50"; } .i-Ship:before { content: "\EC51"; } .i-Shirt:before { content: "\EC52"; } .i-Shoes-2:before { content: "\EC53"; } .i-Shoes-3:before { content: "\EC54"; } .i-Shoes:before { content: "\EC55"; } .i-Shop-2:before { content: "\EC56"; } .i-Shop-3:before { content: "\EC57"; } .i-Shop-4:before { content: "\EC58"; } .i-Shop:before { content: "\EC59"; } .i-Shopping-Bag:before { content: "\EC5A"; } .i-Shopping-Basket:before { content: "\EC5B"; } .i-Shopping-Cart:before { content: "\EC5C"; } .i-Short-Pants:before { content: "\EC5D"; } .i-Shoutwire:before { content: "\EC5E"; } .i-Shovel:before { content: "\EC5F"; } .i-Shuffle-2:before { content: "\EC60"; } .i-Shuffle-3:before { content: "\EC61"; } .i-Shuffle-4:before { content: "\EC62"; } .i-Shuffle:before { content: "\EC63"; } .i-Shutter:before { content: "\EC64"; } .i-Sidebar-Window:before { content: "\EC65"; } .i-Signal:before { content: "\EC66"; } .i-Singapore:before { content: "\EC67"; } .i-Skate-Shoes:before { content: "\EC68"; } .i-Skateboard-2:before { content: "\EC69"; } .i-Skateboard:before { content: "\EC6A"; } .i-Skeleton:before { content: "\EC6B"; } .i-Ski:before { content: "\EC6C"; } .i-Skirt:before { content: "\EC6D"; } .i-Skrill:before { content: "\EC6E"; } .i-Skull:before { content: "\EC6F"; } .i-Skydiving:before { content: "\EC70"; } .i-Skype:before { content: "\EC71"; } .i-Sled-withGifts:before { content: "\EC72"; } .i-Sled:before { content: "\EC73"; } .i-Sleeping:before { content: "\EC74"; } .i-Sleet:before { content: "\EC75"; } .i-Slippers:before { content: "\EC76"; } .i-Smart:before { content: "\EC77"; } .i-Smartphone-2:before { content: "\EC78"; } .i-Smartphone-3:before { content: "\EC79"; } .i-Smartphone-4:before { content: "\EC7A"; } .i-Smartphone-Secure:before { content: "\EC7B"; } .i-Smartphone:before { content: "\EC7C"; } .i-Smile:before { content: "\EC7D"; } .i-Smoking-Area:before { content: "\EC7E"; } .i-Smoking-Pipe:before { content: "\EC7F"; } .i-Snake:before { content: "\EC80"; } .i-Snorkel:before { content: "\EC81"; } .i-Snow-2:before { content: "\EC82"; } .i-Snow-Dome:before { content: "\EC83"; } .i-Snow-Storm:before { content: "\EC84"; } .i-Snow:before { content: "\EC85"; } .i-Snowflake-2:before { content: "\EC86"; } .i-Snowflake-3:before { content: "\EC87"; } .i-Snowflake-4:before { content: "\EC88"; } .i-Snowflake:before { content: "\EC89"; } .i-Snowman:before { content: "\EC8A"; } .i-Soccer-Ball:before { content: "\EC8B"; } .i-Soccer-Shoes:before { content: "\EC8C"; } .i-Socks:before { content: "\EC8D"; } .i-Solar:before { content: "\EC8E"; } .i-Sound-Wave:before { content: "\EC8F"; } .i-Sound:before { content: "\EC90"; } .i-Soundcloud:before { content: "\EC91"; } .i-Soup:before { content: "\EC92"; } .i-South-Africa:before { content: "\EC93"; } .i-Space-Needle:before { content: "\EC94"; } .i-Spain:before { content: "\EC95"; } .i-Spam-Mail:before { content: "\EC96"; } .i-Speach-Bubble:before { content: "\EC97"; } .i-Speach-Bubble2:before { content: "\EC98"; } .i-Speach-Bubble3:before { content: "\EC99"; } .i-Speach-Bubble4:before { content: "\EC9A"; } .i-Speach-Bubble5:before { content: "\EC9B"; } .i-Speach-Bubble6:before { content: "\EC9C"; } .i-Speach-Bubble7:before { content: "\EC9D"; } .i-Speach-Bubble8:before { content: "\EC9E"; } .i-Speach-Bubble9:before { content: "\EC9F"; } .i-Speach-Bubble10:before { content: "\ECA0"; } .i-Speach-Bubble11:before { content: "\ECA1"; } .i-Speach-Bubble12:before { content: "\ECA2"; } .i-Speach-Bubble13:before { content: "\ECA3"; } .i-Speach-BubbleAsking:before { content: "\ECA4"; } .i-Speach-BubbleComic:before { content: "\ECA5"; } .i-Speach-BubbleComic2:before { content: "\ECA6"; } .i-Speach-BubbleComic3:before { content: "\ECA7"; } .i-Speach-BubbleComic4:before { content: "\ECA8"; } .i-Speach-BubbleDialog:before { content: "\ECA9"; } .i-Speach-Bubbles:before { content: "\ECAA"; } .i-Speak-2:before { content: "\ECAB"; } .i-Speak:before { content: "\ECAC"; } .i-Speaker-2:before { content: "\ECAD"; } .i-Speaker:before { content: "\ECAE"; } .i-Spell-Check:before { content: "\ECAF"; } .i-Spell-CheckABC:before { content: "\ECB0"; } .i-Spermium:before { content: "\ECB1"; } .i-Spider:before { content: "\ECB2"; } .i-Spiderweb:before { content: "\ECB3"; } .i-Split-FourSquareWindow:before { content: "\ECB4"; } .i-Split-Horizontal:before { content: "\ECB5"; } .i-Split-Horizontal2Window:before { content: "\ECB6"; } .i-Split-Vertical:before { content: "\ECB7"; } .i-Split-Vertical2:before { content: "\ECB8"; } .i-Split-Window:before { content: "\ECB9"; } .i-Spoder:before { content: "\ECBA"; } .i-Spoon:before { content: "\ECBB"; } .i-Sport-Mode:before { content: "\ECBC"; } .i-Sports-Clothings1:before { content: "\ECBD"; } .i-Sports-Clothings2:before { content: "\ECBE"; } .i-Sports-Shirt:before { content: "\ECBF"; } .i-Spot:before { content: "\ECC0"; } .i-Spray:before { content: "\ECC1"; } .i-Spread:before { content: "\ECC2"; } .i-Spring:before { content: "\ECC3"; } .i-Spurl:before { content: "\ECC4"; } .i-Spy:before { content: "\ECC5"; } .i-Squirrel:before { content: "\ECC6"; } .i-SSL:before { content: "\ECC7"; } .i-St-BasilsCathedral:before { content: "\ECC8"; } .i-St-PaulsCathedral:before { content: "\ECC9"; } .i-Stamp-2:before { content: "\ECCA"; } .i-Stamp:before { content: "\ECCB"; } .i-Stapler:before { content: "\ECCC"; } .i-Star-Track:before { content: "\ECCD"; } .i-Star:before { content: "\ECCE"; } .i-Starfish:before { content: "\ECCF"; } .i-Start2:before { content: "\ECD0"; } .i-Start-3:before { content: "\ECD1"; } .i-Start-ways:before { content: "\ECD2"; } .i-Start:before { content: "\ECD3"; } .i-Statistic:before { content: "\ECD4"; } .i-Stethoscope:before { content: "\ECD5"; } .i-stop--2:before { content: "\ECD6"; } .i-Stop-Music:before { content: "\ECD7"; } .i-Stop:before { content: "\ECD8"; } .i-Stopwatch-2:before { content: "\ECD9"; } .i-Stopwatch:before { content: "\ECDA"; } .i-Storm:before { content: "\ECDB"; } .i-Street-View:before { content: "\ECDC"; } .i-Street-View2:before { content: "\ECDD"; } .i-Strikethrough-Text:before { content: "\ECDE"; } .i-Stroller:before { content: "\ECDF"; } .i-Structure:before { content: "\ECE0"; } .i-Student-Female:before { content: "\ECE1"; } .i-Student-Hat:before { content: "\ECE2"; } .i-Student-Hat2:before { content: "\ECE3"; } .i-Student-Male:before { content: "\ECE4"; } .i-Student-MaleFemale:before { content: "\ECE5"; } .i-Students:before { content: "\ECE6"; } .i-Studio-Flash:before { content: "\ECE7"; } .i-Studio-Lightbox:before { content: "\ECE8"; } .i-Stumbleupon:before { content: "\ECE9"; } .i-Suit:before { content: "\ECEA"; } .i-Suitcase:before { content: "\ECEB"; } .i-Sum-2:before { content: "\ECEC"; } .i-Sum:before { content: "\ECED"; } .i-Summer:before { content: "\ECEE"; } .i-Sun-CloudyRain:before { content: "\ECEF"; } .i-Sun:before { content: "\ECF0"; } .i-Sunglasses-2:before { content: "\ECF1"; } .i-Sunglasses-3:before { content: "\ECF2"; } .i-Sunglasses-Smiley:before { content: "\ECF3"; } .i-Sunglasses-Smiley2:before { content: "\ECF4"; } .i-Sunglasses-W:before { content: "\ECF5"; } .i-Sunglasses-W2:before { content: "\ECF6"; } .i-Sunglasses-W3:before { content: "\ECF7"; } .i-Sunglasses:before { content: "\ECF8"; } .i-Sunrise:before { content: "\ECF9"; } .i-Sunset:before { content: "\ECFA"; } .i-Superman:before { content: "\ECFB"; } .i-Support:before { content: "\ECFC"; } .i-Surprise:before { content: "\ECFD"; } .i-Sushi:before { content: "\ECFE"; } .i-Sweden:before { content: "\ECFF"; } .i-Swimming-Short:before { content: "\ED00"; } .i-Swimming:before { content: "\ED01"; } .i-Swimmwear:before { content: "\ED02"; } .i-Switch:before { content: "\ED03"; } .i-Switzerland:before { content: "\ED04"; } .i-Sync-Cloud:before { content: "\ED05"; } .i-Sync:before { content: "\ED06"; } .i-Synchronize-2:before { content: "\ED07"; } .i-Synchronize:before { content: "\ED08"; } .i-T-Shirt:before { content: "\ED09"; } .i-Tablet-2:before { content: "\ED0A"; } .i-Tablet-3:before { content: "\ED0B"; } .i-Tablet-Orientation:before { content: "\ED0C"; } .i-Tablet-Phone:before { content: "\ED0D"; } .i-Tablet-Secure:before { content: "\ED0E"; } .i-Tablet-Vertical:before { content: "\ED0F"; } .i-Tablet:before { content: "\ED10"; } .i-Tactic:before { content: "\ED11"; } .i-Tag-2:before { content: "\ED12"; } .i-Tag-3:before { content: "\ED13"; } .i-Tag-4:before { content: "\ED14"; } .i-Tag-5:before { content: "\ED15"; } .i-Tag:before { content: "\ED16"; } .i-Taj-Mahal:before { content: "\ED17"; } .i-Talk-Man:before { content: "\ED18"; } .i-Tap:before { content: "\ED19"; } .i-Target-Market:before { content: "\ED1A"; } .i-Target:before { content: "\ED1B"; } .i-Taurus-2:before { content: "\ED1C"; } .i-Taurus:before { content: "\ED1D"; } .i-Taxi-2:before { content: "\ED1E"; } .i-Taxi-Sign:before { content: "\ED1F"; } .i-Taxi:before { content: "\ED20"; } .i-Teacher:before { content: "\ED21"; } .i-Teapot:before { content: "\ED22"; } .i-Technorati:before { content: "\ED23"; } .i-Teddy-Bear:before { content: "\ED24"; } .i-Tee-Mug:before { content: "\ED25"; } .i-Telephone-2:before { content: "\ED26"; } .i-Telephone:before { content: "\ED27"; } .i-Telescope:before { content: "\ED28"; } .i-Temperature-2:before { content: "\ED29"; } .i-Temperature-3:before { content: "\ED2A"; } .i-Temperature:before { content: "\ED2B"; } .i-Temple:before { content: "\ED2C"; } .i-Tennis-Ball:before { content: "\ED2D"; } .i-Tennis:before { content: "\ED2E"; } .i-Tent:before { content: "\ED2F"; } .i-Test-Tube:before { content: "\ED30"; } .i-Test-Tube2:before { content: "\ED31"; } .i-Testimonal:before { content: "\ED32"; } .i-Text-Box:before { content: "\ED33"; } .i-Text-Effect:before { content: "\ED34"; } .i-Text-HighlightColor:before { content: "\ED35"; } .i-Text-Paragraph:before { content: "\ED36"; } .i-Thailand:before { content: "\ED37"; } .i-The-WhiteHouse:before { content: "\ED38"; } .i-This-SideUp:before { content: "\ED39"; } .i-Thread:before { content: "\ED3A"; } .i-Three-ArrowFork:before { content: "\ED3B"; } .i-Three-Fingers:before { content: "\ED3C"; } .i-Three-FingersDrag:before { content: "\ED3D"; } .i-Three-FingersDrag2:before { content: "\ED3E"; } .i-Three-FingersTouch:before { content: "\ED3F"; } .i-Thumb:before { content: "\ED40"; } .i-Thumbs-DownSmiley:before { content: "\ED41"; } .i-Thumbs-UpSmiley:before { content: "\ED42"; } .i-Thunder:before { content: "\ED43"; } .i-Thunderstorm:before { content: "\ED44"; } .i-Ticket:before { content: "\ED45"; } .i-Tie-2:before { content: "\ED46"; } .i-Tie-3:before { content: "\ED47"; } .i-Tie-4:before { content: "\ED48"; } .i-Tie:before { content: "\ED49"; } .i-Tiger:before { content: "\ED4A"; } .i-Time-Backup:before { content: "\ED4B"; } .i-Time-Bomb:before { content: "\ED4C"; } .i-Time-Clock:before { content: "\ED4D"; } .i-Time-Fire:before { content: "\ED4E"; } .i-Time-Machine:before { content: "\ED4F"; } .i-Time-Window:before { content: "\ED50"; } .i-Timer-2:before { content: "\ED51"; } .i-Timer:before { content: "\ED52"; } .i-To-Bottom:before { content: "\ED53"; } .i-To-Bottom2:before { content: "\ED54"; } .i-To-Left:before { content: "\ED55"; } .i-To-Right:before { content: "\ED56"; } .i-To-Top:before { content: "\ED57"; } .i-To-Top2:before { content: "\ED58"; } .i-Token-:before { content: "\ED59"; } .i-Tomato:before { content: "\ED5A"; } .i-Tongue:before { content: "\ED5B"; } .i-Tooth-2:before { content: "\ED5C"; } .i-Tooth:before { content: "\ED5D"; } .i-Top-ToBottom:before { content: "\ED5E"; } .i-Touch-Window:before { content: "\ED5F"; } .i-Tourch:before { content: "\ED60"; } .i-Tower-2:before { content: "\ED61"; } .i-Tower-Bridge:before { content: "\ED62"; } .i-Tower:before { content: "\ED63"; } .i-Trace:before { content: "\ED64"; } .i-Tractor:before { content: "\ED65"; } .i-traffic-Light:before { content: "\ED66"; } .i-Traffic-Light2:before { content: "\ED67"; } .i-Train-2:before { content: "\ED68"; } .i-Train:before { content: "\ED69"; } .i-Tram:before { content: "\ED6A"; } .i-Transform-2:before { content: "\ED6B"; } .i-Transform-3:before { content: "\ED6C"; } .i-Transform-4:before { content: "\ED6D"; } .i-Transform:before { content: "\ED6E"; } .i-Trash-withMen:before { content: "\ED6F"; } .i-Tree-2:before { content: "\ED70"; } .i-Tree-3:before { content: "\ED71"; } .i-Tree-4:before { content: "\ED72"; } .i-Tree-5:before { content: "\ED73"; } .i-Tree:before { content: "\ED74"; } .i-Trekking:before { content: "\ED75"; } .i-Triangle-ArrowDown:before { content: "\ED76"; } .i-Triangle-ArrowLeft:before { content: "\ED77"; } .i-Triangle-ArrowRight:before { content: "\ED78"; } .i-Triangle-ArrowUp:before { content: "\ED79"; } .i-Tripod-2:before { content: "\ED7A"; } .i-Tripod-andVideo:before { content: "\ED7B"; } .i-Tripod-withCamera:before { content: "\ED7C"; } .i-Tripod-withGopro:before { content: "\ED7D"; } .i-Trophy-2:before { content: "\ED7E"; } .i-Trophy:before { content: "\ED7F"; } .i-Truck:before { content: "\ED80"; } .i-Trumpet:before { content: "\ED81"; } .i-Tumblr:before { content: "\ED82"; } .i-Turkey:before { content: "\ED83"; } .i-Turn-Down:before { content: "\ED84"; } .i-Turn-Down2:before { content: "\ED85"; } .i-Turn-DownFromLeft:before { content: "\ED86"; } .i-Turn-DownFromRight:before { content: "\ED87"; } .i-Turn-Left:before { content: "\ED88"; } .i-Turn-Left3:before { content: "\ED89"; } .i-Turn-Right:before { content: "\ED8A"; } .i-Turn-Right3:before { content: "\ED8B"; } .i-Turn-Up:before { content: "\ED8C"; } .i-Turn-Up2:before { content: "\ED8D"; } .i-Turtle:before { content: "\ED8E"; } .i-Tuxedo:before { content: "\ED8F"; } .i-TV:before { content: "\ED90"; } .i-Twister:before { content: "\ED91"; } .i-Twitter-2:before { content: "\ED92"; } .i-Twitter:before { content: "\ED93"; } .i-Two-Fingers:before { content: "\ED94"; } .i-Two-FingersDrag:before { content: "\ED95"; } .i-Two-FingersDrag2:before { content: "\ED96"; } .i-Two-FingersScroll:before { content: "\ED97"; } .i-Two-FingersTouch:before { content: "\ED98"; } .i-Two-Windows:before { content: "\ED99"; } .i-Type-Pass:before { content: "\ED9A"; } .i-Ukraine:before { content: "\ED9B"; } .i-Umbrela:before { content: "\ED9C"; } .i-Umbrella-2:before { content: "\ED9D"; } .i-Umbrella-3:before { content: "\ED9E"; } .i-Under-LineText:before { content: "\ED9F"; } .i-Undo:before { content: "\EDA0"; } .i-United-Kingdom:before { content: "\EDA1"; } .i-United-States:before { content: "\EDA2"; } .i-University-2:before { content: "\EDA3"; } .i-University:before { content: "\EDA4"; } .i-Unlike-2:before { content: "\EDA5"; } .i-Unlike:before { content: "\EDA6"; } .i-Unlock-2:before { content: "\EDA7"; } .i-Unlock-3:before { content: "\EDA8"; } .i-Unlock:before { content: "\EDA9"; } .i-Up--Down:before { content: "\EDAA"; } .i-Up--Down3:before { content: "\EDAB"; } .i-Up-2:before { content: "\EDAC"; } .i-Up-3:before { content: "\EDAD"; } .i-Up-4:before { content: "\EDAE"; } .i-Up:before { content: "\EDAF"; } .i-Upgrade:before { content: "\EDB0"; } .i-Upload-2:before { content: "\EDB1"; } .i-Upload-toCloud:before { content: "\EDB2"; } .i-Upload-Window:before { content: "\EDB3"; } .i-Upload:before { content: "\EDB4"; } .i-Uppercase-Text:before { content: "\EDB5"; } .i-Upward:before { content: "\EDB6"; } .i-URL-Window:before { content: "\EDB7"; } .i-Usb-2:before { content: "\EDB8"; } .i-Usb-Cable:before { content: "\EDB9"; } .i-Usb:before { content: "\EDBA"; } .i-User:before { content: "\EDBB"; } .i-Ustream:before { content: "\EDBC"; } .i-Vase:before { content: "\EDBD"; } .i-Vector-2:before { content: "\EDBE"; } .i-Vector-3:before { content: "\EDBF"; } .i-Vector-4:before { content: "\EDC0"; } .i-Vector-5:before { content: "\EDC1"; } .i-Vector:before { content: "\EDC2"; } .i-Venn-Diagram:before { content: "\EDC3"; } .i-Vest-2:before { content: "\EDC4"; } .i-Vest:before { content: "\EDC5"; } .i-Viddler:before { content: "\EDC6"; } .i-Video-2:before { content: "\EDC7"; } .i-Video-3:before { content: "\EDC8"; } .i-Video-4:before { content: "\EDC9"; } .i-Video-5:before { content: "\EDCA"; } .i-Video-6:before { content: "\EDCB"; } .i-Video-GameController:before { content: "\EDCC"; } .i-Video-Len:before { content: "\EDCD"; } .i-Video-Len2:before { content: "\EDCE"; } .i-Video-Photographer:before { content: "\EDCF"; } .i-Video-Tripod:before { content: "\EDD0"; } .i-Video:before { content: "\EDD1"; } .i-Vietnam:before { content: "\EDD2"; } .i-View-Height:before { content: "\EDD3"; } .i-View-Width:before { content: "\EDD4"; } .i-Vimeo:before { content: "\EDD5"; } .i-Virgo-2:before { content: "\EDD6"; } .i-Virgo:before { content: "\EDD7"; } .i-Virus-2:before { content: "\EDD8"; } .i-Virus-3:before { content: "\EDD9"; } .i-Virus:before { content: "\EDDA"; } .i-Visa:before { content: "\EDDB"; } .i-Voice:before { content: "\EDDC"; } .i-Voicemail:before { content: "\EDDD"; } .i-Volleyball:before { content: "\EDDE"; } .i-Volume-Down:before { content: "\EDDF"; } .i-Volume-Up:before { content: "\EDE0"; } .i-VPN:before { content: "\EDE1"; } .i-Wacom-Tablet:before { content: "\EDE2"; } .i-Waiter:before { content: "\EDE3"; } .i-Walkie-Talkie:before { content: "\EDE4"; } .i-Wallet-2:before { content: "\EDE5"; } .i-Wallet-3:before { content: "\EDE6"; } .i-Wallet:before { content: "\EDE7"; } .i-Warehouse:before { content: "\EDE8"; } .i-Warning-Window:before { content: "\EDE9"; } .i-Watch-2:before { content: "\EDEA"; } .i-Watch-3:before { content: "\EDEB"; } .i-Watch:before { content: "\EDEC"; } .i-Wave-2:before { content: "\EDED"; } .i-Wave:before { content: "\EDEE"; } .i-Webcam:before { content: "\EDEF"; } .i-weight-Lift:before { content: "\EDF0"; } .i-Wheelbarrow:before { content: "\EDF1"; } .i-Wheelchair:before { content: "\EDF2"; } .i-Width-Window:before { content: "\EDF3"; } .i-Wifi-2:before { content: "\EDF4"; } .i-Wifi-Keyboard:before { content: "\EDF5"; } .i-Wifi:before { content: "\EDF6"; } .i-Wind-Turbine:before { content: "\EDF7"; } .i-Windmill:before { content: "\EDF8"; } .i-Window-2:before { content: "\EDF9"; } .i-Window:before { content: "\EDFA"; } .i-Windows-2:before { content: "\EDFB"; } .i-Windows-Microsoft:before { content: "\EDFC"; } .i-Windows:before { content: "\EDFD"; } .i-Windsock:before { content: "\EDFE"; } .i-Windy:before { content: "\EDFF"; } .i-Wine-Bottle:before { content: "\EE00"; } .i-Wine-Glass:before { content: "\EE01"; } .i-Wink:before { content: "\EE02"; } .i-Winter-2:before { content: "\EE03"; } .i-Winter:before { content: "\EE04"; } .i-Wireless:before { content: "\EE05"; } .i-Witch-Hat:before { content: "\EE06"; } .i-Witch:before { content: "\EE07"; } .i-Wizard:before { content: "\EE08"; } .i-Wolf:before { content: "\EE09"; } .i-Woman-Sign:before { content: "\EE0A"; } .i-WomanMan:before { content: "\EE0B"; } .i-Womans-Underwear:before { content: "\EE0C"; } .i-Womans-Underwear2:before { content: "\EE0D"; } .i-Women:before { content: "\EE0E"; } .i-Wonder-Woman:before { content: "\EE0F"; } .i-Wordpress:before { content: "\EE10"; } .i-Worker-Clothes:before { content: "\EE11"; } .i-Worker:before { content: "\EE12"; } .i-Wrap-Text:before { content: "\EE13"; } .i-Wreath:before { content: "\EE14"; } .i-Wrench:before { content: "\EE15"; } .i-X-Box:before { content: "\EE16"; } .i-X-ray:before { content: "\EE17"; } .i-Xanga:before { content: "\EE18"; } .i-Xing:before { content: "\EE19"; } .i-Yacht:before { content: "\EE1A"; } .i-Yahoo-Buzz:before { content: "\EE1B"; } .i-Yahoo:before { content: "\EE1C"; } .i-Yelp:before { content: "\EE1D"; } .i-Yes:before { content: "\EE1E"; } .i-Ying-Yang:before { content: "\EE1F"; } .i-Youtube:before { content: "\EE20"; } .i-Z-A:before { content: "\EE21"; } .i-Zebra:before { content: "\EE22"; } .i-Zombie:before { content: "\EE23"; } .i-Zoom-Gesture:before { content: "\EE24"; } .i-Zootool:before { content: "\EE25"; } /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #3b82f6; --indigo: #6366f1; --purple: #8b5cf6; --pink: #ec4899; --red: #ef4444; --orange: #f97316; --yellow: #f59e0b; --green: #10b981; --teal: #14b8a6; --cyan: #06b6d4; --white: #fff; --gray: #4B5563; --gray-dark: #1F2937; --purple: #8b5cf6; --pink: #ec4899; --red: #ef4444; --orange: #f97316; --yellow: #f59e0b; --green: #10b981; --teal: #14b8a6; --cyan: #06b6d4; --white: #fff; --gray: #4B5563; --primary: #8b5cf6; --secondary: #1F2937; --success: #10b981; --info: #3b82f6; --warning: #f59e0b; --danger: #ef4444; --light: #6B7280; --dark: #111827; --gray-100: #F3F4F6; --gray-200: #E5E7EB; --gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280; --gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937; --gray-900: #111827; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(10, 2, 30, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Nunito", sans-serif; font-size: 0.813rem; font-weight: 400; line-height: 1.5; color: #111827; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #8b5cf6; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #5714f2; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #4B5563; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.0325rem; } h2, .h2 { font-size: 1.626rem; } h3, .h3 { font-size: 1.42275rem; } h4, .h4 { font-size: 1.2195rem; } h5, .h5 { font-size: 1.01625rem; } h6, .h6 { font-size: 0.813rem; } .lead { font-size: 1.01625rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(10, 2, 30, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.01625rem; } .blockquote-footer { display: block; font-size: 80%; color: #4B5563; } .blockquote-footer::before { content: "\2014 \A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #D1D5DB; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #4B5563; } code { font-size: 87.5%; color: #ec4899; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #111827; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #111827; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #D1D5DB; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #D1D5DB; } .table tbody + tbody { border-top: 2px solid #D1D5DB; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #D1D5DB; } .table-bordered th, .table-bordered td { border: 1px solid #D1D5DB; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(10, 2, 30, 0.05); } .table-hover tbody tr:hover { background-color: rgba(10, 2, 30, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #dfd1fc; } .table-hover .table-primary:hover { background-color: #ceb9fa; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #ceb9fa; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #c0c3c7; } .table-hover .table-secondary:hover { background-color: #b3b6bb; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #b3b6bb; } .table-success, .table-success > th, .table-success > td { background-color: #bcebdc; } .table-hover .table-success:hover { background-color: #a8e5d2; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a8e5d2; } .table-info, .table-info > th, .table-info > td { background-color: #c8dcfc; } .table-hover .table-info:hover { background-color: #b0cdfb; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #b0cdfb; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fce4bb; } .table-hover .table-warning:hover { background-color: #fbdaa3; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fbdaa3; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fbcbcb; } .table-hover .table-danger:hover { background-color: #f9b3b3; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f9b3b3; } .table-light, .table-light > th, .table-light > td { background-color: #d6d8db; } .table-hover .table-light:hover { background-color: #c8cbcf; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #c8cbcf; } .table-dark, .table-dark > th, .table-dark > td { background-color: #bcbec3; } .table-hover .table-dark:hover { background-color: #afb1b7; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #afb1b7; } .table-gray-100, .table-gray-100 > th, .table-gray-100 > td { background-color: #fcfcfc; } .table-hover .table-gray-100:hover { background-color: #efefef; } .table-hover .table-gray-100:hover > td, .table-hover .table-gray-100:hover > th { background-color: #efefef; } .table-gray-200, .table-gray-200 > th, .table-gray-200 > td { background-color: #f8f8f9; } .table-hover .table-gray-200:hover { background-color: #eaeaed; } .table-hover .table-gray-200:hover > td, .table-hover .table-gray-200:hover > th { background-color: #eaeaed; } .table-gray-300, .table-gray-300 > th, .table-gray-300 > td { background-color: #f2f3f5; } .table-hover .table-gray-300:hover { background-color: #e4e6ea; } .table-hover .table-gray-300:hover > td, .table-hover .table-gray-300:hover > th { background-color: #e4e6ea; } .table-gray-400, .table-gray-400 > th, .table-gray-400 > td { background-color: #e3e5e9; } .table-hover .table-gray-400:hover { background-color: #d5d8de; } .table-hover .table-gray-400:hover > td, .table-hover .table-gray-400:hover > th { background-color: #d5d8de; } .table-gray-500, .table-gray-500 > th, .table-gray-500 > td { background-color: #d6d8db; } .table-hover .table-gray-500:hover { background-color: #c8cbcf; } .table-hover .table-gray-500:hover > td, .table-hover .table-gray-500:hover > th { background-color: #c8cbcf; } .table-gray-600, .table-gray-600 > th, .table-gray-600 > td { background-color: #cdcfd3; } .table-hover .table-gray-600:hover { background-color: #bfc2c7; } .table-hover .table-gray-600:hover > td, .table-hover .table-gray-600:hover > th { background-color: #bfc2c7; } .table-gray-700, .table-gray-700 > th, .table-gray-700 > td { background-color: #c7cace; } .table-hover .table-gray-700:hover { background-color: #b9bdc2; } .table-hover .table-gray-700:hover > td, .table-hover .table-gray-700:hover > th { background-color: #b9bdc2; } .table-gray-800, .table-gray-800 > th, .table-gray-800 > td { background-color: #c0c3c7; } .table-hover .table-gray-800:hover { background-color: #b3b6bb; } .table-hover .table-gray-800:hover > td, .table-hover .table-gray-800:hover > th { background-color: #b3b6bb; } .table-gray-900, .table-gray-900 > th, .table-gray-900 > td { background-color: #bcbec3; } .table-hover .table-gray-900:hover { background-color: #afb1b7; } .table-hover .table-gray-900:hover > td, .table-hover .table-gray-900:hover > th { background-color: #afb1b7; } .table-active, .table-active > th, .table-active > td { background-color: rgba(10, 2, 30, 0.075); } .table-hover .table-active:hover { background-color: rgba(2, 0, 6, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(2, 0, 6, 0.075); } .table .thead-dark th { color: #fff; background-color: #111827; border-color: #1d2842; } .table .thead-light th { color: #374151; background-color: #E5E7EB; border-color: #D1D5DB; } .table-dark { color: #fff; background-color: #111827; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #1d2842; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.9695rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.813rem; line-height: 1.5; color: #374151; background-color: #fff; background-clip: padding-box; border: 1px solid #9CA3AF; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #374151; background-color: #fff; border-color: #e1d5fd; outline: 0; box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .form-control::-moz-placeholder { color: #4B5563; opacity: 1; } .form-control:-ms-input-placeholder { color: #4B5563; opacity: 1; } .form-control::placeholder { color: #4B5563; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #E5E7EB; opacity: 1; } select.form-control:focus::-ms-value { color: #374151; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.01625rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.711375rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #111827; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc( 1.5670625rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.711375rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc( 2.524375rem + 2px); padding: 0.5rem 1rem; font-size: 1.01625rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #4B5563; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #10b981; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.711375rem; line-height: 1.5; color: #fff; background-color: rgba(16, 185, 129, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #10b981; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #10b981; box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #10b981; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #10b981; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #58f1be; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #14e8a2; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(16, 185, 129, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #10b981; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ef4444; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.711375rem; line-height: 1.5; color: #fff; background-color: rgba(239, 68, 68, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ef4444; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ef4444; box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ef4444; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ef4444; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #f9b9b9; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f37373; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(239, 68, 68, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ef4444; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.813rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #8b5cf6; border-color: #8b5cf6; } .btn-primary:hover { color: #fff; background-color: #7138f4; border-color: #692cf3; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #8b5cf6; border-color: #8b5cf6; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #692cf3; border-color: #6020f3; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.5); } .btn-secondary { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-secondary:hover { color: #fff; background-color: #11171f; border-color: #0d1116; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #0d1116; border-color: #080b0e; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-success { color: #fff; background-color: #10b981; border-color: #10b981; } .btn-success:hover { color: #fff; background-color: #0d9668; border-color: #0c8a60; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #10b981; border-color: #10b981; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #0c8a60; border-color: #0b7e58; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.5); } .btn-info { color: #fff; background-color: #3b82f6; border-color: #3b82f6; } .btn-info:hover { color: #fff; background-color: #166bf4; border-color: #0b63f3; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #3b82f6; border-color: #3b82f6; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0b63f3; border-color: #0b5ee7; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5); } .btn-warning { color: #111827; background-color: #f59e0b; border-color: #f59e0b; } .btn-warning:hover { color: #fff; background-color: #d18709; border-color: #c57f08; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #111827; background-color: #f59e0b; border-color: #f59e0b; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #c57f08; border-color: #b97708; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.5); } .btn-danger { color: #fff; background-color: #ef4444; border-color: #ef4444; } .btn-danger:hover { color: #fff; background-color: #ec2121; border-color: #eb1515; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ef4444; border-color: #ef4444; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #eb1515; border-color: #e01313; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.5); } .btn-light { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-light:hover { color: #fff; background-color: #5a5f6b; border-color: #545964; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #fff; background-color: #545964; border-color: #4e535d; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-dark { color: #fff; background-color: #111827; border-color: #111827; } .btn-dark:hover { color: #fff; background-color: #05080c; border-color: #020203; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #111827; border-color: #111827; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #020203; border-color: black; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-gray-100 { color: #111827; background-color: #F3F4F6; border-color: #F3F4F6; } .btn-gray-100:hover { color: #111827; background-color: #dde0e6; border-color: #d6d9e0; } .btn-gray-100:focus, .btn-gray-100.focus { box-shadow: 0 0 0 0.2rem rgba(243, 244, 246, 0.5); } .btn-gray-100.disabled, .btn-gray-100:disabled { color: #111827; background-color: #F3F4F6; border-color: #F3F4F6; } .btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active, .show > .btn-gray-100.dropdown-toggle { color: #111827; background-color: #d6d9e0; border-color: #cfd3db; } .btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-100.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 244, 246, 0.5); } .btn-gray-200 { color: #111827; background-color: #E5E7EB; border-color: #E5E7EB; } .btn-gray-200:hover { color: #111827; background-color: #cfd3da; border-color: #c8ccd5; } .btn-gray-200:focus, .btn-gray-200.focus { box-shadow: 0 0 0 0.2rem rgba(229, 231, 235, 0.5); } .btn-gray-200.disabled, .btn-gray-200:disabled { color: #111827; background-color: #E5E7EB; border-color: #E5E7EB; } .btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active, .show > .btn-gray-200.dropdown-toggle { color: #111827; background-color: #c8ccd5; border-color: #c1c6cf; } .btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-200.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(229, 231, 235, 0.5); } .btn-gray-300 { color: #111827; background-color: #D1D5DB; border-color: #D1D5DB; } .btn-gray-300:hover { color: #111827; background-color: #bcc1ca; border-color: #b4bbc5; } .btn-gray-300:focus, .btn-gray-300.focus { box-shadow: 0 0 0 0.2rem rgba(209, 213, 219, 0.5); } .btn-gray-300.disabled, .btn-gray-300:disabled { color: #111827; background-color: #D1D5DB; border-color: #D1D5DB; } .btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active, .show > .btn-gray-300.dropdown-toggle { color: #111827; background-color: #b4bbc5; border-color: #adb4bf; } .btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-300.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 213, 219, 0.5); } .btn-gray-400 { color: #111827; background-color: #9CA3AF; border-color: #9CA3AF; } .btn-gray-400:hover { color: #fff; background-color: #878f9e; border-color: #808998; } .btn-gray-400:focus, .btn-gray-400.focus { box-shadow: 0 0 0 0.2rem rgba(156, 163, 175, 0.5); } .btn-gray-400.disabled, .btn-gray-400:disabled { color: #111827; background-color: #9CA3AF; border-color: #9CA3AF; } .btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active, .show > .btn-gray-400.dropdown-toggle { color: #fff; background-color: #808998; border-color: #798293; } .btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-400.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(156, 163, 175, 0.5); } .btn-gray-500 { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-gray-500:hover { color: #fff; background-color: #5a5f6b; border-color: #545964; } .btn-gray-500:focus, .btn-gray-500.focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-gray-500.disabled, .btn-gray-500:disabled { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active, .show > .btn-gray-500.dropdown-toggle { color: #fff; background-color: #545964; border-color: #4e535d; } .btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-500.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-gray-600 { color: #fff; background-color: #4B5563; border-color: #4B5563; } .btn-gray-600:hover { color: #fff; background-color: #3b424d; border-color: #353c46; } .btn-gray-600:focus, .btn-gray-600.focus { box-shadow: 0 0 0 0.2rem rgba(75, 85, 99, 0.5); } .btn-gray-600.disabled, .btn-gray-600:disabled { color: #fff; background-color: #4B5563; border-color: #4B5563; } .btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active, .show > .btn-gray-600.dropdown-toggle { color: #fff; background-color: #353c46; border-color: #30363f; } .btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-600.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(75, 85, 99, 0.5); } .btn-gray-700 { color: #fff; background-color: #374151; border-color: #374151; } .btn-gray-700:hover { color: #fff; background-color: #282f3a; border-color: #222933; } .btn-gray-700:focus, .btn-gray-700.focus { box-shadow: 0 0 0 0.2rem rgba(55, 65, 81, 0.5); } .btn-gray-700.disabled, .btn-gray-700:disabled { color: #fff; background-color: #374151; border-color: #374151; } .btn-gray-700:not(:disabled):not(.disabled):active, .btn-gray-700:not(:disabled):not(.disabled).active, .show > .btn-gray-700.dropdown-toggle { color: #fff; background-color: #222933; border-color: #1d232b; } .btn-gray-700:not(:disabled):not(.disabled):active:focus, .btn-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-700.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(55, 65, 81, 0.5); } .btn-gray-800 { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-gray-800:hover { color: #fff; background-color: #11171f; border-color: #0d1116; } .btn-gray-800:focus, .btn-gray-800.focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-gray-800.disabled, .btn-gray-800:disabled { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-gray-800:not(:disabled):not(.disabled):active, .btn-gray-800:not(:disabled):not(.disabled).active, .show > .btn-gray-800.dropdown-toggle { color: #fff; background-color: #0d1116; border-color: #080b0e; } .btn-gray-800:not(:disabled):not(.disabled):active:focus, .btn-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-800.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-gray-900 { color: #fff; background-color: #111827; border-color: #111827; } .btn-gray-900:hover { color: #fff; background-color: #05080c; border-color: #020203; } .btn-gray-900:focus, .btn-gray-900.focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-gray-900.disabled, .btn-gray-900:disabled { color: #fff; background-color: #111827; border-color: #111827; } .btn-gray-900:not(:disabled):not(.disabled):active, .btn-gray-900:not(:disabled):not(.disabled).active, .show > .btn-gray-900.dropdown-toggle { color: #fff; background-color: #020203; border-color: black; } .btn-gray-900:not(:disabled):not(.disabled):active:focus, .btn-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-900.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-outline-primary { color: #8b5cf6; background-color: transparent; background-image: none; border-color: #8b5cf6; } .btn-outline-primary:hover { color: #fff; background-color: #8b5cf6; border-color: #8b5cf6; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #8b5cf6; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #8b5cf6; border-color: #8b5cf6; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.5); } .btn-outline-secondary { color: #1F2937; background-color: transparent; background-image: none; border-color: #1F2937; } .btn-outline-secondary:hover { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #1F2937; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-outline-success { color: #10b981; background-color: transparent; background-image: none; border-color: #10b981; } .btn-outline-success:hover { color: #fff; background-color: #10b981; border-color: #10b981; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #10b981; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #10b981; border-color: #10b981; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.5); } .btn-outline-info { color: #3b82f6; background-color: transparent; background-image: none; border-color: #3b82f6; } .btn-outline-info:hover { color: #fff; background-color: #3b82f6; border-color: #3b82f6; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #3b82f6; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #3b82f6; border-color: #3b82f6; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5); } .btn-outline-warning { color: #f59e0b; background-color: transparent; background-image: none; border-color: #f59e0b; } .btn-outline-warning:hover { color: #111827; background-color: #f59e0b; border-color: #f59e0b; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f59e0b; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #111827; background-color: #f59e0b; border-color: #f59e0b; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.5); } .btn-outline-danger { color: #ef4444; background-color: transparent; background-image: none; border-color: #ef4444; } .btn-outline-danger:hover { color: #fff; background-color: #ef4444; border-color: #ef4444; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ef4444; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ef4444; border-color: #ef4444; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.5); } .btn-outline-light { color: #6B7280; background-color: transparent; background-image: none; border-color: #6B7280; } .btn-outline-light:hover { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #6B7280; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-outline-dark { color: #111827; background-color: transparent; background-image: none; border-color: #111827; } .btn-outline-dark:hover { color: #fff; background-color: #111827; border-color: #111827; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #111827; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #111827; border-color: #111827; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-outline-gray-100 { color: #F3F4F6; background-color: transparent; background-image: none; border-color: #F3F4F6; } .btn-outline-gray-100:hover { color: #111827; background-color: #F3F4F6; border-color: #F3F4F6; } .btn-outline-gray-100:focus, .btn-outline-gray-100.focus { box-shadow: 0 0 0 0.2rem rgba(243, 244, 246, 0.5); } .btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled { color: #F3F4F6; background-color: transparent; } .btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-100.dropdown-toggle { color: #111827; background-color: #F3F4F6; border-color: #F3F4F6; } .btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-100.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 244, 246, 0.5); } .btn-outline-gray-200 { color: #E5E7EB; background-color: transparent; background-image: none; border-color: #E5E7EB; } .btn-outline-gray-200:hover { color: #111827; background-color: #E5E7EB; border-color: #E5E7EB; } .btn-outline-gray-200:focus, .btn-outline-gray-200.focus { box-shadow: 0 0 0 0.2rem rgba(229, 231, 235, 0.5); } .btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled { color: #E5E7EB; background-color: transparent; } .btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-200.dropdown-toggle { color: #111827; background-color: #E5E7EB; border-color: #E5E7EB; } .btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-200.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(229, 231, 235, 0.5); } .btn-outline-gray-300 { color: #D1D5DB; background-color: transparent; background-image: none; border-color: #D1D5DB; } .btn-outline-gray-300:hover { color: #111827; background-color: #D1D5DB; border-color: #D1D5DB; } .btn-outline-gray-300:focus, .btn-outline-gray-300.focus { box-shadow: 0 0 0 0.2rem rgba(209, 213, 219, 0.5); } .btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled { color: #D1D5DB; background-color: transparent; } .btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-300.dropdown-toggle { color: #111827; background-color: #D1D5DB; border-color: #D1D5DB; } .btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-300.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 213, 219, 0.5); } .btn-outline-gray-400 { color: #9CA3AF; background-color: transparent; background-image: none; border-color: #9CA3AF; } .btn-outline-gray-400:hover { color: #111827; background-color: #9CA3AF; border-color: #9CA3AF; } .btn-outline-gray-400:focus, .btn-outline-gray-400.focus { box-shadow: 0 0 0 0.2rem rgba(156, 163, 175, 0.5); } .btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled { color: #9CA3AF; background-color: transparent; } .btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-400.dropdown-toggle { color: #111827; background-color: #9CA3AF; border-color: #9CA3AF; } .btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-400.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(156, 163, 175, 0.5); } .btn-outline-gray-500 { color: #6B7280; background-color: transparent; background-image: none; border-color: #6B7280; } .btn-outline-gray-500:hover { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-outline-gray-500:focus, .btn-outline-gray-500.focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled { color: #6B7280; background-color: transparent; } .btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-500.dropdown-toggle { color: #fff; background-color: #6B7280; border-color: #6B7280; } .btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-500.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.5); } .btn-outline-gray-600 { color: #4B5563; background-color: transparent; background-image: none; border-color: #4B5563; } .btn-outline-gray-600:hover { color: #fff; background-color: #4B5563; border-color: #4B5563; } .btn-outline-gray-600:focus, .btn-outline-gray-600.focus { box-shadow: 0 0 0 0.2rem rgba(75, 85, 99, 0.5); } .btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled { color: #4B5563; background-color: transparent; } .btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-600.dropdown-toggle { color: #fff; background-color: #4B5563; border-color: #4B5563; } .btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-600.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(75, 85, 99, 0.5); } .btn-outline-gray-700 { color: #374151; background-color: transparent; background-image: none; border-color: #374151; } .btn-outline-gray-700:hover { color: #fff; background-color: #374151; border-color: #374151; } .btn-outline-gray-700:focus, .btn-outline-gray-700.focus { box-shadow: 0 0 0 0.2rem rgba(55, 65, 81, 0.5); } .btn-outline-gray-700.disabled, .btn-outline-gray-700:disabled { color: #374151; background-color: transparent; } .btn-outline-gray-700:not(:disabled):not(.disabled):active, .btn-outline-gray-700:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-700.dropdown-toggle { color: #fff; background-color: #374151; border-color: #374151; } .btn-outline-gray-700:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-700:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-700.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(55, 65, 81, 0.5); } .btn-outline-gray-800 { color: #1F2937; background-color: transparent; background-image: none; border-color: #1F2937; } .btn-outline-gray-800:hover { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-outline-gray-800:focus, .btn-outline-gray-800.focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-outline-gray-800.disabled, .btn-outline-gray-800:disabled { color: #1F2937; background-color: transparent; } .btn-outline-gray-800:not(:disabled):not(.disabled):active, .btn-outline-gray-800:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-800.dropdown-toggle { color: #fff; background-color: #1F2937; border-color: #1F2937; } .btn-outline-gray-800:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-800:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-800.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(31, 41, 55, 0.5); } .btn-outline-gray-900 { color: #111827; background-color: transparent; background-image: none; border-color: #111827; } .btn-outline-gray-900:hover { color: #fff; background-color: #111827; border-color: #111827; } .btn-outline-gray-900:focus, .btn-outline-gray-900.focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-outline-gray-900.disabled, .btn-outline-gray-900:disabled { color: #111827; background-color: transparent; } .btn-outline-gray-900:not(:disabled):not(.disabled):active, .btn-outline-gray-900:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-900.dropdown-toggle { color: #fff; background-color: #111827; border-color: #111827; } .btn-outline-gray-900:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-900:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-900.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.5); } .btn-link { font-weight: 400; color: #8b5cf6; background-color: transparent; } .btn-link:hover { color: #5714f2; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #4B5563; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.01625rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.711375rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.813rem; color: #111827; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(10, 2, 30, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #E5E7EB; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #111827; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #090d15; text-decoration: none; background-color: #F3F4F6; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #8b5cf6; } .dropdown-item.disabled, .dropdown-item:disabled { color: #4B5563; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.711375rem; color: #4B5563; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #111827; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.813rem; font-weight: 400; line-height: 1.5; color: #374151; text-align: center; white-space: nowrap; background-color: #E5E7EB; border: 1px solid #9CA3AF; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc( 2.524375rem + 2px); padding: 0.5rem 1rem; font-size: 1.01625rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { height: calc( 1.5670625rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.711375rem; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.2195rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #8b5cf6; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: white; } .custom-control-input:disabled ~ .custom-control-label { color: #4B5563; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #E5E7EB; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.10975rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #D1D5DB; } .custom-control-label::after { position: absolute; top: 0.10975rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #8b5cf6; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #8b5cf6; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(139, 92, 246, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(139, 92, 246, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #8b5cf6; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(139, 92, 246, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.9695rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #374151; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%231F2937' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #9CA3AF; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #e1d5fd; outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 213, 253, 0.5); } .custom-select:focus::-ms-value { color: #374151; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #4B5563; background-color: #E5E7EB; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc( 1.5670625rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc( 2.524375rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.9695rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.9695rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #e1d5fd; box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #e1d5fd; } .custom-file-input:disabled ~ .custom-file-label { background-color: #E5E7EB; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.9695rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #374151; background-color: #fff; border: 1px solid #9CA3AF; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 1.9695rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #374151; content: "Browse"; background-color: #E5E7EB; border-left: 1px solid #9CA3AF; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #8b5cf6; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: white; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #D1D5DB; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #8b5cf6; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: white; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #D1D5DB; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #8b5cf6; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: white; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #D1D5DB; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #D1D5DB; border-radius: 1rem; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #4B5563; } .nav-tabs { border-bottom: 1px solid #D1D5DB; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #E5E7EB #E5E7EB #D1D5DB; } .nav-tabs .nav-link.disabled { color: #4B5563; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #374151; background-color: #fff; border-color: #D1D5DB #D1D5DB #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #8b5cf6; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3475625rem; padding-bottom: 0.3475625rem; margin-right: 1rem; font-size: 1.01625rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.01625rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(10, 2, 30, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(10, 2, 30, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(10, 2, 30, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(10, 2, 30, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(10, 2, 30, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(10, 2, 30, 0.9); } .navbar-light .navbar-toggler { color: rgba(10, 2, 30, 0.5); border-color: rgba(10, 2, 30, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(10, 2, 30, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(10, 2, 30, 0.5); } .navbar-light .navbar-text a { color: rgba(10, 2, 30, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(10, 2, 30, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(10, 2, 30, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(10, 2, 30, 0.03); border-bottom: 1px solid rgba(10, 2, 30, 0.125); } .card-header:first-child { border-radius: calc( 0.25rem - 1px) calc( 0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(10, 2, 30, 0.03); border-top: 1px solid rgba(10, 2, 30, 0.125); } .card-footer:last-child { border-radius: 0 0 calc( 0.25rem - 1px) calc( 0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc( 0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc( 0.25rem - 1px); border-top-right-radius: calc( 0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc( 0.25rem - 1px); border-bottom-left-radius: calc( 0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #E5E7EB; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #4B5563; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #4B5563; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #8b5cf6; background-color: #fff; border: 1px solid #D1D5DB; } .page-link:hover { z-index: 2; color: #5714f2; text-decoration: none; background-color: #E5E7EB; border-color: #D1D5DB; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #8b5cf6; border-color: #8b5cf6; } .page-item.disabled .page-link { color: #4B5563; pointer-events: none; cursor: auto; background-color: #fff; border-color: #D1D5DB; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.01625rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.711375rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #8b5cf6; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #692cf3; } .badge-secondary { color: #fff; background-color: #1F2937; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #0d1116; } .badge-success { color: #fff; background-color: #10b981; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #0c8a60; } .badge-info { color: #fff; background-color: #3b82f6; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #0b63f3; } .badge-warning { color: #111827; background-color: #f59e0b; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #111827; text-decoration: none; background-color: #c57f08; } .badge-danger { color: #fff; background-color: #ef4444; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #eb1515; } .badge-light { color: #fff; background-color: #6B7280; } .badge-light[href]:hover, .badge-light[href]:focus { color: #fff; text-decoration: none; background-color: #545964; } .badge-dark { color: #fff; background-color: #111827; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #020203; } .badge-gray-100 { color: #111827; background-color: #F3F4F6; } .badge-gray-100[href]:hover, .badge-gray-100[href]:focus { color: #111827; text-decoration: none; background-color: #d6d9e0; } .badge-gray-200 { color: #111827; background-color: #E5E7EB; } .badge-gray-200[href]:hover, .badge-gray-200[href]:focus { color: #111827; text-decoration: none; background-color: #c8ccd5; } .badge-gray-300 { color: #111827; background-color: #D1D5DB; } .badge-gray-300[href]:hover, .badge-gray-300[href]:focus { color: #111827; text-decoration: none; background-color: #b4bbc5; } .badge-gray-400 { color: #111827; background-color: #9CA3AF; } .badge-gray-400[href]:hover, .badge-gray-400[href]:focus { color: #111827; text-decoration: none; background-color: #808998; } .badge-gray-500 { color: #fff; background-color: #6B7280; } .badge-gray-500[href]:hover, .badge-gray-500[href]:focus { color: #fff; text-decoration: none; background-color: #545964; } .badge-gray-600 { color: #fff; background-color: #4B5563; } .badge-gray-600[href]:hover, .badge-gray-600[href]:focus { color: #fff; text-decoration: none; background-color: #353c46; } .badge-gray-700 { color: #fff; background-color: #374151; } .badge-gray-700[href]:hover, .badge-gray-700[href]:focus { color: #fff; text-decoration: none; background-color: #222933; } .badge-gray-800 { color: #fff; background-color: #1F2937; } .badge-gray-800[href]:hover, .badge-gray-800[href]:focus { color: #fff; text-decoration: none; background-color: #0d1116; } .badge-gray-900 { color: #fff; background-color: #111827; } .badge-gray-900[href]:hover, .badge-gray-900[href]:focus { color: #fff; text-decoration: none; background-color: #020203; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #E5E7EB; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.2rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.7195rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.2rem 1.25rem; color: inherit; } .alert-primary { color: #4d318e; background-color: #e8defd; border-color: #dfd1fc; } .alert-primary hr { border-top-color: #ceb9fa; } .alert-primary .alert-link { color: #382468; } .alert-secondary { color: #15162b; background-color: #d2d4d7; border-color: #c0c3c7; } .alert-secondary hr { border-top-color: #b3b6bb; } .alert-secondary .alert-link { color: #040409; } .alert-success { color: #0d6152; background-color: #cff1e6; border-color: #bcebdc; } .alert-success hr { border-top-color: #a8e5d2; } .alert-success .alert-link { color: #07342c; } .alert-info { color: #24448e; background-color: #d8e6fd; border-color: #c8dcfc; } .alert-info hr { border-top-color: #b0cdfb; } .alert-info .alert-link { color: #1a3165; } .alert-warning { color: #845314; background-color: #fdecce; border-color: #fce4bb; } .alert-warning hr { border-top-color: #fbdaa3; } .alert-warning .alert-link { color: #58370d; } .alert-danger { color: #812432; background-color: #fcdada; border-color: #fbcbcb; } .alert-danger hr { border-top-color: #f9b3b3; } .alert-danger .alert-link { color: #591923; } .alert-light { color: #3d3c51; background-color: #e1e3e6; border-color: #d6d8db; } .alert-light hr { border-top-color: #c8cbcf; } .alert-light .alert-link { color: #272634; } .alert-dark { color: #0e0d23; background-color: #cfd1d4; border-color: #bcbec3; } .alert-dark hr { border-top-color: #afb1b7; } .alert-dark .alert-link { color: black; } .alert-gray-100 { color: #83808e; background-color: #fdfdfd; border-color: #fcfcfc; } .alert-gray-100 hr { border-top-color: #efefef; } .alert-gray-100 .alert-link { color: #6a6774; } .alert-gray-200 { color: #7c7989; background-color: #fafafb; border-color: #f8f8f9; } .alert-gray-200 hr { border-top-color: #eaeaed; } .alert-gray-200 .alert-link { color: #63616e; } .alert-gray-300 { color: #727080; background-color: #f6f7f8; border-color: #f2f3f5; } .alert-gray-300 hr { border-top-color: #e4e6ea; } .alert-gray-300 .alert-link { color: #5a5865; } .alert-gray-400 { color: #56566a; background-color: #ebedef; border-color: #e3e5e9; } .alert-gray-400 hr { border-top-color: #d5d8de; } .alert-gray-400 .alert-link { color: #3f3f4e; } .alert-gray-500 { color: #3d3c51; background-color: #e1e3e6; border-color: #d6d8db; } .alert-gray-500 hr { border-top-color: #c8cbcf; } .alert-gray-500 .alert-link { color: #272634; } .alert-gray-600 { color: #2c2d42; background-color: #dbdde0; border-color: #cdcfd3; } .alert-gray-600 hr { border-top-color: #bfc2c7; } .alert-gray-600 .alert-link { color: #181823; } .alert-gray-700 { color: #222339; background-color: #d7d9dc; border-color: #c7cace; } .alert-gray-700 hr { border-top-color: #b9bdc2; } .alert-gray-700 .alert-link { color: #0f0f19; } .alert-gray-800 { color: #15162b; background-color: #d2d4d7; border-color: #c0c3c7; } .alert-gray-800 hr { border-top-color: #b3b6bb; } .alert-gray-800 .alert-link { color: #040409; } .alert-gray-900 { color: #0e0d23; background-color: #cfd1d4; border-color: #bcbec3; } .alert-gray-900 hr { border-top-color: #afb1b7; } .alert-gray-900 .alert-link { color: black; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.60975rem; background-color: #E5E7EB; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #8b5cf6; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #374151; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #374151; text-decoration: none; background-color: #F3F4F6; } .list-group-item-action:active { color: #111827; background-color: #E5E7EB; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(10, 2, 30, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #4B5563; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #8b5cf6; border-color: #8b5cf6; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #4d318e; background-color: #dfd1fc; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #4d318e; background-color: #ceb9fa; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #4d318e; border-color: #4d318e; } .list-group-item-secondary { color: #15162b; background-color: #c0c3c7; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #15162b; background-color: #b3b6bb; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #15162b; border-color: #15162b; } .list-group-item-success { color: #0d6152; background-color: #bcebdc; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0d6152; background-color: #a8e5d2; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0d6152; border-color: #0d6152; } .list-group-item-info { color: #24448e; background-color: #c8dcfc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #24448e; background-color: #b0cdfb; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #24448e; border-color: #24448e; } .list-group-item-warning { color: #845314; background-color: #fce4bb; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #845314; background-color: #fbdaa3; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #845314; border-color: #845314; } .list-group-item-danger { color: #812432; background-color: #fbcbcb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #812432; background-color: #f9b3b3; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #812432; border-color: #812432; } .list-group-item-light { color: #3d3c51; background-color: #d6d8db; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #3d3c51; background-color: #c8cbcf; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #3d3c51; border-color: #3d3c51; } .list-group-item-dark { color: #0e0d23; background-color: #bcbec3; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #0e0d23; background-color: #afb1b7; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #0e0d23; border-color: #0e0d23; } .list-group-item-gray-100 { color: #83808e; background-color: #fcfcfc; } .list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus { color: #83808e; background-color: #efefef; } .list-group-item-gray-100.list-group-item-action.active { color: #fff; background-color: #83808e; border-color: #83808e; } .list-group-item-gray-200 { color: #7c7989; background-color: #f8f8f9; } .list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus { color: #7c7989; background-color: #eaeaed; } .list-group-item-gray-200.list-group-item-action.active { color: #fff; background-color: #7c7989; border-color: #7c7989; } .list-group-item-gray-300 { color: #727080; background-color: #f2f3f5; } .list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus { color: #727080; background-color: #e4e6ea; } .list-group-item-gray-300.list-group-item-action.active { color: #fff; background-color: #727080; border-color: #727080; } .list-group-item-gray-400 { color: #56566a; background-color: #e3e5e9; } .list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus { color: #56566a; background-color: #d5d8de; } .list-group-item-gray-400.list-group-item-action.active { color: #fff; background-color: #56566a; border-color: #56566a; } .list-group-item-gray-500 { color: #3d3c51; background-color: #d6d8db; } .list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus { color: #3d3c51; background-color: #c8cbcf; } .list-group-item-gray-500.list-group-item-action.active { color: #fff; background-color: #3d3c51; border-color: #3d3c51; } .list-group-item-gray-600 { color: #2c2d42; background-color: #cdcfd3; } .list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus { color: #2c2d42; background-color: #bfc2c7; } .list-group-item-gray-600.list-group-item-action.active { color: #fff; background-color: #2c2d42; border-color: #2c2d42; } .list-group-item-gray-700 { color: #222339; background-color: #c7cace; } .list-group-item-gray-700.list-group-item-action:hover, .list-group-item-gray-700.list-group-item-action:focus { color: #222339; background-color: #b9bdc2; } .list-group-item-gray-700.list-group-item-action.active { color: #fff; background-color: #222339; border-color: #222339; } .list-group-item-gray-800 { color: #15162b; background-color: #c0c3c7; } .list-group-item-gray-800.list-group-item-action:hover, .list-group-item-gray-800.list-group-item-action:focus { color: #15162b; background-color: #b3b6bb; } .list-group-item-gray-800.list-group-item-action.active { color: #fff; background-color: #15162b; border-color: #15162b; } .list-group-item-gray-900 { color: #0e0d23; background-color: #bcbec3; } .list-group-item-gray-900.list-group-item-action:hover, .list-group-item-gray-900.list-group-item-action:focus { color: #0e0d23; background-color: #afb1b7; } .list-group-item-gray-900.list-group-item-action.active { color: #fff; background-color: #0e0d23; border-color: #0e0d23; } .close { float: right; font-size: 1.2195rem; font-weight: 700; line-height: 1; color: #0a021e; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #0a021e; text-decoration: none; opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(10, 2, 30, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #0a021e; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #E5E7EB; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #E5E7EB; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Nunito", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.711375rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #0a021e; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #0a021e; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #0a021e; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #0a021e; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #0a021e; border-radius: 0.25rem; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.75rem rgba(10, 2, 30, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #4B5563; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Nunito", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.711375rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(10, 2, 30, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(10, 2, 30, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(10, 2, 30, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(10, 2, 30, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(10, 2, 30, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.813rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #111827; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #8b5cf6 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #692cf3 !important; } .bg-secondary { background-color: #1F2937 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #0d1116 !important; } .bg-success { background-color: #10b981 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #0c8a60 !important; } .bg-info { background-color: #3b82f6 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0b63f3 !important; } .bg-warning { background-color: #f59e0b !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #c57f08 !important; } .bg-danger { background-color: #ef4444 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #eb1515 !important; } .bg-light { background-color: #6B7280 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #545964 !important; } .bg-dark { background-color: #111827 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #020203 !important; } .bg-gray-100 { background-color: #F3F4F6 !important; } a.bg-gray-100:hover, a.bg-gray-100:focus, button.bg-gray-100:hover, button.bg-gray-100:focus { background-color: #d6d9e0 !important; } .bg-gray-200 { background-color: #E5E7EB !important; } a.bg-gray-200:hover, a.bg-gray-200:focus, button.bg-gray-200:hover, button.bg-gray-200:focus { background-color: #c8ccd5 !important; } .bg-gray-300 { background-color: #D1D5DB !important; } a.bg-gray-300:hover, a.bg-gray-300:focus, button.bg-gray-300:hover, button.bg-gray-300:focus { background-color: #b4bbc5 !important; } .bg-gray-400 { background-color: #9CA3AF !important; } a.bg-gray-400:hover, a.bg-gray-400:focus, button.bg-gray-400:hover, button.bg-gray-400:focus { background-color: #808998 !important; } .bg-gray-500 { background-color: #6B7280 !important; } a.bg-gray-500:hover, a.bg-gray-500:focus, button.bg-gray-500:hover, button.bg-gray-500:focus { background-color: #545964 !important; } .bg-gray-600 { background-color: #4B5563 !important; } a.bg-gray-600:hover, a.bg-gray-600:focus, button.bg-gray-600:hover, button.bg-gray-600:focus { background-color: #353c46 !important; } .bg-gray-700 { background-color: #374151 !important; } a.bg-gray-700:hover, a.bg-gray-700:focus, button.bg-gray-700:hover, button.bg-gray-700:focus { background-color: #222933 !important; } .bg-gray-800 { background-color: #1F2937 !important; } a.bg-gray-800:hover, a.bg-gray-800:focus, button.bg-gray-800:hover, button.bg-gray-800:focus { background-color: #0d1116 !important; } .bg-gray-900 { background-color: #111827 !important; } a.bg-gray-900:hover, a.bg-gray-900:focus, button.bg-gray-900:hover, button.bg-gray-900:focus { background-color: #020203 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #D1D5DB !important; } .border-top { border-top: 1px solid #D1D5DB !important; } .border-right { border-right: 1px solid #D1D5DB !important; } .border-bottom { border-bottom: 1px solid #D1D5DB !important; } .border-left { border-left: 1px solid #D1D5DB !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #8b5cf6 !important; } .border-secondary { border-color: #1F2937 !important; } .border-success { border-color: #10b981 !important; } .border-info { border-color: #3b82f6 !important; } .border-warning { border-color: #f59e0b !important; } .border-danger { border-color: #ef4444 !important; } .border-light { border-color: #6B7280 !important; } .border-dark { border-color: #111827 !important; } .border-gray-100 { border-color: #F3F4F6 !important; } .border-gray-200 { border-color: #E5E7EB !important; } .border-gray-300 { border-color: #D1D5DB !important; } .border-gray-400 { border-color: #9CA3AF !important; } .border-gray-500 { border-color: #6B7280 !important; } .border-gray-600 { border-color: #4B5563 !important; } .border-gray-700 { border-color: #374151 !important; } .border-gray-800 { border-color: #1F2937 !important; } .border-gray-900 { border-color: #111827 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !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; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !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; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !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; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !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; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !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; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .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-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 768px) { .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-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 992px) { .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-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 1200px) { .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-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !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; } .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; } .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; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(10, 2, 30, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(10, 2, 30, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(10, 2, 30, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #8b5cf6 !important; } a.text-primary:hover, a.text-primary:focus { color: #692cf3 !important; } .text-secondary { color: #1F2937 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #0d1116 !important; } .text-success { color: #10b981 !important; } a.text-success:hover, a.text-success:focus { color: #0c8a60 !important; } .text-info { color: #3b82f6 !important; } a.text-info:hover, a.text-info:focus { color: #0b63f3 !important; } .text-warning { color: #f59e0b !important; } a.text-warning:hover, a.text-warning:focus { color: #c57f08 !important; } .text-danger { color: #ef4444 !important; } a.text-danger:hover, a.text-danger:focus { color: #eb1515 !important; } .text-light { color: #6B7280 !important; } a.text-light:hover, a.text-light:focus { color: #545964 !important; } .text-dark { color: #111827 !important; } a.text-dark:hover, a.text-dark:focus { color: #020203 !important; } .text-gray-100 { color: #F3F4F6 !important; } a.text-gray-100:hover, a.text-gray-100:focus { color: #d6d9e0 !important; } .text-gray-200 { color: #E5E7EB !important; } a.text-gray-200:hover, a.text-gray-200:focus { color: #c8ccd5 !important; } .text-gray-300 { color: #D1D5DB !important; } a.text-gray-300:hover, a.text-gray-300:focus { color: #b4bbc5 !important; } .text-gray-400 { color: #9CA3AF !important; } a.text-gray-400:hover, a.text-gray-400:focus { color: #808998 !important; } .text-gray-500 { color: #6B7280 !important; } a.text-gray-500:hover, a.text-gray-500:focus { color: #545964 !important; } .text-gray-600 { color: #4B5563 !important; } a.text-gray-600:hover, a.text-gray-600:focus { color: #353c46 !important; } .text-gray-700 { color: #374151 !important; } a.text-gray-700:hover, a.text-gray-700:focus { color: #222933 !important; } .text-gray-800 { color: #1F2937 !important; } a.text-gray-800:hover, a.text-gray-800:focus { color: #0d1116 !important; } .text-gray-900 { color: #111827 !important; } a.text-gray-900:hover, a.text-gray-900:focus { color: #020203 !important; } .text-body { color: #111827 !important; } .text-muted { color: #4B5563 !important; } .text-black-50 { color: rgba(10, 2, 30, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #6B7280; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #0a021e; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #D1D5DB !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #D1D5DB; } .table .thead-dark th { color: inherit; border-color: #D1D5DB; } } [dir="rtl"] .text-left { text-align: right !important; } [dir="rtl"] .text-right { text-align: left !important; } @media (min-width: 576px) { [dir="rtl"] .text-sm-left { text-align: right !important; } [dir="rtl"] .text-sm-right { text-align: left !important; } } @media (min-width: 768px) { [dir="rtl"] .text-md-left { text-align: right !important; } [dir="rtl"] .text-md-right { text-align: left !important; } } @media (min-width: 992px) { [dir="rtl"] .text-lg-left { text-align: right !important; } [dir="rtl"] .text-lg-right { text-align: left !important; } } @media (min-width: 1200px) { [dir="rtl"] .text-xl-left { text-align: right !important; } [dir="rtl"] .text-xl-right { text-align: left !important; } } [dir="rtl"] .float-left { float: right !important; } [dir="rtl"] .float-right { float: left !important; } @media (min-width: 576px) { [dir="rtl"] .float-sm-left { float: right !important; } [dir="rtl"] .float-sm-right { float: left !important; } } @media (min-width: 768px) { [dir="rtl"] .float-md-left { float: right !important; } [dir="rtl"] .float-md-right { float: left !important; } } @media (min-width: 992px) { [dir="rtl"] .float-lg-left { float: right !important; } [dir="rtl"] .float-lg-right { float: left !important; } } @media (min-width: 1200px) { [dir="rtl"] .float-xl-left { float: right !important; } [dir="rtl"] .float-xl-right { float: left !important; } } [dir="rtl"] .mr-0, [dir="rtl"] .mx-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-0, [dir="rtl"] .mx-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-1, [dir="rtl"] .mx-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-1, [dir="rtl"] .mx-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-2, [dir="rtl"] .mx-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-2, [dir="rtl"] .mx-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-3, [dir="rtl"] .mx-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-3, [dir="rtl"] .mx-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-4, [dir="rtl"] .mx-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-4, [dir="rtl"] .mx-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-5, [dir="rtl"] .mx-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-5, [dir="rtl"] .mx-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-0, [dir="rtl"] .px-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-0, [dir="rtl"] .px-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-1, [dir="rtl"] .px-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-1, [dir="rtl"] .px-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-2, [dir="rtl"] .px-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-2, [dir="rtl"] .px-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-3, [dir="rtl"] .px-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-3, [dir="rtl"] .px-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-4, [dir="rtl"] .px-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-4, [dir="rtl"] .px-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-5, [dir="rtl"] .px-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-5, [dir="rtl"] .px-5 { padding-right: 3rem !important; margin-left: unset !important; } @media (min-width: 576px) { [dir="rtl"] .mr-sm-0, [dir="rtl"] .mx-sm-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-0, [dir="rtl"] .mx-sm-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-1, [dir="rtl"] .mx-sm-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-1, [dir="rtl"] .mx-sm-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-2, [dir="rtl"] .mx-sm-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-2, [dir="rtl"] .mx-sm-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-3, [dir="rtl"] .mx-sm-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-3, [dir="rtl"] .mx-sm-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-4, [dir="rtl"] .mx-sm-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-4, [dir="rtl"] .mx-sm-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-sm-5, [dir="rtl"] .mx-sm-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-sm-5, [dir="rtl"] .mx-sm-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-0, [dir="rtl"] .px-sm-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-0, [dir="rtl"] .px-sm-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-1, [dir="rtl"] .px-sm-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-1, [dir="rtl"] .px-sm-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-2, [dir="rtl"] .px-sm-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-2, [dir="rtl"] .px-sm-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-3, [dir="rtl"] .px-sm-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-3, [dir="rtl"] .px-sm-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-4, [dir="rtl"] .px-sm-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-4, [dir="rtl"] .px-sm-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-sm-5, [dir="rtl"] .px-sm-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-sm-5, [dir="rtl"] .px-sm-5 { padding-right: 3rem !important; margin-left: unset !important; } } @media (min-width: 768px) { [dir="rtl"] .mr-md-0, [dir="rtl"] .mx-md-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-md-0, [dir="rtl"] .mx-md-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-md-1, [dir="rtl"] .mx-md-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-1, [dir="rtl"] .mx-md-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-2, [dir="rtl"] .mx-md-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-2, [dir="rtl"] .mx-md-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-3, [dir="rtl"] .mx-md-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-3, [dir="rtl"] .mx-md-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-4, [dir="rtl"] .mx-md-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-4, [dir="rtl"] .mx-md-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-md-5, [dir="rtl"] .mx-md-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-md-5, [dir="rtl"] .mx-md-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-0, [dir="rtl"] .px-md-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-md-0, [dir="rtl"] .px-md-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-md-1, [dir="rtl"] .px-md-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-1, [dir="rtl"] .px-md-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-2, [dir="rtl"] .px-md-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-2, [dir="rtl"] .px-md-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-3, [dir="rtl"] .px-md-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-3, [dir="rtl"] .px-md-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-4, [dir="rtl"] .px-md-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-4, [dir="rtl"] .px-md-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-md-5, [dir="rtl"] .px-md-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-md-5, [dir="rtl"] .px-md-5 { padding-right: 3rem !important; margin-left: unset !important; } } @media (min-width: 992px) { [dir="rtl"] .mr-lg-0, [dir="rtl"] .mx-lg-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-0, [dir="rtl"] .mx-lg-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-1, [dir="rtl"] .mx-lg-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-1, [dir="rtl"] .mx-lg-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-2, [dir="rtl"] .mx-lg-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-2, [dir="rtl"] .mx-lg-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-3, [dir="rtl"] .mx-lg-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-3, [dir="rtl"] .mx-lg-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-4, [dir="rtl"] .mx-lg-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-4, [dir="rtl"] .mx-lg-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-lg-5, [dir="rtl"] .mx-lg-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-lg-5, [dir="rtl"] .mx-lg-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-0, [dir="rtl"] .px-lg-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-0, [dir="rtl"] .px-lg-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-1, [dir="rtl"] .px-lg-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-1, [dir="rtl"] .px-lg-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-2, [dir="rtl"] .px-lg-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-2, [dir="rtl"] .px-lg-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-3, [dir="rtl"] .px-lg-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-3, [dir="rtl"] .px-lg-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-4, [dir="rtl"] .px-lg-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-4, [dir="rtl"] .px-lg-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-lg-5, [dir="rtl"] .px-lg-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-lg-5, [dir="rtl"] .px-lg-5 { padding-right: 3rem !important; margin-left: unset !important; } } @media (min-width: 1200px) { [dir="rtl"] .mr-xl-0, [dir="rtl"] .mx-xl-0 { margin-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-0, [dir="rtl"] .mx-xl-0 { margin-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-1, [dir="rtl"] .mx-xl-1 { margin-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-1, [dir="rtl"] .mx-xl-1 { margin-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-2, [dir="rtl"] .mx-xl-2 { margin-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-2, [dir="rtl"] .mx-xl-2 { margin-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-3, [dir="rtl"] .mx-xl-3 { margin-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-3, [dir="rtl"] .mx-xl-3 { margin-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-4, [dir="rtl"] .mx-xl-4 { margin-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-4, [dir="rtl"] .mx-xl-4 { margin-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .mr-xl-5, [dir="rtl"] .mx-xl-5 { margin-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .ml-xl-5, [dir="rtl"] .mx-xl-5 { margin-right: 3rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-0, [dir="rtl"] .px-xl-0 { padding-left: 0 !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-0, [dir="rtl"] .px-xl-0 { padding-right: 0 !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-1, [dir="rtl"] .px-xl-1 { padding-left: 0.25rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-1, [dir="rtl"] .px-xl-1 { padding-right: 0.25rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-2, [dir="rtl"] .px-xl-2 { padding-left: 0.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-2, [dir="rtl"] .px-xl-2 { padding-right: 0.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-3, [dir="rtl"] .px-xl-3 { padding-left: 1rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-3, [dir="rtl"] .px-xl-3 { padding-right: 1rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-4, [dir="rtl"] .px-xl-4 { padding-left: 1.5rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-4, [dir="rtl"] .px-xl-4 { padding-right: 1.5rem !important; margin-left: unset !important; } [dir="rtl"] .pr-xl-5, [dir="rtl"] .px-xl-5 { padding-left: 3rem !important; margin-right: unset !important; } [dir="rtl"] .pl-xl-5, [dir="rtl"] .px-xl-5 { padding-right: 3rem !important; margin-left: unset !important; } } [dir="rtl"] .input-group > .input-group-prepend > .btn, [dir="rtl"] .input-group > .input-group-prepend > .input-group-text, [dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn, [dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text, [dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), [dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir="rtl"] .input-group > .input-group-append > .btn, [dir="rtl"] .input-group > .input-group-append > .input-group-text, [dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn, [dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text, [dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child), [dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir="rtl"] .input-group > .form-control:not(:last-child), [dir="rtl"] .input-group > .custom-select:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir="rtl"] .input-group > .form-control:not(:first-child), [dir="rtl"] .input-group > .custom-select:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), [dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn, [dir="rtl"] .btn-group > .btn:not(:first-child), [dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn { border-radius: 0; } .sidebar-gradient-purple-indigo .sidebar-left { /* fallback/image non-cover color */ background-color: #8b5cf6; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #8b5cf6 0%, #33214b 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #8b5cf6 0%, #33214b 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-purple-indigo { /* fallback/image non-cover color */ background-color: #8b5cf6; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #8b5cf6 0%, #33214b 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #8b5cf6 0%, #33214b 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-purple-indigo:active, .btn.gradient-purple-indigo.active { /* fallback/image non-cover color */ background-color: #8b5cf6; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #8b5cf6 0%, #33214b 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-90deg, #8b5cf6 0%, #33214b 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-gradient-black-blue .sidebar-left { /* fallback/image non-cover color */ background-color: #004e92; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-black-blue { /* fallback/image non-cover color */ background-color: #004e92; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #004e92 0%, #000428 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-black-blue:active, .btn.gradient-black-blue.active { /* fallback/image non-cover color */ background-color: #004e92; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #004e92 0%, #000428 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-90deg, #004e92 0%, #000428 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-gradient-black-gray .sidebar-left { /* fallback/image non-cover color */ background-color: #404040; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-black-gray { /* fallback/image non-cover color */ background-color: #404040; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #404040 0%, #000000 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-black-gray:active, .btn.gradient-black-gray.active { /* fallback/image non-cover color */ background-color: #404040; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #404040 0%, #000000 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-90deg, #404040 0%, #000000 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-gradient-steel-gray .sidebar-left { /* fallback/image non-cover color */ background-color: #616d86; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #616d86 0%, #1f1c2c 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #616d86 0%, #1f1c2c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .gradient-steel-gray { /* fallback/image non-cover color */ background-color: #616d86; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-154deg, #616d86 0%, #1f1c2c 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-154deg, #616d86 0%, #1f1c2c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .btn.gradient-steel-gray:active, .btn.gradient-steel-gray.active { /* fallback/image non-cover color */ background-color: #616d86; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(-90deg, #616d86 0%, #1f1c2c 100%); /* IE10+ */ /* Standard */ background: linear-gradient(-90deg, #616d86 0%, #1f1c2c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); } .sidebar-blue .sidebar-left { background: #3b82f6; } .blue { background: #3b82f6; } .sidebar-midnight-blue .sidebar-left { background: #0c0c3c; } .midnight-blue { background: #0c0c3c; } .sidebar-indigo .sidebar-left { background: #6366f1; } .indigo { background: #6366f1; } .sidebar-dark-purple .sidebar-left { background: #322740; } .dark-purple { background: #322740; } .sidebar-purple .sidebar-left { background: #8b5cf6; } .purple { background: #8b5cf6; } .sidebar-pink .sidebar-left { background: #ec4899; } .pink { background: #ec4899; } .sidebar-red .sidebar-left { background: #ef4444; } .red { background: #ef4444; } .sidebar-orange .sidebar-left { background: #f97316; } .orange { background: #f97316; } .sidebar-yellow .sidebar-left { background: #f59e0b; } .yellow { background: #f59e0b; } .sidebar-green .sidebar-left { background: #10b981; } .green { background: #10b981; } .sidebar-teal .sidebar-left { background: #14b8a6; } .teal { background: #14b8a6; } .sidebar-cyan .sidebar-left { background: #06b6d4; } .cyan { background: #06b6d4; } .sidebar-gray .sidebar-left { background: #71717a; } .gray { background: #71717a; } .sidebar-slate-gray .sidebar-left { background: #64748b; } .slate-gray { background: #64748b; } /* $full-map: ( blue: ( 100: #f31312, ....., 900: #f32332 ), red: ( 100: #f31312, ....., 900: #f32332 ) ) */ .blue-50 { background-color: white; } .text-blue-50 { color: black; } .blue-100 { background-color: #fefeff; } .text-blue-100 { color: black; } .blue-200 { background-color: #cddffd; } .text-blue-200 { color: black; } .blue-300 { background-color: #9dc0fa; } .text-blue-300 { color: black; } .blue-400 { background-color: #6ca1f8; } .text-blue-400 { color: black; } .blue-500 { background-color: #3b82f6; } .text-blue-500 { color: black; } .blue-600 { background-color: #0b63f3; } .text-blue-600 { color: black; } .blue-700 { background-color: #094fc2; } .text-blue-700 { color: white; } .blue-800 { background-color: #073b91; } .text-blue-800 { color: white; } .blue-900 { background-color: #042761; } .text-blue-900 { color: white; } .indigo-50 { background-color: white; } .text-indigo-50 { color: black; } .indigo-100 { background-color: white; } .text-indigo-100 { color: black; } .indigo-200 { background-color: #eff0fe; } .text-indigo-200 { color: black; } .indigo-300 { background-color: #c1c2f9; } .text-indigo-300 { color: black; } .indigo-400 { background-color: #9294f5; } .text-indigo-400 { color: black; } .indigo-500 { background-color: #6366f1; } .text-indigo-500 { color: black; } .indigo-600 { background-color: #3438ed; } .text-indigo-600 { color: black; } .indigo-700 { background-color: #1418da; } .text-indigo-700 { color: black; } .indigo-800 { background-color: #0f13ac; } .text-indigo-800 { color: white; } .indigo-900 { background-color: #0b0e7d; } .text-indigo-900 { color: white; } .purple-50 { background-color: white; } .text-purple-50 { color: black; } .purple-100 { background-color: white; } .text-purple-100 { color: black; } .purple-200 { background-color: #f2edfe; } .text-purple-200 { color: black; } .purple-300 { background-color: #d0bdfb; } .text-purple-300 { color: black; } .purple-400 { background-color: #ad8cf9; } .text-purple-400 { color: black; } .purple-500 { background-color: #8b5cf6; } .text-purple-500 { color: black; } .purple-600 { background-color: #692cf3; } .text-purple-600 { color: black; } .purple-700 { background-color: #4d0ce0; } .text-purple-700 { color: black; } .purple-800 { background-color: #3c0aaf; } .text-purple-800 { color: white; } .purple-900 { background-color: #2c077f; } .text-purple-900 { color: white; } .pink-50 { background-color: white; } .text-pink-50 { color: black; } .pink-100 { background-color: white; } .text-pink-100 { color: black; } .pink-200 { background-color: #fad3e6; } .text-pink-200 { color: black; } .pink-300 { background-color: #f6a4cd; } .text-pink-300 { color: black; } .pink-400 { background-color: #f176b3; } .text-pink-400 { color: black; } .pink-500 { background-color: #ec4899; } .text-pink-500 { color: black; } .pink-600 { background-color: #e71a7f; } .text-pink-600 { color: black; } .pink-700 { background-color: #bb1366; } .text-pink-700 { color: black; } .pink-800 { background-color: #8c0f4d; } .text-pink-800 { color: white; } .pink-900 { background-color: #5e0a33; } .text-pink-900 { color: white; } .red-50 { background-color: white; } .text-red-50 { color: black; } .red-100 { background-color: white; } .text-red-100 { color: black; } .red-200 { background-color: #fbd1d1; } .text-red-200 { color: black; } .red-300 { background-color: #f7a2a2; } .text-red-300 { color: black; } .red-400 { background-color: #f37373; } .text-red-400 { color: black; } .red-500 { background-color: #ef4444; } .text-red-500 { color: black; } .red-600 { background-color: #eb1515; } .text-red-600 { color: black; } .red-700 { background-color: #bd1010; } .text-red-700 { color: black; } .red-800 { background-color: #8e0c0c; } .text-red-800 { color: white; } .red-900 { background-color: #5f0808; } .text-red-900 { color: white; } .orange-50 { background-color: white; } .text-orange-50 { color: black; } .orange-100 { background-color: #feeadd; } .text-orange-100 { color: black; } .orange-200 { background-color: #fdcdab; } .text-orange-200 { color: black; } .orange-300 { background-color: #fcaf79; } .text-orange-300 { color: black; } .orange-400 { background-color: #fa9148; } .text-orange-400 { color: black; } .orange-500 { background-color: #f97316; } .text-orange-500 { color: black; } .orange-600 { background-color: #d65b06; } .text-orange-600 { color: black; } .orange-700 { background-color: #a54604; } .text-orange-700 { color: white; } .orange-800 { background-color: #733103; } .text-orange-800 { color: white; } .orange-900 { background-color: #411c02; } .text-orange-900 { color: white; } .yellow-50 { background-color: white; } .text-yellow-50 { color: black; } .yellow-100 { background-color: #fdeccf; } .text-yellow-100 { color: black; } .yellow-200 { background-color: #fbd89e; } .text-yellow-200 { color: black; } .yellow-300 { background-color: #f9c56d; } .text-yellow-300 { color: black; } .yellow-400 { background-color: #f7b13c; } .text-yellow-400 { color: black; } .yellow-500 { background-color: #f59e0b; } .text-yellow-500 { color: black; } .yellow-600 { background-color: #c57f08; } .text-yellow-600 { color: black; } .yellow-700 { background-color: #945f06; } .text-yellow-700 { color: white; } .yellow-800 { background-color: #634004; } .text-yellow-800 { color: white; } .yellow-900 { background-color: #322002; } .text-yellow-900 { color: white; } .green-50 { background-color: #cdfbec; } .text-green-50 { color: black; } .green-100 { background-color: #9ef7d9; } .text-green-100 { color: black; } .green-200 { background-color: #6ff3c7; } .text-green-200 { color: black; } .green-300 { background-color: #40efb5; } .text-green-300 { color: black; } .green-400 { background-color: #14e8a2; } .text-green-400 { color: black; } .green-500 { background-color: #10b981; } .text-green-500 { color: white; } .green-600 { background-color: #0c8a60; } .text-green-600 { color: white; } .green-700 { background-color: #085b40; } .text-green-700 { color: white; } .green-800 { background-color: #042c1f; } .text-green-800 { color: white; } .green-900 { background-color: black; } .text-green-900 { color: white; } .teal-50 { background-color: #d1faf6; } .text-teal-50 { color: black; } .teal-100 { background-color: #a3f5ec; } .text-teal-100 { color: black; } .teal-200 { background-color: #75f0e3; } .text-teal-200 { color: black; } .teal-300 { background-color: #47ebd9; } .text-teal-300 { color: black; } .teal-400 { background-color: #19e6d0; } .text-teal-400 { color: black; } .teal-500 { background-color: #14b8a6; } .text-teal-500 { color: white; } .teal-600 { background-color: #0f8a7d; } .text-teal-600 { color: white; } .teal-700 { background-color: #0a5c53; } .text-teal-700 { color: white; } .teal-800 { background-color: #052e2a; } .text-teal-800 { color: white; } .teal-900 { background-color: black; } .text-teal-900 { color: white; } .cyan-50 { background-color: #dbf9fe; } .text-cyan-50 { color: black; } .cyan-100 { background-color: #a9f0fd; } .text-cyan-100 { color: black; } .cyan-200 { background-color: #78e8fb; } .text-cyan-200 { color: black; } .cyan-300 { background-color: #46e0fa; } .text-cyan-300 { color: black; } .cyan-400 { background-color: #15d7f8; } .text-cyan-400 { color: black; } .cyan-500 { background-color: #06b6d4; } .text-cyan-500 { color: black; } .cyan-600 { background-color: #058ba2; } .text-cyan-600 { color: white; } .cyan-700 { background-color: #036171; } .text-cyan-700 { color: white; } .cyan-800 { background-color: #02363f; } .text-cyan-800 { color: white; } .cyan-900 { background-color: #000c0e; } .text-cyan-900 { color: white; } .white-50 { background-color: white; } .text-white-50 { color: black; } .white-100 { background-color: white; } .text-white-100 { color: black; } .white-200 { background-color: white; } .text-white-200 { color: black; } .white-300 { background-color: white; } .text-white-300 { color: black; } .white-400 { background-color: white; } .text-white-400 { color: black; } .white-500 { background-color: #fff; } .text-white-500 { color: black; } .white-600 { background-color: #e6e5e5; } .text-white-600 { color: black; } .white-700 { background-color: #cccccc; } .text-white-700 { color: black; } .white-800 { background-color: #b3b2b2; } .text-white-800 { color: black; } .white-900 { background-color: #999999; } .text-white-900 { color: black; } .gray-50 { background-color: #d1d6dc; } .text-gray-50 { color: black; } .gray-100 { background-color: #b4bbc6; } .text-gray-100 { color: black; } .gray-200 { background-color: #97a1b0; } .text-gray-200 { color: black; } .gray-300 { background-color: #7a879a; } .text-gray-300 { color: black; } .gray-400 { background-color: #616e80; } .text-gray-400 { color: black; } .gray-500 { background-color: #4B5563; } .text-gray-500 { color: white; } .gray-600 { background-color: #353c46; } .text-gray-600 { color: white; } .gray-700 { background-color: #1f2329; } .text-gray-700 { color: white; } .gray-800 { background-color: #090a0c; } .text-gray-800 { color: white; } .gray-900 { background-color: black; } .text-gray-900 { color: white; } .gray-dark-50 { background-color: #93a7c2; } .text-gray-dark-50 { color: black; } .gray-dark-100 { background-color: #728cb0; } .text-gray-dark-100 { color: black; } .gray-dark-200 { background-color: #567299; } .text-gray-dark-200 { color: black; } .gray-dark-300 { background-color: #445a78; } .text-gray-dark-300 { color: white; } .gray-dark-400 { background-color: #314158; } .text-gray-dark-400 { color: white; } .gray-dark-500 { background-color: #1F2937; } .text-gray-dark-500 { color: white; } .gray-dark-600 { background-color: #0d1116; } .text-gray-dark-600 { color: white; } .gray-dark-700 { background-color: black; } .text-gray-dark-700 { color: white; } .gray-dark-800 { background-color: black; } .text-gray-dark-800 { color: white; } .gray-dark-900 { background-color: black; } .text-gray-dark-900 { color: white; } .purple-50 { background-color: white; } .text-purple-50 { color: black; } .purple-100 { background-color: white; } .text-purple-100 { color: black; } .purple-200 { background-color: #f2edfe; } .text-purple-200 { color: black; } .purple-300 { background-color: #d0bdfb; } .text-purple-300 { color: black; } .purple-400 { background-color: #ad8cf9; } .text-purple-400 { color: black; } .purple-500 { background-color: #8b5cf6; } .text-purple-500 { color: black; } .purple-600 { background-color: #692cf3; } .text-purple-600 { color: black; } .purple-700 { background-color: #4d0ce0; } .text-purple-700 { color: black; } .purple-800 { background-color: #3c0aaf; } .text-purple-800 { color: white; } .purple-900 { background-color: #2c077f; } .text-purple-900 { color: white; } .pink-50 { background-color: white; } .text-pink-50 { color: black; } .pink-100 { background-color: white; } .text-pink-100 { color: black; } .pink-200 { background-color: #fad3e6; } .text-pink-200 { color: black; } .pink-300 { background-color: #f6a4cd; } .text-pink-300 { color: black; } .pink-400 { background-color: #f176b3; } .text-pink-400 { color: black; } .pink-500 { background-color: #ec4899; } .text-pink-500 { color: black; } .pink-600 { background-color: #e71a7f; } .text-pink-600 { color: black; } .pink-700 { background-color: #bb1366; } .text-pink-700 { color: black; } .pink-800 { background-color: #8c0f4d; } .text-pink-800 { color: white; } .pink-900 { background-color: #5e0a33; } .text-pink-900 { color: white; } .red-50 { background-color: white; } .text-red-50 { color: black; } .red-100 { background-color: white; } .text-red-100 { color: black; } .red-200 { background-color: #fbd1d1; } .text-red-200 { color: black; } .red-300 { background-color: #f7a2a2; } .text-red-300 { color: black; } .red-400 { background-color: #f37373; } .text-red-400 { color: black; } .red-500 { background-color: #ef4444; } .text-red-500 { color: black; } .red-600 { background-color: #eb1515; } .text-red-600 { color: black; } .red-700 { background-color: #bd1010; } .text-red-700 { color: black; } .red-800 { background-color: #8e0c0c; } .text-red-800 { color: white; } .red-900 { background-color: #5f0808; } .text-red-900 { color: white; } .orange-50 { background-color: white; } .text-orange-50 { color: black; } .orange-100 { background-color: #feeadd; } .text-orange-100 { color: black; } .orange-200 { background-color: #fdcdab; } .text-orange-200 { color: black; } .orange-300 { background-color: #fcaf79; } .text-orange-300 { color: black; } .orange-400 { background-color: #fa9148; } .text-orange-400 { color: black; } .orange-500 { background-color: #f97316; } .text-orange-500 { color: black; } .orange-600 { background-color: #d65b06; } .text-orange-600 { color: black; } .orange-700 { background-color: #a54604; } .text-orange-700 { color: white; } .orange-800 { background-color: #733103; } .text-orange-800 { color: white; } .orange-900 { background-color: #411c02; } .text-orange-900 { color: white; } .yellow-50 { background-color: white; } .text-yellow-50 { color: black; } .yellow-100 { background-color: #fdeccf; } .text-yellow-100 { color: black; } .yellow-200 { background-color: #fbd89e; } .text-yellow-200 { color: black; } .yellow-300 { background-color: #f9c56d; } .text-yellow-300 { color: black; } .yellow-400 { background-color: #f7b13c; } .text-yellow-400 { color: black; } .yellow-500 { background-color: #f59e0b; } .text-yellow-500 { color: black; } .yellow-600 { background-color: #c57f08; } .text-yellow-600 { color: black; } .yellow-700 { background-color: #945f06; } .text-yellow-700 { color: white; } .yellow-800 { background-color: #634004; } .text-yellow-800 { color: white; } .yellow-900 { background-color: #322002; } .text-yellow-900 { color: white; } .green-50 { background-color: #cdfbec; } .text-green-50 { color: black; } .green-100 { background-color: #9ef7d9; } .text-green-100 { color: black; } .green-200 { background-color: #6ff3c7; } .text-green-200 { color: black; } .green-300 { background-color: #40efb5; } .text-green-300 { color: black; } .green-400 { background-color: #14e8a2; } .text-green-400 { color: black; } .green-500 { background-color: #10b981; } .text-green-500 { color: white; } .green-600 { background-color: #0c8a60; } .text-green-600 { color: white; } .green-700 { background-color: #085b40; } .text-green-700 { color: white; } .green-800 { background-color: #042c1f; } .text-green-800 { color: white; } .green-900 { background-color: black; } .text-green-900 { color: white; } .teal-50 { background-color: #d1faf6; } .text-teal-50 { color: black; } .teal-100 { background-color: #a3f5ec; } .text-teal-100 { color: black; } .teal-200 { background-color: #75f0e3; } .text-teal-200 { color: black; } .teal-300 { background-color: #47ebd9; } .text-teal-300 { color: black; } .teal-400 { background-color: #19e6d0; } .text-teal-400 { color: black; } .teal-500 { background-color: #14b8a6; } .text-teal-500 { color: white; } .teal-600 { background-color: #0f8a7d; } .text-teal-600 { color: white; } .teal-700 { background-color: #0a5c53; } .text-teal-700 { color: white; } .teal-800 { background-color: #052e2a; } .text-teal-800 { color: white; } .teal-900 { background-color: black; } .text-teal-900 { color: white; } .cyan-50 { background-color: #dbf9fe; } .text-cyan-50 { color: black; } .cyan-100 { background-color: #a9f0fd; } .text-cyan-100 { color: black; } .cyan-200 { background-color: #78e8fb; } .text-cyan-200 { color: black; } .cyan-300 { background-color: #46e0fa; } .text-cyan-300 { color: black; } .cyan-400 { background-color: #15d7f8; } .text-cyan-400 { color: black; } .cyan-500 { background-color: #06b6d4; } .text-cyan-500 { color: black; } .cyan-600 { background-color: #058ba2; } .text-cyan-600 { color: white; } .cyan-700 { background-color: #036171; } .text-cyan-700 { color: white; } .cyan-800 { background-color: #02363f; } .text-cyan-800 { color: white; } .cyan-900 { background-color: #000c0e; } .text-cyan-900 { color: white; } .white-50 { background-color: white; } .text-white-50 { color: black; } .white-100 { background-color: white; } .text-white-100 { color: black; } .white-200 { background-color: white; } .text-white-200 { color: black; } .white-300 { background-color: white; } .text-white-300 { color: black; } .white-400 { background-color: white; } .text-white-400 { color: black; } .white-500 { background-color: #fff; } .text-white-500 { color: black; } .white-600 { background-color: #e6e5e5; } .text-white-600 { color: black; } .white-700 { background-color: #cccccc; } .text-white-700 { color: black; } .white-800 { background-color: #b3b2b2; } .text-white-800 { color: black; } .white-900 { background-color: #999999; } .text-white-900 { color: black; } .gray-50 { background-color: #d1d6dc; } .text-gray-50 { color: black; } .gray-100 { background-color: #b4bbc6; } .text-gray-100 { color: black; } .gray-200 { background-color: #97a1b0; } .text-gray-200 { color: black; } .gray-300 { background-color: #7a879a; } .text-gray-300 { color: black; } .gray-400 { background-color: #616e80; } .text-gray-400 { color: black; } .gray-500 { background-color: #4B5563; } .text-gray-500 { color: white; } .gray-600 { background-color: #353c46; } .text-gray-600 { color: white; } .gray-700 { background-color: #1f2329; } .text-gray-700 { color: white; } .gray-800 { background-color: #090a0c; } .text-gray-800 { color: white; } .gray-900 { background-color: black; } .text-gray-900 { color: white; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes jello { 11.1% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { transform: none; } } @keyframes jello { 11.1% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { transform: none; } } @-webkit-keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @-webkit-keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { transform-origin: top center; } 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { transform-origin: top center; } 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } @-webkit-keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @-webkit-keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes slideInUp { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes slideOutDown { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @keyframes slideOutDown { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @-webkit-keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } .page-enter-active { -webkit-animation: slide-in 0.3s ease-out forwards; animation: slide-in 0.3s ease-out forwards; } .page-leave-active { -webkit-animation: slide-out 0.3s ease-out forwards; animation: slide-out 0.3s ease-out forwards; } @-webkit-keyframes slide-in { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes slide-in { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } @-webkit-keyframes slide-out { from { transform: scale(1); opacity: 1; } to { transform: scale(0.9); opacity: 0; } } @keyframes slide-out { from { transform: scale(1); opacity: 1; } to { transform: scale(0.9); opacity: 0; } } @keyframes zoomIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } h1, h2, h3, h4, h5, h6, .card-title, .text-title { color: #05070b; } .text-10 { font-size: 10px; } .text-11 { font-size: 11px; } .text-12 { font-size: 12px; } .text-13 { font-size: 13px; } .text-14 { font-size: 14px; } .text-15 { font-size: 15px; } .text-16 { font-size: 16px; } .text-17 { font-size: 17px; } .text-18 { font-size: 18px; } .text-19 { font-size: 19px; } .text-20 { font-size: 20px; } .text-21 { font-size: 21px; } .text-22 { font-size: 22px; } .text-23 { font-size: 23px; } .text-24 { font-size: 24px; } .text-25 { font-size: 25px; } .text-26 { font-size: 26px; } .text-27 { font-size: 27px; } .text-28 { font-size: 28px; } .text-29 { font-size: 29px; } .text-30 { font-size: 30px; } .text-31 { font-size: 31px; } .text-32 { font-size: 32px; } .text-33 { font-size: 33px; } .text-34 { font-size: 34px; } .text-35 { font-size: 35px; } .text-36 { font-size: 36px; } .text-37 { font-size: 37px; } .text-38 { font-size: 38px; } .text-39 { font-size: 39px; } .text-40 { font-size: 40px; } .text-41 { font-size: 41px; } .text-42 { font-size: 42px; } .text-43 { font-size: 43px; } .text-44 { font-size: 44px; } .text-45 { font-size: 45px; } .text-46 { font-size: 46px; } .text-47 { font-size: 47px; } .text-48 { font-size: 48px; } .text-49 { font-size: 49px; } .text-50 { font-size: 50px; } .text-51 { font-size: 51px; } .text-52 { font-size: 52px; } .text-53 { font-size: 53px; } .text-54 { font-size: 54px; } .text-55 { font-size: 55px; } .text-56 { font-size: 56px; } .text-57 { font-size: 57px; } .text-58 { font-size: 58px; } .text-59 { font-size: 59px; } .text-60 { font-size: 60px; } .text-61 { font-size: 61px; } .text-62 { font-size: 62px; } .text-63 { font-size: 63px; } .text-64 { font-size: 64px; } .text-65 { font-size: 65px; } .text-66 { font-size: 66px; } .text-67 { font-size: 67px; } .text-68 { font-size: 68px; } .text-69 { font-size: 69px; } .text-70 { font-size: 70px; } .text-71 { font-size: 71px; } .text-72 { font-size: 72px; } .text-73 { font-size: 73px; } .text-74 { font-size: 74px; } .text-75 { font-size: 75px; } .text-76 { font-size: 76px; } .text-77 { font-size: 77px; } .text-78 { font-size: 78px; } .font-weight-300 { font-weight: 300; } .font-weight-301 { font-weight: 301; } .font-weight-302 { font-weight: 302; } .font-weight-303 { font-weight: 303; } .font-weight-304 { font-weight: 304; } .font-weight-305 { font-weight: 305; } .font-weight-306 { font-weight: 306; } .font-weight-307 { font-weight: 307; } .font-weight-308 { font-weight: 308; } .font-weight-309 { font-weight: 309; } .font-weight-310 { font-weight: 310; } .font-weight-311 { font-weight: 311; } .font-weight-312 { font-weight: 312; } .font-weight-313 { font-weight: 313; } .font-weight-314 { font-weight: 314; } .font-weight-315 { font-weight: 315; } .font-weight-316 { font-weight: 316; } .font-weight-317 { font-weight: 317; } .font-weight-318 { font-weight: 318; } .font-weight-319 { font-weight: 319; } .font-weight-320 { font-weight: 320; } .font-weight-321 { font-weight: 321; } .font-weight-322 { font-weight: 322; } .font-weight-323 { font-weight: 323; } .font-weight-324 { font-weight: 324; } .font-weight-325 { font-weight: 325; } .font-weight-326 { font-weight: 326; } .font-weight-327 { font-weight: 327; } .font-weight-328 { font-weight: 328; } .font-weight-329 { font-weight: 329; } .font-weight-330 { font-weight: 330; } .font-weight-331 { font-weight: 331; } .font-weight-332 { font-weight: 332; } .font-weight-333 { font-weight: 333; } .font-weight-334 { font-weight: 334; } .font-weight-335 { font-weight: 335; } .font-weight-336 { font-weight: 336; } .font-weight-337 { font-weight: 337; } .font-weight-338 { font-weight: 338; } .font-weight-339 { font-weight: 339; } .font-weight-340 { font-weight: 340; } .font-weight-341 { font-weight: 341; } .font-weight-342 { font-weight: 342; } .font-weight-343 { font-weight: 343; } .font-weight-344 { font-weight: 344; } .font-weight-345 { font-weight: 345; } .font-weight-346 { font-weight: 346; } .font-weight-347 { font-weight: 347; } .font-weight-348 { font-weight: 348; } .font-weight-349 { font-weight: 349; } .font-weight-350 { font-weight: 350; } .font-weight-351 { font-weight: 351; } .font-weight-352 { font-weight: 352; } .font-weight-353 { font-weight: 353; } .font-weight-354 { font-weight: 354; } .font-weight-355 { font-weight: 355; } .font-weight-356 { font-weight: 356; } .font-weight-357 { font-weight: 357; } .font-weight-358 { font-weight: 358; } .font-weight-359 { font-weight: 359; } .font-weight-360 { font-weight: 360; } .font-weight-361 { font-weight: 361; } .font-weight-362 { font-weight: 362; } .font-weight-363 { font-weight: 363; } .font-weight-364 { font-weight: 364; } .font-weight-365 { font-weight: 365; } .font-weight-366 { font-weight: 366; } .font-weight-367 { font-weight: 367; } .font-weight-368 { font-weight: 368; } .font-weight-369 { font-weight: 369; } .font-weight-370 { font-weight: 370; } .font-weight-371 { font-weight: 371; } .font-weight-372 { font-weight: 372; } .font-weight-373 { font-weight: 373; } .font-weight-374 { font-weight: 374; } .font-weight-375 { font-weight: 375; } .font-weight-376 { font-weight: 376; } .font-weight-377 { font-weight: 377; } .font-weight-378 { font-weight: 378; } .font-weight-379 { font-weight: 379; } .font-weight-380 { font-weight: 380; } .font-weight-381 { font-weight: 381; } .font-weight-382 { font-weight: 382; } .font-weight-383 { font-weight: 383; } .font-weight-384 { font-weight: 384; } .font-weight-385 { font-weight: 385; } .font-weight-386 { font-weight: 386; } .font-weight-387 { font-weight: 387; } .font-weight-388 { font-weight: 388; } .font-weight-389 { font-weight: 389; } .font-weight-390 { font-weight: 390; } .font-weight-391 { font-weight: 391; } .font-weight-392 { font-weight: 392; } .font-weight-393 { font-weight: 393; } .font-weight-394 { font-weight: 394; } .font-weight-395 { font-weight: 395; } .font-weight-396 { font-weight: 396; } .font-weight-397 { font-weight: 397; } .font-weight-398 { font-weight: 398; } .font-weight-399 { font-weight: 399; } .font-weight-400 { font-weight: 400; } .font-weight-401 { font-weight: 401; } .font-weight-402 { font-weight: 402; } .font-weight-403 { font-weight: 403; } .font-weight-404 { font-weight: 404; } .font-weight-405 { font-weight: 405; } .font-weight-406 { font-weight: 406; } .font-weight-407 { font-weight: 407; } .font-weight-408 { font-weight: 408; } .font-weight-409 { font-weight: 409; } .font-weight-410 { font-weight: 410; } .font-weight-411 { font-weight: 411; } .font-weight-412 { font-weight: 412; } .font-weight-413 { font-weight: 413; } .font-weight-414 { font-weight: 414; } .font-weight-415 { font-weight: 415; } .font-weight-416 { font-weight: 416; } .font-weight-417 { font-weight: 417; } .font-weight-418 { font-weight: 418; } .font-weight-419 { font-weight: 419; } .font-weight-420 { font-weight: 420; } .font-weight-421 { font-weight: 421; } .font-weight-422 { font-weight: 422; } .font-weight-423 { font-weight: 423; } .font-weight-424 { font-weight: 424; } .font-weight-425 { font-weight: 425; } .font-weight-426 { font-weight: 426; } .font-weight-427 { font-weight: 427; } .font-weight-428 { font-weight: 428; } .font-weight-429 { font-weight: 429; } .font-weight-430 { font-weight: 430; } .font-weight-431 { font-weight: 431; } .font-weight-432 { font-weight: 432; } .font-weight-433 { font-weight: 433; } .font-weight-434 { font-weight: 434; } .font-weight-435 { font-weight: 435; } .font-weight-436 { font-weight: 436; } .font-weight-437 { font-weight: 437; } .font-weight-438 { font-weight: 438; } .font-weight-439 { font-weight: 439; } .font-weight-440 { font-weight: 440; } .font-weight-441 { font-weight: 441; } .font-weight-442 { font-weight: 442; } .font-weight-443 { font-weight: 443; } .font-weight-444 { font-weight: 444; } .font-weight-445 { font-weight: 445; } .font-weight-446 { font-weight: 446; } .font-weight-447 { font-weight: 447; } .font-weight-448 { font-weight: 448; } .font-weight-449 { font-weight: 449; } .font-weight-450 { font-weight: 450; } .font-weight-451 { font-weight: 451; } .font-weight-452 { font-weight: 452; } .font-weight-453 { font-weight: 453; } .font-weight-454 { font-weight: 454; } .font-weight-455 { font-weight: 455; } .font-weight-456 { font-weight: 456; } .font-weight-457 { font-weight: 457; } .font-weight-458 { font-weight: 458; } .font-weight-459 { font-weight: 459; } .font-weight-460 { font-weight: 460; } .font-weight-461 { font-weight: 461; } .font-weight-462 { font-weight: 462; } .font-weight-463 { font-weight: 463; } .font-weight-464 { font-weight: 464; } .font-weight-465 { font-weight: 465; } .font-weight-466 { font-weight: 466; } .font-weight-467 { font-weight: 467; } .font-weight-468 { font-weight: 468; } .font-weight-469 { font-weight: 469; } .font-weight-470 { font-weight: 470; } .font-weight-471 { font-weight: 471; } .font-weight-472 { font-weight: 472; } .font-weight-473 { font-weight: 473; } .font-weight-474 { font-weight: 474; } .font-weight-475 { font-weight: 475; } .font-weight-476 { font-weight: 476; } .font-weight-477 { font-weight: 477; } .font-weight-478 { font-weight: 478; } .font-weight-479 { font-weight: 479; } .font-weight-480 { font-weight: 480; } .font-weight-481 { font-weight: 481; } .font-weight-482 { font-weight: 482; } .font-weight-483 { font-weight: 483; } .font-weight-484 { font-weight: 484; } .font-weight-485 { font-weight: 485; } .font-weight-486 { font-weight: 486; } .font-weight-487 { font-weight: 487; } .font-weight-488 { font-weight: 488; } .font-weight-489 { font-weight: 489; } .font-weight-490 { font-weight: 490; } .font-weight-491 { font-weight: 491; } .font-weight-492 { font-weight: 492; } .font-weight-493 { font-weight: 493; } .font-weight-494 { font-weight: 494; } .font-weight-495 { font-weight: 495; } .font-weight-496 { font-weight: 496; } .font-weight-497 { font-weight: 497; } .font-weight-498 { font-weight: 498; } .font-weight-499 { font-weight: 499; } .font-weight-500 { font-weight: 500; } .font-weight-501 { font-weight: 501; } .font-weight-502 { font-weight: 502; } .font-weight-503 { font-weight: 503; } .font-weight-504 { font-weight: 504; } .font-weight-505 { font-weight: 505; } .font-weight-506 { font-weight: 506; } .font-weight-507 { font-weight: 507; } .font-weight-508 { font-weight: 508; } .font-weight-509 { font-weight: 509; } .font-weight-510 { font-weight: 510; } .font-weight-511 { font-weight: 511; } .font-weight-512 { font-weight: 512; } .font-weight-513 { font-weight: 513; } .font-weight-514 { font-weight: 514; } .font-weight-515 { font-weight: 515; } .font-weight-516 { font-weight: 516; } .font-weight-517 { font-weight: 517; } .font-weight-518 { font-weight: 518; } .font-weight-519 { font-weight: 519; } .font-weight-520 { font-weight: 520; } .font-weight-521 { font-weight: 521; } .font-weight-522 { font-weight: 522; } .font-weight-523 { font-weight: 523; } .font-weight-524 { font-weight: 524; } .font-weight-525 { font-weight: 525; } .font-weight-526 { font-weight: 526; } .font-weight-527 { font-weight: 527; } .font-weight-528 { font-weight: 528; } .font-weight-529 { font-weight: 529; } .font-weight-530 { font-weight: 530; } .font-weight-531 { font-weight: 531; } .font-weight-532 { font-weight: 532; } .font-weight-533 { font-weight: 533; } .font-weight-534 { font-weight: 534; } .font-weight-535 { font-weight: 535; } .font-weight-536 { font-weight: 536; } .font-weight-537 { font-weight: 537; } .font-weight-538 { font-weight: 538; } .font-weight-539 { font-weight: 539; } .font-weight-540 { font-weight: 540; } .font-weight-541 { font-weight: 541; } .font-weight-542 { font-weight: 542; } .font-weight-543 { font-weight: 543; } .font-weight-544 { font-weight: 544; } .font-weight-545 { font-weight: 545; } .font-weight-546 { font-weight: 546; } .font-weight-547 { font-weight: 547; } .font-weight-548 { font-weight: 548; } .font-weight-549 { font-weight: 549; } .font-weight-550 { font-weight: 550; } .font-weight-551 { font-weight: 551; } .font-weight-552 { font-weight: 552; } .font-weight-553 { font-weight: 553; } .font-weight-554 { font-weight: 554; } .font-weight-555 { font-weight: 555; } .font-weight-556 { font-weight: 556; } .font-weight-557 { font-weight: 557; } .font-weight-558 { font-weight: 558; } .font-weight-559 { font-weight: 559; } .font-weight-560 { font-weight: 560; } .font-weight-561 { font-weight: 561; } .font-weight-562 { font-weight: 562; } .font-weight-563 { font-weight: 563; } .font-weight-564 { font-weight: 564; } .font-weight-565 { font-weight: 565; } .font-weight-566 { font-weight: 566; } .font-weight-567 { font-weight: 567; } .font-weight-568 { font-weight: 568; } .font-weight-569 { font-weight: 569; } .font-weight-570 { font-weight: 570; } .font-weight-571 { font-weight: 571; } .font-weight-572 { font-weight: 572; } .font-weight-573 { font-weight: 573; } .font-weight-574 { font-weight: 574; } .font-weight-575 { font-weight: 575; } .font-weight-576 { font-weight: 576; } .font-weight-577 { font-weight: 577; } .font-weight-578 { font-weight: 578; } .font-weight-579 { font-weight: 579; } .font-weight-580 { font-weight: 580; } .font-weight-581 { font-weight: 581; } .font-weight-582 { font-weight: 582; } .font-weight-583 { font-weight: 583; } .font-weight-584 { font-weight: 584; } .font-weight-585 { font-weight: 585; } .font-weight-586 { font-weight: 586; } .font-weight-587 { font-weight: 587; } .font-weight-588 { font-weight: 588; } .font-weight-589 { font-weight: 589; } .font-weight-590 { font-weight: 590; } .font-weight-591 { font-weight: 591; } .font-weight-592 { font-weight: 592; } .font-weight-593 { font-weight: 593; } .font-weight-594 { font-weight: 594; } .font-weight-595 { font-weight: 595; } .font-weight-596 { font-weight: 596; } .font-weight-597 { font-weight: 597; } .font-weight-598 { font-weight: 598; } .font-weight-599 { font-weight: 599; } .font-weight-600 { font-weight: 600; } .font-weight-601 { font-weight: 601; } .font-weight-602 { font-weight: 602; } .font-weight-603 { font-weight: 603; } .font-weight-604 { font-weight: 604; } .font-weight-605 { font-weight: 605; } .font-weight-606 { font-weight: 606; } .font-weight-607 { font-weight: 607; } .font-weight-608 { font-weight: 608; } .font-weight-609 { font-weight: 609; } .font-weight-610 { font-weight: 610; } .font-weight-611 { font-weight: 611; } .font-weight-612 { font-weight: 612; } .font-weight-613 { font-weight: 613; } .font-weight-614 { font-weight: 614; } .font-weight-615 { font-weight: 615; } .font-weight-616 { font-weight: 616; } .font-weight-617 { font-weight: 617; } .font-weight-618 { font-weight: 618; } .font-weight-619 { font-weight: 619; } .font-weight-620 { font-weight: 620; } .font-weight-621 { font-weight: 621; } .font-weight-622 { font-weight: 622; } .font-weight-623 { font-weight: 623; } .font-weight-624 { font-weight: 624; } .font-weight-625 { font-weight: 625; } .font-weight-626 { font-weight: 626; } .font-weight-627 { font-weight: 627; } .font-weight-628 { font-weight: 628; } .font-weight-629 { font-weight: 629; } .font-weight-630 { font-weight: 630; } .font-weight-631 { font-weight: 631; } .font-weight-632 { font-weight: 632; } .font-weight-633 { font-weight: 633; } .font-weight-634 { font-weight: 634; } .font-weight-635 { font-weight: 635; } .font-weight-636 { font-weight: 636; } .font-weight-637 { font-weight: 637; } .font-weight-638 { font-weight: 638; } .font-weight-639 { font-weight: 639; } .font-weight-640 { font-weight: 640; } .font-weight-641 { font-weight: 641; } .font-weight-642 { font-weight: 642; } .font-weight-643 { font-weight: 643; } .font-weight-644 { font-weight: 644; } .font-weight-645 { font-weight: 645; } .font-weight-646 { font-weight: 646; } .font-weight-647 { font-weight: 647; } .font-weight-648 { font-weight: 648; } .font-weight-649 { font-weight: 649; } .font-weight-650 { font-weight: 650; } .font-weight-651 { font-weight: 651; } .font-weight-652 { font-weight: 652; } .font-weight-653 { font-weight: 653; } .font-weight-654 { font-weight: 654; } .font-weight-655 { font-weight: 655; } .font-weight-656 { font-weight: 656; } .font-weight-657 { font-weight: 657; } .font-weight-658 { font-weight: 658; } .font-weight-659 { font-weight: 659; } .font-weight-660 { font-weight: 660; } .font-weight-661 { font-weight: 661; } .font-weight-662 { font-weight: 662; } .font-weight-663 { font-weight: 663; } .font-weight-664 { font-weight: 664; } .font-weight-665 { font-weight: 665; } .font-weight-666 { font-weight: 666; } .font-weight-667 { font-weight: 667; } .font-weight-668 { font-weight: 668; } .font-weight-669 { font-weight: 669; } .font-weight-670 { font-weight: 670; } .font-weight-671 { font-weight: 671; } .font-weight-672 { font-weight: 672; } .font-weight-673 { font-weight: 673; } .font-weight-674 { font-weight: 674; } .font-weight-675 { font-weight: 675; } .font-weight-676 { font-weight: 676; } .font-weight-677 { font-weight: 677; } .font-weight-678 { font-weight: 678; } .font-weight-679 { font-weight: 679; } .font-weight-680 { font-weight: 680; } .font-weight-681 { font-weight: 681; } .font-weight-682 { font-weight: 682; } .font-weight-683 { font-weight: 683; } .font-weight-684 { font-weight: 684; } .font-weight-685 { font-weight: 685; } .font-weight-686 { font-weight: 686; } .font-weight-687 { font-weight: 687; } .font-weight-688 { font-weight: 688; } .font-weight-689 { font-weight: 689; } .font-weight-690 { font-weight: 690; } .font-weight-691 { font-weight: 691; } .font-weight-692 { font-weight: 692; } .font-weight-693 { font-weight: 693; } .font-weight-694 { font-weight: 694; } .font-weight-695 { font-weight: 695; } .font-weight-696 { font-weight: 696; } .font-weight-697 { font-weight: 697; } .font-weight-698 { font-weight: 698; } .font-weight-699 { font-weight: 699; } .font-weight-700 { font-weight: 700; } .font-weight-701 { font-weight: 701; } .font-weight-702 { font-weight: 702; } .font-weight-703 { font-weight: 703; } .font-weight-704 { font-weight: 704; } .font-weight-705 { font-weight: 705; } .font-weight-706 { font-weight: 706; } .font-weight-707 { font-weight: 707; } .font-weight-708 { font-weight: 708; } .font-weight-709 { font-weight: 709; } .font-weight-710 { font-weight: 710; } .font-weight-711 { font-weight: 711; } .font-weight-712 { font-weight: 712; } .font-weight-713 { font-weight: 713; } .font-weight-714 { font-weight: 714; } .font-weight-715 { font-weight: 715; } .font-weight-716 { font-weight: 716; } .font-weight-717 { font-weight: 717; } .font-weight-718 { font-weight: 718; } .font-weight-719 { font-weight: 719; } .font-weight-720 { font-weight: 720; } .font-weight-721 { font-weight: 721; } .font-weight-722 { font-weight: 722; } .font-weight-723 { font-weight: 723; } .font-weight-724 { font-weight: 724; } .font-weight-725 { font-weight: 725; } .font-weight-726 { font-weight: 726; } .font-weight-727 { font-weight: 727; } .font-weight-728 { font-weight: 728; } .font-weight-729 { font-weight: 729; } .font-weight-730 { font-weight: 730; } .font-weight-731 { font-weight: 731; } .font-weight-732 { font-weight: 732; } .font-weight-733 { font-weight: 733; } .font-weight-734 { font-weight: 734; } .font-weight-735 { font-weight: 735; } .font-weight-736 { font-weight: 736; } .font-weight-737 { font-weight: 737; } .font-weight-738 { font-weight: 738; } .font-weight-739 { font-weight: 739; } .font-weight-740 { font-weight: 740; } .font-weight-741 { font-weight: 741; } .font-weight-742 { font-weight: 742; } .font-weight-743 { font-weight: 743; } .font-weight-744 { font-weight: 744; } .font-weight-745 { font-weight: 745; } .font-weight-746 { font-weight: 746; } .font-weight-747 { font-weight: 747; } .font-weight-748 { font-weight: 748; } .font-weight-749 { font-weight: 749; } .font-weight-750 { font-weight: 750; } .font-weight-751 { font-weight: 751; } .font-weight-752 { font-weight: 752; } .font-weight-753 { font-weight: 753; } .font-weight-754 { font-weight: 754; } .font-weight-755 { font-weight: 755; } .font-weight-756 { font-weight: 756; } .font-weight-757 { font-weight: 757; } .font-weight-758 { font-weight: 758; } .font-weight-759 { font-weight: 759; } .font-weight-760 { font-weight: 760; } .font-weight-761 { font-weight: 761; } .font-weight-762 { font-weight: 762; } .font-weight-763 { font-weight: 763; } .font-weight-764 { font-weight: 764; } .font-weight-765 { font-weight: 765; } .font-weight-766 { font-weight: 766; } .font-weight-767 { font-weight: 767; } .font-weight-768 { font-weight: 768; } .font-weight-769 { font-weight: 769; } .font-weight-770 { font-weight: 770; } .font-weight-771 { font-weight: 771; } .font-weight-772 { font-weight: 772; } .font-weight-773 { font-weight: 773; } .font-weight-774 { font-weight: 774; } .font-weight-775 { font-weight: 775; } .font-weight-776 { font-weight: 776; } .font-weight-777 { font-weight: 777; } .font-weight-778 { font-weight: 778; } .font-weight-779 { font-weight: 779; } .font-weight-780 { font-weight: 780; } .font-weight-781 { font-weight: 781; } .font-weight-782 { font-weight: 782; } .font-weight-783 { font-weight: 783; } .font-weight-784 { font-weight: 784; } .font-weight-785 { font-weight: 785; } .font-weight-786 { font-weight: 786; } .font-weight-787 { font-weight: 787; } .font-weight-788 { font-weight: 788; } .font-weight-789 { font-weight: 789; } .font-weight-790 { font-weight: 790; } .font-weight-791 { font-weight: 791; } .font-weight-792 { font-weight: 792; } .font-weight-793 { font-weight: 793; } .font-weight-794 { font-weight: 794; } .font-weight-795 { font-weight: 795; } .font-weight-796 { font-weight: 796; } .font-weight-797 { font-weight: 797; } .font-weight-798 { font-weight: 798; } .font-weight-799 { font-weight: 799; } .font-weight-800 { font-weight: 800; } .font-weight-801 { font-weight: 801; } .font-weight-802 { font-weight: 802; } .font-weight-803 { font-weight: 803; } .font-weight-804 { font-weight: 804; } .font-weight-805 { font-weight: 805; } .font-weight-806 { font-weight: 806; } .font-weight-807 { font-weight: 807; } .font-weight-808 { font-weight: 808; } .font-weight-809 { font-weight: 809; } .font-weight-810 { font-weight: 810; } .font-weight-811 { font-weight: 811; } .font-weight-812 { font-weight: 812; } .font-weight-813 { font-weight: 813; } .font-weight-814 { font-weight: 814; } .font-weight-815 { font-weight: 815; } .font-weight-816 { font-weight: 816; } .font-weight-817 { font-weight: 817; } .font-weight-818 { font-weight: 818; } .font-weight-819 { font-weight: 819; } .font-weight-820 { font-weight: 820; } .font-weight-821 { font-weight: 821; } .font-weight-822 { font-weight: 822; } .font-weight-823 { font-weight: 823; } .font-weight-824 { font-weight: 824; } .font-weight-825 { font-weight: 825; } .font-weight-826 { font-weight: 826; } .font-weight-827 { font-weight: 827; } .font-weight-828 { font-weight: 828; } .font-weight-829 { font-weight: 829; } .font-weight-830 { font-weight: 830; } .font-weight-831 { font-weight: 831; } .font-weight-832 { font-weight: 832; } .font-weight-833 { font-weight: 833; } .font-weight-834 { font-weight: 834; } .font-weight-835 { font-weight: 835; } .font-weight-836 { font-weight: 836; } .font-weight-837 { font-weight: 837; } .font-weight-838 { font-weight: 838; } .font-weight-839 { font-weight: 839; } .font-weight-840 { font-weight: 840; } .font-weight-841 { font-weight: 841; } .font-weight-842 { font-weight: 842; } .font-weight-843 { font-weight: 843; } .font-weight-844 { font-weight: 844; } .font-weight-845 { font-weight: 845; } .font-weight-846 { font-weight: 846; } .font-weight-847 { font-weight: 847; } .font-weight-848 { font-weight: 848; } .font-weight-849 { font-weight: 849; } .font-weight-850 { font-weight: 850; } .font-weight-851 { font-weight: 851; } .font-weight-852 { font-weight: 852; } .font-weight-853 { font-weight: 853; } .font-weight-854 { font-weight: 854; } .font-weight-855 { font-weight: 855; } .font-weight-856 { font-weight: 856; } .font-weight-857 { font-weight: 857; } .font-weight-858 { font-weight: 858; } .font-weight-859 { font-weight: 859; } .font-weight-860 { font-weight: 860; } .font-weight-861 { font-weight: 861; } .font-weight-862 { font-weight: 862; } .font-weight-863 { font-weight: 863; } .font-weight-864 { font-weight: 864; } .font-weight-865 { font-weight: 865; } .font-weight-866 { font-weight: 866; } .font-weight-867 { font-weight: 867; } .font-weight-868 { font-weight: 868; } .font-weight-869 { font-weight: 869; } .font-weight-870 { font-weight: 870; } .font-weight-871 { font-weight: 871; } .font-weight-872 { font-weight: 872; } .font-weight-873 { font-weight: 873; } .font-weight-874 { font-weight: 874; } .font-weight-875 { font-weight: 875; } .font-weight-876 { font-weight: 876; } .font-weight-877 { font-weight: 877; } .font-weight-878 { font-weight: 878; } .font-weight-879 { font-weight: 879; } .font-weight-880 { font-weight: 880; } .font-weight-881 { font-weight: 881; } .font-weight-882 { font-weight: 882; } .font-weight-883 { font-weight: 883; } .font-weight-884 { font-weight: 884; } .font-weight-885 { font-weight: 885; } .font-weight-886 { font-weight: 886; } .font-weight-887 { font-weight: 887; } .font-weight-888 { font-weight: 888; } .font-weight-889 { font-weight: 889; } .font-weight-890 { font-weight: 890; } .font-weight-891 { font-weight: 891; } .font-weight-892 { font-weight: 892; } .font-weight-893 { font-weight: 893; } .font-weight-894 { font-weight: 894; } .font-weight-895 { font-weight: 895; } .font-weight-896 { font-weight: 896; } .font-weight-897 { font-weight: 897; } .font-weight-898 { font-weight: 898; } .font-weight-899 { font-weight: 899; } .font-weight-900 { font-weight: 900; } .text-small { font-size: .75rem; } .p-readable { max-width: 650px; } .section-info { font-size: 14px; color: #6B7280; } .heading { color: #0e0a16; font-weight: 700; } .br { margin: 10px 0; } .text-mute { color: #6B7280; } .display-content { margin: 20px 0; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .lead { font-size: 1.25rem; font-weight: 300; } .t-font-bold { font-weight: 500 !important; } .t-font-bolder { font-weight: 600 !important; } .t-font-boldest { font-weight: 700 !important; } .t-font-u { text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6B7280; } a.typo_link { position: relative; } a.typo_link:hover { color: #6366f1; } a.typo_link:hover:after { width: 100%; } a.typo_link:after { display: block; position: absolute; content: ""; width: 0%; height: 1px; left: 0; bottom: -4px; transition: width 0.3s ease; } a.typo_link.text-primary:after { background-color: #8b5cf6; } a.typo_link.text-secondary:after { background-color: #1F2937; } a.typo_link.text-success:after { background-color: #10b981; } a.typo_link.text-info:after { background-color: #3b82f6; } a.typo_link.text-warning:after { background-color: #f59e0b; } a.typo_link.text-danger:after { background-color: #ef4444; } a.typo_link.text-light:after { background-color: #6B7280; } a.typo_link.text-dark:after { background-color: #111827; } a.typo_link.text-gray-100:after { background-color: #F3F4F6; } a.typo_link.text-gray-200:after { background-color: #E5E7EB; } a.typo_link.text-gray-300:after { background-color: #D1D5DB; } a.typo_link.text-gray-400:after { background-color: #9CA3AF; } a.typo_link.text-gray-500:after { background-color: #6B7280; } a.typo_link.text-gray-600:after { background-color: #4B5563; } a.typo_link.text-gray-700:after { background-color: #374151; } a.typo_link.text-gray-800:after { background-color: #1F2937; } a.typo_link.text-gray-900:after { background-color: #111827; } .divider { display: flex; justify-content: center; align-items: center; } .divider > span:first-child { width: 100%; height: 1px; background: #E5E7EB; display: inline-block; flex: 1; } .divider > span:last-child { width: 100%; height: 1px; background: #E5E7EB; display: inline-block; flex: 1; } .divider > span:not(:first-child):not(:last-child) { padding: 0 2rem; } .cursor-pointer { cursor: pointer !important; } .quantity_alert_warehouse { width: 200px; } .menu-icon-language { padding: 0 8px; display: flex; flex-wrap: wrap; } .menu-icon-language > a { display: inline-flex; width: 6rem; flex-direction: column; align-items: center; padding: 18px 12px; color: #1F2937; border-radius: 4px; cursor: pointer; } .menu-icon-language > a i { font-size: 28px; margin-bottom: 4px; } .menu-icon-language > a:hover { background: #8b5cf6; } .barcodea4 { width: 8.25in; height: 11.6in; display: block; border: 1px solid #CCC; margin: 10px auto; padding: 0.1in 0 0 0.1in; page-break-after: always; } .barcode_non_a4 { width: 8.45in; height: 10.3in; display: block; border: 1px solid #CCC; margin: 10px auto; padding-top: 0.1in; page-break-after: always; } .barcode_non_a4 .barcode-item { display: block; overflow: hidden; text-align: center; border: 1px dotted #CCC; font-size: 12px; line-height: 14px; text-transform: uppercase; float: left; } .barcode_non_a4 .barcode-name { display: block; } .barcodea4 .barcode-name { display: block; } .barcodea4 .style24 .barcode-name { font-size: 14px; } .barcodea4 .style18 .barcode-name { font-size: 14px; } .barcodea4 .style12 .barcode-name { font-size: 15px; } .barcode_non_a4 .barcode-name { font-size: 14px; } .barcode_non_a4 .style10 .barcode-name { font-size: 16px; } .barcodea4 .barcode-item { display: block; overflow: hidden; text-align: center; border: 1px dotted #CCC; font-size: 12px; line-height: 14px; text-transform: uppercase; float: left; } .barcodea4 .style40 { width: 1.799in; height: 1.003in; margin: 0 0.07in; padding-top: 0.05in; } .barcode_non_a4 .style30 { width: 2.625in; height: 1in; margin: 0 0.07in; padding-top: 0.05in; } .barcode_non_a4 .style30:nth-child(3n+1) { margin-left: 0.1in; } .barcodea4 .style24 { width: 2.48in; height: 1.335in; margin-left: 0.079in; padding-top: 0.05in; } .barcode_non_a4 .style20 { width: 4in; height: 1in; margin: 0 0.1in; padding-top: 0.05in; } .barcodea4 .style18 { width: 2.5in; height: 1.835in; margin-left: 0.079in; padding-top: 0.05in; font-size: 13px; line-height: 20px; } .barcode_non_a4 .style14 { width: 4in; height: 1.33in; margin: 0 0.1in; padding-top: 0.1in; } .barcodea4 .style12 { width: 2.5in; height: 2.834in; margin-left: 0.079in; padding-top: 0.05in; font-size: 14px; line-height: 20px; } .barcode_non_a4 .style10 { width: 4in; height: 2in; margin: 0 0.1in; padding-top: 0.1in; font-size: 14px; line-height: 20px; } @media print { .barcode_non_a4, .barcodea4 { margin: 0; } } .box-shadow-1 { box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); } .box-shadow-2 { box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.04); } .layout-sidebar-compact .main-header { position: absolute !important; width: 100%; left: 0; box-shadow: none; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: transparent; z-index: 100; transition: width 0.24s ease-in-out; } .layout-sidebar-compact .main-header .logo { display: none; } .layout-sidebar-compact .main-header button.dropdown-toggle { padding: 0px !important; } .layout-sidebar-compact .main-header .header-part-right .dropdown-menu.show { left: -60px !important; } .main-header { position: fixed; height: 80px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .main-header .menu-toggle { width: 90px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; } .main-header .menu-toggle div { width: 24px; height: 1px; background: #111827; margin: 3px 0; } .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #F3F4F6; border: 1px solid #E5E7EB; border-radius: 20px; position: relative; width: 230px; height: 40px; } .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: 0.8rem; line-height: 2; height: 100%; outline: initial !important; padding: 0.5rem 1rem; width: calc(100% - 32px); } .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .main-header .logo { width: 76px; } .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .main-header .header-icon:hover { background: #F3F4F6; } .main-header .header-icon.dropdown-toggle:after { display: none; } .main-header .header-part-right { display: flex; align-items: center; } .main-header .header-part-right .user { margin-right: 2rem; } .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; } .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #D1D5DB; } .main-header .notification-dropdown .dropdown-item .notification-icon { background: #E5E7EB; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .main-header .notification-dropdown .dropdown-item .notification-details { padding: 0.25rem 0.75rem; } .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } @media (max-width: 1024px) { .main-header .search-bar { width: 180px; display: none; } .main-header .menu-toggle { width: 24px; margin: 0 36px; } .main-header .header-part-right .user { margin-right: 1rem; } } @media (max-width: 790px) { .main-header .search-bar { display: none; } .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 576px) { .main-header { height: 70px; padding: 0 1.5rem; } .main-header .logo { width: 60px; } .main-header .menu-toggle { width: 24px !important; margin: 0 10px !important; } .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .notification-dropdown { left: -180px !important; } } @media (max-width: 360px) { .main-header .menu-toggle { margin: 0; } } .layout-sidebar-compact.app-admin-wrap { width: 100%; } .layout-sidebar-compact.sidenav-open .main-content-wrap { width: calc( 100% - 76px - 220px); } .layout-sidebar-compact.sidenav-open .sidebar-left { left: 0; } .layout-sidebar-compact .main-content-wrap { width: 100%; float: right; margin-top: 0; transition: width 0.24s ease-in-out; padding: 0 2rem; position: relative; min-height: calc(100vh - 80px); background: #fff; } .layout-sidebar-compact .main-content { margin-top: 104px; display: flex; flex-direction: column; min-height: calc(100vh - 104px); } .layout-sidebar-compact .sidebar-left-secondary, .layout-sidebar-compact .sidebar-left { position: fixed; top: 0; height: 100%; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); z-index: 100; } .layout-sidebar-compact .sidebar-left { left: calc(-76px - 20px); transition: left 0.24s ease-in-out; } .layout-sidebar-compact .sidebar-left .logo { display: flex; align-items: center; justify-content: center; height: 68px; border-bottom: 1px solid rgba(243, 244, 246, 0.05); } .layout-sidebar-compact .sidebar-left .logo img { width: 40px; } .layout-sidebar-compact .sidebar-left .navigation-left { list-style: none; text-align: center; width: 76px; height: 100%; margin: 0; padding: 0; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item { position: relative; display: block; width: 100%; color: #fff; cursor: pointer; border-bottom: 1px solid rgba(243, 244, 246, 0.05); } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item:focus, .layout-sidebar-compact .sidebar-left .navigation-left .nav-item:active { outline: none; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item.lvl1 { text-align: center; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item.active { color: #fff; border-left: 2px solid #fff; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold { width: 100%; padding: 22px 0; display: block; color: #ffffff; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold:focus, .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold:active { outline: none; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon, .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .feather { font-size: 24px; height: 24px; width: 24px; display: block; margin: 0 auto; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text { display: none; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold a { color: #fff; } .layout-sidebar-compact .sidebar-left .navigation-left .nav-item.active .triangle { display: none; } .layout-sidebar-compact.sidenav-open .sidebar-left-secondary { left: 76px; } .layout-sidebar-compact .sidebar-left-secondary { left: calc(-220px - 20px); width: 220px; padding: 0.75rem 0; transition: left 0.24s ease-in-out; background: #fff; } .layout-sidebar-compact .sidebar-left-secondary .sidebar-close { display: none; position: absolute; top: 0; right: 0; font-size: 18px; padding: 16px; } .layout-sidebar-compact .sidebar-left-secondary header { padding: 0px 24px; } .layout-sidebar-compact .sidebar-left-secondary header .logo { padding: 10px 0; margin-bottom: 14px; } .layout-sidebar-compact .sidebar-left-secondary header .logo img { width: auto; height: 24px; } .layout-sidebar-compact .sidebar-left-secondary header h6 { font-size: 18px; margin-bottom: 4px; font-weight: 600; } .layout-sidebar-compact .sidebar-left-secondary header p { color: #4B5563; margin-bottom: 12px; } .layout-sidebar-compact .sidebar-left-secondary .submenu-area { display: none; } .layout-sidebar-compact .sidebar-left-secondary .childNav { list-style: none; padding: 0; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item { display: block; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a { color: #05070b; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; cursor: pointer; padding: 12px 24px; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a:hover { background: #E5E7EB; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a.open { color: #8b5cf6; background: #E5E7EB; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a.open .nav-icon { color: #8b5cf6; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon { font-size: 18px; margin-right: 8px; vertical-align: middle; color: #4B5563; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .item-name { vertical-align: middle; font-weight: 400; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: auto; font-size: 11px; } .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item .submenu { margin-left: 8px; } .layout-sidebar-compact .sidebar-left-secondary > .childNav { margin: 0; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow { transform: rotate(90deg); } .layout-sidebar-compact .sidebar-left-secondary li.nav-item.open > div > .childNav { max-height: 1000px; overflow: visible; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > a > .dd-arrow { transition: all 0.4s ease-in-out; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > .childNav { max-height: 0; overflow: hidden; background: #fff; transition: all 0.4s ease-in-out; } .layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a { padding: 12px 12px 12px 50px; } .layout-sidebar-compact .sidebar-overlay { display: none; position: fixed; width: calc( 100% - 76px - 220px); height: calc(100vh - 80px); bottom: 0; right: 0; background: rgba(0, 0, 0, 0); z-index: 101; cursor: w-resize; } .layout-sidebar-compact .sidebar-overlay.open { display: block; } @media (max-width: 1200px) { .layout-sidebar-compact.sidenav-open .main-content-wrap { width: 100%; } .layout-sidebar-compact .sidebar-left-secondary .sidebar-close { display: block; } .layout-sidebar-compact .sidebar-left-secondary, .layout-sidebar-compact .sidebar-left { z-index: 101; } } @media (max-width: 576px) { .main-content-wrap { padding: 1.5rem; } .main-content-wrap.sidenav-open { width: 100%; } .main-content-wrap { margin-top: 70px; } .sidebar-left-secondary, .sidebar-left { top: 70px; height: calc(100vh - 70px); } .sidebar-left { left: calc(-90px - 20px); } .sidebar-left .navigation-left { width: 90px; } .sidebar-left .navigation-left .nav-item.active .triangle { border-width: 0 0 24px 24px; } .sidebar-left .navigation-left .nav-item .nav-item-hold { padding: 16px 0; } .sidebar-left-secondary { left: calc(-190px - 20px); width: 190px; } .sidebar-left-secondary.open { left: 90px; } .sidebar-overlay { height: calc(100vh - 70px); } } [dir="rtl"] .layout-sidebar-compact .sidebar-left { left: auto !important; right: calc(-76px - 20px); } [dir="rtl"] .layout-sidebar-compact.sidenav-open .sidebar-left { left: auto !important; right: 0; } [dir="rtl"] .layout-sidebar-compact.sidenav-open .sidebar-left-secondary { right: 76px; } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary { left: auto !important; right: calc(-220px - 20px); } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary header { text-align: right; } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: unset !important; margin-right: auto; } [dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon { margin-left: 8px; margin-right: 0; } [dir="rtl"] .layout-sidebar-compact .main-content-wrap { float: left; } .layout-sidebar-large .main-header { position: fixed; width: 100%; height: 80px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .layout-sidebar-large .main-header .menu-toggle { width: 90px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; } .layout-sidebar-large .main-header .menu-toggle div { width: 24px; height: 1px; background: #111827; margin: 3px 0; } .layout-sidebar-large .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #F3F4F6; border: 1px solid #E5E7EB; border-radius: 20px; position: relative; width: 230px; height: 40px; } .layout-sidebar-large .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: 0.8rem; line-height: 2; height: 100%; outline: initial !important; padding: 0.5rem 1rem; width: calc(100% - 32px); } .layout-sidebar-large .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .layout-sidebar-large .main-header .logo { width: 120px; } .layout-sidebar-large .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .layout-sidebar-large .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .layout-sidebar-large .main-header .header-icon:hover { background: #F3F4F6; } .layout-sidebar-large .main-header .header-icon.dropdown-toggle:after { display: none; } .layout-sidebar-large .main-header .header-part-right { display: flex; align-items: center; } .layout-sidebar-large .main-header .header-part-right .user { margin-right: 2rem; } .layout-sidebar-large .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; } .layout-sidebar-large .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #D1D5DB; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon { background: #E5E7EB; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-details { padding: 0.25rem 0.75rem; } .layout-sidebar-large .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } .layout-sidebar-large .main-header button.dropdown-toggle { padding: 0px !important; } @media (max-width: 991px) { .layout-sidebar-large .main-header .search-bar { width: 180px; } .layout-sidebar-large .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 790px) { .layout-sidebar-large .main-header .search-bar { display: none; } .layout-sidebar-large .main-header .switch { display: none; } .layout-sidebar-large .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 576px) { .layout-sidebar-large .main-header { height: 70px; padding: 0 1.5rem; } .layout-sidebar-large .main-header .logo { width: 60px; } .layout-sidebar-large .main-header .search-bar { display: none; } .layout-sidebar-large .main-header .menu-toggle { width: 60px; } .layout-sidebar-large .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .layout-sidebar-large .notification-dropdown { left: -0px !important; } } @media (max-width: 360px) { .layout-sidebar-large .main-header .menu-toggle { margin: 0; } } .app-admin-wrap { width: 100%; } .layout-sidebar-large .main-content-wrap { width: 100%; float: right; margin-top: 80px; transition: width 0.24s ease-in-out; padding: 2rem 2rem 0; position: relative; min-height: calc(100vh - 80px); background: #fff; } .layout-sidebar-large .main-content-wrap.sidenav-open { width: calc(100% - 120px); } .layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left { position: fixed; top: 80px; height: calc(100vh - 80px); background: #fff; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .layout-sidebar-large .sidebar-left { left: calc(-120px - 20px); z-index: 90; transition: left 0.24s ease-in-out; } .layout-sidebar-large .sidebar-left.open { left: 0; } .layout-sidebar-large .sidebar-left .logo { display: none; } .layout-sidebar-large .sidebar-left .navigation-left { list-style: none; text-align: center; width: 120px; height: 100%; margin: 0; padding: 0; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item { position: relative; display: block; width: 100%; color: #05070b; cursor: pointer; border-bottom: 1px solid #D1D5DB; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item:focus, .layout-sidebar-large .sidebar-left .navigation-left .nav-item:active { outline: none; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.lvl1 { text-align: center; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active { color: #8b5cf6; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold { color: #8b5cf6; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold { display: block; width: 100%; padding: 26px 0; color: #111827; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:focus, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:active { outline: none; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather { font-size: 32px; height: 32px; width: 32px; display: block; margin: 0 auto 6px; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text { font-size: 13px; display: block; font-weight: 400; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold a { color: #05070b; } .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle { position: absolute; width: 0; height: 0; right: 0; bottom: 0; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #8b5cf6 transparent; } .layout-sidebar-large .sidebar-left-secondary { left: calc(-220px - 20px); z-index: 89; width: 220px; padding: 0.75rem 0; transition: left 0.24s ease-in-out; background: #fff; } .layout-sidebar-large .sidebar-left-secondary.open { left: 120px; } .layout-sidebar-large .sidebar-left-secondary header { display: none; } .layout-sidebar-large .sidebar-left-secondary .childNav { list-style: none; padding: 0; display: none; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item { display: block; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a { color: #05070b; text-transform: capitalize; display: flex; align-items: center; font-size: 13px; cursor: pointer; padding: 12px 24px; transition: 0.15s all ease-in; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a:hover { background: #E5E7EB; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.open { color: #8b5cf6; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.open .nav-icon { color: #8b5cf6; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.router-link-active { color: #8b5cf6; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.router-link-active .nav-icon { color: #8b5cf6; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon { font-size: 18px; margin-right: 8px; vertical-align: middle; color: #4B5563; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .item-name { vertical-align: middle; font-weight: 400; } .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: auto; font-size: 11px; transition: all 0.3s ease-in; } .layout-sidebar-large .sidebar-left-secondary > .childNav { margin: 0; } .layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow { transform: rotate(90deg); } .layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > .childNav { max-height: 1000px; overflow: visible; } .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > a > .dd-arrow { transition: all 0.4s ease-in-out; } .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav { max-height: 0; overflow: hidden; background: #fff; transition: all 0.4s ease-in-out; } .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a { padding: 12px 12px 12px 50px; } .layout-sidebar-large .sidebar-overlay { display: none; position: fixed; width: calc( 100% - 120px - 220px); height: calc(100vh - 80px); bottom: 0; right: 0; background: rgba(0, 0, 0, 0); z-index: 101; cursor: w-resize; } .layout-sidebar-large .sidebar-overlay.open { display: block; } .module-loader { position: fixed; background: rgba(255, 255, 255, 0.5); top: 0; left: 0; width: 100%; height: 100vh; z-index: 9; } .module-loader .loader, .module-loader .spinner { position: fixed; top: 45%; left: calc(50% + 56px); z-index: inherit; } @media (max-width: 1200px) { .layout-sidebar-large .main-content-wrap.sidenav-open { width: 100%; } } @media (max-width: 576px) { .main-content-wrap { padding: 1.5rem; } .main-content-wrap.sidenav-open { width: 100%; } .main-content-wrap { margin-top: 70px; } .sidebar-left-secondary, .sidebar-left { top: 70px !important; height: calc(100vh - 70px) !important; } .sidebar-left { left: calc(-90px - 20px); } .sidebar-left .navigation-left { width: 90px; } .sidebar-left .navigation-left .nav-item.active .triangle { border-width: 0 0 24px 24px; } .sidebar-left .navigation-left .nav-item .nav-item-hold { padding: 16px 0; } .sidebar-left-secondary { left: calc(-190px - 20px); width: 190px; } .sidebar-left-secondary.open { left: 90px; } .sidebar-overlay { height: calc(100vh - 70px); } } [dir="rtl"] .layout-sidebar-large .sidebar-left { left: auto !important; right: calc(-120px - 20px); } [dir="rtl"] .layout-sidebar-large .sidebar-left.open { left: auto !important; right: 0; } [dir="rtl"] .layout-sidebar-large .sidebar-left .navigation-left .nav-item .triangle { transform: rotate(90deg); right: auto; left: 0; } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary { left: auto !important; right: calc(-220px - 20px); } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary.open { left: auto !important; right: 120px; } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow { margin-left: unset !important; margin-right: auto; } [dir="rtl"] .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon { margin-left: 8px; margin-right: 0; } [dir="rtl"] .layout-sidebar-large .main-content-wrap { float: left; } [dir="rtl"] .layout-sidebar-large .sidebar-overlay { right: auto !important; left: 0; cursor: e-resize; } .app-footer { margin-top: 2rem; background: #F3F4F6; padding: 1.25rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .app-footer .footer-bottom { width: 100%; } .app-footer .footer-bottom .btn { position: fixed; bottom: 30px; right: 60px; } .app-footer .footer-bottom .logo { width: 3rem; height: auto; margin: 4px; } .sidebar-left-secondary .childNav li.nav-item.open > a { background: #E5E7EB; } .sidebar-left-secondary .childNav li.nav-item.open > a > .dd-arrow { transform: rotate(90deg); } .sidebar-left-secondary .childNav li.nav-item.open > .submenu { max-height: 1000px; } .sidebar-left-secondary .childNav li.nav-item .submenu { margin: 0; padding: 0; list-style: none; max-height: 0; overflow: hidden; transition: all 0.3s ease-in; } .sidebar-left-secondary .childNav li.nav-item .submenu > li a { padding-left: 50px; } [dir="rtl"] .notification-dropdown .dropdown-item .notification-details { text-align: right; } [dir="rtl"] .main-header .user { margin-left: 2rem; margin-right: 0; } [role="tab"] .btn { width: 100%; text-align: left; } [role="tab"] .btn:hover, [role="tab"] .btn:focus { text-decoration: none; } .accordion > .card { overflow: hidden; } .avatar-sm { width: 36px; height: 36px; } .avatar-md { width: 54px; height: 54px; } .avatar-lg { width: 80px; height: 80px; } .avatar-xl { width: 150px; height: 150px; } .avatar-sm-table { width: 20px; height: 20px; } .border-bottom-primary { border-bottom: 1px solid #8b5cf6; } .border-bottom-secondary { border-bottom: 1px solid #1F2937; } .border-bottom-success { border-bottom: 1px solid #10b981; } .border-bottom-info { border-bottom: 1px solid #3b82f6; } .border-bottom-warning { border-bottom: 1px solid #f59e0b; } .border-bottom-danger { border-bottom: 1px solid #ef4444; } .border-bottom-light { border-bottom: 1px solid #6B7280; } .border-bottom-dark { border-bottom: 1px solid #111827; } .border-bottom-gray-100 { border-bottom: 1px solid #F3F4F6; } .border-bottom-gray-200 { border-bottom: 1px solid #E5E7EB; } .border-bottom-gray-300 { border-bottom: 1px solid #D1D5DB; } .border-bottom-gray-400 { border-bottom: 1px solid #9CA3AF; } .border-bottom-gray-500 { border-bottom: 1px solid #6B7280; } .border-bottom-gray-600 { border-bottom: 1px solid #4B5563; } .border-bottom-gray-700 { border-bottom: 1px solid #374151; } .border-bottom-gray-800 { border-bottom: 1px solid #1F2937; } .border-bottom-gray-900 { border-bottom: 1px solid #111827; } .border-bottom-dotted-primary { border-bottom: 1px dotted #8b5cf6; } .border-bottom-dotted-secondary { border-bottom: 1px dotted #1F2937; } .border-bottom-dotted-success { border-bottom: 1px dotted #10b981; } .border-bottom-dotted-info { border-bottom: 1px dotted #3b82f6; } .border-bottom-dotted-warning { border-bottom: 1px dotted #f59e0b; } .border-bottom-dotted-danger { border-bottom: 1px dotted #ef4444; } .border-bottom-dotted-light { border-bottom: 1px dotted #6B7280; } .border-bottom-dotted-dark { border-bottom: 1px dotted #111827; } .border-bottom-dotted-gray-100 { border-bottom: 1px dotted #F3F4F6; } .border-bottom-dotted-gray-200 { border-bottom: 1px dotted #E5E7EB; } .border-bottom-dotted-gray-300 { border-bottom: 1px dotted #D1D5DB; } .border-bottom-dotted-gray-400 { border-bottom: 1px dotted #9CA3AF; } .border-bottom-dotted-gray-500 { border-bottom: 1px dotted #6B7280; } .border-bottom-dotted-gray-600 { border-bottom: 1px dotted #4B5563; } .border-bottom-dotted-gray-700 { border-bottom: 1px dotted #374151; } .border-bottom-dotted-gray-800 { border-bottom: 1px dotted #1F2937; } .border-bottom-dotted-gray-900 { border-bottom: 1px dotted #111827; } .card { border-radius: 10px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); border: 0; } .card.border-top { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #10b981; } .card-header, .card-footer { border-color: rgba(0, 0, 0, 0.03); } .card-title { font-size: 1.1rem; margin-bottom: 1.5rem; } .card-img-overlay * { position: relative; z-index: 1; } .card-img-overlay:after { position: absolute; content: ""; top: 0; left: 0; right: 0; margin: auto; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.36); z-index: 0; } .card-img-overlay .separator { width: 35px; margin: auto; } .card-img-overlay .card-footer { position: absolute; bottom: 16px; left: 20px; border: 0; background: transparent; } .card-img-overlay .card-footer [class^="i-"] { font-size: .875rem; vertical-align: text-bottom; } .card-icon .card-body { padding: 2rem .5rem; } .card-icon [class^="i-"] { font-size: 32px; } .card-icon [class^="i-"], .card-icon .lead { color: #8b5cf6; } .card-icon-big .card-body { padding: 2rem .5rem; } .card-icon-big [class^="i-"] { font-size: 48px; } .card-icon-big [class^="i-"] { color: rgba(139, 92, 246, 0.6); } .card-icon-bg { position: relative; z-index: 1; } .card-icon-bg .card-body { display: flex; } .card-icon-bg .card-body .content { margin: auto; display: flex; flex-direction: column; align-items: flex-start; } .card-icon-bg [class^="i-"] { font-size: 4rem; color: rgba(107, 114, 128, 0.28); } .card-icon-bg .lead { line-height: 1; } .card-icon-bg-primary [class^="i-"] { color: rgba(139, 92, 246, 0.28); } .card-icon-bg-secondary [class^="i-"] { color: rgba(31, 41, 55, 0.28); } .card-icon-bg-success [class^="i-"] { color: rgba(16, 185, 129, 0.28); } .card-icon-bg-info [class^="i-"] { color: rgba(59, 130, 246, 0.28); } .card-icon-bg-warning [class^="i-"] { color: rgba(245, 158, 11, 0.28); } .card-icon-bg-danger [class^="i-"] { color: rgba(239, 68, 68, 0.28); } .card-icon-bg-light [class^="i-"] { color: rgba(107, 114, 128, 0.28); } .card-icon-bg-dark [class^="i-"] { color: rgba(17, 24, 39, 0.28); } .card-icon-bg-gray-100 [class^="i-"] { color: rgba(243, 244, 246, 0.28); } .card-icon-bg-gray-200 [class^="i-"] { color: rgba(229, 231, 235, 0.28); } .card-icon-bg-gray-300 [class^="i-"] { color: rgba(209, 213, 219, 0.28); } .card-icon-bg-gray-400 [class^="i-"] { color: rgba(156, 163, 175, 0.28); } .card-icon-bg-gray-500 [class^="i-"] { color: rgba(107, 114, 128, 0.28); } .card-icon-bg-gray-600 [class^="i-"] { color: rgba(75, 85, 99, 0.28); } .card-icon-bg-gray-700 [class^="i-"] { color: rgba(55, 65, 81, 0.28); } .card-icon-bg-gray-800 [class^="i-"] { color: rgba(31, 41, 55, 0.28); } .card-icon-bg-gray-900 [class^="i-"] { color: rgba(17, 24, 39, 0.28); } .card-profile-1 .avatar { width: 80px; height: 80px; overflow: hidden; margin: auto; border-radius: 50%; } .card-ecommerce-1 .card-body [class^="i-"] { display: block; font-size: 78px; color: #8b5cf6; } .card-ecommerce-2 .row { margin: 0; } .card-ecommerce-2 .card-action, .card-ecommerce-2 .col { padding: 1rem; } .card-ecommerce-2 .card-action { position: relative; display: flex; align-items: center; } .card-ecommerce-2 .card-action .icon { font-size: 22px; height: 24px; display: inline-block; width: 24px; line-height: 24px; margin: 0 8px; cursor: pointer; } .card-ecommerce-2 .card-action:before { position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 100%; background: rgba(17, 24, 39, 0.1); } .card-ecommerce-3 .card-img-left { height: 220px; -o-object-fit: cover; object-fit: cover; } .card-socials-simple a { display: inline-block; padding: 4px; } .card-zoom-in { position: relative; background-color: white; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .card-zoom-in:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 5px; opacity: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .card-zoom-in:hover { transform: scale(1.2); } .card-zoom-in:hover:after { opacity: 1; } @media screen and (max-width: 576px) { .card-ecommerce-3 .card-img-left { width: 100%; } } #calendar { float: right; width: 100%; } #external-events h4 { font-size: 16px; margin-top: 0; padding-top: 1em; } #external-events .fc-event { margin: 2px 0; cursor: move; } .create_event_wrap p { margin: 1.5em 0; font-size: 11px; color: #666; } .create_event_wrap p input { margin: 0; vertical-align: middle; } .fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 0px solid #8b5cf6 !important; } a.fc-day-grid-event { background: #8b5cf6; padding: 5px; } th.fc-day-header { border-bottom-width: 2px; padding: 10px 0px; display: table-cell; background: #F5F5F5; font-size: 16px; font-weight: bold; text-align: center; } td.fc-head-container { padding: 0px !important; } .fc-toolbar h2 { margin: 0; font-weight: bold; } span.fa { font-family: 'iconsmind' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } span.fa.fa-chevron-left:before { content: "\F077"; } span.fa.fa-chevron-right:before { content: "\F07D"; } .breadcrumb { background: transparent; align-items: center; margin: 0 0 1.25rem; padding: 0; } .breadcrumb h1 { font-size: 1.5rem; line-height: 1; margin: 0; } .breadcrumb ul { list-style: none; padding: 0; margin: 0; } .breadcrumb ul li { display: inline-block; position: relative; padding: 0 .5rem; line-height: 1; vertical-align: bottom; color: #4B5563; } .breadcrumb ul li:after { position: absolute; top: -1px; right: 0; content: ""; height: 16px; width: 1px; background: #4B5563; border-radius: 5px; } .breadcrumb ul li:last-child:after { display: none; } .breadcrumb ul li a { color: #05070b; } [dir="rtl"] .breadcrumb h1 { font-size: 1.5rem; line-height: 1; margin: 0; margin-left: .5rem; } @media (max-width: 576px) { .breadcrumb { flex-direction: column; align-items: flex-start; } .breadcrumb ul li:first-child { padding-left: 0; } } html [type="button"], .btn[type="button"] { -webkit-appearance: none !important; } .btn { padding: .5rem 1.25rem; } .btn.rounded, .btn.btn-rounded { border-radius: 40px !important; } .btn.btn-xl { padding: .75rem 2rem; font-size: 1.18rem; } .btn:focus { box-shadow: none; } .btn-secondary, .btn-raised-secondary { color: #111827 !important; background-color: #fff !important; } .btn-icon [class^="i-"], .btn-icon .icon { vertical-align: middle; margin: 0 2px; -webkit-font-smoothing: subpixel-antialiased; } .btn-icon.rounded-circle { width: 44px; height: 44px; padding: 0; } .btn-icon-text [class^="i-"], .btn-icon-text .icon { vertical-align: middle; margin: 0 2px; -webkit-font-smoothing: subpixel-antialiased; } .btn-outline-email { background: rgba(229, 231, 235, 0.6); } .btn-spinner { width: 1em; height: 1em; background: transparent; border-radius: 50%; margin: 0 16px 0 0; border: 2px solid transparent; } .btn-checkbox .checkbox, .btn-checkbox .radio { display: inline; } .btn.btn-outline-light.btn-svg { border-color: #374151; } .btn.btn-outline-light.btn-svg.active, .btn.btn-outline-light.btn-svg:hover { background: #8b5cf6; border-color: #8b5cf6; } .btn.btn-outline-light.btn-svg.active svg, .btn.btn-outline-light.btn-svg:hover svg { fill: #ffffff; } .btn.btn-outline-light.btn-svg:focus { box-shadow: none !important; } .btn-raised { color: #fff; } .btn-primary, .btn-outline-primary { border-color: #8b5cf6; } .btn-primary .btn-spinner, .btn-outline-primary .btn-spinner { -webkit-animation: btn-glow-primary 1s ease infinite; animation: btn-glow-primary 1s ease infinite; } .btn-primary:hover, .btn-outline-primary:hover { background: #8b5cf6; box-shadow: 0 8px 25px -8px #8b5cf6; border-color: #8b5cf6; } .btn-primary:focus, .btn-outline-primary:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #8b5cf6; } .btn-raised.btn-raised-primary { background: #8b5cf6; box-shadow: 0 4px 6px rgba(139, 92, 246, 0.11), 0 1px 3px rgba(139, 92, 246, 0.08); } @-webkit-keyframes btn-glow-primary { 0% { box-shadow: 0 0 0 0.4em #692cf3, 0 0 0 0.1em #692cf3; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #692cf3, 0 0 0 3.6em transparent; } } @keyframes btn-glow-primary { 0% { box-shadow: 0 0 0 0.4em #692cf3, 0 0 0 0.1em #692cf3; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #692cf3, 0 0 0 3.6em transparent; } } .btn-secondary, .btn-outline-secondary { border-color: #1F2937; } .btn-secondary .btn-spinner, .btn-outline-secondary .btn-spinner { -webkit-animation: btn-glow-secondary 1s ease infinite; animation: btn-glow-secondary 1s ease infinite; } .btn-secondary:hover, .btn-outline-secondary:hover { background: #1F2937; box-shadow: 0 8px 25px -8px #1F2937; border-color: #1F2937; } .btn-secondary:focus, .btn-outline-secondary:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #1F2937; } .btn-raised.btn-raised-secondary { background: #1F2937; box-shadow: 0 4px 6px rgba(31, 41, 55, 0.11), 0 1px 3px rgba(31, 41, 55, 0.08); } @-webkit-keyframes btn-glow-secondary { 0% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 0.1em #0d1116; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 3.6em transparent; } } @keyframes btn-glow-secondary { 0% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 0.1em #0d1116; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 3.6em transparent; } } .btn-success, .btn-outline-success { border-color: #10b981; } .btn-success .btn-spinner, .btn-outline-success .btn-spinner { -webkit-animation: btn-glow-success 1s ease infinite; animation: btn-glow-success 1s ease infinite; } .btn-success:hover, .btn-outline-success:hover { background: #10b981; box-shadow: 0 8px 25px -8px #10b981; border-color: #10b981; } .btn-success:focus, .btn-outline-success:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #10b981; } .btn-raised.btn-raised-success { background: #10b981; box-shadow: 0 4px 6px rgba(16, 185, 129, 0.11), 0 1px 3px rgba(16, 185, 129, 0.08); } @-webkit-keyframes btn-glow-success { 0% { box-shadow: 0 0 0 0.4em #0c8a60, 0 0 0 0.1em #0c8a60; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0c8a60, 0 0 0 3.6em transparent; } } @keyframes btn-glow-success { 0% { box-shadow: 0 0 0 0.4em #0c8a60, 0 0 0 0.1em #0c8a60; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0c8a60, 0 0 0 3.6em transparent; } } .btn-info, .btn-outline-info { border-color: #3b82f6; } .btn-info .btn-spinner, .btn-outline-info .btn-spinner { -webkit-animation: btn-glow-info 1s ease infinite; animation: btn-glow-info 1s ease infinite; } .btn-info:hover, .btn-outline-info:hover { background: #3b82f6; box-shadow: 0 8px 25px -8px #3b82f6; border-color: #3b82f6; } .btn-info:focus, .btn-outline-info:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #3b82f6; } .btn-raised.btn-raised-info { background: #3b82f6; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.11), 0 1px 3px rgba(59, 130, 246, 0.08); } @-webkit-keyframes btn-glow-info { 0% { box-shadow: 0 0 0 0.4em #0b63f3, 0 0 0 0.1em #0b63f3; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0b63f3, 0 0 0 3.6em transparent; } } @keyframes btn-glow-info { 0% { box-shadow: 0 0 0 0.4em #0b63f3, 0 0 0 0.1em #0b63f3; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0b63f3, 0 0 0 3.6em transparent; } } .btn-warning, .btn-outline-warning { border-color: #f59e0b; } .btn-warning .btn-spinner, .btn-outline-warning .btn-spinner { -webkit-animation: btn-glow-warning 1s ease infinite; animation: btn-glow-warning 1s ease infinite; } .btn-warning:hover, .btn-outline-warning:hover { background: #f59e0b; box-shadow: 0 8px 25px -8px #f59e0b; border-color: #f59e0b; } .btn-warning:focus, .btn-outline-warning:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #f59e0b; } .btn-raised.btn-raised-warning { background: #f59e0b; box-shadow: 0 4px 6px rgba(245, 158, 11, 0.11), 0 1px 3px rgba(245, 158, 11, 0.08); } @-webkit-keyframes btn-glow-warning { 0% { box-shadow: 0 0 0 0.4em #c57f08, 0 0 0 0.1em #c57f08; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #c57f08, 0 0 0 3.6em transparent; } } @keyframes btn-glow-warning { 0% { box-shadow: 0 0 0 0.4em #c57f08, 0 0 0 0.1em #c57f08; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #c57f08, 0 0 0 3.6em transparent; } } .btn-danger, .btn-outline-danger { border-color: #ef4444; } .btn-danger .btn-spinner, .btn-outline-danger .btn-spinner { -webkit-animation: btn-glow-danger 1s ease infinite; animation: btn-glow-danger 1s ease infinite; } .btn-danger:hover, .btn-outline-danger:hover { background: #ef4444; box-shadow: 0 8px 25px -8px #ef4444; border-color: #ef4444; } .btn-danger:focus, .btn-outline-danger:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #ef4444; } .btn-raised.btn-raised-danger { background: #ef4444; box-shadow: 0 4px 6px rgba(239, 68, 68, 0.11), 0 1px 3px rgba(239, 68, 68, 0.08); } @-webkit-keyframes btn-glow-danger { 0% { box-shadow: 0 0 0 0.4em #eb1515, 0 0 0 0.1em #eb1515; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #eb1515, 0 0 0 3.6em transparent; } } @keyframes btn-glow-danger { 0% { box-shadow: 0 0 0 0.4em #eb1515, 0 0 0 0.1em #eb1515; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #eb1515, 0 0 0 3.6em transparent; } } .btn-light, .btn-outline-light { border-color: #6B7280; } .btn-light .btn-spinner, .btn-outline-light .btn-spinner { -webkit-animation: btn-glow-light 1s ease infinite; animation: btn-glow-light 1s ease infinite; } .btn-light:hover, .btn-outline-light:hover { background: #6B7280; box-shadow: 0 8px 25px -8px #6B7280; border-color: #6B7280; } .btn-light:focus, .btn-outline-light:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #6B7280; } .btn-raised.btn-raised-light { background: #6B7280; box-shadow: 0 4px 6px rgba(107, 114, 128, 0.11), 0 1px 3px rgba(107, 114, 128, 0.08); } @-webkit-keyframes btn-glow-light { 0% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 0.1em #545964; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 3.6em transparent; } } @keyframes btn-glow-light { 0% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 0.1em #545964; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 3.6em transparent; } } .btn-dark, .btn-outline-dark { border-color: #111827; } .btn-dark .btn-spinner, .btn-outline-dark .btn-spinner { -webkit-animation: btn-glow-dark 1s ease infinite; animation: btn-glow-dark 1s ease infinite; } .btn-dark:hover, .btn-outline-dark:hover { background: #111827; box-shadow: 0 8px 25px -8px #111827; border-color: #111827; } .btn-dark:focus, .btn-outline-dark:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #111827; } .btn-raised.btn-raised-dark { background: #111827; box-shadow: 0 4px 6px rgba(17, 24, 39, 0.11), 0 1px 3px rgba(17, 24, 39, 0.08); } @-webkit-keyframes btn-glow-dark { 0% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 0.1em #020203; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 3.6em transparent; } } @keyframes btn-glow-dark { 0% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 0.1em #020203; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 3.6em transparent; } } .btn-gray-100, .btn-outline-gray-100 { border-color: #F3F4F6; } .btn-gray-100 .btn-spinner, .btn-outline-gray-100 .btn-spinner { -webkit-animation: btn-glow-gray-100 1s ease infinite; animation: btn-glow-gray-100 1s ease infinite; } .btn-gray-100:hover, .btn-outline-gray-100:hover { background: #F3F4F6; box-shadow: 0 8px 25px -8px #F3F4F6; border-color: #F3F4F6; } .btn-gray-100:focus, .btn-outline-gray-100:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #F3F4F6; } .btn-raised.btn-raised-gray-100 { background: #F3F4F6; box-shadow: 0 4px 6px rgba(243, 244, 246, 0.11), 0 1px 3px rgba(243, 244, 246, 0.08); } @-webkit-keyframes btn-glow-gray-100 { 0% { box-shadow: 0 0 0 0.4em #d6d9e0, 0 0 0 0.1em #d6d9e0; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #d6d9e0, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-100 { 0% { box-shadow: 0 0 0 0.4em #d6d9e0, 0 0 0 0.1em #d6d9e0; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #d6d9e0, 0 0 0 3.6em transparent; } } .btn-gray-200, .btn-outline-gray-200 { border-color: #E5E7EB; } .btn-gray-200 .btn-spinner, .btn-outline-gray-200 .btn-spinner { -webkit-animation: btn-glow-gray-200 1s ease infinite; animation: btn-glow-gray-200 1s ease infinite; } .btn-gray-200:hover, .btn-outline-gray-200:hover { background: #E5E7EB; box-shadow: 0 8px 25px -8px #E5E7EB; border-color: #E5E7EB; } .btn-gray-200:focus, .btn-outline-gray-200:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #E5E7EB; } .btn-raised.btn-raised-gray-200 { background: #E5E7EB; box-shadow: 0 4px 6px rgba(229, 231, 235, 0.11), 0 1px 3px rgba(229, 231, 235, 0.08); } @-webkit-keyframes btn-glow-gray-200 { 0% { box-shadow: 0 0 0 0.4em #c8ccd5, 0 0 0 0.1em #c8ccd5; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #c8ccd5, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-200 { 0% { box-shadow: 0 0 0 0.4em #c8ccd5, 0 0 0 0.1em #c8ccd5; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #c8ccd5, 0 0 0 3.6em transparent; } } .btn-gray-300, .btn-outline-gray-300 { border-color: #D1D5DB; } .btn-gray-300 .btn-spinner, .btn-outline-gray-300 .btn-spinner { -webkit-animation: btn-glow-gray-300 1s ease infinite; animation: btn-glow-gray-300 1s ease infinite; } .btn-gray-300:hover, .btn-outline-gray-300:hover { background: #D1D5DB; box-shadow: 0 8px 25px -8px #D1D5DB; border-color: #D1D5DB; } .btn-gray-300:focus, .btn-outline-gray-300:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #D1D5DB; } .btn-raised.btn-raised-gray-300 { background: #D1D5DB; box-shadow: 0 4px 6px rgba(209, 213, 219, 0.11), 0 1px 3px rgba(209, 213, 219, 0.08); } @-webkit-keyframes btn-glow-gray-300 { 0% { box-shadow: 0 0 0 0.4em #b4bbc5, 0 0 0 0.1em #b4bbc5; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #b4bbc5, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-300 { 0% { box-shadow: 0 0 0 0.4em #b4bbc5, 0 0 0 0.1em #b4bbc5; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #b4bbc5, 0 0 0 3.6em transparent; } } .btn-gray-400, .btn-outline-gray-400 { border-color: #9CA3AF; } .btn-gray-400 .btn-spinner, .btn-outline-gray-400 .btn-spinner { -webkit-animation: btn-glow-gray-400 1s ease infinite; animation: btn-glow-gray-400 1s ease infinite; } .btn-gray-400:hover, .btn-outline-gray-400:hover { background: #9CA3AF; box-shadow: 0 8px 25px -8px #9CA3AF; border-color: #9CA3AF; } .btn-gray-400:focus, .btn-outline-gray-400:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #9CA3AF; } .btn-raised.btn-raised-gray-400 { background: #9CA3AF; box-shadow: 0 4px 6px rgba(156, 163, 175, 0.11), 0 1px 3px rgba(156, 163, 175, 0.08); } @-webkit-keyframes btn-glow-gray-400 { 0% { box-shadow: 0 0 0 0.4em #808998, 0 0 0 0.1em #808998; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #808998, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-400 { 0% { box-shadow: 0 0 0 0.4em #808998, 0 0 0 0.1em #808998; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #808998, 0 0 0 3.6em transparent; } } .btn-gray-500, .btn-outline-gray-500 { border-color: #6B7280; } .btn-gray-500 .btn-spinner, .btn-outline-gray-500 .btn-spinner { -webkit-animation: btn-glow-gray-500 1s ease infinite; animation: btn-glow-gray-500 1s ease infinite; } .btn-gray-500:hover, .btn-outline-gray-500:hover { background: #6B7280; box-shadow: 0 8px 25px -8px #6B7280; border-color: #6B7280; } .btn-gray-500:focus, .btn-outline-gray-500:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #6B7280; } .btn-raised.btn-raised-gray-500 { background: #6B7280; box-shadow: 0 4px 6px rgba(107, 114, 128, 0.11), 0 1px 3px rgba(107, 114, 128, 0.08); } @-webkit-keyframes btn-glow-gray-500 { 0% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 0.1em #545964; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-500 { 0% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 0.1em #545964; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #545964, 0 0 0 3.6em transparent; } } .btn-gray-600, .btn-outline-gray-600 { border-color: #4B5563; } .btn-gray-600 .btn-spinner, .btn-outline-gray-600 .btn-spinner { -webkit-animation: btn-glow-gray-600 1s ease infinite; animation: btn-glow-gray-600 1s ease infinite; } .btn-gray-600:hover, .btn-outline-gray-600:hover { background: #4B5563; box-shadow: 0 8px 25px -8px #4B5563; border-color: #4B5563; } .btn-gray-600:focus, .btn-outline-gray-600:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #4B5563; } .btn-raised.btn-raised-gray-600 { background: #4B5563; box-shadow: 0 4px 6px rgba(75, 85, 99, 0.11), 0 1px 3px rgba(75, 85, 99, 0.08); } @-webkit-keyframes btn-glow-gray-600 { 0% { box-shadow: 0 0 0 0.4em #353c46, 0 0 0 0.1em #353c46; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #353c46, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-600 { 0% { box-shadow: 0 0 0 0.4em #353c46, 0 0 0 0.1em #353c46; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #353c46, 0 0 0 3.6em transparent; } } .btn-gray-700, .btn-outline-gray-700 { border-color: #374151; } .btn-gray-700 .btn-spinner, .btn-outline-gray-700 .btn-spinner { -webkit-animation: btn-glow-gray-700 1s ease infinite; animation: btn-glow-gray-700 1s ease infinite; } .btn-gray-700:hover, .btn-outline-gray-700:hover { background: #374151; box-shadow: 0 8px 25px -8px #374151; border-color: #374151; } .btn-gray-700:focus, .btn-outline-gray-700:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #374151; } .btn-raised.btn-raised-gray-700 { background: #374151; box-shadow: 0 4px 6px rgba(55, 65, 81, 0.11), 0 1px 3px rgba(55, 65, 81, 0.08); } @-webkit-keyframes btn-glow-gray-700 { 0% { box-shadow: 0 0 0 0.4em #222933, 0 0 0 0.1em #222933; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #222933, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-700 { 0% { box-shadow: 0 0 0 0.4em #222933, 0 0 0 0.1em #222933; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #222933, 0 0 0 3.6em transparent; } } .btn-gray-800, .btn-outline-gray-800 { border-color: #1F2937; } .btn-gray-800 .btn-spinner, .btn-outline-gray-800 .btn-spinner { -webkit-animation: btn-glow-gray-800 1s ease infinite; animation: btn-glow-gray-800 1s ease infinite; } .btn-gray-800:hover, .btn-outline-gray-800:hover { background: #1F2937; box-shadow: 0 8px 25px -8px #1F2937; border-color: #1F2937; } .btn-gray-800:focus, .btn-outline-gray-800:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #1F2937; } .btn-raised.btn-raised-gray-800 { background: #1F2937; box-shadow: 0 4px 6px rgba(31, 41, 55, 0.11), 0 1px 3px rgba(31, 41, 55, 0.08); } @-webkit-keyframes btn-glow-gray-800 { 0% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 0.1em #0d1116; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-800 { 0% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 0.1em #0d1116; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #0d1116, 0 0 0 3.6em transparent; } } .btn-gray-900, .btn-outline-gray-900 { border-color: #111827; } .btn-gray-900 .btn-spinner, .btn-outline-gray-900 .btn-spinner { -webkit-animation: btn-glow-gray-900 1s ease infinite; animation: btn-glow-gray-900 1s ease infinite; } .btn-gray-900:hover, .btn-outline-gray-900:hover { background: #111827; box-shadow: 0 8px 25px -8px #111827; border-color: #111827; } .btn-gray-900:focus, .btn-outline-gray-900:focus { box-shadow: none; box-shadow: 0 8px 25px -8px #111827; } .btn-raised.btn-raised-gray-900 { background: #111827; box-shadow: 0 4px 6px rgba(17, 24, 39, 0.11), 0 1px 3px rgba(17, 24, 39, 0.08); } @-webkit-keyframes btn-glow-gray-900 { 0% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 0.1em #020203; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 3.6em transparent; } } @keyframes btn-glow-gray-900 { 0% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 0.1em #020203; transform: rotate(360deg); } 50% { border-top-color: #ffffff; } 100% { box-shadow: 0 0 0 0.4em #020203, 0 0 0 3.6em transparent; } } .btn-facebook { color: #fff; background-color: #3765c9; border-color: #3765c9; } .btn-facebook:hover { background-color: #3765c9; border-color: #3765c9; } .btn-google { color: #fff; background-color: #ec412c; border-color: #ec412c; } .btn-twitter { color: #fff; background-color: #039ff5; border-color: #039ff5; } .btn-instagram { color: #fff; background-color: #c13584; border-color: #c13584; } .btn-linkedin { color: #fff; background-color: #0077b5; border-color: #0077b5; } .btn-dribble { color: #fff; background-color: #ea4c89; border-color: #ea4c89; } .btn-youtube { color: #fff; background-color: #c4302b; border-color: #c4302b; } .btn-outline-facebook { color: #3765c9 !important; border-color: #3765c9; background: rgba(229, 231, 235, 0.6); } .btn-outline-facebook:hover { background: #315bb5; border-color: #315bb5; color: #fff !important; } .btn-outline-google { color: #ec412c !important; border-color: #ec412c; background: rgba(229, 231, 235, 0.6); } .btn-outline-google:hover { background: #e92c15; border-color: #e92c15; color: #fff !important; } .btn-outline-twitter { color: #039ff5 !important; border-color: #039ff5; background: rgba(229, 231, 235, 0.6); } .btn-outline-twitter:hover { background: #038fdc; border-color: #038fdc; } .ripple { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .ripple:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #fff 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .5s, opacity 1s; } .ripple:active:after { transform: scale(0, 0); opacity: .3; transition: 0s; } .nav-tabs { border: 0; } .nav-tabs .nav-item .nav-link { border: 0; padding: 1rem; } .nav-tabs .nav-item .nav-link:not(.disabled) { color: inherit; } .nav-tabs .nav-item .nav-link.active { border-bottom: 2px solid #8b5cf6; background: rgba(139, 92, 246, 0.1); } .nav-tabs .nav-item .dropdown-toggle:after { position: absolute; top: calc(50% - 2px); right: 6px !important; } .tab-content { padding: 1rem; } ngb-tabset.p-0 .tab-content { padding: 1rem 0; } .dropdown-toggle { position: relative; } .dropdown-toggle.btn { padding-right: 28px; } .dropdown-toggle::after { position: absolute; top: calc(50% - 2px); right: 10px !important; } .dropdown-menu { border: 0; padding: 0 !important; box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.08); } .dropdown-item { padding: 0.42rem 1.5rem; } .menu-icon-grid { width: 220px; padding: 0 8px; display: flex; flex-wrap: wrap; justify-content: space-between; } .menu-icon-grid > a { display: inline-flex; width: 6rem; flex-direction: column; align-items: center; padding: 18px 12px; color: #1F2937; border-radius: 4px; } .menu-icon-grid > a i { font-size: 28px; margin-bottom: 4px; } .menu-icon-grid > a:hover { background: #8b5cf6; color: #fff; } .mega-menu { position: static; } .mega-menu .dropdown-menu { left: auto; right: auto; width: calc(100% - 120px); max-width: 1200px; padding: 0; overflow: hidden; max-height: calc(100vh - 100px); overflow-y: scroll; } .mega-menu .dropdown-menu .bg-img { background: linear-gradient(to right, #8b5cf6, #3b82f6); } .mega-menu .dropdown-menu .bg-img, .mega-menu .dropdown-menu .bg-img .title { color: #ffffff; } .mega-menu .dropdown-menu ul.links { list-style: none; margin: 0; padding: 0; -moz-column-count: 2; column-count: 2; } .mega-menu .dropdown-menu ul.links li a { display: inline-block; margin-bottom: 8px; color: #4B5563; } .mega-menu .dropdown-menu ul.links li a:hover { color: #8b5cf6; } .widget_dropdown .dropdown-menu { left: auto !important; right: 2px !important; } @media (max-width: 767px) { .mega-menu .dropdown-menu { width: calc(100% - 10px); } } [dir="rtl"] .mega-menu .dropdown-menu { left: 0 !important; right: 0 !important; margin: auto !important; } table.dataTable-collapse { border-collapse: collapse !important; } .table thead th { vertical-align: bottom; border-bottom: 1px solid #dee2e6; } .form-group { position: relative; margin-bottom: 10px; } .form-group label { font-size: 12px; color: #4B5563; margin-bottom: 4px; } .form-control { border: initial; outline: initial !important; background: #F3F4F6; border: 1px solid #9CA3AF; color: #111827; } .form-control::-moz-placeholder { color: #6B7280; } .form-control:-ms-input-placeholder { color: #6B7280; } .form-control::placeholder { color: #6B7280; } .form-control.rounded, .form-control.form-control-rounded { border-radius: 20px; } select.form-control { -webkit-appearance: none; } .input-group [type="text"].form-control { height: 34px; } .input-group-append .btn { height: 34px; border: 0; } .card-input { display: flex; flex-wrap: wrap; } .card-input legend { margin-right: auto; width: auto; } .card-input .ul-widget-list__payment-method img { height: 24px; width: auto; } [ngbdatepicker] { height: 34px; } /* checkbox-custom */ .checkbox, .radio { display: block; position: relative; padding-left: 28px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox:hover input ~ .checkmark, .radio:hover input ~ .checkmark { background-color: #6B7280; } .checkbox input, .radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox input:checked ~ .checkmark, .radio input:checked ~ .checkmark { background-color: #8b5cf6; } .checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .checkmark:after { display: block; } .checkbox input[disabled] ~ *, .radio input[disabled] ~ * { color: #D1D5DB; } .checkbox .checkmark, .radio .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 4px; background-color: #D1D5DB; } .checkbox .checkmark:after, .radio .checkmark:after { content: ""; position: absolute; display: none; left: 0; top: 0; right: 0; width: 4px; bottom: 0; margin: auto; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .checkbox-primary input:checked ~ .checkmark { background-color: #8b5cf6 !important; } .checkbox-secondary input:checked ~ .checkmark { background-color: #1F2937 !important; } .checkbox-success input:checked ~ .checkmark { background-color: #10b981 !important; } .checkbox-info input:checked ~ .checkmark { background-color: #3b82f6 !important; } .checkbox-warning input:checked ~ .checkmark { background-color: #f59e0b !important; } .checkbox-danger input:checked ~ .checkmark { background-color: #ef4444 !important; } .checkbox-light input:checked ~ .checkmark { background-color: #6B7280 !important; } .checkbox-dark input:checked ~ .checkmark { background-color: #111827 !important; } .checkbox-gray-100 input:checked ~ .checkmark { background-color: #F3F4F6 !important; } .checkbox-gray-200 input:checked ~ .checkmark { background-color: #E5E7EB !important; } .checkbox-gray-300 input:checked ~ .checkmark { background-color: #D1D5DB !important; } .checkbox-gray-400 input:checked ~ .checkmark { background-color: #9CA3AF !important; } .checkbox-gray-500 input:checked ~ .checkmark { background-color: #6B7280 !important; } .checkbox-gray-600 input:checked ~ .checkmark { background-color: #4B5563 !important; } .checkbox-gray-700 input:checked ~ .checkmark { background-color: #374151 !important; } .checkbox-gray-800 input:checked ~ .checkmark { background-color: #1F2937 !important; } .checkbox-gray-900 input:checked ~ .checkmark { background-color: #111827 !important; } .checkbox-outline-primary:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-primary input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-primary .checkmark { background: #fff; border: 1px solid #8b5cf6; } .checkbox-outline-primary .checkmark:after { border-color: #8b5cf6; } .checkbox-outline-secondary:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-secondary input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-secondary .checkmark { background: #fff; border: 1px solid #1F2937; } .checkbox-outline-secondary .checkmark:after { border-color: #1F2937; } .checkbox-outline-success:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-success input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-success .checkmark { background: #fff; border: 1px solid #10b981; } .checkbox-outline-success .checkmark:after { border-color: #10b981; } .checkbox-outline-info:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-info input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-info .checkmark { background: #fff; border: 1px solid #3b82f6; } .checkbox-outline-info .checkmark:after { border-color: #3b82f6; } .checkbox-outline-warning:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-warning input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-warning .checkmark { background: #fff; border: 1px solid #f59e0b; } .checkbox-outline-warning .checkmark:after { border-color: #f59e0b; } .checkbox-outline-danger:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-danger input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-danger .checkmark { background: #fff; border: 1px solid #ef4444; } .checkbox-outline-danger .checkmark:after { border-color: #ef4444; } .checkbox-outline-light:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-light input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-light .checkmark { background: #fff; border: 1px solid #6B7280; } .checkbox-outline-light .checkmark:after { border-color: #6B7280; } .checkbox-outline-dark:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-dark input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-dark .checkmark { background: #fff; border: 1px solid #111827; } .checkbox-outline-dark .checkmark:after { border-color: #111827; } .checkbox-outline-gray-100:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-100 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-100 .checkmark { background: #fff; border: 1px solid #F3F4F6; } .checkbox-outline-gray-100 .checkmark:after { border-color: #F3F4F6; } .checkbox-outline-gray-200:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-200 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-200 .checkmark { background: #fff; border: 1px solid #E5E7EB; } .checkbox-outline-gray-200 .checkmark:after { border-color: #E5E7EB; } .checkbox-outline-gray-300:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-300 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-300 .checkmark { background: #fff; border: 1px solid #D1D5DB; } .checkbox-outline-gray-300 .checkmark:after { border-color: #D1D5DB; } .checkbox-outline-gray-400:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-400 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-400 .checkmark { background: #fff; border: 1px solid #9CA3AF; } .checkbox-outline-gray-400 .checkmark:after { border-color: #9CA3AF; } .checkbox-outline-gray-500:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-500 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-500 .checkmark { background: #fff; border: 1px solid #6B7280; } .checkbox-outline-gray-500 .checkmark:after { border-color: #6B7280; } .checkbox-outline-gray-600:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-600 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-600 .checkmark { background: #fff; border: 1px solid #4B5563; } .checkbox-outline-gray-600 .checkmark:after { border-color: #4B5563; } .checkbox-outline-gray-700:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-700 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-700 .checkmark { background: #fff; border: 1px solid #374151; } .checkbox-outline-gray-700 .checkmark:after { border-color: #374151; } .checkbox-outline-gray-800:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-800 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-800 .checkmark { background: #fff; border: 1px solid #1F2937; } .checkbox-outline-gray-800 .checkmark:after { border-color: #1F2937; } .checkbox-outline-gray-900:hover input ~ .checkmark { background-color: #E5E7EB; } .checkbox-outline-gray-900 input:checked ~ .checkmark { background-color: #fff !important; } .checkbox-outline-gray-900 .checkmark { background: #fff; border: 1px solid #111827; } .checkbox-outline-gray-900 .checkmark:after { border-color: #111827; } .radio .checkmark { border-radius: 50%; } .radio .checkmark:after { height: 6px; width: 6px; border-radius: 50%; background: white; } .radio-primary input:checked ~ .checkmark { background-color: #8b5cf6; } .radio-secondary input:checked ~ .checkmark { background-color: #1F2937; } .radio-success input:checked ~ .checkmark { background-color: #10b981; } .radio-info input:checked ~ .checkmark { background-color: #3b82f6; } .radio-warning input:checked ~ .checkmark { background-color: #f59e0b; } .radio-danger input:checked ~ .checkmark { background-color: #ef4444; } .radio-light input:checked ~ .checkmark { background-color: #6B7280; } .radio-dark input:checked ~ .checkmark { background-color: #111827; } .radio-gray-100 input:checked ~ .checkmark { background-color: #F3F4F6; } .radio-gray-200 input:checked ~ .checkmark { background-color: #E5E7EB; } .radio-gray-300 input:checked ~ .checkmark { background-color: #D1D5DB; } .radio-gray-400 input:checked ~ .checkmark { background-color: #9CA3AF; } .radio-gray-500 input:checked ~ .checkmark { background-color: #6B7280; } .radio-gray-600 input:checked ~ .checkmark { background-color: #4B5563; } .radio-gray-700 input:checked ~ .checkmark { background-color: #374151; } .radio-gray-800 input:checked ~ .checkmark { background-color: #1F2937; } .radio-gray-900 input:checked ~ .checkmark { background-color: #111827; } .radio-outline-primary:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-primary input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-primary .checkmark { background: #fff; border: 1px solid #8b5cf6; } .radio-outline-primary .checkmark:after { border: 0; background: #8b5cf6; } .radio-outline-secondary:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-secondary input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-secondary .checkmark { background: #fff; border: 1px solid #1F2937; } .radio-outline-secondary .checkmark:after { border: 0; background: #1F2937; } .radio-outline-success:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-success input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-success .checkmark { background: #fff; border: 1px solid #10b981; } .radio-outline-success .checkmark:after { border: 0; background: #10b981; } .radio-outline-info:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-info input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-info .checkmark { background: #fff; border: 1px solid #3b82f6; } .radio-outline-info .checkmark:after { border: 0; background: #3b82f6; } .radio-outline-warning:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-warning input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-warning .checkmark { background: #fff; border: 1px solid #f59e0b; } .radio-outline-warning .checkmark:after { border: 0; background: #f59e0b; } .radio-outline-danger:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-danger input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-danger .checkmark { background: #fff; border: 1px solid #ef4444; } .radio-outline-danger .checkmark:after { border: 0; background: #ef4444; } .radio-outline-light:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-light input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-light .checkmark { background: #fff; border: 1px solid #6B7280; } .radio-outline-light .checkmark:after { border: 0; background: #6B7280; } .radio-outline-dark:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-dark input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-dark .checkmark { background: #fff; border: 1px solid #111827; } .radio-outline-dark .checkmark:after { border: 0; background: #111827; } .radio-outline-gray-100:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-100 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-100 .checkmark { background: #fff; border: 1px solid #F3F4F6; } .radio-outline-gray-100 .checkmark:after { border: 0; background: #F3F4F6; } .radio-outline-gray-200:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-200 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-200 .checkmark { background: #fff; border: 1px solid #E5E7EB; } .radio-outline-gray-200 .checkmark:after { border: 0; background: #E5E7EB; } .radio-outline-gray-300:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-300 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-300 .checkmark { background: #fff; border: 1px solid #D1D5DB; } .radio-outline-gray-300 .checkmark:after { border: 0; background: #D1D5DB; } .radio-outline-gray-400:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-400 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-400 .checkmark { background: #fff; border: 1px solid #9CA3AF; } .radio-outline-gray-400 .checkmark:after { border: 0; background: #9CA3AF; } .radio-outline-gray-500:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-500 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-500 .checkmark { background: #fff; border: 1px solid #6B7280; } .radio-outline-gray-500 .checkmark:after { border: 0; background: #6B7280; } .radio-outline-gray-600:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-600 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-600 .checkmark { background: #fff; border: 1px solid #4B5563; } .radio-outline-gray-600 .checkmark:after { border: 0; background: #4B5563; } .radio-outline-gray-700:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-700 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-700 .checkmark { background: #fff; border: 1px solid #374151; } .radio-outline-gray-700 .checkmark:after { border: 0; background: #374151; } .radio-outline-gray-800:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-800 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-800 .checkmark { background: #fff; border: 1px solid #1F2937; } .radio-outline-gray-800 .checkmark:after { border: 0; background: #1F2937; } .radio-outline-gray-900:hover input ~ .checkmark { background-color: #E5E7EB; } .radio-outline-gray-900 input:checked ~ .checkmark { background-color: #fff !important; } .radio-outline-gray-900 .checkmark { background: #fff; border: 1px solid #111827; } .radio-outline-gray-900 .checkmark:after { border: 0; background: #111827; } .switch { position: relative; display: inline-block; padding-left: 50px; height: 16px; } .switch span:not(.slider) { position: relative; top: -2px; cursor: pointer; } .switch input { opacity: 0; width: 0; height: 0; } .switch .slider { position: absolute; cursor: pointer; width: 42px; top: 0; left: 0; right: 0; bottom: 0; border-radius: 34px; background-color: #D1D5DB; transition: 0.4s; } .switch .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: -1px; bottom: -4px; background-color: #fff; transition: 0.4s; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .switch input:checked + .slider { background-color: #8b5cf6; } .switch input:focus + .slider { box-shadow: 0 0 1px #8b5cf6; } .switch input:checked + .slider:before { transform: translateX(20px); } .switch-primary input:checked + .slider { background-color: #8b5cf6; } .switch-primary input:focus + .slider { box-shadow: 0 0 1px #8b5cf6; } .switch-secondary input:checked + .slider { background-color: #1F2937; } .switch-secondary input:focus + .slider { box-shadow: 0 0 1px #1F2937; } .switch-success input:checked + .slider { background-color: #10b981; } .switch-success input:focus + .slider { box-shadow: 0 0 1px #10b981; } .switch-info input:checked + .slider { background-color: #3b82f6; } .switch-info input:focus + .slider { box-shadow: 0 0 1px #3b82f6; } .switch-warning input:checked + .slider { background-color: #f59e0b; } .switch-warning input:focus + .slider { box-shadow: 0 0 1px #f59e0b; } .switch-danger input:checked + .slider { background-color: #ef4444; } .switch-danger input:focus + .slider { box-shadow: 0 0 1px #ef4444; } .switch-light input:checked + .slider { background-color: #6B7280; } .switch-light input:focus + .slider { box-shadow: 0 0 1px #6B7280; } .switch-dark input:checked + .slider { background-color: #111827; } .switch-dark input:focus + .slider { box-shadow: 0 0 1px #111827; } .switch-gray-100 input:checked + .slider { background-color: #F3F4F6; } .switch-gray-100 input:focus + .slider { box-shadow: 0 0 1px #F3F4F6; } .switch-gray-200 input:checked + .slider { background-color: #E5E7EB; } .switch-gray-200 input:focus + .slider { box-shadow: 0 0 1px #E5E7EB; } .switch-gray-300 input:checked + .slider { background-color: #D1D5DB; } .switch-gray-300 input:focus + .slider { box-shadow: 0 0 1px #D1D5DB; } .switch-gray-400 input:checked + .slider { background-color: #9CA3AF; } .switch-gray-400 input:focus + .slider { box-shadow: 0 0 1px #9CA3AF; } .switch-gray-500 input:checked + .slider { background-color: #6B7280; } .switch-gray-500 input:focus + .slider { box-shadow: 0 0 1px #6B7280; } .switch-gray-600 input:checked + .slider { background-color: #4B5563; } .switch-gray-600 input:focus + .slider { box-shadow: 0 0 1px #4B5563; } .switch-gray-700 input:checked + .slider { background-color: #374151; } .switch-gray-700 input:focus + .slider { box-shadow: 0 0 1px #374151; } .switch-gray-800 input:checked + .slider { background-color: #1F2937; } .switch-gray-800 input:focus + .slider { box-shadow: 0 0 1px #1F2937; } .switch-gray-900 input:checked + .slider { background-color: #111827; } .switch-gray-900 input:focus + .slider { box-shadow: 0 0 1px #111827; } [dir="rtl"] .checkbox, [dir="rtl"] .radio, [dir="rtl"] .radio { padding-left: 0px; padding-right: 28px; } [dir="rtl"] .checkbox .checkmark, [dir="rtl"] .radio .checkmark, [dir="rtl"] .radio .checkmark { left: auto; right: 0; } .icon-regular { font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; } .link-icon { display: flex; flex-direction: row; align-items: center; color: #111827; } .link-icon i { margin: 0 8px; } .spinner-glow { display: inline-block; width: 1em; height: 1em; background: #D1D5DB; border-radius: 50%; margin: 4px auto; border: 2px solid transparent; -webkit-animation: glow 1s ease infinite; animation: glow 1s ease infinite; } @-webkit-keyframes glow { 0% { box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 .1em #a1a2a1; transform: rotate(360deg); } 50% { border-top-color: #605556; } 100% { box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 3.6em transparent; } } @keyframes glow { 0% { box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 .1em #a1a2a1; transform: rotate(360deg); } 50% { border-top-color: #605556; } 100% { box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 3.6em transparent; } } .spinner-glow-primary { background: rgba(139, 92, 246, 0.45); -webkit-animation: glow-primary 1s ease infinite; animation: glow-primary 1s ease infinite; } .spinner-glow-secondary { background: rgba(31, 41, 55, 0.45); -webkit-animation: glow-secondary 1s ease infinite; animation: glow-secondary 1s ease infinite; } .spinner-glow-success { background: rgba(16, 185, 129, 0.45); -webkit-animation: glow-success 1s ease infinite; animation: glow-success 1s ease infinite; } .spinner-glow-info { background: rgba(59, 130, 246, 0.45); -webkit-animation: glow-info 1s ease infinite; animation: glow-info 1s ease infinite; } .spinner-glow-warning { background: rgba(245, 158, 11, 0.45); -webkit-animation: glow-warning 1s ease infinite; animation: glow-warning 1s ease infinite; } .spinner-glow-danger { background: rgba(239, 68, 68, 0.45); -webkit-animation: glow-danger 1s ease infinite; animation: glow-danger 1s ease infinite; } .spinner-glow-light { background: rgba(107, 114, 128, 0.45); -webkit-animation: glow-light 1s ease infinite; animation: glow-light 1s ease infinite; } .spinner-glow-dark { background: rgba(17, 24, 39, 0.45); -webkit-animation: glow-dark 1s ease infinite; animation: glow-dark 1s ease infinite; } .spinner-glow-gray-100 { background: rgba(243, 244, 246, 0.45); -webkit-animation: glow-gray-100 1s ease infinite; animation: glow-gray-100 1s ease infinite; } .spinner-glow-gray-200 { background: rgba(229, 231, 235, 0.45); -webkit-animation: glow-gray-200 1s ease infinite; animation: glow-gray-200 1s ease infinite; } .spinner-glow-gray-300 { background: rgba(209, 213, 219, 0.45); -webkit-animation: glow-gray-300 1s ease infinite; animation: glow-gray-300 1s ease infinite; } .spinner-glow-gray-400 { background: rgba(156, 163, 175, 0.45); -webkit-animation: glow-gray-400 1s ease infinite; animation: glow-gray-400 1s ease infinite; } .spinner-glow-gray-500 { background: rgba(107, 114, 128, 0.45); -webkit-animation: glow-gray-500 1s ease infinite; animation: glow-gray-500 1s ease infinite; } .spinner-glow-gray-600 { background: rgba(75, 85, 99, 0.45); -webkit-animation: glow-gray-600 1s ease infinite; animation: glow-gray-600 1s ease infinite; } .spinner-glow-gray-700 { background: rgba(55, 65, 81, 0.45); -webkit-animation: glow-gray-700 1s ease infinite; animation: glow-gray-700 1s ease infinite; } .spinner-glow-gray-800 { background: rgba(31, 41, 55, 0.45); -webkit-animation: glow-gray-800 1s ease infinite; animation: glow-gray-800 1s ease infinite; } .spinner-glow-gray-900 { background: rgba(17, 24, 39, 0.45); -webkit-animation: glow-gray-900 1s ease infinite; animation: glow-gray-900 1s ease infinite; } @-webkit-keyframes glow-primary { 0% { box-shadow: 0 0 0 0.4em rgba(139, 92, 246, 0.45), 0 0 0 0.1em rgba(139, 92, 246, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(139, 92, 246, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(139, 92, 246, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-primary { 0% { box-shadow: 0 0 0 0.4em rgba(139, 92, 246, 0.45), 0 0 0 0.1em rgba(139, 92, 246, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(139, 92, 246, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(139, 92, 246, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-secondary { 0% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.45), 0 0 0 0.1em rgba(31, 41, 55, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(31, 41, 55, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-secondary { 0% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.45), 0 0 0 0.1em rgba(31, 41, 55, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(31, 41, 55, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-success { 0% { box-shadow: 0 0 0 0.4em rgba(16, 185, 129, 0.45), 0 0 0 0.1em rgba(16, 185, 129, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(16, 185, 129, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(16, 185, 129, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-success { 0% { box-shadow: 0 0 0 0.4em rgba(16, 185, 129, 0.45), 0 0 0 0.1em rgba(16, 185, 129, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(16, 185, 129, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(16, 185, 129, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-info { 0% { box-shadow: 0 0 0 0.4em rgba(59, 130, 246, 0.45), 0 0 0 0.1em rgba(59, 130, 246, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(59, 130, 246, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(59, 130, 246, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-info { 0% { box-shadow: 0 0 0 0.4em rgba(59, 130, 246, 0.45), 0 0 0 0.1em rgba(59, 130, 246, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(59, 130, 246, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(59, 130, 246, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-warning { 0% { box-shadow: 0 0 0 0.4em rgba(245, 158, 11, 0.45), 0 0 0 0.1em rgba(245, 158, 11, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(245, 158, 11, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(245, 158, 11, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-warning { 0% { box-shadow: 0 0 0 0.4em rgba(245, 158, 11, 0.45), 0 0 0 0.1em rgba(245, 158, 11, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(245, 158, 11, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(245, 158, 11, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-danger { 0% { box-shadow: 0 0 0 0.4em rgba(239, 68, 68, 0.45), 0 0 0 0.1em rgba(239, 68, 68, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(239, 68, 68, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(239, 68, 68, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-danger { 0% { box-shadow: 0 0 0 0.4em rgba(239, 68, 68, 0.45), 0 0 0 0.1em rgba(239, 68, 68, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(239, 68, 68, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(239, 68, 68, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-light { 0% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.45), 0 0 0 0.1em rgba(107, 114, 128, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(107, 114, 128, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-light { 0% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.45), 0 0 0 0.1em rgba(107, 114, 128, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(107, 114, 128, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-dark { 0% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.45), 0 0 0 0.1em rgba(17, 24, 39, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(17, 24, 39, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-dark { 0% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.45), 0 0 0 0.1em rgba(17, 24, 39, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(17, 24, 39, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-100 { 0% { box-shadow: 0 0 0 0.4em rgba(243, 244, 246, 0.45), 0 0 0 0.1em rgba(243, 244, 246, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(243, 244, 246, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(243, 244, 246, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-100 { 0% { box-shadow: 0 0 0 0.4em rgba(243, 244, 246, 0.45), 0 0 0 0.1em rgba(243, 244, 246, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(243, 244, 246, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(243, 244, 246, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-200 { 0% { box-shadow: 0 0 0 0.4em rgba(229, 231, 235, 0.45), 0 0 0 0.1em rgba(229, 231, 235, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(229, 231, 235, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(229, 231, 235, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-200 { 0% { box-shadow: 0 0 0 0.4em rgba(229, 231, 235, 0.45), 0 0 0 0.1em rgba(229, 231, 235, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(229, 231, 235, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(229, 231, 235, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-300 { 0% { box-shadow: 0 0 0 0.4em rgba(209, 213, 219, 0.45), 0 0 0 0.1em rgba(209, 213, 219, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(209, 213, 219, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(209, 213, 219, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-300 { 0% { box-shadow: 0 0 0 0.4em rgba(209, 213, 219, 0.45), 0 0 0 0.1em rgba(209, 213, 219, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(209, 213, 219, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(209, 213, 219, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-400 { 0% { box-shadow: 0 0 0 0.4em rgba(156, 163, 175, 0.45), 0 0 0 0.1em rgba(156, 163, 175, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(156, 163, 175, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(156, 163, 175, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-400 { 0% { box-shadow: 0 0 0 0.4em rgba(156, 163, 175, 0.45), 0 0 0 0.1em rgba(156, 163, 175, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(156, 163, 175, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(156, 163, 175, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-500 { 0% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.45), 0 0 0 0.1em rgba(107, 114, 128, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(107, 114, 128, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-500 { 0% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.45), 0 0 0 0.1em rgba(107, 114, 128, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(107, 114, 128, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(107, 114, 128, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-600 { 0% { box-shadow: 0 0 0 0.4em rgba(75, 85, 99, 0.45), 0 0 0 0.1em rgba(75, 85, 99, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(75, 85, 99, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(75, 85, 99, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-600 { 0% { box-shadow: 0 0 0 0.4em rgba(75, 85, 99, 0.45), 0 0 0 0.1em rgba(75, 85, 99, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(75, 85, 99, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(75, 85, 99, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-700 { 0% { box-shadow: 0 0 0 0.4em rgba(55, 65, 81, 0.45), 0 0 0 0.1em rgba(55, 65, 81, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(55, 65, 81, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(55, 65, 81, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-700 { 0% { box-shadow: 0 0 0 0.4em rgba(55, 65, 81, 0.45), 0 0 0 0.1em rgba(55, 65, 81, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(55, 65, 81, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(55, 65, 81, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-800 { 0% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.45), 0 0 0 0.1em rgba(31, 41, 55, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(31, 41, 55, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-800 { 0% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.45), 0 0 0 0.1em rgba(31, 41, 55, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(31, 41, 55, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(31, 41, 55, 0.75), 0 0 0 3.6em transparent; } } @-webkit-keyframes glow-gray-900 { 0% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.45), 0 0 0 0.1em rgba(17, 24, 39, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(17, 24, 39, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.75), 0 0 0 3.6em transparent; } } @keyframes glow-gray-900 { 0% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.45), 0 0 0 0.1em rgba(17, 24, 39, 0.45); transform: rotate(360deg); } 50% { border-top-color: rgba(17, 24, 39, 0.9); } 100% { box-shadow: 0 0 0 0.4em rgba(17, 24, 39, 0.75), 0 0 0 3.6em transparent; } } .spinner { display: inline-block; font-size: 10px; margin: auto; text-indent: -9999em; width: 4em; height: 4em; border-radius: 50%; position: relative; -webkit-animation: spin 1.4s infinite linear; animation: spin 1.4s infinite linear; transform: translateZ(0); } .spinner:before { width: 50%; height: 50%; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .spinner:after { background: #fff; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .spinner-primary { background: #8b5cf6; background: linear-gradient(to right, #8b5cf6 10%, rgba(67, 236, 76, 0) 42%); } .spinner-primary:before { background: #8b5cf6; } .spinner-secondary { background: #1F2937; background: linear-gradient(to right, #1F2937 10%, rgba(67, 236, 76, 0) 42%); } .spinner-secondary:before { background: #1F2937; } .spinner-success { background: #10b981; background: linear-gradient(to right, #10b981 10%, rgba(67, 236, 76, 0) 42%); } .spinner-success:before { background: #10b981; } .spinner-info { background: #3b82f6; background: linear-gradient(to right, #3b82f6 10%, rgba(67, 236, 76, 0) 42%); } .spinner-info:before { background: #3b82f6; } .spinner-warning { background: #f59e0b; background: linear-gradient(to right, #f59e0b 10%, rgba(67, 236, 76, 0) 42%); } .spinner-warning:before { background: #f59e0b; } .spinner-danger { background: #ef4444; background: linear-gradient(to right, #ef4444 10%, rgba(67, 236, 76, 0) 42%); } .spinner-danger:before { background: #ef4444; } .spinner-light { background: #6B7280; background: linear-gradient(to right, #6B7280 10%, rgba(67, 236, 76, 0) 42%); } .spinner-light:before { background: #6B7280; } .spinner-dark { background: #111827; background: linear-gradient(to right, #111827 10%, rgba(67, 236, 76, 0) 42%); } .spinner-dark:before { background: #111827; } .spinner-gray-100 { background: #F3F4F6; background: linear-gradient(to right, #F3F4F6 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-100:before { background: #F3F4F6; } .spinner-gray-200 { background: #E5E7EB; background: linear-gradient(to right, #E5E7EB 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-200:before { background: #E5E7EB; } .spinner-gray-300 { background: #D1D5DB; background: linear-gradient(to right, #D1D5DB 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-300:before { background: #D1D5DB; } .spinner-gray-400 { background: #9CA3AF; background: linear-gradient(to right, #9CA3AF 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-400:before { background: #9CA3AF; } .spinner-gray-500 { background: #6B7280; background: linear-gradient(to right, #6B7280 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-500:before { background: #6B7280; } .spinner-gray-600 { background: #4B5563; background: linear-gradient(to right, #4B5563 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-600:before { background: #4B5563; } .spinner-gray-700 { background: #374151; background: linear-gradient(to right, #374151 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-700:before { background: #374151; } .spinner-gray-800 { background: #1F2937; background: linear-gradient(to right, #1F2937 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-800:before { background: #1F2937; } .spinner-gray-900 { background: #111827; background: linear-gradient(to right, #111827 10%, rgba(67, 236, 76, 0) 42%); } .spinner-gray-900:before { background: #111827; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .spinner-bubble { display: inline-block; font-size: 8px; margin: 30px auto; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: bubble-circle 1.3s infinite linear; animation: bubble-circle 1.3s infinite linear; transform: translateZ(0); } .spinner-bubble-primary { color: #8b5cf6; } .spinner-bubble-secondary { color: #1F2937; } .spinner-bubble-success { color: #10b981; } .spinner-bubble-info { color: #3b82f6; } .spinner-bubble-warning { color: #f59e0b; } .spinner-bubble-danger { color: #ef4444; } .spinner-bubble-light { color: #6B7280; } .spinner-bubble-dark { color: #111827; } .spinner-bubble-gray-100 { color: #F3F4F6; } .spinner-bubble-gray-200 { color: #E5E7EB; } .spinner-bubble-gray-300 { color: #D1D5DB; } .spinner-bubble-gray-400 { color: #9CA3AF; } .spinner-bubble-gray-500 { color: #6B7280; } .spinner-bubble-gray-600 { color: #4B5563; } .spinner-bubble-gray-700 { color: #374151; } .spinner-bubble-gray-800 { color: #1F2937; } .spinner-bubble-gray-900 { color: #111827; } @-webkit-keyframes bubble-circle { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } @keyframes bubble-circle { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } .loader-bubble, .loader-bubble:before, .loader-bubble:after { border-radius: 50%; width: 2em; height: 2em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: bubble-horz 1.8s infinite ease-in-out; animation: bubble-horz 1.8s infinite ease-in-out; } .loader-bubble { display: inline-block; font-size: 6px; margin: auto; position: relative; text-indent: -9999em; transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader-bubble-primary { color: #8b5cf6; } .loader-bubble-secondary { color: #1F2937; } .loader-bubble-success { color: #10b981; } .loader-bubble-info { color: #3b82f6; } .loader-bubble-warning { color: #f59e0b; } .loader-bubble-danger { color: #ef4444; } .loader-bubble-light { color: #6B7280; } .loader-bubble-dark { color: #111827; } .loader-bubble-gray-100 { color: #F3F4F6; } .loader-bubble-gray-200 { color: #E5E7EB; } .loader-bubble-gray-300 { color: #D1D5DB; } .loader-bubble-gray-400 { color: #9CA3AF; } .loader-bubble-gray-500 { color: #6B7280; } .loader-bubble-gray-600 { color: #4B5563; } .loader-bubble-gray-700 { color: #374151; } .loader-bubble-gray-800 { color: #1F2937; } .loader-bubble-gray-900 { color: #111827; } .loader-bubble:before, .loader-bubble:after { content: ''; position: absolute; top: 0; } .loader-bubble:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader-bubble:after { left: 3.5em; } @-webkit-keyframes bubble-horz { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes bubble-horz { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .alert { border-radius: 10px; } .alert .close:focus { outline: 0; } .alert-card { border: none; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #9CA3AF; } .alert-card.alert-success { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #10b981; } .alert-card.alert-warning { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #f59e0b; } .alert-card.alert-info { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #3b82f6; } .alert-card.alert-danger { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #ef4444; } .alert-card.alert-dark { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #4B5563; } .swal2-container .swal2-modal { font-family: "Nunito", sans-serif; } .swal2-container .swal2-spacer { margin: 1.5rem 0; } .swal2-container .swal2-styled:not(.swal2-cancel) { background: #8b5cf6 !important; outline: none; } .swal2-container .swal2-styled:not(.swal2-cancel):focus { box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.5); } .sidebar-container { position: relative; overflow: hidden; min-height: 400px; } .sidebar-container .sidebar-content { position: relative; height: 100%; transition: all .3s ease-in; } .sidebar-container .sidebar-content:after { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 100%; } .sidebar-container .sidebar { position: absolute; top: 0; transition: all .3s ease-in; z-index: 60; } .sidebar-container .sidebar .sidebar-close { display: none; position: absolute; top: 4px; right: 4px; cursor: pointer; z-index: 999; } @media (max-width: 767px) { .sidebar-container .sidebar { background: #fff; } .sidebar-container .sidebar .sidebar-close { display: block; } } .badge { font-weight: 600; } .badge-outline-primary { background: unset; border: 1px solid #8b5cf6; color: #8b5cf6; } .badge-outline-secondary { background: unset; border: 1px solid #1F2937; color: #1F2937; } .badge-outline-success { background: unset; border: 1px solid #10b981; color: #10b981; } .badge-outline-info { background: unset; border: 1px solid #3b82f6; color: #3b82f6; } .badge-outline-warning { background: unset; border: 1px solid #f59e0b; color: #f59e0b; } .badge-outline-danger { background: unset; border: 1px solid #ef4444; color: #ef4444; } .badge-outline-light { background: unset; border: 1px solid #6B7280; color: #6B7280; } .badge-outline-dark { background: unset; border: 1px solid #111827; color: #111827; } .badge-outline-gray-100 { background: unset; border: 1px solid #F3F4F6; color: #F3F4F6; } .badge-outline-gray-200 { background: unset; border: 1px solid #E5E7EB; color: #E5E7EB; } .badge-outline-gray-300 { background: unset; border: 1px solid #D1D5DB; color: #D1D5DB; } .badge-outline-gray-400 { background: unset; border: 1px solid #9CA3AF; color: #9CA3AF; } .badge-outline-gray-500 { background: unset; border: 1px solid #6B7280; color: #6B7280; } .badge-outline-gray-600 { background: unset; border: 1px solid #4B5563; color: #4B5563; } .badge-outline-gray-700 { background: unset; border: 1px solid #374151; color: #374151; } .badge-outline-gray-800 { background: unset; border: 1px solid #1F2937; color: #1F2937; } .badge-outline-gray-900 { background: unset; border: 1px solid #111827; color: #111827; } .badge-top-container { position: relative; } .badge-top-container .badge { position: absolute; top: 2px; right: 4px; border-radius: 10px; } .ul-badge-pill-primary { background: #8b5cf6; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-secondary { background: #1F2937; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-success { background: #10b981; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-info { background: #3b82f6; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-warning { background: #f59e0b; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-danger { background: #ef4444; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-light { background: #6B7280; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-dark { background: #111827; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-100 { background: #F3F4F6; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-200 { background: #E5E7EB; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-300 { background: #D1D5DB; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-400 { background: #9CA3AF; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-500 { background: #6B7280; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-600 { background: #4B5563; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-700 { background: #374151; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-800 { background: #1F2937; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .ul-badge-pill-gray-900 { background: #111827; border-radius: 50%; width: 25px; height: 18px; color: #fff; line-height: 20px; font-size: 0.8rem; } .badge-round-primary { background: #8b5cf6; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-primary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-primary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-primary.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-primary.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-secondary { background: #1F2937; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-secondary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-secondary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-secondary.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-secondary.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-success { background: #10b981; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-success.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-success.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-success.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-success.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-info { background: #3b82f6; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-info.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-info.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-info.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-info.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-warning { background: #f59e0b; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-warning.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-warning.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-warning.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-warning.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-danger { background: #ef4444; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-danger.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-danger.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-danger.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-danger.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-light { background: #6B7280; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-light.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-light.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-light.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-light.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-dark { background: #111827; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-dark.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-dark.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-dark.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-dark.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-100 { background: #F3F4F6; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-100.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-100.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-100.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-100.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-200 { background: #E5E7EB; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-200.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-200.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-200.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-200.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-300 { background: #D1D5DB; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-300.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-300.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-300.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-300.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-400 { background: #9CA3AF; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-400.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-400.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-400.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-400.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-500 { background: #6B7280; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-500.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-500.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-500.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-500.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-600 { background: #4B5563; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-600.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-600.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-600.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-600.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-700 { background: #374151; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-700.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-700.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-700.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-700.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-800 { background: #1F2937; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-800.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-800.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-800.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-800.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-round-gray-900 { background: #111827; border-radius: 50%; width: 25px; height: 25px; color: #fff; line-height: 20px; justify-content: center; } .badge-round-gray-900.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round-gray-900.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round-gray-900.sm { width: 18px; height: 18px; line-height: 13px; justify-content: center; } .badge-round-gray-900.pill { width: 45px; height: 18px; line-height: 13px; border-radius: 10px; } .badge-dot-primary { height: 4px; width: 4px; background-color: #8b5cf6; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-secondary { height: 4px; width: 4px; background-color: #1F2937; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-success { height: 4px; width: 4px; background-color: #10b981; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-info { height: 4px; width: 4px; background-color: #3b82f6; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-warning { height: 4px; width: 4px; background-color: #f59e0b; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-danger { height: 4px; width: 4px; background-color: #ef4444; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-light { height: 4px; width: 4px; background-color: #6B7280; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-dark { height: 4px; width: 4px; background-color: #111827; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-100 { height: 4px; width: 4px; background-color: #F3F4F6; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-200 { height: 4px; width: 4px; background-color: #E5E7EB; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-300 { height: 4px; width: 4px; background-color: #D1D5DB; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-400 { height: 4px; width: 4px; background-color: #9CA3AF; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-500 { height: 4px; width: 4px; background-color: #6B7280; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-600 { height: 4px; width: 4px; background-color: #4B5563; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-700 { height: 4px; width: 4px; background-color: #374151; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-800 { height: 4px; width: 4px; background-color: #1F2937; border-radius: 50%; display: inline-block; vertical-align: middle; } .badge-dot-gray-900 { height: 4px; width: 4px; background-color: #111827; border-radius: 50%; display: inline-block; vertical-align: middle; } .outline-round-primary { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #8b5cf6; color: #8b5cf6; line-height: 13px; justify-content: center; } .outline-round-secondary { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #1F2937; color: #1F2937; line-height: 13px; justify-content: center; } .outline-round-success { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #10b981; color: #10b981; line-height: 13px; justify-content: center; } .outline-round-info { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #3b82f6; color: #3b82f6; line-height: 13px; justify-content: center; } .outline-round-warning { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #f59e0b; color: #f59e0b; line-height: 13px; justify-content: center; } .outline-round-danger { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #ef4444; color: #ef4444; line-height: 13px; justify-content: center; } .outline-round-light { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #6B7280; color: #6B7280; line-height: 13px; justify-content: center; } .outline-round-dark { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #111827; color: #111827; line-height: 13px; justify-content: center; } .outline-round-gray-100 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #F3F4F6; color: #F3F4F6; line-height: 13px; justify-content: center; } .outline-round-gray-200 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #E5E7EB; color: #E5E7EB; line-height: 13px; justify-content: center; } .outline-round-gray-300 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #D1D5DB; color: #D1D5DB; line-height: 13px; justify-content: center; } .outline-round-gray-400 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #9CA3AF; color: #9CA3AF; line-height: 13px; justify-content: center; } .outline-round-gray-500 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #6B7280; color: #6B7280; line-height: 13px; justify-content: center; } .outline-round-gray-600 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #4B5563; color: #4B5563; line-height: 13px; justify-content: center; } .outline-round-gray-700 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #374151; color: #374151; line-height: 13px; justify-content: center; } .outline-round-gray-800 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #1F2937; color: #1F2937; line-height: 13px; justify-content: center; } .outline-round-gray-900 { background: #fff; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #111827; color: #111827; line-height: 13px; justify-content: center; } .badge-square-primary { background: #8b5cf6; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-primary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-primary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-secondary { background: #1F2937; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-secondary.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-secondary.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-success { background: #10b981; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-success.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-success.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-info { background: #3b82f6; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-info.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-info.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-warning { background: #f59e0b; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-warning.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-warning.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-danger { background: #ef4444; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-danger.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-danger.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-light { background: #6B7280; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-light.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-light.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-dark { background: #111827; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-dark.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-dark.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-100 { background: #F3F4F6; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-100.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-100.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-200 { background: #E5E7EB; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-200.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-200.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-300 { background: #D1D5DB; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-300.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-300.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-400 { background: #9CA3AF; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-400.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-400.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-500 { background: #6B7280; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-500.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-500.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-600 { background: #4B5563; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-600.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-600.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-700 { background: #374151; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-700.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-700.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-800 { background: #1F2937; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-800.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-800.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-square-gray-900 { background: #111827; border-radius: 20%; width: 25px; height: 25px; color: #fff; line-height: 20px; text-align: center; } .badge-square-gray-900.lg { width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square-gray-900.xl { width: 50px; height: 50px; line-height: 40px; font-size: 1.3rem; font-weight: bold; } .badge-round { border-radius: 50%; width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-round.badge-round-opacity-primary { background: white; color: #8b5cf6; } .badge-round.badge-round-opacity-secondary { background: #728cb0; color: #1F2937; } .badge-round.badge-round-opacity-success { background: #9ef7d9; color: #10b981; } .badge-round.badge-round-opacity-info { background: #fefeff; color: #3b82f6; } .badge-round.badge-round-opacity-warning { background: #fdeccf; color: #f59e0b; } .badge-round.badge-round-opacity-danger { background: white; color: #ef4444; } .badge-round.badge-round-opacity-light { background: #d8dadf; color: #6B7280; } .badge-round.badge-round-opacity-dark { background: #5170b3; color: #111827; } .badge-round.badge-round-opacity-gray-100 { background: white; color: #F3F4F6; } .badge-round.badge-round-opacity-gray-200 { background: white; color: #E5E7EB; } .badge-round.badge-round-opacity-gray-300 { background: white; color: #D1D5DB; } .badge-round.badge-round-opacity-gray-400 { background: white; color: #9CA3AF; } .badge-round.badge-round-opacity-gray-500 { background: #d8dadf; color: #6B7280; } .badge-round.badge-round-opacity-gray-600 { background: #b4bbc6; color: #4B5563; } .badge-round.badge-round-opacity-gray-700 { background: #9aa6ba; color: #374151; } .badge-round.badge-round-opacity-gray-800 { background: #728cb0; color: #1F2937; } .badge-round.badge-round-opacity-gray-900 { background: #5170b3; color: #111827; } .badge-square { border-radius: 20%; width: 40px; height: 40px; line-height: 30px; font-size: 1.2rem; } .badge-square.badge-square-opacity-primary { background: white; color: #8b5cf6; } .badge-square.badge-square-opacity-secondary { background: #728cb0; color: #1F2937; } .badge-square.badge-square-opacity-success { background: #9ef7d9; color: #10b981; } .badge-square.badge-square-opacity-info { background: #fefeff; color: #3b82f6; } .badge-square.badge-square-opacity-warning { background: #fdeccf; color: #f59e0b; } .badge-square.badge-square-opacity-danger { background: white; color: #ef4444; } .badge-square.badge-square-opacity-light { background: #d8dadf; color: #6B7280; } .badge-square.badge-square-opacity-dark { background: #5170b3; color: #111827; } .badge-square.badge-square-opacity-gray-100 { background: white; color: #F3F4F6; } .badge-square.badge-square-opacity-gray-200 { background: white; color: #E5E7EB; } .badge-square.badge-square-opacity-gray-300 { background: white; color: #D1D5DB; } .badge-square.badge-square-opacity-gray-400 { background: white; color: #9CA3AF; } .badge-square.badge-square-opacity-gray-500 { background: #d8dadf; color: #6B7280; } .badge-square.badge-square-opacity-gray-600 { background: #b4bbc6; color: #4B5563; } .badge-square.badge-square-opacity-gray-700 { background: #9aa6ba; color: #374151; } .badge-square.badge-square-opacity-gray-800 { background: #728cb0; color: #1F2937; } .badge-square.badge-square-opacity-gray-900 { background: #5170b3; color: #111827; } .w-badge { border-radius: 0; padding: 4px; color: #fff; } .r-badge { padding: 4px; } .popover { border: none; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .popover .arrow::before { border-color: rgba(0, 0, 0, 0); } .search-ui { position: fixed; background: #fff; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 0.75rem 1.5rem 1.5rem 4.5rem; z-index: 999; display: none; } .search-ui.open { display: block; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 999; } .search-ui .search-header .logo { height: 64px; width: auto; } .search-ui .search-height { height: 55vh; } .search-ui input.search-input { font-size: 4rem; font-weight: 600; border: 0; margin-bottom: 1.5rem; } .search-ui input.search-input:focus { outline: 0; } .search-ui input.search-input::-moz-placeholder { color: #9CA3AF; } .search-ui input.search-input:-ms-input-placeholder { color: #9CA3AF; } .search-ui input.search-input::placeholder { color: #9CA3AF; } .search-ui .search-title { margin-bottom: 1.25rem; } .search-ui .search-title span { font-weight: 600; } @media (max-width: 767px) { .search-ui { padding: 1rem; } } /* Tagging Basic Style */ .tagging { border: 1px solid #D1D5DB; font-size: 1em; height: auto; padding: 10px 10px 15px; border-radius: 4px; } .tagging.editable { cursor: text; } .tag { background: none repeat scroll 0 0 #8b5cf6; border-radius: 2px; color: white; cursor: default; display: inline-block; position: relative; white-space: nowrap; padding: 4px 20px 4px 0; margin: 5px 10px 0 0; } .tag span { background: none repeat scroll 0 0 #7a44f5; border-radius: 2px 0 0 2px; margin-right: 5px; padding: 5px 10px 5px; } .tag .tag-i { color: white; cursor: pointer; font-size: 1.3em; height: 0; line-height: 0.1em; position: absolute; right: 5px; top: 0.7em; text-align: center; width: 10px; } .tag .tag-i:hover { color: black; text-decoration: underline; } .type-zone { border: 0 none; height: auto; width: auto; min-width: 20px; display: inline-block; } .type-zone:focus { outline: none; } .customizer { position: fixed; z-index: 9999; top: 100px; right: -380px; transition: 0.3s all ease-in-out; width: 380px; } .customizer.open { right: 0; } .customizer .handle { position: absolute; display: flex; top: 8px; left: -36px; background: #8b5cf6; cursor: pointer; padding: 10px 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.06); color: #fff; font-size: 20px; transition: 0.3s all ease-in-out; } .customizer .handle:hover { background: #8b5cf6; color: #fff; } .customizer .customizer-body { border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #fff; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); max-height: calc(100vh - 140px); overflow-y: scroll; overflow-x: visible; } .customizer .customizer-body .layouts { display: flex; flex-wrap: wrap; margin: 0 -8px; } .customizer .customizer-body .layouts .layout-box { position: relative; margin: 0 8px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03); border-radius: 8px; overflow: hidden; cursor: pointer; width: calc(50% - 16px); border: 1px solid rgba(0, 0, 0, 0.08); } .customizer .customizer-body .layouts .layout-box img { width: 180px; } .customizer .customizer-body .layouts .layout-box i { display: none; position: absolute; top: 0; text-align: center; right: 0; height: 24px; font-size: 18px; line-height: 24px; width: 32px; color: #ffffff; background: #8b5cf6; border-radius: 0 0 0 6px; } .customizer .customizer-body .layouts .layout-box.active { border: 1px solid #8b5cf6; } .customizer .customizer-body .layouts .layout-box.active i { display: inline-block; } .customizer .customizer-body .colors { display: flex; flex-wrap: wrap; } .customizer .customizer-body .colors .color { width: 36px; height: 36px; display: inline-block; border-radius: 50%; margin: 8px; text-align: center; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03); cursor: pointer; } .customizer .customizer-body .colors .color.purple { background: #8b5cf6; } .customizer .customizer-body .colors .color.blue { background: #2f47c2; } .customizer .customizer-body .colors .color i { display: none; color: #ffffff; font-size: 18px; line-height: 36px; } .customizer .customizer-body .colors .color.active i { display: unset; } @media (max-width: 767px) { .customizer { width: 280px; right: -280px; } } [dir="rtl"] .customizer { right: auto; left: -380px; } [dir="rtl"] .customizer.open { right: auto; left: 0; } [dir="rtl"] .customizer .handle { top: 8px; left: auto; right: -36px; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 4px; box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.06); } .slider-default { background: #FAFAFA !important; border-radius: 15px !important; border: 0px solid #D3D3D3 !important; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; height: 10px !important; } .slider-default .noUi-value-horizontal { display: none; } .slider-default .noUi-handle { width: 20px !important; height: 20px !important; left: -5px !important; top: -5px !important; border-radius: 50%; border: 5px solid #8b5cf6; box-shadow: none; cursor: pointer; } .slider-default .noUi-handle:after, .slider-default .noUi-handle:before { content: none !important; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .slider-default .noUi-handle:focus { outline: none; } .slider-default .noUi-connect { background: #8b5cf6; border-radius: 15px !important; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); transition: background 450ms; } .square-default { background: #FAFAFA !important; border-radius: 15px !important; border: 0px solid #D3D3D3 !important; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; height: 10px !important; } .square-default .noUi-handle { width: 20px !important; height: 20px !important; border: 5px solid #8b5cf6; box-shadow: none; cursor: pointer; } .square-default .noUi-handle:after, .square-default .noUi-handle:before { content: " " !important; display: none; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .square-default .noUi-handle:focus { outline: none; } .square-default .noUi-connect { background: #8b5cf6; border-radius: 15px !important; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); transition: background 450ms; } .slider-primary .noUi-connect { background: #8b5cf6; } .slider-primary .noUi-handle { border: 5px solid #8b5cf6; } .slider-secondary .noUi-connect { background: #1F2937; } .slider-secondary .noUi-handle { border: 5px solid #1F2937; } .slider-success .noUi-connect { background: #10b981; } .slider-success .noUi-handle { border: 5px solid #10b981; } .slider-info .noUi-connect { background: #3b82f6; } .slider-info .noUi-handle { border: 5px solid #3b82f6; } .slider-warning .noUi-connect { background: #f59e0b; } .slider-warning .noUi-handle { border: 5px solid #f59e0b; } .slider-danger .noUi-connect { background: #ef4444; } .slider-danger .noUi-handle { border: 5px solid #ef4444; } .slider-light .noUi-connect { background: #6B7280; } .slider-light .noUi-handle { border: 5px solid #6B7280; } .slider-dark .noUi-connect { background: #111827; } .slider-dark .noUi-handle { border: 5px solid #111827; } .slider-gray-100 .noUi-connect { background: #F3F4F6; } .slider-gray-100 .noUi-handle { border: 5px solid #F3F4F6; } .slider-gray-200 .noUi-connect { background: #E5E7EB; } .slider-gray-200 .noUi-handle { border: 5px solid #E5E7EB; } .slider-gray-300 .noUi-connect { background: #D1D5DB; } .slider-gray-300 .noUi-handle { border: 5px solid #D1D5DB; } .slider-gray-400 .noUi-connect { background: #9CA3AF; } .slider-gray-400 .noUi-handle { border: 5px solid #9CA3AF; } .slider-gray-500 .noUi-connect { background: #6B7280; } .slider-gray-500 .noUi-handle { border: 5px solid #6B7280; } .slider-gray-600 .noUi-connect { background: #4B5563; } .slider-gray-600 .noUi-handle { border: 5px solid #4B5563; } .slider-gray-700 .noUi-connect { background: #374151; } .slider-gray-700 .noUi-handle { border: 5px solid #374151; } .slider-gray-800 .noUi-connect { background: #1F2937; } .slider-gray-800 .noUi-handle { border: 5px solid #1F2937; } .slider-gray-900 .noUi-connect { background: #111827; } .slider-gray-900 .noUi-handle { border: 5px solid #111827; } .slider-custom .noUi-connect { background: #3FB8AF; } .slider-custom .noUi-handle { border: 5px solid #B2DFDB; } .slider-extra-large { height: 14px !important; } .slider-extra-large .noUi-handle { width: 28px !important; height: 28px !important; top: -7px !important; } .slider-large { height: 12px !important; } .slider-large .noUi-handle { width: 24px !important; height: 24px !important; top: -6px !important; } .slider-small { height: 6px !important; } .slider-small .noUi-handle { top: -7px !important; } .slider-extra-small { height: 3px !important; } .slider-extra-small .noUi-handle { top: -8px !important; } .circle-filled.slider-primary .noUi-handle { background: #8b5cf6; } .circle-filled.slider-secondary .noUi-handle { background: #1F2937; } .circle-filled.slider-success .noUi-handle { background: #10b981; } .circle-filled.slider-info .noUi-handle { background: #3b82f6; } .circle-filled.slider-warning .noUi-handle { background: #f59e0b; } .circle-filled.slider-danger .noUi-handle { background: #ef4444; } .circle-filled.slider-light .noUi-handle { background: #6B7280; } .circle-filled.slider-dark .noUi-handle { background: #111827; } .circle-filled.slider-gray-100 .noUi-handle { background: #F3F4F6; } .circle-filled.slider-gray-200 .noUi-handle { background: #E5E7EB; } .circle-filled.slider-gray-300 .noUi-handle { background: #D1D5DB; } .circle-filled.slider-gray-400 .noUi-handle { background: #9CA3AF; } .circle-filled.slider-gray-500 .noUi-handle { background: #6B7280; } .circle-filled.slider-gray-600 .noUi-handle { background: #4B5563; } .circle-filled.slider-gray-700 .noUi-handle { background: #374151; } .circle-filled.slider-gray-800 .noUi-handle { background: #1F2937; } .circle-filled.slider-gray-900 .noUi-handle { background: #111827; } .square-default.slider-primary .noUi-handle { background: #8b5cf6; } .square-default.slider-secondary .noUi-handle { background: #1F2937; } .square-default.slider-success .noUi-handle { background: #10b981; } .square-default.slider-info .noUi-handle { background: #3b82f6; } .square-default.slider-warning .noUi-handle { background: #f59e0b; } .square-default.slider-danger .noUi-handle { background: #ef4444; } .square-default.slider-light .noUi-handle { background: #6B7280; } .square-default.slider-dark .noUi-handle { background: #111827; } .square-default.slider-gray-100 .noUi-handle { background: #F3F4F6; } .square-default.slider-gray-200 .noUi-handle { background: #E5E7EB; } .square-default.slider-gray-300 .noUi-handle { background: #D1D5DB; } .square-default.slider-gray-400 .noUi-handle { background: #9CA3AF; } .square-default.slider-gray-500 .noUi-handle { background: #6B7280; } .square-default.slider-gray-600 .noUi-handle { background: #4B5563; } .square-default.slider-gray-700 .noUi-handle { background: #374151; } .square-default.slider-gray-800 .noUi-handle { background: #1F2937; } .square-default.slider-gray-900 .noUi-handle { background: #111827; } .square-default.slider-custom .noUi-handle, .circle-filled.slider-custom .noUi-handle { background: #B2DFDB; } .vertical-slider-example { display: inline-block; } .noUi-vertical { width: 10px !important; height: 150px !important; } .toast-primary { background-color: #8b5cf6 !important; } .toast-secondary { background-color: #1F2937 !important; } .toast-success { background-color: #10b981 !important; } .toast-info { background-color: #3b82f6 !important; } .toast-warning { background-color: #f59e0b !important; } .toast-danger { background-color: #ef4444 !important; } .toast-light { background-color: #6B7280 !important; } .toast-dark { background-color: #111827 !important; } .toast-gray-100 { background-color: #F3F4F6 !important; } .toast-gray-200 { background-color: #E5E7EB !important; } .toast-gray-300 { background-color: #D1D5DB !important; } .toast-gray-400 { background-color: #9CA3AF !important; } .toast-gray-500 { background-color: #6B7280 !important; } .toast-gray-600 { background-color: #4B5563 !important; } .toast-gray-700 { background-color: #374151 !important; } .toast-gray-800 { background-color: #1F2937 !important; } .toast-gray-900 { background-color: #111827 !important; } .dropzone { min-height: 150px; border: 2px dashed #673ab75e !important; background: #F5F5F5 !important; padding: 20px 20px; } .nav-tabs { border-bottom: 1px solid #8b5cf6; } .nav-tabs .nav-item .nav-link.active { border: 1px solid transparent; background: rgba(102, 51, 153, 0.1); border-color: #8b5cf6 #8b5cf6 #fff; } .dropdown-toggle:after { display: inline-block; width: 0; height: 0; right: 5px; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } #calendar { float: right; width: 100%; } #external-events h4 { font-size: 16px; margin-top: 0; padding-top: 1em; } #external-events .fc-event { margin: 2px 0; cursor: move; } .create_event_wrap p { margin: 1.5em 0; font-size: 11px; color: #666; } .create_event_wrap p input { margin: 0; vertical-align: middle; } .fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 0px solid #8b5cf6 !important; } a.fc-day-grid-event { background: #8b5cf6; padding: 5px; } th.fc-day-header { border-bottom-width: 2px; padding: 10px 0px; display: table-cell; background: #F5F5F5; font-size: 16px; font-weight: bold; text-align: center; } td.fc-head-container { padding: 0px !important; } .fc-toolbar h2 { margin: 0; font-weight: bold; } span.fa { font-family: 'iconsmind' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } span.fa.fa-chevron-left:before { content: "\F077"; } span.fa.fa-chevron-right:before { content: "\F07D"; } .echarts { width: 100%; height: 100%; } table.tableOne.vgt-table thead tr th { background: #fff; } table.tableOne.vgt-table { font-size: 13px; } .vgt-global-search.vgt-clearfix { background: #fff; } .vgt-table.full-height { min-height: 308px !important; } .vgt-table.non-height { min-height: none !important; } .vgt-wrap .vgt-inner-wrap { box-shadow: unset !important; } div.vgt-wrap__footer.vgt-clearfix { background: #fff; font-size: 14px; } .vgt-wrap__footer .footer__navigation__page-btn span { font-size: 14px !important; } .vgt-wrap__footer .footer__row-count__label { font-size: 14px; color: #909399; } .vgt-wrap__footer .footer__row-count::after { display: none; } .vgt-wrap__footer .footer__row-count__select { background-color: transparent; width: auto; padding: 0; border: 0; border-radius: 0; height: auto; font-size: 14px; margin-left: 8px; color: #606266; font-weight: 700; -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; } .vgt-wrap__footer .footer__row-count__label { margin-bottom: 0 !important; } .vgt-wrap__footer .footer__navigation { font-size: 14px; } span.chevron.right::after { border-left: 6px solid #b0b1b3 !important; } span.chevron.left::after { border-right: 6px solid #b0b1b3 !important; } table.tableOne tbody tr th.line-numbers { background: #fff; } table.tableOne tbody tr th.vgt-checkbox-col { background: #fff; } .vgt-wrap__footer .footer__navigation > button:first-of-type { margin-right: 0; } input.vgt-input.vgt-pull-left { width: auto; } .table-alert__box { color: #155724 !important; background-color: #d4edda !important; border-color: #c3e6cb !important; padding: 0.75rem !important; } .gull-border-none { border-bottom: none !important; } table.tableOne.vgt-table { border: none !important; } .vgt-wrap__footer.vgt-clearfix { border: none !important; } .vgt-global-search.vgt-clearfix { border: none !important; } th.vgt-checkbox-col { border-right: none !important; border-bottom: 1px solid #dcdfe6; } th.line-numbers { border-right: none !important; border-bottom: 1px solid #dcdfe6; } .order-table.vgt-table { font-size: 14px; border: 0px solid #dcdfe6; } .order-table.vgt-table thead th { color: #111827; vertical-align: bottom; border-bottom: 0px solid #dcdfe6; padding-right: 1.5em; background: transparent; min-width: 140px !important; font-size: 14px; font-weight: 600 !important; } .order-table.vgt-table td { padding: 10px; vertical-align: middle; border-bottom: 0px solid #dcdfe6; color: #111827; font-size: 14px; min-width: 140px !important; } .order-table.vgt-table tbody tr { transition: all 0.5s; padding: 15px; cursor: pointer; } .order-table.vgt-table tbody tr:hover { background: #eee; border-radius: 10px; } @media only screen and (max-width: 750px) { .vgt-wrap__footer .footer__navigation__page-info { display: none; } .vgt-table th.sortable button { top: 8px; } } @media (min-width: 750px) and (max-width: 1024px) { .vgt-table th.sortable button { top: 8px; } } @media (min-width: 1024px) and (max-width: 1024px) { .vgt-table th.sortable button { top: 0px; } } .tag-custom { max-width: 1000% !important; border-bottom: 1px solid #000; } .ti-input { border: none !important; } .ti-tag.ti-valid { min-height: 30px; background-color: #8b5cf6 !important; border-radius: 50rem !important; padding: 0 12px !important; } .echarts { width: 100% !important; height: 100% !important; } .chart-wrapper { height: 300px; width: 100%; } .apexcharts-legend.center.position-bottom { bottom: -2px !important; } @media (max-width: 767px) { .apexcharts-toolbar { display: none !important; } } .v-select { background: #F3F4F6; } .v-select.is-invalid ~ .invalid-feedback { display: block; } .vs__search, .vs__search:focus { height: calc(1rem + 7px); } .daterangepicker { font-family: "Nunito", sans-serif; font-size: 0.813rem; line-height: 1.5; border: 0; margin: 0; } .daterangepicker::after, .daterangepicker::before { display: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-width: 0 1px 1px 0; } .daterangepicker .drp-calendar { padding-bottom: 19px !important; } .daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover { background: #8b5cf6 !important; color: #fff !important; } .daterangepicker td.in-range { background-color: #E5E7EB; color: #111827; } .daterangepicker .ranges li:hover { background-color: #E5E7EB; } @media only screen and (max-width: 682px) { .daterangepicker .ranges { width: 100%; } .daterangepicker .ranges ul { width: 100%; } .daterangepicker .calendars-container { display: flex !important; flex-direction: column !important; } .daterangepicker .drp-calendar.right { padding: 0px !important; margin-top: 225px; } } .main-header { position: fixed; width: 100%; height: 80px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; z-index: 100; } .main-header .menu-toggle { width: 90px; display: flex; flex-direction: column; align-items: center; cursor: pointer; margin-right: 12px; } .main-header .menu-toggle div { width: 24px; height: 1px; background: #111827; margin: 3px 0; } .main-header .search-bar { display: flex; align-items: center; justify-content: left; background: #F3F4F6; border: 1px solid #E5E7EB; border-radius: 20px; position: relative; width: 230px; height: 40px; } .main-header .search-bar input { background: transparent; border: 0; color: #212121; font-size: 0.8rem; line-height: 2; height: 100%; outline: initial !important; padding: 0.5rem 1rem; width: calc(100% - 32px); } .main-header .search-bar .search-icon { font-size: 18px; width: 24px; display: inline-block; } .main-header .logo { width: 120px; } .main-header .logo img { width: 60px; height: 60px; margin: 0 auto; display: block; } .main-header .show .header-icon { background: #F3F4F6; } .main-header .header-icon { font-size: 19px; cursor: pointer; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; border-radius: 8px; margin: 0 2px; } .main-header .header-icon:hover { background: #F3F4F6; } .main-header .header-icon.dropdown-toggle:after { display: none; } .main-header .header-part-right { display: flex; align-items: center; } .main-header .header-part-right .user { margin-right: 2rem; } .main-header .header-part-right .user img { width: 36px; height: 36px; border-radius: 50%; cursor: pointer; } .main-header .notification-dropdown { padding: 0; max-height: 260px; cursor: pointer; } .main-header .notification-dropdown .dropdown-item { display: flex; align-items: center; padding: 0; height: 72px; border-bottom: 1px solid #D1D5DB; } .main-header .notification-dropdown .dropdown-item .notification-icon { background: #E5E7EB; height: 100%; width: 44px; display: flex; align-items: center; justify-content: center; } .main-header .notification-dropdown .dropdown-item .notification-icon i { font-size: 18px; } .main-header .notification-dropdown .dropdown-item .notification-details { padding: 0.25rem 0.75rem; } .main-header .notification-dropdown .dropdown-item:active { color: inherit; background: inherit; } @media (max-width: 991px) { .main-header .search-bar { width: 180px; } .main-header .menu-toggle { width: 24px; margin-right: 36px; } } @media (max-width: 615px) { .main-header .header-part-right .user { margin-right: 0rem; } } @media (max-width: 580px) { .main-header { height: 70px; padding: 0 1.5rem; } .main-header .logo { width: 60px; } .main-header .search-bar { display: none; } .main-header .menu-toggle { width: 60px; } .main-header .header-part-right .user { margin-right: 0; padding-right: 0; } .notification-dropdown { left: 10px !important; } } @media (max-width: 360px) { .main-header .menu-toggle { margin: 0; } } .layout-horizontal-bar .header-topnav { margin: 0; padding: 0; background-color: #fff; position: relative; z-index: 10; position: fixed; width: 100%; /* height: 80px; */ top: 80px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); } .layout-horizontal-bar .header-topnav .container { padding: 0; } .layout-horizontal-bar .header-topnav .topbar-branding { float: left; height: 48px; padding: 8px; margin: 0 8px; } .layout-horizontal-bar .header-topnav .topbar-branding img { height: 100%; width: auto; } .layout-horizontal-bar .header-topnav .ps { overflow: initial !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .layout-horizontal-bar .header-topnav .topnav { display: flex; align-items: center; height: auto; } .layout-horizontal-bar .header-topnav .header-topnav-right { float: right; height: 48px; display: flex; align-items: center; padding-right: .67rem; } .layout-horizontal-bar .header-topnav .topnav:after { content: ""; display: table; clear: both; } .layout-horizontal-bar .header-topnav .topnav a { color: #333 !important; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } .layout-horizontal-bar .header-topnav .topnav label.menu-toggle { height: 48px; width: 48px; box-sizing: border-box; padding: 12px; border-radius: 50%; } .layout-horizontal-bar .header-topnav .topnav label.menu-toggle .mat-icon { font-size: 24px; } .layout-horizontal-bar .header-topnav .topnav .toggle, .layout-horizontal-bar .header-topnav .topnav [id^=drop] { display: none; } .layout-horizontal-bar .header-topnav .topnav ul { padding: 0; margin: 0; list-style: none; position: relative; } .layout-horizontal-bar .header-topnav .topnav ul:not(.menu) { box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0.28); } .layout-horizontal-bar .header-topnav .topnav ul.menu { float: left; height: 48px; padding-right: 45px; } .layout-horizontal-bar .header-topnav .topnav ul.menu > li { float: left; } .layout-horizontal-bar .header-topnav .topnav ul.menu > li > div > a, .layout-horizontal-bar .header-topnav .topnav ul.menu > li > div > div { border-bottom: 2px solid; height: 48px; box-sizing: border-box; border-color: transparent; margin: 0 6px; } .layout-horizontal-bar .header-topnav .topnav ul li { margin: 0px; display: inline-block; } .layout-horizontal-bar .header-topnav .topnav a, .layout-horizontal-bar .header-topnav .topnav label { display: flex; flex-direction: row; align-items: center; padding: 13px 20px; height: 44px; font-size: .875rem; text-decoration: none; box-sizing: border-box; cursor: pointer; } .layout-horizontal-bar .header-topnav .topnav ul li ul li:hover, .layout-horizontal-bar .header-topnav .topnav ul li ul li.open { background: #eeeeee; } .layout-horizontal-bar .header-topnav .topnav ul ul { opacity: 0; visibility: hidden; position: absolute; background: #ffffff; color: rgba(0, 0, 0, 0.87); /* has to be the same number as the "line-height" of "nav a" */ top: 48px; transform: translateY(-100px); transition: all 0.3s ease-in-out; z-index: -1; border-radius: 5px; } .layout-horizontal-bar .header-topnav .topnav ul li:hover > div > div > ul, .layout-horizontal-bar .header-topnav .topnav ul li:hover > div > ul { opacity: 1; visibility: visible; transform: translateY(0); } .layout-horizontal-bar .header-topnav .topnav ul ul li { width: 170px; float: none; display: list-item; position: relative; } .layout-horizontal-bar .header-topnav .topnav ul ul ul { top: 0; left: 170px; } .layout-horizontal-bar .header-topnav .topnav ul ul ul li { position: relative; top: 0; } .layout-horizontal-bar .header-topnav .topnav li > a:after { content: ' +'; } .layout-horizontal-bar .header-topnav .topnav li > a:only-child:after { content: ''; } @media (max-width: 959px) { .header-topnav-right { position: absolute; right: 6px; top: 0; } } /* Media Queries --------------------------------------------- */ @media only screen and (max-width: 768px) { .layout-horizontal-bar .header-topnav { margin: 0; padding: 0; background-color: #fff; position: relative; z-index: 10; position: fixed; width: 200px; top: 70px; height: 100%; padding-top: 20px; left: -200px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); transition: all .5s ease-in-out; } .layout-horizontal-bar .header-topnav .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .layout-horizontal-bar .topnav { margin: 0; max-height: calc(100vh - 80px) !important; /* Hide menus on hover */ } .layout-horizontal-bar .topnav .menu { height: auto !important; padding-right: 0px !important; width: 100%; } .layout-horizontal-bar .topnav .menu li a { border: none !important; } .layout-horizontal-bar .topnav ul.menu { float: left; padding-left: 0px; } .layout-horizontal-bar .topnav ul.menu > li { float: left; } .layout-horizontal-bar .topnav ul.menu > li > div > a, .layout-horizontal-bar .topnav ul.menu > li > div > div { border-bottom: 2px solid; height: auto !important; box-sizing: border-box; border-color: transparent; margin: 0 6px; } .layout-horizontal-bar .topnav .toggle { display: flex; text-decoration: none; border: none; } .layout-horizontal-bar .topnav ul { transform: translateY(0px) !important; transition: max-height 0.3s ease-in-out; } .layout-horizontal-bar .topnav [id^=drop]:checked + ul { opacity: 1; visibility: visible; max-height: 2000px; } .layout-horizontal-bar .topnav [id^=drop]:checked + ul.menu { max-height: 300px; overflow-y: scroll; } .layout-horizontal-bar .topnav ul li { position: relative; opacity: 1; visibility: visible; width: 100%; z-index: 1; } .layout-horizontal-bar .topnav ul ul .toggle, .layout-horizontal-bar .topnav ul ul a { padding: 0 40px; } .layout-horizontal-bar .topnav ul ul ul a { padding: 0 80px; } .layout-horizontal-bar .topnav ul li ul li .toggle, .layout-horizontal-bar .topnav ul ul a, .layout-horizontal-bar .topnav ul ul ul a { padding: 14px 20px; } .layout-horizontal-bar .topnav ul ul { opacity: 1 !important; visibility: hidden !important; max-height: 0px; position: relative !important; background: #ffffff; color: rgba(0, 0, 0, 0.87); /* has to be the same number as the "line-height" of "nav a" */ top: 0px !important; transform: translateY(-100px); transition: all 1s ease-in-out !important; z-index: 99 !important; border-radius: 5px; overflow: hidden; left: 0px; } .layout-horizontal-bar .topnav ul li:hover > div > div > ul, .layout-horizontal-bar .topnav ul li:hover > div > ul { opacity: 1 !important; visibility: visible !important; transform: translateY(0); transition: all 0.3s ease-in-out !important; max-height: 400px; } .layout-horizontal-bar .topnav ul ul li { opacity: 1; visibility: visible; width: 100% !important; } .layout-horizontal-bar .topnav ul:not(.menu) { box-shadow: none !important; margin-left: 5px; border-left: 1px dashed #eee; } .layout-horizontal-bar .topnav ul ul ul { left: 0; } .layout-horizontal-bar .topnav ul ul ul li { position: static; } } @media all and (max-width: 330px) { .topnav ul li { display: block; width: 94%; } } [dir=rtl] .topnav a .mat-icon, [dir=rtl] .topnav label .mat-icon { margin-right: 0; margin-left: 2px; } .app-footer { margin-top: 2rem; background: #E5E7EB; padding: 1.25rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .app-footer .footer-bottom { width: 100%; } .app-footer .footer-bottom .logo { width: 3rem; height: auto; margin: 4px; } .custom-separator { border-bottom: 1px dashed #ebedf2; margin: 15px 0; } div.tab-border { border: 1px dashed #ebedf2 !important; margin: 30px 0 !important; } .m-0 { margin: 0px !important; } .mt-0 { margin-top: 0px !important; } .mr-0 { margin-right: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .p-0 { padding: 0px !important; } .pt-0 { padding-top: 0px !important; } .pr-0 { padding-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .m-8 { margin: 8px !important; } .mt-8 { margin-top: 8px !important; } .mr-8 { margin-right: 8px !important; } .mb-8 { margin-bottom: 8px !important; } .ml-8 { margin-left: 8px !important; } .mx-8 { margin-left: 8px !important; margin-right: 8px !important; } .my-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .p-8 { padding: 8px !important; } .pt-8 { padding-top: 8px !important; } .pr-8 { padding-right: 8px !important; } .pb-8 { padding-bottom: 8px !important; } .pl-8 { padding-left: 8px !important; } .px-8 { padding-left: 8px !important; padding-right: 8px !important; } .py-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .m-12 { margin: 12px !important; } .mt-12 { margin-top: 12px !important; } .mr-12 { margin-right: 12px !important; } .mb-12 { margin-bottom: 12px !important; } .ml-12 { margin-left: 12px !important; } .mx-12 { margin-left: 12px !important; margin-right: 12px !important; } .my-12 { margin-top: 12px !important; margin-bottom: 12px !important; } .p-12 { padding: 12px !important; } .pt-12 { padding-top: 12px !important; } .pr-12 { padding-right: 12px !important; } .pb-12 { padding-bottom: 12px !important; } .pl-12 { padding-left: 12px !important; } .px-12 { padding-left: 12px !important; padding-right: 12px !important; } .py-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .m-16 { margin: 16px !important; } .mt-16 { margin-top: 16px !important; } .mr-16 { margin-right: 16px !important; } .mb-16 { margin-bottom: 16px !important; } .ml-16 { margin-left: 16px !important; } .mx-16 { margin-left: 16px !important; margin-right: 16px !important; } .my-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .p-16 { padding: 16px !important; } .pt-16 { padding-top: 16px !important; } .pr-16 { padding-right: 16px !important; } .pb-16 { padding-bottom: 16px !important; } .pl-16 { padding-left: 16px !important; } .px-16 { padding-left: 16px !important; padding-right: 16px !important; } .py-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .m-24 { margin: 24px !important; } .mt-24 { margin-top: 24px !important; } .mr-24 { margin-right: 24px !important; } .mb-24 { margin-bottom: 24px !important; } .ml-24 { margin-left: 24px !important; } .mx-24 { margin-left: 24px !important; margin-right: 24px !important; } .my-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .p-24 { padding: 24px !important; } .pt-24 { padding-top: 24px !important; } .pr-24 { padding-right: 24px !important; } .pb-24 { padding-bottom: 24px !important; } .pl-24 { padding-left: 24px !important; } .px-24 { padding-left: 24px !important; padding-right: 24px !important; } .py-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .m-28 { margin: 28px !important; } .mt-28 { margin-top: 28px !important; } .mr-28 { margin-right: 28px !important; } .mb-28 { margin-bottom: 28px !important; } .ml-28 { margin-left: 28px !important; } .mx-28 { margin-left: 28px !important; margin-right: 28px !important; } .my-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .p-28 { padding: 28px !important; } .pt-28 { padding-top: 28px !important; } .pr-28 { padding-right: 28px !important; } .pb-28 { padding-bottom: 28px !important; } .pl-28 { padding-left: 28px !important; } .px-28 { padding-left: 28px !important; padding-right: 28px !important; } .py-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .m-30 { margin: 30px !important; } .mt-30 { margin-top: 30px !important; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; } .mx-30 { margin-left: 30px !important; margin-right: 30px !important; } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-30 { padding: 30px !important; } .pt-30 { padding-top: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .px-30 { padding-left: 30px !important; padding-right: 30px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-32 { margin: 32px !important; } .mt-32 { margin-top: 32px !important; } .mr-32 { margin-right: 32px !important; } .mb-32 { margin-bottom: 32px !important; } .ml-32 { margin-left: 32px !important; } .mx-32 { margin-left: 32px !important; margin-right: 32px !important; } .my-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .p-32 { padding: 32px !important; } .pt-32 { padding-top: 32px !important; } .pr-32 { padding-right: 32px !important; } .pb-32 { padding-bottom: 32px !important; } .pl-32 { padding-left: 32px !important; } .px-32 { padding-left: 32px !important; padding-right: 32px !important; } .py-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .m-36 { margin: 36px !important; } .mt-36 { margin-top: 36px !important; } .mr-36 { margin-right: 36px !important; } .mb-36 { margin-bottom: 36px !important; } .ml-36 { margin-left: 36px !important; } .mx-36 { margin-left: 36px !important; margin-right: 36px !important; } .my-36 { margin-top: 36px !important; margin-bottom: 36px !important; } .p-36 { padding: 36px !important; } .pt-36 { padding-top: 36px !important; } .pr-36 { padding-right: 36px !important; } .pb-36 { padding-bottom: 36px !important; } .pl-36 { padding-left: 36px !important; } .px-36 { padding-left: 36px !important; padding-right: 36px !important; } .py-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .m-40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mx-40 { margin-left: 40px !important; margin-right: 40px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-40 { padding: 40px !important; } .pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .px-40 { padding-left: 40px !important; padding-right: 40px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-44 { margin: 44px !important; } .mt-44 { margin-top: 44px !important; } .mr-44 { margin-right: 44px !important; } .mb-44 { margin-bottom: 44px !important; } .ml-44 { margin-left: 44px !important; } .mx-44 { margin-left: 44px !important; margin-right: 44px !important; } .my-44 { margin-top: 44px !important; margin-bottom: 44px !important; } .p-44 { padding: 44px !important; } .pt-44 { padding-top: 44px !important; } .pr-44 { padding-right: 44px !important; } .pb-44 { padding-bottom: 44px !important; } .pl-44 { padding-left: 44px !important; } .px-44 { padding-left: 44px !important; padding-right: 44px !important; } .py-44 { padding-top: 44px !important; padding-bottom: 44px !important; } .m-48 { margin: 48px !important; } .mt-48 { margin-top: 48px !important; } .mr-48 { margin-right: 48px !important; } .mb-48 { margin-bottom: 48px !important; } .ml-48 { margin-left: 48px !important; } .mx-48 { margin-left: 48px !important; margin-right: 48px !important; } .my-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .p-48 { padding: 48px !important; } .pt-48 { padding-top: 48px !important; } .pr-48 { padding-right: 48px !important; } .pb-48 { padding-bottom: 48px !important; } .pl-48 { padding-left: 48px !important; } .px-48 { padding-left: 48px !important; padding-right: 48px !important; } .py-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .m-80 { margin: 80px !important; } .mt-80 { margin-top: 80px !important; } .mr-80 { margin-right: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .ml-80 { margin-left: 80px !important; } .mx-80 { margin-left: 80px !important; margin-right: 80px !important; } .my-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .p-80 { padding: 80px !important; } .pt-80 { padding-top: 80px !important; } .pr-80 { padding-right: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .pl-80 { padding-left: 80px !important; } .px-80 { padding-left: 80px !important; padding-right: 80px !important; } .py-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .m-auto { margin: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } ._dot { width: 5px; height: 5px; background-color: #fff; border-radius: 50%; } ._inline-dot { display: inline-block; } ._round-button { border-radius: 50% !important; } .progress--height-2 { height: 5px; } .input-group ~ .invalid-feedback { display: block; } .form-control.is-invalid .invalid-feedback { display: block; } .b-form-file.is-invalid ~ .invalid-feedback { display: block; } input.is-invalid ~ .invalid-feedback { display: block; } .tag-custom.is-invalid ~ .invalid-feedback { display: block; } #my-strictly-unique-vue-upload-multiple-image { font-family: "Avenir", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; } .inbox-main-sidebar-container { padding: 15px; } .inbox-main-sidebar-container .inbox-main-content { margin-left: 180px; } .inbox-main-sidebar-container .inbox-main-sidebar { margin-left: 0px; width: 180px; height: 100%; overflow: hidden; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav { list-style: none; padding: 0; margin: 0; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a { padding: 0.66rem 0; display: flex; flex-direction: row; align-items: center; color: #111827; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a.active { color: #8b5cf6; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a:hover { color: #8b5cf6; } .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a i { margin-right: 8px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container { border-radius: 10px; min-height: calc(100vh - 150px); } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .sidebar-content { margin-left: 360px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar-content .inbox-topbar { height: 52px; display: flex; flex-direction: row; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar-content .inbox-details { padding: 1.5rem 2rem; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar { overflow: hidden; width: 360px; height: 100%; border-right: 1px solid #E5E7EB; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item { display: flex; border-bottom: 1px solid #E5E7EB; padding: 1.25rem 1rem; cursor: pointer; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item:hover { background: #F3F4F6; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .avatar { width: 15%; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .details { width: 60%; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .date { width: 25%; font-size: 10px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .mail-item .date span { float: right; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .avatar img { margin: 4px; width: 32px; height: 32px; border-radius: 50%; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar .name { font-size: 12px; display: block; } @media (max-width: 767px) { .sidebar-container .sidebar-content { margin-left: 0px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .sidebar-content { margin-left: 0px; } .inbox-main-sidebar-container .inbox-secondary-sidebar-container .inbox-secondary-sidebar { margin-left: -280px; } .inbox-main-sidebar-container .inbox-main-sidebar { margin-left: -260px; } .mail-item { padding: 1rem 0.5rem !important; } .inbox-secondary-sidebar { margin-left: 0px; width: 280px !important; } } [dir="rtl"] .inbox-main-sidebar-container .inbox-main-sidebar .inbox-main-nav li a i { margin-right: 0; margin-left: 8px; } .pos_page { position: absolute; top: 0; right: 0; width: 100%; min-height: 100vh; } #invoice-POS h1, #invoice-POS h2, #invoice-POS h3, #invoice-POS h4, #invoice-POS h5, #invoice-POS h6 { color: #05070b; font-weight: bolder; } #pos .pos-detail { height: 42vh !important; } #pos .pos-detail .table-responsive { max-height: 40vh !important; height: 40vh !important; border-bottom: none !important; } #pos .pos-detail .table-responsive tr { font-size: 14px; } #pos .card-order { min-height: 100%; } #pos .card-order .main-header { position: relative; } #pos .grandtotal { text-align: center; height: 40px; background-color: #7ec8ca; margin-bottom: 20px; font-size: 1.2rem; font-weight: 800; padding: 5px; } #pos .list-grid .list-item .list-thumb img { width: 100% !important; height: 100px !important; max-height: 100px !important; -o-object-fit: cover; object-fit: cover; } #pos .list-grid { height: 100%; min-height: 100%; overflow: scroll; } #pos .brand-Active { border: 2px solid; } .centred { text-align: center; align-content: center; } @media (min-width: 1024px) { #pos .list-grid { height: 100vh; min-height: 100vh; overflow: scroll; } } #pos .card.o-hidden { width: 19%; max-width: 19%; min-width: 130px; } #pos .input-customer { position: relative; display: flex; flex-wrap: unset; align-items: stretch; width: 100%; } #pos .card.o-hidden:hover { cursor: pointer; border: 1px solid; } #invoice-POS { font-size: 14px; line-height: 20px; font-family: sans-serif; text-transform: capitalize; max-width: 400px; } @media print { body { visibility: hidden; } #invoice-POS { visibility: visible; font-size: 12px; line-height: 20px; } @page { margin: 0; } } #total tr { background-color: #ddd; } #top .logo { height: 100px; width: 100px; background-size: 100px 100px; } .title { float: right; } .title p { text-align: right; } table { width: 100%; border-collapse: collapse; } #invoice-POS table tr { border-bottom: 3px dotted #ddd !important; } .tabletitle { font-size: .5em; background: #EEE; } #legalcopy { margin-top: 5mm; } #legalcopy p { text-align: center; } #bar { text-align: center; } .quantity { max-width: 95px; width: 95px; } .quantity input { text-align: center; border: none; } .quantity .form-control:focus { color: #374151; background-color: unset; border-color: #e1d5fd; outline: 0; box-shadow: unset; } .quantity span { padding: 8px; } .list-horizontal .list-item .list-thumb img { height: 74px; -o-object-fit: cover; object-fit: cover; } .list-horizontal .list-item .item-title { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .list-horizontal .list-item a { color: #111827; } .list-grid .list-item .list-thumb img { width: 100%; height: 180px; -o-object-fit: cover; object-fit: cover; } .list-grid .list-item .card-body { display: block !important; } .list-grid .list-item .item-title { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 300px; } .list-grid .list-item a { color: #111827; } .list-grid .list-item .item-badges, .list-grid .list-item .item-actions { position: absolute; top: 16px; } .list-grid .list-item .item-actions { right: 16px; } .list-grid .list-item .item-badges { left: 16px; } .list-grid .list-item .item-select { display: none; } @media (max-width: 991px) { .list-horizontal .list-item .list-thumb img { height: 100%; width: 100px; } .list-horizontal .list-item .item-title { max-width: 200px; } } @media (max-width: 576px) { .list-horizontal .list-item .item-title { max-width: 150px; } } .user-profile .header-cover { position: relative; background-size: cover; background-repeat: no-repeat; height: 300px; } .user-profile .header-cover::after { content: ""; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.1); } .user-profile .user-info { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -40px; z-index: 9; } .user-profile .profile-picture { border-radius: 50%; border: 4px solid #fff; } .user-profile .profile-nav { justify-content: center; } .timeline { position: relative; list-style: none; padding: 0; margin: 0; } .timeline .timeline-item { position: relative; width: 50%; display: inline-block; } .timeline .timeline-item:nth-child(even) { padding: 0 3rem 3rem 0; } .timeline .timeline-item:nth-child(even) .timeline-badge { left: calc(100% - 24px); } .timeline .timeline-item:nth-child(odd) { float: right; padding: 0 0 3rem 3rem; margin-top: 6rem; } .timeline .timeline-item:nth-child(odd) .timeline-badge { right: calc(100% - 24px); } .timeline .timeline-item .timeline-badge { position: absolute; width: 48px; height: 48px; } .timeline .timeline-item .badge-icon { display: inline-block; text-align: center; font-size: 22px; border-radius: 50%; height: 100%; width: 100%; line-height: 48px; } .timeline .timeline-item .badge-img { display: inline-block; border-radius: 50%; height: 100%; width: 100%; } .timeline .timeline-group { position: relative; z-index: 99; padding: 0 0 2rem 0; } .timeline .timeline-line { position: absolute; content: ""; width: 1px; height: 100%; background: #D1D5DB; left: 0; right: 0; margin: auto; } @media (max-width: 767px) { .user-profile .header-cover { height: 200px; } .timeline .timeline-item { width: 100%; padding: 4rem 0 3rem !important; } .timeline .timeline-item:nth-child(odd) { margin-top: 1rem; } .timeline .timeline-item .timeline-badge { left: 0 !important; right: 0 !important; top: -16px; margin: auto; } .timeline .timeline-group { padding: 0 0 3rem; } } .auth-layout-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; background-size: cover; background: url(/images/photo-wide-4.jpg?2e142cde64f1b8e128390567fc4bded6); } .auth-layout-wrap .auth-content { min-width: 340px; margin: auto; } .auth-right { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } .auth-logo img { width: 100px; height: 100px; } @media (min-width: 1024px) { .auth-layout-wrap .auth-content { min-width: 340px; } } @media (max-width: 767px) { .auth-layout-wrap .auth-content { padding: 15px; min-width: 320px; } .auth-right { padding: 80px 15px; } } .not-found-wrap { background-image: url(/images/page-bg-bottom.png?ec613ada298590517b55ec1e07aaa754); background-position-y: bottom; background-size: cover; background-size: 100%; height: 100vh; background-repeat: no-repeat; padding: 120px 0; } .not-found-wrap h1 { font-weight: 800; margin-bottom: 16px; line-height: 1; } .not-found-wrap .subheading { font-weight: 800; } .main-header { position: relative; } .main-header .topbar .header-nav { display: flex; justify-content: space-between; padding: 0; } .main-header .topbar .header-nav .topbar-item ul li { padding-right: 40px; text-transform: capitalize; } .homepage { padding: 80px 0; background: url(https://ui-lib.com/wp-content/uploads/2019/04/bg-1.png); background-size: contain; background-repeat: no-repeat; } .homepage .main-content .logo { width: 80px; margin: auto; } .homepage .main-content h1 { color: #1F2937; line-height: 1.5; } .homepage .main-content .btn-raised-primary:hover { color: #fff; } .homepage .main-content .btn-raised { transition: all .15s ease-in; } .homepage .main-content .btn-raised:hover { transform: translateY(-2px); } .homepage .main-content .dashboard-photo { margin: auto; border-radius: 10px; overflow: hidden; max-width: 960px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .homepage .main-content .dashboard-photo img { width: 100%; } .features { padding-top: 126px; padding-bottom: 126px; background: #f8fafe; } .features .section-title { margin-bottom: 45px; } .features .section-title h2 { margin-bottom: 5px; } .features .section-title p { max-width: 550px; margin: 0 auto; opacity: 0.7; } .features .features-wrap .feature-card { flex-direction: row; justify-content: space-around; padding: 20px 0px; margin-bottom: 10px; background: transparent; } .features .features-wrap .feature-card .card-icon { padding: 15px; } .features .features-wrap .feature-card .card-title { display: flex; align-items: center; margin: 0px; flex-grow: 0.5; } .features .features-wrap .feature-card .card-title h6 { margin: 0px; } .features .features-wrap .feature-card:hover, .features .features-wrap .feature-card.active { background: linear-gradient(#8470b9, #473886); cursor: pointer; } .features .features-wrap .feature-card:hover .card-icon, .features .features-wrap .feature-card.active .card-icon { padding: 15px; color: #fff; } .features .features-wrap .feature-card:hover .card-title h6, .features .features-wrap .feature-card.active .card-title h6 { color: #fff; } .features .tab-panel { display: none; padding: 0 20px; } .features .tab-panel.active { display: block; } .features .tab-panel img { width: 100%; } .framework { padding-top: 126px; padding-bottom: 126px; background: #f8fafe; } .framework .section-title { padding-bottom: 40px; } .framework .item-photo { height: 180px; width: 180px; padding: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .framework .item-photo img { width: auto; height: auto; } .framework .item-photo .item-photo-text { font-size: 40px; } .demos { padding-top: 80px; padding-bottom: 80px; } .demos .section-title { padding-bottom: 35px; } .demos .demo-photo .thumbnail { display: block; } .demos .demo-photo img { width: 100%; } .demos .demo-photo a { text-transform: capitalize; } .demos .demo-photo a:hover { color: #ffffff; } .component { padding-top: 80px; padding-bottom: 80px; } .component .section-title { padding-bottom: 50px; } .component .component-list { margin-bottom: 30px; } .component .component-list ul .comoponent-list-heading { margin-left: 15px; text-transform: capitalize; margin-top: 2px; } .component .component-list ul li { list-style: none; margin-left: 45px; opacity: 0.7; } .clients { background-color: #f8fafe; padding-top: 80px; padding-bottom: 80px; } .clients .section-title { padding-bottom: 50px; text-align: center; } .clients .section-title h2 { margin-bottom: 10px; } .clients .section-title p { max-width: 550px; margin: 0 auto; } .clients .complement { max-width: 900px; margin: 0 auto; } .clients .complement .client-card { margin-bottom: 20px; padding: 10px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); } .clients .complement .client-card .user { margin-left: 10px; } .clients .complement .client-card .user .user-photo { margin-right: 30px; } .clients .complement .client-card .user .user-photo img { width: 50px; height: 50px; border-radius: 50%; } .clients .complement .client-card .user .user-detail { margin-top: 5px; } .clients .complement .client-card .user .user-detail h6 { margin: 0px; } .clients .complement .client-card .user .user-detail p { opacity: 0.8; } .clients .complement .client-card .user-comment { margin-left: 10px; } .clients .complement .client-card .user-comment p { max-width: 800px; font-style: italic; opacity: 0.7; } .blog { padding-top: 80px; padding-bottom: 80px; } .blog h2 { max-width: 890px; margin: 0px 0px 40px 0px; } .blog p { max-width: 890px; opacity: 0.7; } .blog .blog-photo { margin: 20px 0px; } .blog .blog-photo img { width: 100%; } .footer { background-color: #f8fafe; padding-top: 80px; } .footer .footer-item { margin-bottom: 100px; } .footer .footer-item .social-media ul li { list-style: none; display: inline-block; margin-left: 10px; } .footer .footer-item .social-media ul li a { color: #111111a8; background: #fff; padding: 7px; border-radius: 5px; } .footer .footer-bootom { padding: 10px 0px; border-top: 0.2px solid #fffffffa; } .footer .footer-bootom p { margin: 0px; } .footer .btn-raised-primary:hover { color: #fff; } .footer .btn-raised { transition: all .15s ease-in; } .footer .btn-raised:hover { transform: translateY(-2px); } @media (max-width: 960px) { .dashboard .dashboard-photo { max-width: calc(100% - 80px); } .dashboard { height: 350px; } } @media (max-width: 767px) { .main-header .navbar-nav { flex-direction: row; } .main-header .navbar-nav .nav-item { margin-right: 8px; } .main-header .topbar .header-nav { display: block; } .brand { display: flex; justify-content: space-between; width: 100%; } .navbar-toggler { padding: 5px 0px; font-size: 1.25rem; line-height: 1; border: 0px solid #fff; border-radius: 0.25rem; display: flex; flex-direction: column; cursor: pointer; display: flex; justify-content: center; } .navbar-toggler .navbar-toggler-icon { background: #1F2937; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; outline: none; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; background: transparent; background-size: auto; background-repeat: no-repeat; overflow: hidden; z-index: 999; text-align: center; } .navbar-toggler-icon { display: inline-block; width: 25px; height: 2px; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; background: #fff; margin-top: 4px; } .dashboard { height: 250px; } .features .features-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .features .features-wrap .feature-card { padding: 10px 10px; margin: 5px 5px; } .features .features-wrap .feature-card .card-title { margin: 0px; } .features .features-wrap .feature-card .card-title h6 { margin: 0px; } .features .features-wrap .feature-card .card-icon { display: none; } .framework .item-photo { margin-bottom: 30px; } .component .component-list { margin: 0 auto; } .component .component-list ul { text-align: center; padding: 0px; } .component .component-list ul li { margin-left: 30px; } .component .component-list .comoponent-list-heading { margin-left: 3px !important; } .footer .footer-item .social-media { margin-top: 18px; } .footer .footer-item .social-media ul { padding: 0px; } .footer .footer-item .social-media ul li { margin-right: 20px; margin-left: 0px; } .footer .footer-item .selling-btn { margin-top: 10px; } .footer .footer-item .btn-arrow { margin-top: 10px; } } @media (max-width: 600px) { .homepage { padding: 80px 0; } .dashboard { height: auto; padding: 60px 0; } .dashboard .dashboard-photo { position: unset !important; } } @media only screen and (max-width: 991px) { .ul-landing__navbar.collapse:not(.show) { display: block !important; } .ul-landing__brand { max-width: 80px !important; } } label.ul-form__label { font-size: 13px; font-weight: 400; margin-bottom: 5px; text-align: right; padding: 7px 0; } small.ul-form__text { margin-top: 10px; color: #6B7280; font-weight: 400; } .input-right-icon { position: relative; } span.span-left-input-icon { position: absolute; top: 9px; left: 10px; } span.span-right-input-icon { position: absolute; top: 9px; /* left: 0; */ right: 10px; } i.ul-form__icon { color: #4B5563; font-size: 15px; font-weight: 600; } .ul-form__radio-inline { display: flex; } span.ul-form__radio-font { font-size: 14px; font-weight: 500; } .footer-delete-right { float: right; } .ul-card__margin-25 { margin: 25px 0; } @media only screen and (max-width: 991px) { label.ul-form--margin { text-align: left; margin-left: 20px; } } label.action-bar-horizontal-label { font-size: 15px; } .ul-form__radio { position: relative; } span.checkmark.ul-radio__position { position: absolute; /* bottom: -22px; */ top: -8px; left: 4px; } i.ul-tab__icon { font-size: 14px; font-weight: 500; } .ul-tab__border { border: 1px dashed #6B7280; margin: 30px 0; } .ul-tab__content { margin: 0; padding-left: 0; } .ul-dropdown__toggle { padding: 8px 25px; margin: 0 5px; } .tab-border { border: 1px dashed #ebedf2 !important; margin: 30px 0 !important; } span._r_block-dot { display: block; margin: 2px 0; } ._r_btn { border: 1px solid #e8ecfa; } ._r_drop_right { padding-right: 14px !important; } .ul-accordion__link:hover { list-style: none; text-decoration: none !important; } button.ul-accordion__link { text-decoration: none !important; } .ul-accordion__font { font-size: 16px; } .ul-cursor--pointer { cursor: pointer; } .ul-border__bottom { border-bottom: 1px solid #6366f1; } .ul-card__v-space { border-radius: 0; box-shadow: 0; margin: 30px 0; } .ul-card__border-radius { border-radius: 0; box-shadow: none; } .header-elements-inline { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } .ul-card__list--icon-font i { font-weight: 700; margin: 0 2px; } .accordion .ul-collapse__icon--size a::before { font-family: 'iconsmind'; font-size: 18px; font-weight: 700; vertical-align: bottom; cursor: pointer; } .accordion .ul-collapse__left-icon a.collapsed:before { font-family: 'iconsmind'; content: "\F083"; margin: 0 8px; } .accordion .ul-collapse__left-icon a:before { font-family: 'iconsmind'; content: "\F072"; margin: 0 8px; } .accordion .ul-collapse__right-icon a.collapsed:before { font-family: 'iconsmind'; content: "\F083"; margin: 0 8px; float: right; position: absolute; right: 15px; } .accordion .ul-collapse__right-icon a:before { font-family: 'iconsmind'; content: "\F072"; margin: 0 8px; float: right; position: absolute; right: 15px; } .ul-widget__item { display: flex; justify-content: space-between; align-items: center; border-bottom: 0.07rem dashed #D1D5DB; padding: 1.1rem 0; } .ul-widget1__title { font-size: 1.1rem; font-weight: 700; color: #4B5563; } .ul-widget__desc { font-size: 0.9rem; font-weight: normal; } .ul-widget__number { font-size: 1.4rem; font-weight: 700; } .ul-widget__item:last-child { border-bottom: 0; } .ul-widget__head { display: flex; justify-content: space-between; border-bottom: 1px solid #E5E7EB; align-items: center; } .ul-widget__head.\--v-margin { padding: 10px 0; } .ul-widget__head-title { margin: 0; font-size: 1.2rem; font-weight: 500; color: #1F2937; } .ul-widget-nav-tabs-line .nav-item .nav-link.active { border: 1px solid transparent; border-color: #fff #fff #6366f1 #fff; } .ul-widget-nav-tabs-line .nav-link { font-weight: 700; } .ul-widget__body { margin-top: 10px; } .ul-widget2__item { display: flex; justify-content: space-between; margin-bottom: 1.4rem; align-items: center; position: relative; } .ul-widget2__info { display: flex; flex-direction: column; flex-grow: 1; margin-left: 10px; } .ul-widget2__title { font-weight: 600; color: #4B5563; } .ul-widget2__username { font-size: 0.7rem; color: #4B5563; } .ul-widget__link--font i { font-weight: 700; font-size: 13px; letter-spacing: 2px; } .ul-widget__link--font { color: #4B5563; font-weight: 600; font-size: 15px; } .ul-pl-0 { padding-left: 0; } .ul-checkmark { position: absolute; top: -4px !important; left: 20px !important; } .ul-widget2__actions { opacity: 0; visibility: hidden; } .ul-widget1:hover .ul-widget2__actions { opacity: 1; visibility: visible; transition: 0.3s; } .pb-20 { padding-bottom: 20px; } .ul-widget-notification-item { display: flex; align-items: center; padding: 2px; position: relative; border-bottom: 1px solid #E5E7EB; padding: 10px 0px; } .ul-widget-notification-item:last-child { border-bottom: none; } .ul-widget-notification-item:hover { background-color: #F3F4F6; } .ul-widget-notification-item-icon { /* padding-left: 12px; */ padding-right: 20px; } .ul-widget-notification-item-title { transition: color 0.3s ease; font-size: 1rem; font-weight: 400; color: #374151; } .ul-widget-notification-item-time { font-size: 13px; font-weight: 300; color: #6B7280; } .ul-widget-notification-item::after { content: "\F07D"; font-family: "iconsmind"; position: absolute; /* top: 16px; */ right: 0; } .ul-widget-notification-item i { font-size: 27px; } .ul-widget3-img img { width: 3.2rem; border-radius: 50%; } .ul-widget3-item { margin-bottom: 1rem; border-bottom: 0.07rem dashed #E5E7EB; } .ul-widget3-item:last-child { border: none; } .ul-widget3-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.8rem; } span.ul-widget3-status { flex-grow: 1; text-align: right; } .ul-widget3-info { padding-left: 10px; } .ul-widget4__item { display: flex; align-items: center; border-bottom: 1px dashed #D1D5DB; padding: 15px 0; } .ul-widget4__item:last-child { border-bottom: 0; } .ul-widget4__pic-icon { margin-right: 15px; font-size: 25px; } a.ul-widget4__title { color: #4B5563; font-weight: 700; font-size: 15px; } a.ul-widget4__title:hover { color: #6366f1; } .ul-widget4__img img { width: 2.5rem; border-radius: 5px; margin-right: 15px; } .ul-widget4__users { justify-content: space-between; } .ul-widget2__info.ul-widget4__users-info { flex-grow: 1; width: calc(100% - 135px); } span.ul-widget4__number.t-font-boldest { font-size: 1.1rem; /* font-weight: 900; */ } .ul-widget5__item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.43rem; padding-bottom: 1.57rem; border-bottom: 0.07rem dashed #E5E7EB; } .ul-widget5__item:last-child { border-bottom: none; } .ul-widget5__content { display: flex; align-items: center; } .ul-widget5__stats { display: flex; flex-direction: column; text-align: right; } .ul-widget5__stats:first-child { padding-right: 3rem; } span.ul-widget5__number { font-size: 1.3rem; font-weight: 600; color: #4B5563; } .ul-widget5__pic img { padding-right: 1.43rem; width: 8.6rem; border-radius: 4px; } p.ul-widget5__desc { margin: 0; padding: 0.4rem 0; font-size: 1rem; font-weight: 400; color: #9CA3AF; } .ul-widget5__info span:nth-child(even) { font-weight: 600; padding-right: 0.71rem; } .ul-widget6__head .ul-widget6__item { display: flex; align-items: center; margin-bottom: 1.07rem; } .ul-widget6__head .ul-widget6__item span { flex: 1; text-align: left; font-size: 0.8rem; color: #6B7280; font-weight: 500; } .ul-widget6__head .ul-widget6__item span:last-child { text-align: right; } .ul-widget6__body .ul-widget6__item { display: flex; align-items: center; padding: 1.07rem 0; border-bottom: 0.07rem dashed #E5E7EB; } .ul-widget6__body .ul-widget6__item:last-child { border-bottom: none; } .ul-widget6__body .ul-widget6__item span { flex: 1; text-align: left; color: #4B5563; font-weight: 400; } .ul-widget6__body .ul-widget6__item span:last-child { text-align: right; } .ul-widget6 .ul-widget6-footer { text-align: right; margin: 0; } .ul-widget-s5__pic img { width: 4rem; border-radius: 50%; } .ul-widget-s5__pic { padding-right: 1rem; } a.ul-widget4__title.ul-widget5__title { font-size: 1.1rem; } .ul-widget-s5__desc { margin: 0; color: #4B5563; } .ul-widget-s5__item { display: flex; justify-content: space-between; } .ul-widget-s5__content { display: flex; align-items: center; } .ul-widget-s5__content:last-child { display: flex; justify-content: space-between; align-items: center; } .ul-widget-s5__progress { flex: 1; padding-right: 1rem; } .ul-widget-s5__stats { justify-content: space-between; display: flex; margin-bottom: 0.7rem; } .ul-widget-s5__stats span { font-size: 1rem; font-weight: 600; color: #374151; } .widget-badge { margin: 0 !important; } .ul-widget-s6__items { position: relative; } .ul-widget-s6__items:before { content: ""; position: absolute; display: block; width: 1px; background-color: #D1D5DB; height: 100%; left: 3px; top: 14px; } p.ul-widget6__dot { height: 8px; width: 8px; margin: 0; position: relative; z-index: 1; } .ul-widget-s6__item { display: flex; justify-content: space-between; margin: 1rem 0; } p.ul-widget-s6__text { flex-grow: 1; margin-left: 11px; } span.ul-widget-s6__text { display: flex; flex-grow: 1; /* margin-right: -26px; */ padding-left: 12px; color: #4B5563; font-weight: 600; } span.ul-widget-s6__time { font-size: 0.77rem; color: #6B7280; } .ul-widget6__item--table { height: 400px; overflow-y: scroll; } tr.ul-widget6__tr--sticky-th th { position: sticky; top: 0; background-color: #fff; } .ul-widget-s7__items { display: flex; } .ul-widget-s7__item-circle { margin: 0 1rem; } .ul-widget-s7__item-circle i { font-size: 16px; font-weight: 900; } .ul-widget-s7 { position: relative; padding: 15px 0; } .ul-widget-s7:before { content: ""; position: absolute; width: 1; height: 100%; background-color: #9CA3AF; width: 0.241rem; /* top: 0; */ left: 72px; top: 22px; } p.ul-widget7__big-dot { height: 13px; width: 13px; margin: 0; position: relative; z-index: 1; } .ul-widget-s7__item-time { font-size: 1.2rem; font-weight: 500; color: #4B5563; } .ul-widget-s7__item-time.ul-middle { display: flex; align-items: center; } .ul-widget-s7__item-text { font-size: 1rem; color: #4B5563; } .ul-widget-s7:last-child:before { background-color: #F3F4F6; } .ul-vertical-line { height: 100%; width: 7px; display: inline-block; vertical-align: middle; } .ul-widget8__tbl-responsive { display: block; width: 100%; overflow-x: auto; } .ul-widget_user-card { display: flex; align-items: center; } @media only screen and (max-width: 425px) { .ul-widget__number { font-size: 1.1rem; font-weight: 700; } .ul-widget1__title { font-size: 0.9rem; } .ul-widget__desc { font-size: 0.7rem; } .ul-widget__head { flex-direction: column; } .ul-widget__head-label { margin: 10px 0; } .ul-widget__head.v-margin { flex-direction: unset; } } @media only screen and (max-width: 1024px) { .ul-widget2__actions { opacity: 1; visibility: visible; } } @media only screen and (max-width: 768px) { .ul-widget-s5__content:last-child { width: 100%; } .ul-widget-s5__item { justify-content: space-between; display: block; } .ul-widget-s5__content { margin: 15px 0; } } @media only screen and (max-width: 375px) { .ul-widget5 { overflow-x: auto; } a.ul-widget4__title { font-size: 12px; padding-right: 5px; } a.ul-widget4__title.ul-widget5__title { font-size: 11px; } p.ul-widget-s5__desc { font-size: 11px; } } @media only screen and (max-width: 725px) { .ul-widget5__item { display: block; text-align: center !important; } .ul-widget5__content { display: block; margin-bottom: 15px; } .ul-widget5__stats:first-child { padding-right: 0; } .ul-widget5__stats { text-align: center; } } .ul-card__widget-chart { padding: 0px; } .ul-widget__chart-info { padding: 15px; } .ul-widget__row { align-items: center; display: flex; } .ul-widget__content { margin-left: 30px; } .ul-widget__row-v2 { text-align: center; text-align: -webkit-center; } .ul-widget-stat__font i { font-size: 35px; } .ul-widget__content-v4 { text-align: center; } .ul-widget-card__info { display: flex; justify-content: space-between; } .ul-widget-card__info span p:first-child { font-size: 20px; font-weight: 500; margin-bottom: 2px; } .ul-widget-card__info span p:last-child { font-size: 17px; margin: 0; } .ul-widget-card__progress-rate { display: flex; justify-content: space-between; margin-top: 12px; margin-bottom: 5px; } .ul-widget-card__progress-rate span { font-weight: 700; } .ul-widget-card__progress-rate span:last-child { font-weight: 700; color: #9CA3AF; } .progress--height { height: 10px; } .ul-widget-card__user-info { text-align: center; } .ul-widget-card--line { border-bottom: 1px solid #D1D5DB; padding-bottom: 20px; } .ul-widget-card--line:last-child { border-bottom: none; } .ul-widget-card__rate-icon { display: flex; justify-content: space-between; margin: 15px 0; } .ul-widget-card__rate-icon.\--version-2 { justify-content: flex-start; } .ul-widget-card__rate-icon.\--version-2 span { margin-right: 18px; } .ul-widget-card__rate-icon span i { font-size: 14px; } .ul-widget-card__rate-icon span { font-size: 15px; } .ul-widget-card__rate-icon span i { font-size: 16px; font-weight: 600; margin-right: 2px; } .ul-widget-card__full-status { display: flex; justify-content: space-between; } .ul-widget-card__status1 { display: grid; text-align: -webkit-center; text-align: center; } .ul-widget-card__status1 span:first-child { font-size: 1.25rem; font-weight: 600; } .ul-widget6__dot.ul-widget-card__dot-xl { padding: 1.35rem; } .ul-widget-s6__badge .ul-widget-card__dot { position: relative; } .ul-widget6__dot.ul-widget-card__dot-xl i { position: absolute; top: 35%; content: ""; left: 35%; } .ul-widget-s6__items.ul-widget-card__position:before { left: 20px; top: 0; } .ul-widget-card__item { display: flex; align-items: center; padding: 20px 0; } .ul-widget-card__info-v2 { display: grid; /* margin-right: 2px; */ margin-left: 20px; } .ul-widget-card__img-bg { background-size: cover; height: 500px; background-repeat: no-repeat, repeat; } .ul-widget-card__cloud .ul-widget-card__head h1 { color: #fff; } .ul-widget-card__cloud .ul-widget-card__head i { color: #fff !important; } .ul-widget-card__head { display: flex; justify-content: space-around; margin: 60px 0; align-items: center; } .ul-widget-card__weather-info { display: flex; justify-content: space-between; align-items: center; font-size: 20px; margin: 45px 0; } .ul-b4__box { width: 5rem; height: 5rem; background-color: #9CA3AF; display: inline-block; margin: 0 5px; } .ul-b4__border { border: 1px solid #6366f1; } .ul-b4__border-top { border-top: 1px solid #6366f1; } .ul-b4__border-right { border-right: 1px solid #6366f1; } .ul-b4__border-bottom { border-bottom: 1px solid #6366f1; } .ul-b4__border-left { border-left: 1px solid #6366f1; } .ul-b4-utilities__code pre { margin: 0; padding: 0; font-size: 15px; } .ul-b4-utilities__code { padding: 25px 10px; background-color: #E5E7EB; } .ul-b4__border-0 { border: none; } .ul-b4__border-top-0 { border-top: none; border-bottom: 1px solid #6366f1; border-right: 1px solid #6366f1; border-left: 1px solid #6366f1; } .ul-b4__border-right-0 { border-right: none; border-bottom: 1px solid #6366f1; border-left: 1px solid #6366f1; border-top: 1px solid #6366f1; } .ul-b4__border-bottom-0 { border-bottom: none; border-left: 1px solid #6366f1; border-top: 1px solid #6366f1; border-right: 1px solid #6366f1; } .ul-b4__border-left-0 { border-bottom: 1px solid #6366f1; border-left: none; border-top: 1px solid #6366f1; border-right: 1px solid #6366f1; } .ul-b4-display__info-1 { margin-bottom: 60px; } .ul-b4-display__info-1 p { font-size: 14px; color: #4B5563; } .ul-b4-display__table { margin-top: 20px; } .ul-b4-display__table tr th { font-size: 17px; } .ul-b4-display__table tr td { font-size: 14px; } .ul-display__print ul li code { font-size: 15px; } .ul-display__margin { margin: 40px 0; } .ul-display__paragraph { font-size: 14px; } .ul-weather-card__img-overlay { background-size: cover; height: 400px; background-position-y: center; background-repeat: no-repeat; } .display-4 { font-size: 3.5rem; } .ul-weather-card__weather-time { padding: 30px; } .ul-weather-card__img-overlay span { font-size: 20px; } .display-5 { font-size: 2.5rem !important; } .ul-weather-card__weather-info i { font-size: 25px; font-weight: 600; } .ul-weather-card__weather-info { margin: 20px 0; } .ul-weather-card__font-md { font-size: 20px; font-weight: 600; } .ul-weather-card__header { display: flex; align-items: center; } .ul-weather-card__header span { color: #fff; font-size: 18px; } .ul-weather-card__calendar { display: flex; align-items: center; justify-content: space-between; } .ul-weather-card__calendar-2 { display: flex; justify-content: space-between; align-items: center; } .ul-weather-card__both-group { padding: 25px; } .ul-weather-card__inner-card { width: 100%; } .ul-weather-card__info { display: flex; justify-content: space-between; font-size: 16px; } .card .ul-weather-card__bg-img img { width: 100%; height: 300px; } .ul-weather-card__img-overlay-2 { position: absolute; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .ul-weather-card__img-overlay-2 span { color: #fff; } .font-25 { font-size: 25px; } .ul-weather-card__footer-color { color: #6366f1; font-weight: 600; } .ul-weather-card__footer-color-2 { color: #ec4899; } .ul-weather-card__grid-style { display: grid; } .ul-weather-card__weather-s-title { font-size: 1rem; } .ul-weather-card__footer-color-3 h5 { color: #14b8a6; } .ul-weather-card__footer-color-3 h4 { color: #14b8a6; } .ul-widget-app__row-comments { display: flex; align-items: center; padding: 14px; margin-bottom: 10px; } .ul-widget-app__row-comments:hover { background-color: #E5E7EB; } .ul-widget-app__row-comments:hover .ul-widget-app__icons a i { opacity: 1; visibility: visible; } .ul-widget-app__icons a i:hover { color: #8b5cf6; } .ul-widget-app__roundbg-icon { border-radius: 50% !important; line-height: 40px; height: 40px; min-width: 40px; text-align: center; padding: 0px !important; } .ul-widget-app__comment { width: calc(100% - 86px); } .ul-widget-app__profile-status { display: flex; justify-content: space-between; align-items: center; } .ul-widget-app__icons { flex-grow: 1; } .ul-widget-app__icons { font-size: 17px; } .ul-widget-app__icons a i { margin: 0 3px; font-weight: 600; opacity: 0; visibility: hidden; vertical-align: middle; } .ul-widget-app__recent-messages { height: calc(100vh - 350px); overflow-y: scroll; cursor: pointer; } .ul-widget-app__skill-margin span { margin: 0 5px; } .ul-widget-app__profile-footer { display: flex; justify-content: space-around; align-items: center; } .ul-widget-app__profile-footer-font a span { vertical-align: middle; } .ul-widget-app__profile-footer-font a i { vertical-align: middle; } .ul-widget-app__browser-list-1 { display: flex; align-items: center; justify-content: space-between; } .notification_widget .ul-widget-app__browser-list-1 { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .notification_widget .ul-widget-app__browser-list-1:hover { background: #eee; } .ul-widget-app__browser-list-1 span { flex-grow: 1; } .ul-widget-app__browser-list-1 span:last-child { flex-grow: 0; } span.ul-widget-app__find-font { position: absolute; /* left: 0; */ top: 4px; right: 10px; color: #8b5cf6; bottom: 0; font-size: 20px; } .ul-widget-app__small-title { display: grid; } .user-profile.ul-widget-app__profile--position { position: absolute; top: 40%; left: 0; margin: 0 auto; right: 0; transform: translateY(-50%); } .timeline--align { bottom: 8px; } .ul-product-detail__features ul li { list-style: none; margin: 8px 0; } .ul-counter-cart .btn-group { display: flex; align-items: center; } .ul-counter-cart .btn-group .btn { padding: 0px !important; border: 0; background-color: transparent; margin: 0px 14px; } ul.gull-pagination li { margin: 0 12px; } ul.gull-pagination li .page-link { border-radius: 50% !important; border-color: #fff !important; } .page-link:hover { background-color: #fff; } .page-link:focus { box-shadow: 0 0 0 0.2rem white; } .page-item.disabled .page-link { color: #d5d0d9; } html { font-size: 16px; } body { letter-spacing: 0.3px; line-height: 1.6; background: #fff; overflow-x: hidden; overflow-y: scroll; } [tabindex="-1"]:focus { outline: none; } hr { margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); height: 0; } select, button, textarea, input { vertical-align: baseline; } div { box-sizing: border-box; } html[dir="rtl"], html[dir="ltr"], body[dir="rtl"], body[dir="ltr"] { unicode-bidi: embed; } bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; } bdo[dir="ltr"] { direction: ltr; unicode-bidi: bidi-override; } img { max-width: 100%; } a, a:focus, a:hover { text-decoration: none; } blockquote { border-left: 2px solid #E5E7EB; padding-left: 1rem; margin-bottom: 1rem; font-size: 1.01625rem; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { outline: none; } .o-hidden { overflow: hidden; } .separator-breadcrumb { margin-bottom: 2rem; } .line-height-1 { line-height: 1; } .line-height-2 { line-height: 2; } .line-height-3 { line-height: 3; } .line-height-4 { line-height: 4; } .line-height-5 { line-height: 5; } .app-inro-circle { text-align: center; text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: calc(50% - 150px); } .app-inro-circle .big-bubble { height: 280px; width: 280px; margin: 0 auto 20px; text-align: center; background: #8b5cf6; display: flex; align-items: center; justify-content: center; } .app-inro-circle .big-bubble i { font-size: 108px; color: #ffffff; } .loadscreen { text-align: center; position: fixed; width: 100%; left: 0; right: 0; margin: auto; top: 0; height: 100vh; background: #ffffff; z-index: 999; } .loadscreen .loader { position: absolute; top: calc(50vh - 50px); left: 0; right: 0; margin: auto; } .loadscreen .logo { display: inline-block !important; width: 80px; height: 80px; } .img-preview { overflow: hidden; float: left; background-color: #E5E7EB; width: 100%; text-align: center; margin-right: 10px; margin-bottom: 10px; } .preview-lg { width: 200px; height: 150px; } .preview-md { width: 150px; height: 120px; } .preview-sm { width: 100px; height: 75px; } .custom-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; } .header-cover { background: url(/images/photo-wide-5.jpeg?9f1d8eb903ef302c5c61195b9cb751a3); } .loading_page { height: 80px; width: 80px; left: calc(50% - 50px); margin-top: 5%; } .spinner.sm { height: 2em; width: 2em; } .row_deleted { background-color: lavender; } #nprogress .bar { background: #8b5cf6; } #nprogress .spinner-icon { border-top-color: #8b5cf6; border-left-color: #8b5cf6; } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; width: auto; height: auto; background: transparent; } #nprogress .spinner:after { background: transparent; } @media (max-width: 576px) { .app-inro-circle .big-bubble { width: 220px; height: 220px; } button.close { float: right; font-size: 1.2195rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; position: absolute; top: 0; right: 5px; } } @media (max-width: 764px) { .vgt-global-search.vgt-clearfix { display: flex; flex-direction: column; } } [dir="rtl"] .rtl-ps-none .ps__rail-x, [dir="rtl"] .rtl-ps-none .ps__rail-y { display: none; } .dark-theme { background: #292929; } .dark-theme .text-muted { color: #d8d8d8 !important; } .dark-theme .sidebar-left, .dark-theme .sidebar-left-secondary, .dark-theme .main-header, .dark-theme .card { background: #292929; color: #d8d8d8 !important; } .dark-theme .border-bottom { border-bottom: 1px solid #202020 !important; } .dark-theme .main-content-wrap { background-color: #202020; color: #d8d8d8 !important; } .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6, .dark-theme .card-title, .dark-theme .text-title { color: #d8d8d8; } .dark-theme .card-title { color: #d8d8d8 !important; } .dark-theme a { color: #d8d8d8 !important; } .dark-theme input, .dark-theme textarea { background: #202020 !important; border-color: #292929; color: #d8d8d8 !important; } .dark-theme .app-footer { background: #292929; } .dark-theme .navigation-left .nav-item { color: #d8d8d8 !important; border-bottom: 1px solid #202020 !important; } .dark-theme .navigation-left .nav-item .nav-item-hold { color: #d8d8d8 !important; } .dark-theme .navigation-left .nav-item .nav-item-hold a { color: #d8d8d8 !important; } .dark-theme .sidebar-left-secondary .childNav li.nav-item { display: block; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a { color: #d8d8d8; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a:hover { background: #202020; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.open { color: #8b5cf6; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.router-link-active { color: #8b5cf6; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a.router-link-active .nav-icon { color: #8b5cf6; } .dark-theme .sidebar-left-secondary .childNav li.nav-item a .nav-icon { color: #d8d8d8; } .dark-theme .search-ui { position: fixed; background: #202020; } .dark-theme .search-ui input.search-input { background: #202020; } .dark-theme .search-ui input.search-input::-moz-placeholder { color: #d8d8d8; } .dark-theme .search-ui input.search-input:-ms-input-placeholder { color: #d8d8d8; } .dark-theme .search-ui input.search-input::placeholder { color: #d8d8d8; } .dark-theme .search-bar { background: #292929 !important; border: 1px solid #202020 !important; } .dark-theme .search-bar input { color: #d8d8d8 !important; background: #292929 !important; } .dark-theme .border-top { border-top: 1px solid #292929 !important; } .dark-theme .tab-border { border: 1px dashed #202020 !important; } .dark-theme table.vgt-table { background: #292929; } .dark-theme .vgt-table thead th { color: #d8d8d8 !important; } .dark-theme table.tableOne.vgt-table thead tr th { background: #292929; border-color: #202020; } .dark-theme .list-group-item { background-color: #292929; border: 1px solid #202020; } .dark-theme .page-link { color: #d8d8d8; background-color: #202020; border: 1px solid #292929; } .dark-theme .dropdown-menu { color: #d8d8d8; background-color: #202020; border: 1px solid #202020; } .dark-theme .table td { border-top: 1px solid #202020; } .dark-theme .table thead th { border-bottom: 2px solid #202020; } .dark-theme .table .thead-light th { color: #d8d8d8; background-color: #202020; border-color: #202020; } .dark-theme .apexcharts-xaxis-label { fill: #d8d8d8; } .dark-theme .apexcharts-yaxis-label { fill: #d8d8d8; } .dark-theme .apexcharts-tooltip.light { border: 1px solid #292929; background: #202020; } .dark-theme .apexcharts-tooltip.light .apexcharts-tooltip-title { background: #292929; border-bottom: 1px solid #292929; } .dark-theme .apexcharts-legend-text { color: #d8d8d8 !important; } .dark-theme .input-group-text { color: #d8d8d8; background-color: #202020; border: 1px solid #202020; } .dark-theme .custom-select { color: #d8d8d8; background-color: #202020; border: 1px solid #202020; } .dark-theme .header-icon:hover { background: #202020 !important; } .dark-theme .calendar-parent { background-color: #292929; } .dark-theme .cv-day, .dark-theme .cv-event, .dark-theme .cv-header-day, .dark-theme .cv-header-days, .dark-theme .cv-week, .dark-theme .cv-weeks { border-style: solid; border-color: #202020; } .dark-theme .theme-default .cv-day.outsideOfMonth, .dark-theme .theme-default .cv-day.past { background-color: #292929; } .dark-theme .theme-default .cv-day.today { background-color: #202020; } .dark-theme .theme-default .cv-header, .dark-theme .theme-default .cv-header-day { background-color: #202020; } .dark-theme .cv-header, .dark-theme .cv-header button { border-style: solid; border-color: #292929; background: #202020; } .dark-theme .vgt-global-search.vgt-clearfix { background: #292929; } .dark-theme table.tableOne tbody tr th.line-numbers { background: #292929; } .dark-theme div.vgt-wrap__footer.vgt-clearfix { background: #292929; } .dark-theme table.vgt-table td { border-bottom: 1px solid #202020; color: #d8d8d8; } .dark-theme table.tableOne tbody tr th.vgt-checkbox-col { background: #292929; } .dark-theme th.line-numbers { border-bottom: 1px solid #292929; } .dark-theme th.vgt-checkbox-col { border-bottom: 1px solid #292929; } .dark-theme .ul-widget__item { border-bottom: 0.07rem dashed #202020; } .dark-theme .order-table.vgt-table tbody tr:hover { background: #202020; border-radius: 10px; } .dark-theme .page-item.disabled .page-link { background-color: #292929; border-color: #292929; } .dark-theme ul.gull-pagination li .page-link { border-color: #292929 !important; } .dark-theme ul.gull-pagination li .page-link:hover { background: #292929; } .dark-theme .layout-sidebar-compact .sidebar-left { background: #202020; } .dark-theme .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a.open { color: #8b5cf6; background: #202020; } .dark-theme .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a.open .nav-icon { color: #8b5cf6; } .dark-theme .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon { color: #d8d8d8; } .dark-theme .chat-sidebar-container { height: calc(100vh - 140px); min-height: unset; } .dark-theme .chat-sidebar-container .chat-topbar { height: 52px; } .dark-theme .chat-sidebar-container .chat-content-wrap .chat-content .message { background: #202020; } .dark-theme .chat-sidebar-container .chat-content-wrap .chat-content .message:before { border-color: transparent transparent #202020 transparent; } .dark-theme .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact { position: relative; cursor: pointer; transition: 0.15s all ease-in; } .dark-theme .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:hover { background: #202020; } .dark-theme .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:before { background: #292929; border-radius: 50%; } .dark-theme .chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact.online:before { background: #10b981; } .dark-theme .layout-sidebar-vertical .sidebar-panel { box-shadow: 0 1px 15px #202020, 0 1px 6px #202020; background: #292929; } .dark-theme .layout-sidebar-vertical .main-content-wrap .main-header { background: #292929 !important; } .dark-theme .layout-sidebar-vertical-two .sidebar-panel { box-shadow: 0 1px 15px #202020, 0 1px 6px #202020; background: #292929; } .dark-theme .layout-sidebar-vertical-two .main-content-wrap .main-header { background: #292929 !important; } .dark-theme .layout-horizontal-bar .header-topnav { background: #292929; box-shadow: 0 1px 15px transparent, 0 1px 6px transparent; } .dark-theme .layout-horizontal-bar .header-topnav .topnav a { color: #d8d8d8 !important; } .dark-theme .layout-horizontal-bar .header-topnav .topnav ul ul { background: #292929; color: #d8d8d8; } .dark-theme .layout-horizontal-bar .header-topnav .topnav ul li ul li:hover { background: #202020; } .dark-theme .main-header .show .header-icon { background: #202020; } .dark-theme .main-header .notification-dropdown { color: #d8d8d8; } .dark-theme .main-header .notification-dropdown .dropdown-item { border-bottom: 1px solid #292929; color: #d8d8d8; } .dark-theme .main-header .notification-dropdown .notification-icon { background: #292929 !important; } .dark-theme .dropdown-item:focus, .dark-theme .dropdown-item:hover { color: #d8d8d8; text-decoration: none; background-color: #292929; } .dark-theme .subheader { background-color: #292929; position: fixed; top: 80px; z-index: 50; width: 100%; } .dark-theme .subheader .subheader-navbar { background-color: #292929; } @media (max-width: 577px) { .dark-theme .subheader { top: 70px; } } .dark-theme .vnb { background-color: #292929; } .dark-theme .vnb .tippy-box { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background-color: #292929 !important; } .dark-theme .vnb__menu-options__option__link { color: #d8d8d8; } .dark-theme .vnb__menu-options__option__link .vnb__menu-options__option__arrow { fill: #d8d8d8; } .dark-theme .vnb__menu-options__option__link:focus { outline: none; border: 1px solid none; } .dark-theme .vnb__menu-options__option__link:hover { color: #d8d8d8; } .dark-theme .vnb__menu-options__option__link:hover .vnb__menu-options__option__arrow { fill: #d8d8d8; } .dark-theme .vnb__menu-options__option__link__icon svg { fill: #8b5cf6 !important; } .dark-theme .vnb__sub-menu-options { background-color: #292929; } .dark-theme .vnb__sub-menu-options__option__link { border-left: 2px solid #8B5CF6; color: #d8d8d8; } .dark-theme .vnb__sub-menu-options__option__link:focus { outline: none; border: 1px solid none; } .dark-theme .vnb__sub-menu-options__option__link:hover { background-color: #8B5CF6; color: #d8d8d8 !important; } .dark-theme .vnb__popup { height: 80vh !important; overflow-x: hidden !important; overflow-y: scroll !important; } .dark-theme .vnb__popup .vnb__popup__top__close-button { top: 20px; right: -33px; } .dark-theme .vnb__popup .vnb__popup__top__close-button:focus { border: 1px solid none; outline: none; } .dark-theme .vnb__popup .vnb__popup__top__close-button svg { fill: #000 !important; }