/
var
/
www
/
html
/
hifive
/
css
/
Upload File
HOME
:root { --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --amber: #ffc107; --blue: #2196f3; --blue-grey: #607d8b; --brown: #795548; --cyan: #00bcd4; --deep-orange: #ff5722; --deep-purple: #673ab7; --green: #4caf50; --grey: #9e9e9e; --indigo: #3f51b5; --light-blue: #03a9f4; --light-green: #8bc34a; --lime: #cddc39; --orange: #ff9800; --pink: #e91e63; --purple: #9c27b0; --red: #f44336; --teal: #009688; --yellow: #ffeb3b; --primary: #9c27b0; --primary-dark: #7b1fa2; --primary-light: #e1bee7; --secondary: #ff4081; --secondary-dark: #f50057; --secondary-light: #ff80ab; --danger: #f44336; --danger-dark: #d32f2f; --danger-light: #ffcdd2; --info: #2196f3; --info-dark: #1976d2; --info-light: #bbdefb; --success: #4caf50; --success-dark: #388e3c; --success-light: #c8e6c9; --warning: #ff9800; --warning-dark: #f57c00; --warning-light: #ffe0b2; --dark: #424242; --dark-dark: #212121; --dark-light: #757575; --light: #f5f5f5; --light-dark: #e0e0e0; --light-light: #fafafa; --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-serif: "Roboto Slab", Georgia, "Times New Roman", Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } *, *::after, *::before { box-sizing: inherit; } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { text-align: left; text-align: start; background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.875rem; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1.428572; margin: 0; } [dir='rtl'] body { text-align: right; text-align: start; } html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } [tabindex='-1']:focus { outline: 0 !important; } code, kbd, pre, samp { font-family: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; } button, html [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='datetime-local'], input[type='month'], input[type='time'] { -webkit-appearance: listbox; } label { font-size: 0.75rem; font-weight: 400; letter-spacing: 0; line-height: 1.5; color: rgba(0, 0, 0, 0.38); display: inline-block; } legend { font-size: 1.5rem; font-weight: 400; letter-spacing: 0; line-height: 1.333334; color: inherit; display: block; margin-bottom: 0.5rem; max-width: 100%; padding: 0; white-space: normal; width: 100%; } output { display: inline-block; } progress { vertical-align: baseline; } select[multiple], select[size] { overflow: auto; } textarea { overflow: auto; resize: vertical; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: none; outline-offset: -2px; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [hidden] { display: none !important; } img { border-style: none; vertical-align: middle; } svg:not(:root) { overflow: hidden; } summary { cursor: pointer; display: list-item; } a { background-color: transparent; color: #ff4081; text-decoration: none; -webkit-text-decoration-skip: objects; } a:active, a:focus, a:hover { color: #ff4081; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):active, a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } template { display: none; } caption { text-align: left; text-align: start; font-size: 0.75rem; font-weight: 400; letter-spacing: 0; line-height: 1.5; caption-side: bottom; color: rgba(0, 0, 0, 0.38); min-height: 3.5rem; padding: 1.214285rem 1.5rem; } [dir='rtl'] caption { text-align: right; text-align: start; } table { border-collapse: collapse; } th { text-align: left; text-align: start; } [dir='rtl'] th { text-align: right; text-align: start; } abbr[data-original-title], abbr[title] { border-bottom: 0; cursor: help; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } address { font-style: normal; line-height: inherit; margin-bottom: 1rem; } b, strong { font-weight: bolder; } blockquote { margin: 0 0 1rem; } dd { margin-bottom: 0.5rem; margin-left: 0; } dfn { font-style: italic; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } dt { font-weight: 500; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } mark { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } p { margin-top: 0; margin-bottom: 1rem; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; margin-bottom: 0.5rem; } h1, .h1 { font-size: 2.8125rem; font-weight: 400; letter-spacing: 0; line-height: 1.066667; } h2, .h2 { font-size: 2.125rem; font-weight: 400; letter-spacing: 0; line-height: 1.176471; } h3, .h3 { font-size: 1.5rem; font-weight: 400; letter-spacing: 0; line-height: 1.333334; } h4, .h4 { font-size: 1.25rem; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; } h5, .h5 { font-size: 1.0rem; font-weight: 400; letter-spacing: 0.04em; line-height: 1.5; } h6, .h6 { font-size: 0.875rem; font-weight: 500; letter-spacing: 0; line-height: 1.428572; } hr { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); margin-top: 1rem; margin-bottom: 1rem; } .alert { border-radius: 2px; border: 0; display: block; margin-bottom: 1rem; padding: 1rem 1rem; position: relative; } .alert-primary { background-color: #e1bee7; color: rgba(0, 0, 0, 0.87); } .alert-secondary { background-color: #ff80ab; color: rgba(0, 0, 0, 0.87); } .alert-danger { background-color: #ffcdd2; color: rgba(0, 0, 0, 0.87); } .alert-info { background-color: #bbdefb; color: rgba(0, 0, 0, 0.87); } .alert-success { background-color: #c8e6c9; color: rgba(0, 0, 0, 0.87); } .alert-warning { background-color: #ffe0b2; color: rgba(0, 0, 0, 0.87); } .alert-dark { background-color: #757575; color: white; } .alert-light { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .alert-dismissible { padding-right: 3.5rem; } .alert-dismissible .close { color: inherit; padding: 0.875rem 1rem; position: absolute; top: 0; right: 0; } .alert-heading { color: inherit; } .alert-link { color: inherit; font-weight: 500; } .alert-link:active, .alert-link:focus, .alert-link:hover { color: inherit; } @media screen and (prefers-reduced-motion: reduce) { .close { transition: none; } } .close:active, .close:focus, .close:hover { color: rgba(0, 0, 0, 0.87); text-decoration: none; } .close:focus { outline: 0; } .close:not(:disabled):not(.disabled) { cursor: pointer; } code { border-radius: 2px; background-color: #f5f5f5; color: #bd4147; font-size: 87.5%; padding: 0.2rem 0.4rem; word-break: break-word; } a > code { color: inherit; } kbd { border-radius: 2px; background-color: rgba(0, 0, 0, 0.87); color: white; font-size: 87.5%; padding: 0.2rem 0.4rem; } kbd kbd { font-size: 100%; font-weight: bolder; padding: 0; } pre { border-radius: 2px; color: rgba(0, 0, 0, 0.87); display: block; font-size: 87.5%; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; word-break: normal; } .custom-select-lg + .form-text, .floating-label-lg + .form-text, .input-group-lg > .floating-label + .form-text, .floating-label-lg .custom-select + .form-text, .input-group-lg > .floating-label .custom-select + .form-text, .floating-label-lg .form-control + .form-text, .input-group-lg > .floating-label .form-control + .form-text, .floating-label-lg .form-control-file + .form-text, .input-group-lg > .floating-label .form-control-file + .form-text, .form-control-lg + .form-text, .textfield-box-lg + .form-text, .input-group-lg > .textfield-box + .form-text, .textfield-box-lg .custom-select + .form-text, .input-group-lg > .textfield-box .custom-select + .form-text, .textfield-box-lg .form-control + .form-text, .input-group-lg > .textfield-box .form-control + .form-text, .textfield-box-lg .form-control-file + .form-text, .input-group-lg > .textfield-box .form-control-file + .form-text { margin-top: 0.75rem; } .custom-select-sm + .form-text, .floating-label-sm + .form-text, .input-group-sm > .floating-label + .form-text, .floating-label-sm .custom-select + .form-text, .input-group-sm > .floating-label .custom-select + .form-text, .floating-label-sm .form-control + .form-text, .input-group-sm > .floating-label .form-control + .form-text, .floating-label-sm .form-control-file + .form-text, .input-group-sm > .floating-label .form-control-file + .form-text, .form-control-sm + .form-text, .textfield-box-sm + .form-text, .input-group-sm > .textfield-box + .form-text, .textfield-box-sm .custom-select + .form-text, .input-group-sm > .textfield-box .custom-select + .form-text, .textfield-box-sm .form-control + .form-text, .input-group-sm > .textfield-box .form-control + .form-text, .textfield-box-sm .form-control-file + .form-text, .input-group-sm > .textfield-box .form-control-file + .form-text { margin-top: 0.25rem; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:active, .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } .embed-responsive { display: block; overflow: hidden; padding: 0; position: relative; width: 100%; } .embed-responsive::before { content: ''; display: block; } .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video, .embed-responsive .embed-responsive-item { border: 0; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .collapse { display: none; } .collapse.show { display: block; } tbody.collapse.show { display: table-row-group; } tr.collapse.show { display: table-row; } .collapsing { transition-duration: 0.3s; transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); height: 0; overflow: hidden; position: relative; } @media (min-width: 576px) { .collapsing { transition-duration: 0.39s; } } @media (min-width: 992px) { .collapsing { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .fade { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } @media (min-width: 576px) { .fade { transition-duration: 0.39s; } } @media (min-width: 992px) { .fade { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade.show { opacity: 1; } .table { background-color: #ffffff; border: 0; margin-bottom: 1rem; max-width: 100%; width: 100%; } .table td, .table th { border-top: 1px solid #e1e1e1; line-height: 1.428572; padding-right: 1.75rem; padding-left: 1.75rem; vertical-align: top; } .table td:first-child, .table th:first-child { padding-left: 1.5rem; } .table td:last-child, .table th:last-child { padding-right: 1.5rem; } .table tbody { color: rgba(0, 0, 0, 0.87); } .table tbody td, .table tbody th { font-size: 0.8125rem; font-weight: 400; height: 3rem; padding-top: 0.919643rem; padding-bottom: 0.919643rem; } .table tfoot { color: rgba(0, 0, 0, 0.54); } .table tfoot td, .table tfoot th { font-size: 0.75rem; font-weight: 400; height: 3.5rem; padding-top: 1.214285rem; padding-bottom: 1.214285rem; } .table thead { color: rgba(0, 0, 0, 0.54); } .table thead td, .table thead th { font-size: 0.75rem; font-weight: 500; height: 3.5rem; padding-top: 1.214285rem; padding-bottom: 1.214285rem; } .picker { outline: 0; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition-delay: 0.675s; transition-duration: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; z-index: 240; } @media (min-width: 576px) { .picker { transition-delay: 0.8775s; } } @media (min-width: 992px) { .picker { transition-delay: 0.45s; } } @media screen and (prefers-reduced-motion: reduce) { .picker { transition: none; } } .picker.picker-opened { overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: none; } .picker-frame { margin: 1.5rem 1.5rem; } .picker-holder { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.38); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; min-height: 100%; min-width: 100%; opacity: 0; pointer-events: none; transition-delay: 0.375s; } @media (min-width: 576px) { .picker-holder { transition-duration: 0.39s; } } @media (min-width: 992px) { .picker-holder { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .picker-holder { transition: none; } } @media (min-width: 576px) { .picker-holder { transition-delay: 0.4875s; } } @media (min-width: 992px) { .picker-holder { transition-delay: 0.25s; } } .picker-opened .picker-holder { opacity: 1; transition-delay: 0s; } .picker-wrap { border-radius: 2px; transition-duration: 0.375s; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.875rem; font-weight: 400; letter-spacing: 0; line-height: 1.428572; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); max-width: 18.5rem; opacity: 0; outline: 0; pointer-events: auto; position: relative; -webkit-transform: scale(0.87); transform: scale(0.87); } @media (min-width: 576px) { .picker-wrap { transition-duration: 0.4875s; } } @media (min-width: 992px) { .picker-wrap { transition-duration: 0.25s; } } @media screen and (prefers-reduced-motion: reduce) { .picker-wrap { transition: none; } } @media (orientation: landscape) { .picker-wrap { display: -ms-flexbox; display: flex; max-width: none; } } .picker-opened .picker-wrap { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .picker-footer { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding: 0.5rem 0.5rem; } @media (orientation: landscape) { .picker-footer { border-radius: 0 0 2px 0; padding-right: 0.75rem; padding-left: 0.75rem; } } .picker-footer button { -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 0.5rem; min-width: 0; } .picker-footer button:first-child { margin-left: 0; } .picker-header { height: 2.5rem; line-height: 2.5rem; margin-right: 0.5rem; margin-left: 0.5rem; padding-right: 3rem; padding-left: 3rem; position: relative; text-align: center; } @media (orientation: landscape) { .picker-header { margin-top: 0.5rem; margin-right: 0.75rem; margin-left: 0.75rem; } } .picker-month, .picker-year { display: inline; margin-left: 0.5rem; } .picker-month:first-child, .picker-year:first-child { margin-left: 0; } .picker-nav-next, .picker-nav-prev { height: 2.5rem; margin-top: -1.25rem; position: absolute; top: 50%; width: 2.5rem; } .picker-nav-next, .picker-nav-next.material-icons, .picker-nav-prev, .picker-nav-prev.material-icons { line-height: 2.5rem; } .picker-nav-next { right: 0; } .picker-nav-next::before { content: "keyboard_arrow_right"; } .picker-nav-prev { left: 0; } .picker-nav-prev::before { content: "keyboard_arrow_left"; } .picker-date-display { border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #9c27b0; color: white; padding: 1rem 1.5rem; } @media (orientation: landscape) { .picker-date-display { border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 0; min-width: 9.75rem; white-space: nowrap; } } .picker-date-display-bottom { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 2.125rem; font-weight: 400; letter-spacing: 0; line-height: 1.176471; } .picker-day-display { margin-right: 0.5rem; } .picker-weekday-display { margin-right: 0.5rem; } @media (orientation: landscape) { .picker-weekday-display { display: block; margin-right: 0; } } .picker-weekday-display::after { content: ','; } .picker-box { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-color: #ffffff; overflow: hidden; } @media (orientation: landscape) { .picker-box { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } } .picker-input.form-control[readonly] { border-bottom-style: solid; color: inherit; cursor: text; } .picker-input.picker-input-active { border-bottom-color: #ff4081; } .picker-day { border-radius: 50%; cursor: default; height: 2.5rem; line-height: 2.5rem; margin: auto; vertical-align: middle; width: 2.5rem; } @media (orientation: landscape) { .picker-day { margin-right: 0.25rem; margin-left: 0.25rem; } } .picker-day.picker-day-selected { background-color: #9c27b0; color: white; } .picker-day-disabled { color: rgba(0, 0, 0, 0.38); } .picker-day-outfocus { display: none; } .picker-day-today { color: #9c27b0; font-weight: bolder; } .picker-table { border-collapse: collapse; border-spacing: 0; margin: 0 0.5rem; table-layout: fixed; } .picker-table td, .picker-table th { border: 0; padding: 0; text-align: center; vertical-align: middle; } .picker-table th { font-weight: inherit; } .picker-weekday { color: rgba(0, 0, 0, 0.38); height: 2.5rem; vertical-align: middle; width: 2.5rem; } .picker-select-month, .picker-select-year { border-radius: 2px; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0, 0, 0, 0.12); background-image: none; background-position: 100% 50%; background-size: auto 100%; border: 0; box-shadow: none; color: rgba(0, 0, 0, 0.87); display: inline-block; font-size: inherit; height: 1.25rem; line-height: 1.25rem; opacity: 0.7; padding: 0 1.25rem 0 0.5rem; } @media (min-width: 576px) { .picker-select-month, .picker-select-year { transition-duration: 0.39s; } } @media (min-width: 992px) { .picker-select-month, .picker-select-year { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .picker-select-month, .picker-select-year { transition: none; } } .picker-select-month:focus, .picker-select-month:hover, .picker-select-year:focus, .picker-select-year:hover { opacity: 1; } @-moz-document url-prefix('') { .picker-select-month, .picker-select-year { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); background-repeat: no-repeat; } } @media (-webkit-min-device-pixel-ratio: 0) { .picker-select-month, .picker-select-year { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); background-repeat: no-repeat; } } .picker-select-month:focus, .picker-select-year:focus { outline: 0; } .picker-select-month { margin-left: 0.5rem; } .nav-tabs { box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.12); } .nav-tabs.border-0, .nav-tabs.border-bottom-0 { box-shadow: none; } .nav-tabs .nav-link { transition-duration: 0.3s; transition-property: background-color, color, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.87); font-size: 0.875rem; font-weight: 500; line-height: 1; min-height: 3rem; opacity: 0.7; padding: 1.0625rem 0.75rem; position: relative; text-transform: uppercase; } @media (min-width: 576px) { .nav-tabs .nav-link { transition-duration: 0.39s; } } @media (min-width: 992px) { .nav-tabs .nav-link { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .nav-tabs .nav-link { transition: none; } } .nav-tabs .nav-link:active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: rgba(0, 0, 0, 0.12); } .nav-tabs .nav-link.active, .nav-tabs .nav-link:active { opacity: 1; } .nav-tabs .nav-link.active { color: #ff4081; } .nav-tabs .nav-link.active::before { opacity: 1; } .nav-tabs .nav-link.disabled { background-color: transparent; color: rgba(0, 0, 0, 0.38); opacity: 1; } .nav-tabs .nav-link::before { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: #ff4081; content: ''; display: block; height: 0.125rem; opacity: 0; position: absolute; right: 0; bottom: 0; left: 0; } @media (min-width: 576px) { .nav-tabs .nav-link::before { transition-duration: 0.39s; } } @media (min-width: 992px) { .nav-tabs .nav-link::before { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .nav-tabs .nav-link::before { transition: none; } } .nav-tabs .nav-item.show .nav-link { background-color: rgba(0, 0, 0, 0.12); opacity: 1; } .nav-tabs-material { position: relative; } .nav-tabs-material.animate .nav-link::before { opacity: 0; } .nav-tabs-material.animate .nav-tabs-indicator { transition-duration: 0.3s; transition-property: left, right; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 576px) { .nav-tabs-material.animate .nav-tabs-indicator { transition-duration: 0.39s; } } @media (min-width: 992px) { .nav-tabs-material.animate .nav-tabs-indicator { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .nav-tabs-material.animate .nav-tabs-indicator { transition: none; } } .nav-tabs-material .nav-link::before { transition: none; } .nav-tabs-material .nav-tabs-indicator { background-color: #ff4081; display: none; height: 0.125rem; position: absolute; bottom: 0; } .nav-tabs-material .nav-tabs-indicator.show { display: block; } .nav-tabs-scrollable .nav-tabs-material .nav-tabs-indicator { bottom: 3rem; } .nav-tabs-scrollable { box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.12); height: 3rem; overflow: hidden; } .nav-tabs-scrollable .nav-tabs { box-shadow: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 3rem; } .nav-tabs-scrollable .nav-tabs::-webkit-scrollbar { display: none; } .form-control, .custom-select, .form-control-file { background-clip: padding-box; background-color: transparent; border-color: rgba(0, 0, 0, 0.42); border-radius: 0; border-style: solid; border-width: 0 0 1px; box-shadow: none; color: rgba(0, 0, 0, 0.87); display: block; font-size: 1rem; line-height: 1.5; padding: 0.375rem 0 calc(0.375rem - 1px); width: 100%; } .form-control:hover, .custom-select:hover, .form-control-file:hover { border-color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.87); } .form-control::-ms-expand, .custom-select::-ms-expand, .form-control-file::-ms-expand { background-color: transparent; border: 0; } .form-control::-webkit-input-placeholder, .custom-select::-webkit-input-placeholder, .form-control-file::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .form-control::-moz-placeholder, .custom-select::-moz-placeholder, .form-control-file::-moz-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .form-control:-ms-input-placeholder, .custom-select:-ms-input-placeholder, .form-control-file:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .form-control::-ms-input-placeholder, .custom-select::-ms-input-placeholder, .form-control-file::-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .form-control::placeholder, .custom-select::placeholder, .form-control-file::placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .form-control:disabled, .custom-select:disabled, .form-control-file:disabled, .form-control[readonly], .custom-select[readonly], .form-control-file[readonly] { border-style: dotted; color: rgba(0, 0, 0, 0.38); opacity: 1; } .form-control:disabled:focus, .custom-select:disabled:focus, .form-control-file:disabled:focus, .form-control:disabled:hover, .custom-select:disabled:hover, .form-control-file:disabled:hover, .form-control[readonly]:focus, .custom-select[readonly]:focus, .form-control-file[readonly]:focus, .form-control[readonly]:hover, .custom-select[readonly]:hover, .form-control-file[readonly]:hover { border-color: rgba(0, 0, 0, 0.42); box-shadow: none; } .form-control:focus, .custom-select:focus, .form-control-file:focus { border-color: #ff4081; box-shadow: inset 0 -2px 0 -1px #ff4081; outline: 0; } .form-control:invalid:required, .custom-select:invalid:required, .form-control-file:invalid:required { outline: 0; } .form-control[type='file'] { max-height: 2.25rem; } .form-control-lg { font-size: 2.125rem; line-height: 1.176471; padding: 0.625rem 0 calc(0.625rem - 1px); } .form-control-lg[type='file'] { max-height: 3.75rem; } .form-control-sm { font-size: 0.8125rem; line-height: 1.538462; padding: 0.375rem 0 calc(0.375rem - 1px); } .form-control-sm[type='file'] { max-height: 2rem; } select.form-control, .custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } @-moz-document url-prefix('') { select.form-control, .custom-select { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); background-position: 100% 50%; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 1.5em; } select.form-control[multiple], .custom-select[multiple], select.form-control[size]:not([size='1']), .custom-select[size]:not([size='1']) { background-image: none; } } @media (-webkit-min-device-pixel-ratio: 0) { select.form-control, .custom-select { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); background-position: 100% 50%; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 1.5em; } select.form-control[multiple], .custom-select[multiple], select.form-control[size]:not([size='1']), .custom-select[size]:not([size='1']) { background-image: none; } } select.form-control[multiple], select.form-control[size]:not([size='1']), textarea.form-control:not([rows='1']), .custom-select[multiple], .custom-select[size]:not([size='1']) { border-radius: 4px; border-width: 1px; min-height: 3.5rem; padding: calc(1rem - 1px) 1rem; } select.form-control:hover[multiple], select.form-control:hover[size]:not([size='1']), textarea.form-control:hover:not([rows='1']), .custom-select:hover[multiple], .custom-select:hover[size]:not([size='1']) { box-shadow: inset 2px 2px 0 -1px rgba(0, 0, 0, 0.87), inset -2px -2px 0 -1px rgba(0, 0, 0, 0.87); } select.form-control:focus[multiple], select.form-control:focus[size]:not([size='1']), textarea.form-control:focus:not([rows='1']), .custom-select:focus[multiple], .custom-select:focus[size]:not([size='1']) { box-shadow: inset 2px 2px 0 -1px #ff4081, inset -2px -2px 0 -1px #ff4081; } select.form-control-lg[multiple], select.form-control-lg[size]:not([size='1']) { padding: calc(0.875rem - 1px) 1rem; } select.form-control-sm[multiple], select.form-control-sm[size]:not([size='1']) { padding: calc(0.75rem - 1px) 0.75rem; } textarea.form-control { min-height: 2.25rem; } textarea.form-control-lg { min-height: 3.75rem; } textarea.form-control-lg:not([rows='1']) { min-height: 4.25rem; padding: calc(0.875rem - 1px) 1rem; } textarea.form-control-sm { min-height: 2rem; } textarea.form-control-sm:not([rows='1']) { min-height: 2.75rem; padding: calc(0.75rem - 1px) 0.75rem; } .invalid-feedback { font-size: 0.75rem; font-weight: 400; letter-spacing: 0; line-height: 1.5; color: #f44336; display: none; margin-top: 0.5rem; width: 100%; } .invalid-tooltip { border-radius: 2px; background-color: #f44336; color: white; display: none; font-size: 0.875rem; line-height: 1.428572; margin-top: 0.5rem; max-width: 100%; opacity: 0.9; padding: 0.375rem 1rem; position: absolute; top: 100%; text-align: center; word-break: break-word; z-index: 240; } .custom-control-input.is-invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label::after, .was-validated .custom-control-input:invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label::after { color: #f44336; } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #f44336; } .custom-control-input.is-invalid ~ .custom-control-track, .was-validated .custom-control-input:invalid ~ .custom-control-track { background-color: rgba(244, 67, 54, 0.5); } .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; } .custom-file-input.is-invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:hover ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:hover ~ .custom-file-label { border-bottom-color: #f44336; box-shadow: inset 0 -2px 0 -1px #f44336; } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-bottom-color: #f44336; } .custom-file-input.is-invalid ~ .custom-file-label:hover, .was-validated .custom-file-input:invalid ~ .custom-file-label:hover { border-bottom-color: #f44336; box-shadow: inset 0 -2px 0 -1px #f44336; } .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; } .custom-switch .custom-control-input.is-invalid ~ .custom-control-label::after, .was-validated .custom-switch .custom-control-input:invalid ~ .custom-control-label::after { background-color: #f44336; } .form-check-input.is-invalid + .form-check-label, .was-validated .form-check-input:invalid + .form-check-label { color: #f44336; } .is-invalid.form-control, .is-invalid.custom-select, .is-invalid.form-control-file, .was-validated .form-control:invalid, .was-validated .custom-select:invalid, .was-validated .form-control-file:invalid { border-color: #f44336; } .is-invalid.form-control:focus, .is-invalid.custom-select:focus, .is-invalid.form-control-file:focus, .is-invalid.form-control:hover, .is-invalid.custom-select:hover, .is-invalid.form-control-file:hover, .was-validated .form-control:invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control-file:invalid:focus, .was-validated .form-control:invalid:hover, .was-validated .custom-select:invalid:hover, .was-validated .form-control-file:invalid:hover { border-color: #f44336; box-shadow: inset 0 -2px 0 -1px #f44336; } .is-invalid.form-control ~ .invalid-feedback, .is-invalid.custom-select ~ .invalid-feedback, .is-invalid.form-control-file ~ .invalid-feedback, .is-invalid.form-control ~ .invalid-tooltip, .is-invalid.custom-select ~ .invalid-tooltip, .is-invalid.form-control-file ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; } select.is-invalid.form-control:focus[multiple], select.is-invalid.form-control:focus[size]:not([size='1']), textarea.is-invalid.form-control:focus:not([rows='1']), .is-invalid.custom-select:focus[multiple], .is-invalid.custom-select:focus[size]:not([size='1']), select.is-invalid.form-control:hover[multiple], select.is-invalid.form-control:hover[size]:not([size='1']), textarea.is-invalid.form-control:hover:not([rows='1']), .is-invalid.custom-select:hover[multiple], .is-invalid.custom-select:hover[size]:not([size='1']), .was-validated select.form-control:invalid:focus[multiple], .was-validated select.form-control:invalid:focus[size]:not([size='1']), .was-validated textarea.form-control:invalid:focus:not([rows='1']), .was-validated .custom-select:invalid:focus[multiple], .was-validated .custom-select:invalid:focus[size]:not([size='1']), .was-validated select.form-control:invalid:hover[multiple], .was-validated select.form-control:invalid:hover[size]:not([size='1']), .was-validated textarea.form-control:invalid:hover:not([rows='1']), .was-validated .custom-select:invalid:hover[multiple], .was-validated .custom-select:invalid:hover[size]:not([size='1']) { box-shadow: inset 2px 2px 0 -1px #f44336, inset -2px -2px 0 -1px #f44336; } .textfield-box select.is-invalid.form-control:focus[multiple], .textfield-box select.is-invalid.form-control:focus[size]:not([size='1']), .textfield-box textarea.is-invalid.form-control:focus:not([rows='1']), .textfield-box .is-invalid.custom-select:focus[multiple], .textfield-box .is-invalid.custom-select:focus[size]:not([size='1']), .textfield-box select.is-invalid.form-control:hover[multiple], .textfield-box select.is-invalid.form-control:hover[size]:not([size='1']), .textfield-box textarea.is-invalid.form-control:hover:not([rows='1']), .textfield-box .is-invalid.custom-select:hover[multiple], .textfield-box .is-invalid.custom-select:hover[size]:not([size='1']), .was-validated .textfield-box select.form-control:invalid:focus[multiple], .was-validated .textfield-box select.form-control:invalid:focus[size]:not([size='1']), .was-validated .textfield-box textarea.form-control:invalid:focus:not([rows='1']), .was-validated .textfield-box .custom-select:invalid:focus[multiple], .was-validated .textfield-box .custom-select:invalid:focus[size]:not([size='1']), .was-validated .textfield-box select.form-control:invalid:hover[multiple], .was-validated .textfield-box select.form-control:invalid:hover[size]:not([size='1']), .was-validated .textfield-box textarea.form-control:invalid:hover:not([rows='1']), .was-validated .textfield-box .custom-select:invalid:hover[multiple], .was-validated .textfield-box .custom-select:invalid:hover[size]:not([size='1']) { box-shadow: inset 0 -2px 0 -1px #f44336; } .floating-label { padding-top: 0.75rem; position: relative; } .floating-label.has-value label, .floating-label.is-focused label { top: 0; -webkit-transform: scale(0.75); transform: scale(0.75); } .floating-label.is-focused label { color: #ff4081; } .floating-label:not(.has-value):not(.is-focused) .form-control[type='date'], .floating-label:not(.has-value):not(.is-focused) .form-control[type='datetime-local'], .floating-label:not(.has-value):not(.is-focused) .form-control[type='time'] { color: transparent; } .floating-label label { transition-duration: 0.3s; transition-property: color, top, -webkit-transform; transition-property: color, top, transform; transition-property: color, top, transform, -webkit-transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.38); display: block; font-size: 1rem; line-height: 1.5; margin: 0; padding: 0; position: absolute; top: 1.125rem; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } @media (min-width: 576px) { .floating-label label { transition-duration: 0.39s; } } @media (min-width: 992px) { .floating-label label { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .floating-label label { transition: none; } } .floating-label .form-control, .floating-label .custom-select, .floating-label .form-control-file { position: relative; } .floating-label .form-control:focus::-webkit-input-placeholder, .floating-label .custom-select:focus::-webkit-input-placeholder, .floating-label .form-control-file:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .floating-label .form-control:focus::-moz-placeholder, .floating-label .custom-select:focus::-moz-placeholder, .floating-label .form-control-file:focus::-moz-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .floating-label .form-control:focus:-ms-input-placeholder, .floating-label .custom-select:focus:-ms-input-placeholder, .floating-label .form-control-file:focus:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .floating-label .form-control:focus::-ms-input-placeholder, .floating-label .custom-select:focus::-ms-input-placeholder, .floating-label .form-control-file:focus::-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .floating-label .form-control:focus::placeholder, .floating-label .custom-select:focus::placeholder, .floating-label .form-control-file:focus::placeholder { color: rgba(0, 0, 0, 0.38); opacity: 1; } .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: transparent; opacity: 0; } .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: transparent; opacity: 0; } .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: transparent; opacity: 0; } .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: transparent; opacity: 0; } .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: transparent; opacity: 0; } @media (min-width: 576px) { .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { transition-duration: 0.39s; } .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { transition-duration: 0.39s; } .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { transition-duration: 0.39s; } .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { transition-duration: 0.39s; } .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { transition-duration: 0.39s; } } @media (min-width: 992px) { .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { transition-duration: 0.2s; } .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { transition-duration: 0.2s; } .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { transition-duration: 0.2s; } .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { transition-duration: 0.2s; } .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { transition: none; } .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { transition: none; } .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { transition: none; } .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { transition: none; } .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { transition: none; } } .floating-label-lg.has-value label, .input-group-lg > .has-value.floating-label label, .floating-label-lg.is-focused label, .input-group-lg > .is-focused.floating-label label { -webkit-transform: scale(0.411765); transform: scale(0.411765); } .floating-label-lg label, .input-group-lg > .floating-label label { font-size: 2.125rem; line-height: 1.176471; top: 1.5rem; } .floating-label-lg .form-control, .input-group-lg > .floating-label .form-control, .floating-label-lg .custom-select, .input-group-lg > .floating-label .custom-select, .floating-label-lg .form-control-file, .input-group-lg > .floating-label .form-control-file { font-size: 2.125rem; line-height: 1.176471; padding: 0.625rem 0 calc(0.625rem - 1px); } .floating-label-lg select.form-control, .input-group-lg > .floating-label select.form-control, .floating-label-lg .custom-select, .input-group-lg > .floating-label .custom-select { padding-right: 1.5em; } .floating-label-lg select.form-control[multiple], .input-group-lg > .floating-label select.form-control[multiple], .floating-label-lg select.form-control[size]:not([size='1']), .input-group-lg > .floating-label select.form-control[size]:not([size='1']), .floating-label-lg textarea.form-control:not([rows='1']), .input-group-lg > .floating-label textarea.form-control:not([rows='1']), .floating-label-lg .custom-select[multiple], .input-group-lg > .floating-label .custom-select[multiple], .floating-label-lg .custom-select[size]:not([size='1']), .input-group-lg > .floating-label .custom-select[size]:not([size='1']) { padding: 0.875rem 1rem calc(0.875rem - 1px); } .floating-label-sm.has-value label, .input-group-sm > .has-value.floating-label label, .floating-label-sm.is-focused label, .input-group-sm > .is-focused.floating-label label { -webkit-transform: scale(0.769231); transform: scale(0.769231); } .floating-label-sm label, .input-group-sm > .floating-label label { font-size: 0.8125rem; line-height: 1.538462; top: 1.0rem; } .floating-label-sm .form-control, .input-group-sm > .floating-label .form-control, .floating-label-sm .custom-select, .input-group-sm > .floating-label .custom-select, .floating-label-sm .form-control-file, .input-group-sm > .floating-label .form-control-file { font-size: 0.8125rem; line-height: 1.538462; padding: 0.375rem 0 calc(0.375rem - 1px); } .floating-label-sm select.form-control, .input-group-sm > .floating-label select.form-control, .floating-label-sm .custom-select, .input-group-sm > .floating-label .custom-select { padding-right: 1.5em; } .floating-label-sm select.form-control[multiple], .input-group-sm > .floating-label select.form-control[multiple], .floating-label-sm select.form-control[size]:not([size='1']), .input-group-sm > .floating-label select.form-control[size]:not([size='1']), .floating-label-sm textarea.form-control:not([rows='1']), .input-group-sm > .floating-label textarea.form-control:not([rows='1']), .floating-label-sm .custom-select[multiple], .input-group-sm > .floating-label .custom-select[multiple], .floating-label-sm .custom-select[size]:not([size='1']), .input-group-sm > .floating-label .custom-select[size]:not([size='1']) { padding: 0.75rem 0.75rem calc(0.75rem - 1px); } .floating-label.textfield-box { padding-top: 0; } .floating-label.textfield-box.has-value label, .floating-label.textfield-box.is-focused label { line-height: 1; top: 0.5rem; } .floating-label.textfield-box label { top: 1rem; left: 1rem; } .floating-label.textfield-box .form-control, .floating-label.textfield-box .custom-select, .floating-label.textfield-box .form-control-file, .floating-label.textfield-box select.form-control[multiple], .floating-label.textfield-box select.form-control[size]:not([size='1']), .floating-label.textfield-box textarea.form-control:not([rows='1']), .floating-label.textfield-box .custom-select[multiple], .floating-label.textfield-box .custom-select[size]:not([size='1']) { padding-top: 1.5rem; } .floating-label.textfield-box .form-control, .floating-label.textfield-box .custom-select, .floating-label.textfield-box .form-control-file { padding-bottom: calc(0.5rem - 1px); } .floating-label-lg.textfield-box label, .input-group-lg > .textfield-box.floating-label label { top: 0.875rem; left: 1rem; } .floating-label-lg.textfield-box .form-control, .input-group-lg > .textfield-box.floating-label .form-control, .floating-label-lg.textfield-box .custom-select, .input-group-lg > .textfield-box.floating-label .custom-select, .floating-label-lg.textfield-box .form-control-file, .input-group-lg > .textfield-box.floating-label .form-control-file, .floating-label-lg.textfield-box select.form-control[multiple], .input-group-lg > .textfield-box.floating-label select.form-control[multiple], .floating-label-lg.textfield-box select.form-control[size]:not([size='1']), .input-group-lg > .textfield-box.floating-label select.form-control[size]:not([size='1']), .floating-label-lg.textfield-box textarea.form-control:not([rows='1']), .input-group-lg > .textfield-box.floating-label textarea.form-control:not([rows='1']), .floating-label-lg.textfield-box .custom-select[multiple], .input-group-lg > .textfield-box.floating-label .custom-select[multiple], .floating-label-lg.textfield-box .custom-select[size]:not([size='1']), .input-group-lg > .textfield-box.floating-label .custom-select[size]:not([size='1']) { padding-top: 1.249999rem; padding-right: 1rem; padding-left: 1rem; } .floating-label-lg.textfield-box select.form-control, .input-group-lg > .textfield-box.floating-label select.form-control, .floating-label-lg.textfield-box .custom-select, .input-group-lg > .textfield-box.floating-label .custom-select { padding-right: 1.5em; } .floating-label-sm.textfield-box label, .input-group-sm > .textfield-box.floating-label label { top: 0.75rem; left: 0.75rem; } .floating-label-sm.textfield-box .form-control, .input-group-sm > .textfield-box.floating-label .form-control, .floating-label-sm.textfield-box .custom-select, .input-group-sm > .textfield-box.floating-label .custom-select, .floating-label-sm.textfield-box .form-control-file, .input-group-sm > .textfield-box.floating-label .form-control-file, .floating-label-sm.textfield-box select.form-control[multiple], .input-group-sm > .textfield-box.floating-label select.form-control[multiple], .floating-label-sm.textfield-box select.form-control[size]:not([size='1']), .input-group-sm > .textfield-box.floating-label select.form-control[size]:not([size='1']), .floating-label-sm.textfield-box textarea.form-control:not([rows='1']), .input-group-sm > .textfield-box.floating-label textarea.form-control:not([rows='1']), .floating-label-sm.textfield-box .custom-select[multiple], .input-group-sm > .textfield-box.floating-label .custom-select[multiple], .floating-label-sm.textfield-box .custom-select[size]:not([size='1']), .input-group-sm > .textfield-box.floating-label .custom-select[size]:not([size='1']) { padding-top: 1.0rem; padding-right: 0.75rem; padding-left: 0.75rem; } .floating-label-sm.textfield-box select.form-control, .input-group-sm > .textfield-box.floating-label select.form-control, .floating-label-sm.textfield-box .custom-select, .input-group-sm > .textfield-box.floating-label .custom-select { padding-right: 1.5em; } .input-group { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .floating-label, .input-group > .form-control, .input-group > .form-control-file, .input-group > .textfield-box { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 0; width: 1%; } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .floating-label, .input-group > .custom-file + .form-control, .input-group > .custom-file + .form-control-file, .input-group > .custom-file + .textfield-box, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .floating-label, .input-group > .custom-select + .form-control, .input-group > .custom-select + .form-control-file, .input-group > .custom-select + .textfield-box, .input-group > .floating-label + .custom-file, .input-group > .floating-label + .custom-select, .input-group > .floating-label + .floating-label, .input-group > .floating-label + .form-control, .input-group > .floating-label + .form-control-file, .input-group > .floating-label + .textfield-box, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .floating-label, .input-group > .form-control + .form-control, .input-group > .form-control + .form-control-file, .input-group > .form-control + .textfield-box, .input-group > .form-control-file + .custom-file, .input-group > .form-control-file + .custom-select, .input-group > .form-control-file + .floating-label, .input-group > .form-control-file + .form-control, .input-group > .form-control-file + .form-control-file, .input-group > .form-control-file + .textfield-box, .input-group > .textfield-box + .custom-file, .input-group > .textfield-box + .custom-select, .input-group > .textfield-box + .floating-label, .input-group > .textfield-box + .form-control, .input-group > .textfield-box + .form-control-file, .input-group > .textfield-box + .textfield-box { margin-left: 1rem; } .btn { border-radius: 2px; transition-duration: 0.3s; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: transparent; background-image: none; border: 0; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); display: inline-block; font-size: 0.875rem; font-weight: 500; line-height: 1; margin: 0; max-width: 100%; min-width: 5.5rem; padding: 0.6875rem 1rem; position: relative; text-align: center; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } @media (min-width: 576px) { .btn { transition-duration: 0.39s; } } @media (min-width: 992px) { .btn { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:active, .btn:focus, .btn:hover { color: rgba(0, 0, 0, 0.87); text-decoration: none; } .btn:focus, .btn:hover { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); } .btn.active, .btn:active { background-color: rgba(153, 153, 153, 0.4); background-image: none; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2); } .btn.disabled, .btn:disabled { background-color: rgba(0, 0, 0, 0.12); background-image: none; box-shadow: none; color: rgba(0, 0, 0, 0.26); opacity: 1; } .btn:focus { outline: 0; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .show > .btn.dropdown-toggle { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { background-color: #9c27b0; color: white; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { color: white; } .btn-primary.active, .btn-primary:active { background-color: #7b1fa2; } .btn-primary.disabled, .btn-primary:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-secondary { background-color: #ff4081; color: white; } .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { color: white; } .btn-secondary.active, .btn-secondary:active { background-color: #f50057; } .btn-secondary.disabled, .btn-secondary:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-danger { background-color: #f44336; color: white; } .btn-danger:active, .btn-danger:focus, .btn-danger:hover { color: white; } .btn-danger.active, .btn-danger:active { background-color: #d32f2f; } .btn-danger.disabled, .btn-danger:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-info { background-color: #2196f3; color: white; } .btn-info:active, .btn-info:focus, .btn-info:hover { color: white; } .btn-info.active, .btn-info:active { background-color: #1976d2; } .btn-info.disabled, .btn-info:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-success { background-color: #4caf50; color: white; } .btn-success:active, .btn-success:focus, .btn-success:hover { color: white; } .btn-success.active, .btn-success:active { background-color: #388e3c; } .btn-success.disabled, .btn-success:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-warning { background-color: #ff9800; color: rgba(0, 0, 0, 0.87); } .btn-warning:active, .btn-warning:focus, .btn-warning:hover { color: rgba(0, 0, 0, 0.87); } .btn-warning.active, .btn-warning:active { background-color: #f57c00; } .btn-warning.disabled, .btn-warning:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-dark { background-color: #424242; color: white; } .btn-dark:active, .btn-dark:focus, .btn-dark:hover { color: white; } .btn-dark.active, .btn-dark:active { background-color: #212121; } .btn-dark.disabled, .btn-dark:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .btn-light { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .btn-light:active, .btn-light:focus, .btn-light:hover { color: rgba(0, 0, 0, 0.87); } .btn-light.active, .btn-light:active { background-color: #e0e0e0; } .btn-light.disabled, .btn-light:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } [class*='bg-dark'] :not([class*='bg-light']) .btn.disabled, [class*='bg-dark'] :not([class*='bg-light']) .btn:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } .btn-lg, .btn-group-lg > .btn, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-prepend > .btn { font-size: 0.9375rem; padding: 0.78125rem 1rem; } .btn-sm, .btn-group-sm > .btn, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-prepend > .btn { font-size: 0.8125rem; padding: 0.59375rem 1rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.25rem; } [type='button'].btn-block, [type='reset'].btn-block, [type='submit'].btn-block { width: 100%; } .btn-link { background-color: transparent; border-radius: 0; box-shadow: none; color: #ff4081; font-weight: 400; text-decoration: none; text-transform: none; } .btn-link:active, .btn-link:focus, .btn-link:hover { color: #ff4081; text-decoration: underline; } .btn-link:focus, .btn-link:hover { background-image: none; } .btn-link.active, .btn-link:active { background-color: transparent; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); text-decoration: none; } .custom-control { display: block; min-height: 1.250001rem; padding-left: 2.25rem; position: relative; } .custom-control + .custom-control { margin-top: 0.75rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1.5rem; } .custom-control-inline + .custom-control-inline { margin-top: 0; } .custom-control-label { color: inherit; font-size: 0.875rem; line-height: inherit; margin-bottom: 0; } .custom-control-label::after { color: rgba(0, 0, 0, 0.54); position: absolute; top: -0.125rem; left: 0; } .custom-control-label::before { transition-duration: 0.3s; transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform, -webkit-transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: currentColor; border-radius: 50%; color: rgba(0, 0, 0, 0.54); content: ''; display: block; height: 3rem; margin-top: -0.875rem; margin-left: -0.75rem; opacity: 0; position: absolute; top: 0; left: 0; -webkit-transform: scale(0.87, 0.87) translateZ(0); transform: scale(0.87, 0.87) translateZ(0); width: 3rem; } @media (min-width: 576px) { .custom-control-label::before { transition-duration: 0.39s; } } @media (min-width: 992px) { .custom-control-label::before { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before { transition: none; } } .custom-control-input { opacity: 0; position: absolute; z-index: -1; } .custom-control-input.focus ~ .custom-control-label::before, .custom-control-input:active ~ .custom-control-label::before { opacity: 0.12; -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0); } .custom-control-input:checked ~ .custom-control-label::after { color: #ff4081; } .custom-control-input:checked ~ .custom-control-label::before { background-color: #ff4081; } .custom-control-input:disabled ~ .custom-control-label { color: rgba(0, 0, 0, 0.26); } .custom-control-input:disabled ~ .custom-control-label::after { color: rgba(0, 0, 0, 0.26); } .custom-control-input:disabled ~ .custom-control-label::before { display: none; } .custom-checkbox .custom-control-label::after { font-size: 1.714286em; line-height: 0.583333em; vertical-align: -0.302198em; font-family: 'Material Icons'; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; letter-spacing: normal; text-rendering: optimizeLegibility; text-transform: none; white-space: nowrap; word-wrap: normal; content: "check_box_outline_blank"; line-height: 1; vertical-align: middle; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { content: "check_box"; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { content: "indeterminate_check_box"; } .custom-radio .custom-control-label::after { font-size: 1.714286em; line-height: 0.583333em; vertical-align: -0.302198em; font-family: 'Material Icons'; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; letter-spacing: normal; text-rendering: optimizeLegibility; text-transform: none; white-space: nowrap; word-wrap: normal; content: "radio_button_unchecked"; line-height: 1; vertical-align: middle; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { content: "radio_button_checked"; } .input-group-append, .input-group-prepend { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .input-group-append .btn, .input-group-prepend .btn { min-width: 0; } .input-group-append .btn + .btn, .input-group-prepend .btn + .btn { margin-left: -1px; } .input-group-append { margin-left: 1rem; } .input-group-prepend { margin-right: 1rem; } .input-group-text { color: inherit; font-size: 1rem; line-height: 1.5; margin-bottom: 0; white-space: nowrap; } .input-group-text + .input-group-text { margin-left: 0.5rem; } .input-group > .input-group-append > .btn:not(:first-of-type), .input-group > .input-group-prepend > .btn:not(:first-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .input-group-append > .btn:not(:last-of-type), .input-group > .input-group-prepend > .btn:not(:last-of-type) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-icon { transition-duration: 0.3s; transition-property: color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.42); font-size: 0.875rem; margin-right: 1rem; -ms-flex-order: -1; order: -1; } @media (min-width: 576px) { .input-group-icon { transition-duration: 0.39s; } } @media (min-width: 992px) { .input-group-icon { transition-duration: 0.2s; } } @media screen and (prefers-reduced-motion: reduce) { .input-group-icon { transition: none; } } .input-group-icon:hover { color: rgba(0, 0, 0, 0.87); } .floating-label.is-focused ~ .input-group-icon, .form-control:focus ~ .input-group-icon { color: #ff4081; } .floating-label:not(.textfield-box) ~ .input-group-icon { margin-top: 0.75rem; } .input-group-lg > .floating-label.has-value label, .input-group-lg > .floating-label.is-focused label { top: 0; } .input-group-lg > .floating-label.textfield-box.has-value label, .input-group-lg > .floating-label.textfield-box.is-focused label { top: 0.5rem; } .input-group-lg > .floating-label:not(.textfield-box) ~ .input-group-icon { margin-top: 0.875rem; } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .form-control-file { font-size: 2.125rem; line-height: 1.176471; padding: 0.625rem 0 calc(0.625rem - 1px); } .input-group-lg > select.form-control, .input-group-lg > .custom-select { padding-right: 1.5em; } .input-group-lg > select.form-control[multiple], .input-group-lg > select.form-control[size]:not([size='1']), .input-group-lg > textarea.form-control:not([rows='1']), .input-group-lg > .custom-select[multiple], .input-group-lg > .custom-select[size]:not([size='1']) { padding: 0.875rem 1rem calc(0.875rem - 1px); } .input-group-lg > .form-control[type='file'], .input-group-lg > .form-control-file { max-height: 4.25rem; } .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .input-group-text { font-size: 2.125rem; line-height: 1.176471; } .input-group-lg > .input-group-icon { font-size: 1.859375rem; line-height: 1.176471; } .input-group-sm > .floating-label.has-value label, .input-group-sm > .floating-label.is-focused label { top: 0; } .input-group-sm > .floating-label.textfield-box.has-value label, .input-group-sm > .floating-label.textfield-box.is-focused label { top: 0.5rem; } .input-group-sm > .floating-label:not(.textfield-box) ~ .input-group-icon { margin-top: 0.625rem; } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .form-control-file { font-size: 0.8125rem; line-height: 1.538462; padding: 0.375rem 0 calc(0.375rem - 1px); } .input-group-sm > select.form-control, .input-group-sm > .custom-select { padding-right: 1.5em; } .input-group-sm > select.form-control[multiple], .input-group-sm > select.form-control[size]:not([size='1']), .input-group-sm > textarea.form-control:not([rows='1']), .input-group-sm > .custom-select[multiple], .input-group-sm > .custom-select[size]:not([size='1']) { padding: 0.75rem 0.75rem calc(0.75rem - 1px); } .input-group-sm > .form-control[type='file'], .input-group-sm > .form-control-file { max-height: 2.75rem; } .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .input-group-text { font-size: 0.8125rem; line-height: 1.538462; } .input-group-sm > .input-group-icon { font-size: 0.710938rem; line-height: 1.538462; } .invisible { visibility: hidden !important; } .visible { visibility: visible !important; } .material-icons { font-size: 1.714286em; line-height: 0.583333em; vertical-align: -0.302198em; } .material-icons-inline { font-size: inherit; line-height: 1; } @media print { @page { size: a3; } *, *::after, *::before { box-shadow: none !important; text-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: ' (" attr(title) ") '; } blockquote { page-break-inside: avoid; } body { min-width: 992px !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-inside: avoid; } img { page-break-inside: avoid; } pre { page-break-inside: avoid; white-space: pre-wrap !important; } thead { display: table-header-group; } tr { page-break-inside: avoid; } .card { border: 1px solid #e1e1e1; } .container { min-width: 992px !important; } .dropdown-menu { border: 1px solid #e1e1e1; } .list-group-item { border: 1px solid #e1e1e1; margin-bottom: -1px; } .list-group-item:last-child { margin-bottom: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; } .nav-tabs { border-bottom: 1px solid #e1e1e1; } .navbar { display: none; } .popover { border: 1px solid #e1e1e1; } .table td, .table th { background-color: #ffffff !important; } .table-bordered { border: 1px solid #e1e1e1; } .table-dark { color: inherit; } .table-dark td, .table-dark th, .table-dark .table { border-color: #e1e1e1; } .table .thead-dark td, .table .thead-dark th { color: inherit; } } /*# sourceMappingURL=material.css.map */