/* order */ .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } /* media */ .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } /* table */ .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } @media print { .table .thead-dark th { color: inherit; border-color: #dee2e6; } } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .text-justify { text-align: justify !important; } /* custom fields */ .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-valid~.custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid~.custom-control-label::before, .custom-control-input.is-valid~.custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked~.custom-control-label::before, .custom-control-input.is-valid:checked~.custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .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 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid~.custom-file-label, .custom-file-input.is-valid~.custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus~.custom-file-label, .custom-file-input.is-valid:focus~.custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid~.custom-control-label::before, .custom-control-input.is-invalid~.custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked~.custom-control-label::before, .custom-control-input.is-invalid:checked~.custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .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 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid~.custom-file-label, .custom-file-input.is-invalid~.custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus~.custom-file-label, .custom-file-input.is-invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } @media (min-width: 576px) { .form-inline .custom-select { width: auto; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .input-group>.custom-select, .input-group>.custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group>.form-control+.custom-select, .input-group>.form-control+.custom-file, .input-group>.form-control-plaintext+.form-control, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.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>.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>.custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group>.custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation>.custom-select:nth-last-child(n + 3), .input-group.has-validation>.custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-lg>.custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg>.custom-select { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm>.custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm>.custom-select { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 1.75rem; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled]~.custom-control-label, .custom-control-input:disabled~.custom-control-label { color: #6c757d; } .custom-control-input[disabled]~.custom-control-label::before, .custom-control-input:disabled~.custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; 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: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus~.custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled]~.custom-file-label, .custom-file-input:disabled~.custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse"; } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; 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 (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; 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 (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; 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: #007bff; 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 (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .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: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .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 (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .form-control-file { display: block; width: 100%; } /* prepend and append */ .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .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-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 { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .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 { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.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; } .form-group { margin-bottom: 1rem; } @media (min-width: 576px) { .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row>.col, .form-row>[class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-row>.col>.valid-tooltip, .form-row>[class*="col-"]>.valid-tooltip { left: 5px; } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; 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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .form-text { display: block; } /* badge */ .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .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%; } /* card */ .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion>.card { overflow: hidden; } .accordion>.card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion>.card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion>.card>.card-header { border-radius: 0; margin-bottom: -1px; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } /* tooltip */ .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 .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: #000; } .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: #000; } .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: #000; } .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: #000; } /* popover */ .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>.arrow, .bs-popover-auto[x-placement^="top"]>.arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top>.arrow::before, .bs-popover-auto[x-placement^="top"]>.arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top>.arrow::after, .bs-popover-auto[x-placement^="top"]>.arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right>.arrow, .bs-popover-auto[x-placement^="right"]>.arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right>.arrow::before, .bs-popover-auto[x-placement^="right"]>.arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right>.arrow::after, .bs-popover-auto[x-placement^="right"]>.arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom>.arrow, .bs-popover-auto[x-placement^="bottom"]>.arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom>.arrow::before, .bs-popover-auto[x-placement^="bottom"]>.arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom>.arrow::after, .bs-popover-auto[x-placement^="bottom"]>.arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-left>.arrow, .bs-popover-auto[x-placement^="left"]>.arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left>.arrow::before, .bs-popover-auto[x-placement^="left"]>.arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left>.arrow::after, .bs-popover-auto[x-placement^="left"]>.arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .float-left { float: left !important; } .float-right { float: right !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-left-0 { border-left: 0 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-right-0 { border-right: 0 !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } /* margin left */ .ml-0 { margin-left: 0 !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-3 { margin-left: 1rem !important; } .ml-4 { margin-left: 1.5rem !important; } .ml-5 { margin-left: 3rem !important; } .ml-n1 { margin-left: -0.25rem !important; } .ml-n2 { margin-left: -0.5rem !important; } .ml-n3 { margin-left: -1rem !important; } .ml-n4 { margin-left: -1.5rem !important; } .ml-n5 { margin-left: -3rem !important; } /* margin right */ .mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 1rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mr-5 { margin-right: 3rem !important; } .mr-n1 { margin-right: -0.25rem !important; } .mr-n2 { margin-right: -0.5rem !important; } .mr-n3 { margin-right: -1rem !important; } .mr-n4 { margin-right: -1.5rem !important; } .mr-n5 { margin-right: -3rem !important; } /* padding left */ .pl-0 { padding-left: 0 !important; } .pl-1 { padding-left: 0.25rem !important; } .pl-2 { padding-left: 0.5rem !important; } .pl-3 { padding-left: 1rem !important; } .pl-4 { padding-left: 1.5rem !important; } .pl-5 { padding-left: 3rem !important; } .pl-n1 { padding-left: -0.25rem !important; } .pl-n2 { padding-left: -0.5rem !important; } .pl-n3 { padding-left: -1rem !important; } .pl-n4 { padding-left: -1.5rem !important; } .pl-n5 { padding-left: -3rem !important; } /* padding right */ .pr-0 { padding-right: 0 !important; } .pr-1 { padding-right: 0.25rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pr-3 { padding-right: 1rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pr-5 { padding-right: 3rem !important; } .pr-n1 { padding-right: -0.25rem !important; } .pr-n2 { padding-right: -0.5rem !important; } .pr-n3 { padding-right: -1rem !important; } .pr-n4 { padding-right: -1.5rem !important; } .pr-n5 { padding-right: -3rem !important; } @media (min-width: 576px) { /* margin left */ .ml-sm-0 { margin-left: 0 !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .ml-sm-n1 { margin-left: -0.25rem !important; } .ml-sm-n2 { margin-left: -0.5rem !important; } .ml-sm-n3 { margin-left: -1rem !important; } .ml-sm-n4 { margin-left: -1.5rem !important; } .ml-sm-n5 { margin-left: -3rem !important; } .ml-sm-auto { margin-left: auto !important; } /* margin right */ .mr-sm-0 { margin-right: 0 !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mr-sm-n1 { margin-right: -0.25rem !important; } .mr-sm-n2 { margin-right: -0.5rem !important; } .mr-sm-n3 { margin-right: -1rem !important; } .mr-sm-n4 { margin-right: -1.5rem !important; } .mr-sm-n5 { margin-right: -3rem !important; } .mr-sm-auto { margin-right: auto !important; } /* padding left */ .pl-sm-0 { padding-left: 0 !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .pl-sm-n1 { padding-left: -0.25rem !important; } .pl-sm-n2 { padding-left: -0.5rem !important; } .pl-sm-n3 { padding-left: -1rem !important; } .pl-sm-n4 { padding-left: -1.5rem !important; } .pl-sm-n5 { padding-left: -3rem !important; } .pl-sm-auto { padding-left: auto !important; } /* padding right */ .pr-sm-0 { padding-right: 0 !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pr-sm-n1 { padding-right: -0.25rem !important; } .pr-sm-n2 { padding-right: -0.5rem !important; } .pr-sm-n3 { padding-right: -1rem !important; } .pr-sm-n4 { padding-right: -1.5rem !important; } .pr-sm-n5 { padding-right: -3rem !important; } .pr-sm-auto { padding-right: auto !important; } } @media (min-width: 768px) { /* margin left */ .ml-md-0 { margin-left: 0 !important; } .ml-md-1 { margin-left: 0.25rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .ml-md-3 { margin-left: 1rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .ml-md-5 { margin-left: 3rem !important; } .ml-md-n1 { margin-left: -0.25rem !important; } .ml-md-n2 { margin-left: -0.5rem !important; } .ml-md-n3 { margin-left: -1rem !important; } .ml-md-n4 { margin-left: -1.5rem !important; } .ml-md-n5 { margin-left: -3rem !important; } .ml-md-auto { margin-left: auto !important; } /* margin right */ .mr-md-0 { margin-right: 0 !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mr-md-n1 { margin-right: -0.25rem !important; } .mr-md-n2 { margin-right: -0.5rem !important; } .mr-md-n3 { margin-right: -1rem !important; } .mr-md-n4 { margin-right: -1.5rem !important; } .mr-md-n5 { margin-right: -3rem !important; } .mr-md-auto { margin-right: auto !important; } /* padding left */ .pl-md-0 { padding-left: 0 !important; } .pl-md-1 { padding-left: 0.25rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .pl-md-3 { padding-left: 1rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .pl-md-5 { padding-left: 3rem !important; } .pl-md-n1 { padding-left: -0.25rem !important; } .pl-md-n2 { padding-left: -0.5rem !important; } .pl-md-n3 { padding-left: -1rem !important; } .pl-md-n4 { padding-left: -1.5rem !important; } .pl-md-n5 { padding-left: -3rem !important; } .pl-md-auto { padding-left: auto !important; } /* padding right */ .pr-md-0 { padding-right: 0 !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pr-md-n1 { padding-right: -0.25rem !important; } .pr-md-n2 { padding-right: -0.5rem !important; } .pr-md-n3 { padding-right: -1rem !important; } .pr-md-n4 { padding-right: -1.5rem !important; } .pr-md-n5 { padding-right: -3rem !important; } .pr-md-auto { padding-right: auto !important; } } @media (min-width: 992px) { /* margin left */ .ml-lg-0 { margin-left: 0 !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .ml-lg-n1 { margin-left: -0.25rem !important; } .ml-lg-n2 { margin-left: -0.5rem !important; } .ml-lg-n3 { margin-left: -1rem !important; } .ml-lg-n4 { margin-left: -1.5rem !important; } .ml-lg-n5 { margin-left: -3rem !important; } .ml-lg-auto { margin-left: auto !important; } /* margin right */ .mr-lg-0 { margin-right: 0 !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mr-lg-n1 { margin-right: -0.25rem !important; } .mr-lg-n2 { margin-right: -0.5rem !important; } .mr-lg-n3 { margin-right: -1rem !important; } .mr-lg-n4 { margin-right: -1.5rem !important; } .mr-lg-n5 { margin-right: -3rem !important; } .mr-lg-auto { margin-right: auto !important; } /* padding left */ .pl-lg-0 { padding-left: 0 !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .pl-lg-n1 { padding-left: -0.25rem !important; } .pl-lg-n2 { padding-left: -0.5rem !important; } .pl-lg-n3 { padding-left: -1rem !important; } .pl-lg-n4 { padding-left: -1.5rem !important; } .pl-lg-n5 { padding-left: -3rem !important; } .pl-lg-auto { padding-left: auto !important; } /* padding right */ .pr-lg-0 { padding-right: 0 !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pr-lg-n1 { padding-right: -0.25rem !important; } .pr-lg-n2 { padding-right: -0.5rem !important; } .pr-lg-n3 { padding-right: -1rem !important; } .pr-lg-n4 { padding-right: -1.5rem !important; } .pr-lg-n5 { padding-right: -3rem !important; } .pr-lg-auto { padding-right: auto !important; } } @media (min-width: 1200px) { /* margin left */ .ml-xl-0 { margin-left: 0 !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .ml-xl-n1 { margin-left: -0.25rem !important; } .ml-xl-n2 { margin-left: -0.5rem !important; } .ml-xl-n3 { margin-left: -1rem !important; } .ml-xl-n4 { margin-left: -1.5rem !important; } .ml-xl-n5 { margin-left: -3rem !important; } .ml-xl-auto { margin-left: auto !important; } /* margin right */ .mr-xl-0 { margin-right: 0 !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mr-xl-n1 { margin-right: -0.25rem !important; } .mr-xl-n2 { margin-right: -0.5rem !important; } .mr-xl-n3 { margin-right: -1rem !important; } .mr-xl-n4 { margin-right: -1.5rem !important; } .mr-xl-n5 { margin-right: -3rem !important; } .mr-xl-auto { margin-right: auto !important; } /* padding left */ .pl-xl-0 { padding-left: 0 !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .pl-xl-n1 { padding-left: -0.25rem !important; } .pl-xl-n2 { padding-left: -0.5rem !important; } .pl-xl-n3 { padding-left: -1rem !important; } .pl-xl-n4 { padding-left: -1.5rem !important; } .pl-xl-n5 { padding-left: -3rem !important; } .pl-xl-auto { padding-left: auto !important; } /* padding right */ .pr-xl-0 { padding-right: 0 !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pr-xl-n1 { padding-right: -0.25rem !important; } .pr-xl-n2 { padding-right: -0.5rem !important; } .pr-xl-n3 { padding-right: -1rem !important; } .pr-xl-n4 { padding-right: -1.5rem !important; } .pr-xl-n5 { padding-right: -3rem !important; } .pr-xl-auto { padding-right: auto !important; } } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded-lg { border-radius: 0.3rem !important; }