更多操作
无编辑摘要 |
小 (导入1个版本) |
||
(未显示同一用户的5个中间版本) | |||
第1行: | 第1行: | ||
button { | |||
border-radius: 0; | |||
} | |||
button:focus:not(:focus-visible) { | |||
outline: 0; | |||
} | |||
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; | |||
} | |||
[role="button"] { | |||
cursor: pointer; | |||
} | |||
select { | |||
word-wrap: normal; | |||
} | |||
button, | |||
[type="button"], | |||
[type="reset"], | |||
[type="submit"] { | |||
-webkit-appearance: button; | |||
} | |||
button:not(:disabled), | |||
[type="button"]:not(:disabled), | |||
[type="reset"]:not(:disabled), | |||
[type="submit"]:not(:disabled) { | |||
cursor: pointer; | |||
} | |||
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; | box-sizing: border-box; | ||
padding: 0; | |||
} | |||
textarea { | |||
overflow: auto; | |||
resize: vertical; | |||
} | |||
.form-control { | |||
display: block; | |||
width: 100%; | |||
height: calc(1.5em + 0.75rem + 2px); | |||
padding: 0.375rem 0.75rem; | |||
font-size: 1rem; | |||
font-weight: 400; | |||
line-height: 1.5; | |||
color: #495057; | |||
background-color: #fff; | |||
background-clip: padding-box; | |||
border: 1px solid #ced4da; | |||
border-radius: 0.25rem; | |||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; | |||
} | |||
.form-control::-ms-expand { | |||
background-color: transparent; | |||
border: 0; | |||
} | |||
.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::-webkit-input-placeholder { | |||
color: #6c757d; | |||
opacity: 1; | |||
} | |||
.form-control::-moz-placeholder { | |||
color: #6c757d; | |||
opacity: 1; | |||
} | |||
.form-control:-ms-input-placeholder { | |||
color: #6c757d; | |||
opacity: 1; | |||
} | |||
.form-control::-ms-input-placeholder { | |||
color: #6c757d; | |||
opacity: 1; | |||
} | |||
.form-control::placeholder { | |||
color: #6c757d; | |||
opacity: 1; | |||
} | |||
.form-control:disabled, .form-control[readonly] { | |||
background-color: #e9ecef; | |||
opacity: 1; | |||
} | |||
input[type="date"].form-control, | |||
input[type="time"].form-control, | |||
input[type="datetime-local"].form-control, | |||
input[type="month"].form-control { | |||
-webkit-appearance: none; | |||
-moz-appearance: none; | |||
appearance: none; | |||
} | |||
select.form-control:-moz-focusring { | |||
color: transparent; | |||
text-shadow: 0 0 0 #495057; | |||
} | |||
select.form-control:focus::-ms-value { | |||
color: #495057; | |||
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.25rem; | |||
line-height: 1.5; | |||
} | |||
.col-form-label-sm { | |||
padding-top: calc(0.25rem + 1px); | |||
padding-bottom: calc(0.25rem + 1px); | |||
font-size: 0.875rem; | |||
line-height: 1.5; | |||
} | |||
.form-control-plaintext { | |||
display: block; | |||
width: 100%; | |||
padding: 0.375rem 0; | |||
margin-bottom: 0; | |||
font-size: 1rem; | |||
line-height: 1.5; | |||
color: #212529; | |||
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.5em + 0.5rem + 2px); | |||
padding: 0.25rem 0.5rem; | |||
font-size: 0.875rem; | |||
line-height: 1.5; | |||
border-radius: 0.2rem; | |||
} | |||
.form-control-lg { | |||
height: calc(1.5em + 1rem + 2px); | |||
padding: 0.5rem 1rem; | |||
font-size: 1.25rem; | |||
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: -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; | |||
} | } | ||
/*input group | |||
.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, | |||
.form-check-input:disabled ~ .form-check-label { | |||
color: #6c757d; | |||
} | |||
.form-check-label { | |||
margin-bottom: 0; | |||
} | |||
.form-check-inline { | |||
display: -ms-inline-flexbox; | |||
display: inline-flex; | |||
-ms-flex-align: center; | |||
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; | |||
} | |||
.form-row > .col > .valid-tooltip, | |||
.form-row > [class*="col-"] > .valid-tooltip { | |||
left: 5px; | |||
} | |||
.was-validated :valid ~ .valid-feedback, | |||
.was-validated :valid ~ .valid-tooltip, | |||
.is-valid ~ .valid-feedback, | |||
.is-valid ~ .valid-tooltip { | |||
display: block; | |||
} | |||
.was-validated .form-control:valid, .form-control.is-valid { | |||
border-color: #28a745; | |||
padding-right: calc(1.5em + 0.75rem) !important; | |||
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='%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"); | |||
background-repeat: no-repeat; | |||
background-position: right calc(0.375em + 0.1875rem) center; | |||
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); | |||
} | |||
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { | |||
border-color: #28a745; | |||
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); | |||
} | |||
.was-validated select.form-control:valid, select.form-control.is-valid { | |||
padding-right: 3rem !important; | |||
background-position: right 1.5rem center; | |||
} | |||
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { | |||
padding-right: calc(1.5em + 0.75rem); | |||
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); | |||
} | |||
.was-validated .custom-select:valid, .custom-select.is-valid { | |||
border-color: #28a745; | |||
padding-right: calc(0.75em + 2.3125rem) !important; | |||
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 .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { | |||
color: #28a745; | |||
} | |||
.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: #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); | |||
} | |||
.form-row > .col > .invalid-tooltip, | |||
.form-row > [class*="col-"] > .invalid-tooltip { | |||
left: 5px; | |||
} | |||
.was-validated :invalid ~ .invalid-feedback, | |||
.was-validated :invalid ~ .invalid-tooltip, | |||
.is-invalid ~ .invalid-feedback, | |||
.is-invalid ~ .invalid-tooltip { | |||
display: block; | |||
} | |||
.was-validated .form-control:invalid, .form-control.is-invalid { | |||
border-color: #dc3545; | |||
padding-right: calc(1.5em + 0.75rem) !important; | |||
background-image: 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"); | |||
background-repeat: no-repeat; | |||
background-position: right calc(0.375em + 0.1875rem) center; | |||
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); | |||
} | |||
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { | |||
border-color: #dc3545; | |||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); | |||
} | |||
.was-validated select.form-control:invalid, select.form-control.is-invalid { | |||
padding-right: 3rem !important; | |||
background-position: right 1.5rem center; | |||
} | |||
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { | |||
padding-right: calc(1.5em + 0.75rem); | |||
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); | |||
} | |||
.was-validated .custom-select:invalid, .custom-select.is-invalid { | |||
border-color: #dc3545; | |||
padding-right: calc(0.75em + 2.3125rem) !important; | |||
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 .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { | |||
color: #dc3545; | |||
} | |||
.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: #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); | |||
} | |||
.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; | |||
} | |||
} | |||
input[type="submit"].btn-block, | |||
input[type="reset"].btn-block, | |||
input[type="button"].btn-block { | |||
width: 100%; | |||
} | |||
.input-group { | .input-group { | ||
position: relative; | position: relative; | ||
第14行: | 第547行: | ||
} | } | ||
.input-group- | .input-group > .form-control, | ||
.input-group > .form-control-plaintext, | |||
.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 + .form-control, | |||
.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 > .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(:first-child), | |||
.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: -ms-flexbox; | ||
display: flex; | display: flex; | ||
-ms-flex-align: center; | |||
align-items: center; | |||
} | } | ||
.input-group- | .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- | .input-group > .custom-file:not(:first-child) .custom-file-label { | ||
border-top-left-radius: 0; | border-top-left-radius: 0; | ||
border-bottom-left-radius: 0; | border-bottom-left-radius: 0; | ||
} | } | ||
.input-group > .custom-file, .input-group > .custom-select, .input-group > . | |||
.input-group:not(.has-validation) > .form-control:not(:last-child), | |||
.input-group:not(.has-validation) > .custom-select:not(:last-child), | |||
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, | |||
.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 > .form-control:nth-last-child(n + 3), | |||
.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, | |||
.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-prepend, | |||
.input-group-append { | |||
display: -ms-flexbox; | |||
display: flex; | |||
} | |||
.input-group-prepend .btn, | |||
.input-group-append .btn { | |||
position: relative; | position: relative; | ||
-ms-flex | z-index: 2; | ||
flex: | } | ||
.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-text { | |||
display: -ms-flexbox; | |||
display: flex; | |||
-ms-flex-align: center; | |||
align-items: center; | |||
padding: 0.375rem 0.75rem; | |||
margin-bottom: 0; | margin-bottom: 0; | ||
font-size: 1rem; | font-size: 1rem; | ||
font-weight: 400; | font-weight: 400; | ||
line-height: 1.5; | line-height: 1.5; | ||
color: #495057; | color: #495057; | ||
text-align: center; | |||
background- | white-space: nowrap; | ||
background-color: #e9ecef; | |||
border: 1px solid #ced4da; | border: 1px solid #ced4da; | ||
border-radius: .25rem; | border-radius: 0.25rem; | ||
} | |||
.input-group-text input[type="radio"], | |||
.input-group-text input[type="checkbox"] { | |||
margin-top: 0; | |||
} | |||
.input-group-lg > .form-control:not(textarea), | |||
.input-group-lg > .custom-select { | |||
height: calc(1.5em + 1rem + 2px); | |||
} | |||
.input-group-lg > .form-control, | |||
.input-group-lg > .custom-select, | |||
.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 > .form-control:not(textarea), | |||
.input-group-sm > .custom-select { | |||
height: calc(1.5em + 0.5rem + 2px); | |||
} | |||
.input-group-sm > .form-control, | |||
.input-group-sm > .custom-select, | |||
.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-lg > .custom-select, | |||
.input-group-sm > .custom-select { | |||
padding-right: 1.75rem; | |||
} | |||
.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; | |||
} | } | ||
.card { | .card { | ||
position: relative; | position: relative; | ||
第74行: | 第754行: | ||
background-color: #fff; | background-color: #fff; | ||
background-clip: border-box; | background-clip: border-box; | ||
border: 1px solid rgba(0,0,0,.125); | border: 1px solid rgba(0, 0, 0, 0.125); | ||
border-radius: .25rem; | border-radius: 0.25rem; | ||
} | |||
.card > hr { | |||
margin-right: 0; | |||
margin-left: 0; | |||
} | |||
.card > .list-group { | |||
border-top: inherit; | |||
border-bottom: inherit; | |||
} | |||
.card > .list-group:first-child { | |||
border-top-width: 0; | |||
border-top-left-radius: calc(0.25rem - 1px); | |||
border-top-right-radius: calc(0.25rem - 1px); | |||
} | |||
.card > .list-group:last-child { | |||
border-bottom-width: 0; | |||
border-bottom-right-radius: calc(0.25rem - 1px); | |||
border-bottom-left-radius: calc(0.25rem - 1px); | |||
} | |||
.card > .card-header + .list-group, | |||
.card > .list-group + .card-footer { | |||
border-top: 0; | |||
} | } | ||
第86行: | 第793行: | ||
.card-title { | .card-title { | ||
margin-bottom: .75rem; | margin-bottom: 0.75rem; | ||
} | } | ||
.card-subtitle { | .card-subtitle { | ||
margin-top: -.375rem; | margin-top: -0.375rem; | ||
margin-bottom: 0; | 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(0, 0, 0, 0.03); | |||
border-bottom: 1px solid rgba(0, 0, 0, 0.125); | |||
} | |||
.card-header:first-child { | |||
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; | |||
} | |||
.card-footer { | |||
padding: 0.75rem 1.25rem; | |||
background-color: rgba(0, 0, 0, 0.03); | |||
border-top: 1px solid rgba(0, 0, 0, 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; | |||
border-radius: calc(0.25rem - 1px); | |||
} | |||
.card-img, | |||
.card-img-top, | |||
.card-img-bottom { | |||
-ms-flex-negative: 0; | |||
flex-shrink: 0; | |||
width: 100%; | |||
} | |||
.card-img, | |||
.card-img-top { | |||
border-top-left-radius: calc(0.25rem - 1px); | |||
border-top-right-radius: calc(0.25rem - 1px); | |||
} | |||
.card-img, | |||
.card-img-bottom { | |||
border-bottom-right-radius: calc(0.25rem - 1px); | |||
border-bottom-left-radius: calc(0.25rem - 1px); | |||
} | |||
.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-group > .card { | |||
margin-bottom: 15px; | |||
} | |||
@media (min-width: 576px) { | |||
.card-group { | |||
display: -ms-flexbox; | |||
display: flex; | |||
-ms-flex-flow: row wrap; | |||
flex-flow: row wrap; | |||
} | |||
.card-group > .card { | |||
-ms-flex: 1 0 0%; | |||
flex: 1 0 0%; | |||
margin-bottom: 0; | |||
} | |||
.card-group > .card + .card { | |||
margin-left: 0; | |||
border-left: 0; | |||
} | |||
.card-group > .card:not(:last-child) { | |||
border-top-right-radius: 0; | |||
border-bottom-right-radius: 0; | |||
} | |||
.card-group > .card:not(:last-child) .card-img-top, | |||
.card-group > .card:not(:last-child) .card-header { | |||
border-top-right-radius: 0; | |||
} | |||
.card-group > .card:not(:last-child) .card-img-bottom, | |||
.card-group > .card:not(:last-child) .card-footer { | |||
border-bottom-right-radius: 0; | |||
} | |||
.card-group > .card:not(:first-child) { | |||
border-top-left-radius: 0; | |||
border-bottom-left-radius: 0; | |||
} | |||
.card-group > .card:not(:first-child) .card-img-top, | |||
.card-group > .card:not(:first-child) .card-header { | |||
border-top-left-radius: 0; | |||
} | |||
.card-group > .card:not(:first-child) .card-img-bottom, | |||
.card-group > .card:not(:first-child) .card-footer { | |||
border-bottom-left-radius: 0; | |||
} | |||
} | |||
.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%; | |||
} | |||
} | |||
.shadow-sm { | |||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; | |||
} | |||
.shadow { | |||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; | |||
} | |||
.shadow-lg { | |||
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 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; | |||
} | |||
.min-vw-100 { | |||
min-width: 100vw !important; | |||
} | |||
.min-vh-100 { | |||
min-height: 100vh !important; | |||
} | |||
.vw-100 { | |||
width: 100vw !important; | |||
} | |||
.vh-100 { | |||
height: 100vh !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 { | .m-1 { | ||
margin: .25rem !important; | margin: 0.25rem !important; | ||
} | } | ||
. | |||
margin- | .mt-1, | ||
.my-1 { | |||
margin-top: 0.25rem !important; | |||
} | } | ||
. | |||
margin- | .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 { | .p-2 { | ||
padding: .5rem !important; | 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-n1 { | |||
margin: -0.25rem !important; | |||
} | |||
.mt-n1, | |||
.my-n1 { | |||
margin-top: -0.25rem !important; | |||
} | |||
.mr-n1, | |||
.mx-n1 { | |||
margin-right: -0.25rem !important; | |||
} | |||
.mb-n1, | |||
.my-n1 { | |||
margin-bottom: -0.25rem !important; | |||
} | |||
.ml-n1, | |||
.mx-n1 { | |||
margin-left: -0.25rem !important; | |||
} | |||
.m-n2 { | |||
margin: -0.5rem !important; | |||
} | |||
.mt-n2, | |||
.my-n2 { | |||
margin-top: -0.5rem !important; | |||
} | |||
.mr-n2, | |||
.mx-n2 { | |||
margin-right: -0.5rem !important; | |||
} | |||
.mb-n2, | |||
.my-n2 { | |||
margin-bottom: -0.5rem !important; | |||
} | |||
.ml-n2, | |||
.mx-n2 { | |||
margin-left: -0.5rem !important; | |||
} | |||
.m-n3 { | |||
margin: -1rem !important; | |||
} | |||
.mt-n3, | |||
.my-n3 { | |||
margin-top: -1rem !important; | |||
} | |||
.mr-n3, | |||
.mx-n3 { | |||
margin-right: -1rem !important; | |||
} | |||
.mb-n3, | |||
.my-n3 { | |||
margin-bottom: -1rem !important; | |||
} | |||
.ml-n3, | |||
.mx-n3 { | |||
margin-left: -1rem !important; | |||
} | |||
.m-n4 { | |||
margin: -1.5rem !important; | |||
} | |||
.mt-n4, | |||
.my-n4 { | |||
margin-top: -1.5rem !important; | |||
} | |||
.mr-n4, | |||
.mx-n4 { | |||
margin-right: -1.5rem !important; | |||
} | |||
.mb-n4, | |||
.my-n4 { | |||
margin-bottom: -1.5rem !important; | |||
} | |||
.ml-n4, | |||
.mx-n4 { | |||
margin-left: -1.5rem !important; | |||
} | |||
.m-n5 { | |||
margin: -3rem !important; | |||
} | |||
.mt-n5, | |||
.my-n5 { | |||
margin-top: -3rem !important; | |||
} | |||
.mr-n5, | |||
.mx-n5 { | |||
margin-right: -3rem !important; | |||
} | |||
.mb-n5, | |||
.my-n5 { | |||
margin-bottom: -3rem !important; | |||
} | |||
.ml-n5, | |||
.mx-n5 { | |||
margin-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; | |||
} | } |
2023年6月29日 (四) 15:04的最新版本
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
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;
}
[role="button"] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
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;
}
textarea {
overflow: auto;
resize: vertical;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.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::-webkit-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
color: #495057;
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.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
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.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
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: -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-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,
.form-check-input:disabled ~ .form-check-label {
color: #6c757d;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
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;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #28a745;
padding-right: calc(1.5em + 0.75rem) !important;
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='%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");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid, select.form-control.is-valid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc(0.75em + 2.3125rem) !important;
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 .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745;
}
.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: #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);
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: 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");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid, select.form-control.is-invalid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc(0.75em + 2.3125rem) !important;
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 .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
}
.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: #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);
}
.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;
}
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.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 + .form-control,
.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 > .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(:first-child),
.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(: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:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.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 > .form-control:nth-last-child(n + 3),
.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,
.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-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-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.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 > .form-control:not(textarea),
.input-group-sm > .custom-select {
height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.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-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.75rem;
}
.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;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
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(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 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;
border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.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-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.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%;
}
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 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;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !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-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-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;
}