@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(./roboto-light.woff2) format('woff2'), url(./roboto-light.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(./roboto-regular.woff2) format('woff2'), url(./roboto-regular.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(./roboto-medium.woff2) format('woff2'), url(./roboto-medium.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(./roboto-bold.woff2) format('woff2'), url(./roboto-bold.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, content, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, nobr, audio, video, input, option, button, textarea, select { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; outline: none; box-sizing: border-box; } html { width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, html { -webkit-font-smoothing: antialiased; -webkit-print-color-adjust: exact; background-color: rgb(250, 250, 250); color: rgba(0, 0, 0, 0.541176); cursor: default; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 13px; } @media print { body, html { background: #fff; height: auto; } } input[type=checkbox], input[type=radio], label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; } blockquote { padding: 24px; } pre { font-family: monospace; } form { padding: 0; margin: 0; } input, button, div, a { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { text-decoration: none; color: rgba(0, 0, 0, 0.541176); } i { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } em { font-style: italic; } hr { border: 0; height: 1px; border-bottom: 1px solid #dedede; } .mws-body-content { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; align-items: stretch; height: calc(100% - 64px); } .mws-sidebar { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; z-index: 400; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; width: 280px; height: 100%; padding-top: 64px; border-right: 1px solid rgba(0, 0, 0, 0.14); background-color: rgb(250, 250, 250); overflow: hidden; will-change: transform, visibility; transform: translateX(0); transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1); visibility: visible; } .mws-sidebar-closed { transform: translateX(-280px); transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear .25s; visibility: hidden; } @media only screen and (min-width: 1px) and (max-width: 1024px) { .mws-sidebar { padding-top: 0; z-index: 900; transform: translateX(-280px); transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0.25s linear; -ms-transition: none; visibility: hidden; } .mws-sidebar-out { box-shadow: 0 0 16px rgba(0, 0, 0, .28); transform: translateX(0); visibility: visible; } } .mws-backdrop { background: rgba(0, 0, 0, .4); position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); visibility: hidden; opacity: 0; z-index: 501; } .mws-backdrop-out { visibility: visible; opacity: 1; } @media (min-width: 1025px) { .mws-backdrop { display: none; } } .mws-rightbar { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; z-index: 990; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; width: 280px; border-left: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); background-color: rgb(250, 250, 250); box-shadow: 0 0 16px rgba(0, 0, 0, .28); right: 0; margin-top: 56px; visibility: visible; will-change: visibility; overflow: hidden; } @media (min-width: 1025px) { .mws-rightbar { margin-top: 64px; } } .mws-rightbar-closed { visibility: hidden; will-change: visibility; left: -280px; box-shadow: none; } .mws-vertical-flex { display: flex; flex-direction: column; justify-content: space-between; height: 100%; overflow-y: auto; } @media only screen and (min-width: 1px) { .mws-vertical-flex { flex-grow: 1; flex-basis: auto; height: 100%; overflow-y: auto; -ms-overflow-style: none; } } .mws-horizontal-flex { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; } .mws-navbar-div { padding: 8px 0 7px 0; } div .mws-navbar-div+.mws-navbar-div { border-top: 1px rgba(0, 0, 0, 0.14) solid; } .mws-navbar-border-bottom { border-bottom: 1px rgba(0, 0, 0, 0.14) solid; } .mws-collapse-title-content { box-align: center; align-items: center; box-pack: justify; justify-content: space-between; display: flex; flex: 1; padding: 10px 24px; min-width: 0; min-height: 40px; white-space: nowrap; } .mws-collapse-click { color: rgba(0, 0, 0, 0.54); display: flex; cursor: pointer; } .mws-collapse-title-hover:hover { background-color: rgb(224, 224, 224); } .mws-collapse-title-div { color: rgba(0, 0, 0, 0.54); font-weight: 500; line-height: 20px; } .mws-collapse-icon-div { display: block; padding: 10px 15px 10px 16px; } .mws-collapse-content { overflow: hidden; max-height: 9999px; transition: max-height .35s cubic-bezier(0.5, 0, 1, 0); } @media screen { .mws-collapse-content-closed { max-height: 0; transition: max-height .35s cubic-bezier(0, 1, 0, 1) -.1s; } } .mws-menu-item-a { display: flex; align-items: center; height: 40px; padding: 0 24px; line-height: 20px; } .mws-menu-item-a:hover { background-color: rgb(224, 224, 224); } .mws-menu-item-span { display: inline-block; color: rgba(0, 0, 0, 0.87); padding: 14px 0; margin-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .mws-icon-div { display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; } .mws-icon-span { display: inline-block; width: 20px; height: 20px; } .mws-button-icon:hover { background-color: rgba(66, 133, 244, 0.04); } .mws-button-icon-svg { color: #4285f4; fill: #4285f4; } .mws-button-icon:disabled .mws-button-icon-svg { color: inherit; fill: inherit; } .mws-privacy-terms-div { border-top: 1px rgba(0, 0, 0, 0.14) solid; line-height: 20px; padding: 14px 24px; vertical-align: baseline; } .mws-privacy-terms-link { margin-right: 1.15em; } .mws-header { position: fixed; display: flex; align-items: center; justify-content: space-between; height: 64px; width: 100%; background-color: #455a64; color: #fff; z-index: 600; } .mws-header-flex { display: flex; height: 64px; align-items: center; } @media only screen and (min-width: 1px) and (max-width: 1024px) { .mws-header, .mws-header-flex { height: 56px; } } .mws-title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; color: #fff; font-size: 20px; font-weight: 500; line-height: 32px; margin-right: 40px; min-width: 48px; padding-left: 18px; padding-right: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mws-menu-icon, .mws-button-icon { background: transparent; border-radius: 50%; display: inline-block; padding: 12px; overflow: hidden; vertical-align: middle; cursor: pointer; height: 48px; width: 48px; } .mws-tab .mws-menu-icon, .mws-tab .mws-button-icon, .mws-tab-nav { display: none; } @media only screen and (min-width: 1px) and (max-width: 600px) { .mws-tab .mws-menu-icon, .mws-tab .mws-button-icon { display: block; } .mws-tab-nav { display: inline-block; width: 48px; } } .mws-menu-icon:disabled, .mws-button-icon:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.24); fill: rgba(0, 0, 0, 0.24); cursor: default; pointer-events: none; } .mws-menu-icon.first { margin-left: 12px; } .mws-menu-icon.last { margin-right: 12px; } .mws-menu-icon:hover { background-color: rgba(232, 234, 237, 0.0784314); } .mws-menu-icon-svg { color: rgb(255, 255, 255); fill: rgb(255, 255, 255); } .mws-icon-svg { color: rgba(0, 0, 0, 0.54); fill: rgba(0, 0, 0, 0.54); } .mws-main-container { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-direction: column; width: 100%; overflow-x: hidden; margin-top: 64px; } .mws-sidebar+.mws-main-container { margin-left: 280px; } .mws-sidebar.mws-sidebar-closed+.mws-main-container { margin-left: 0; } @media only screen and (min-width: 1px) and (max-width: 1024px) { .mws-main-container { margin-top: 56px; } .mws-sidebar+.mws-main-container { margin-left: 0; } } @media print { .mws-main-container { margin: 0!important; } } .mws-main-container-header { position: fixed; display: flex; justify-content: space-between; flex: 0 0 auto; width: 100%; height: 55px; color: rgba(0, 0, 0, 0.870588); background-color: rgb(255, 255, 255); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.14), 0 2px 4px -1px rgba(0, 0, 0, 0.2); padding: 0; z-index: 300; } @media only screen and (min-width: 1025px) { .mws-sidebar+.mws-main-container .mws-main-container-header { width: calc(100% - 280px); } .mws-sidebar.mws-sidebar-closed+.mws-main-container .mws-main-container-header { width: 100%; } } .mws-main-content { position: relative; flex: 1 1 auto; background: #fafafa; } .mws-main-container-header+.mws-main-content { margin-top: 55px; } @media print { .mws-main-content { background: #fff; margin: 0!important; } } .mws-main-content-box { padding: 0 24px; margin: 24px auto 64px auto; width: 100%; max-width: 960px; } @media only screen and (min-width: 1px) and (max-width: 600px) { .mws-main-content-box { padding: 0 8px; margin-bottom: 32px; margin-top: 8px; } } .mws-main-title-span { display: flex; flex: 0 1 auto; font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.870588); padding: 15px 24px 16px 24px; margin-right: 40px; min-width: 48px; } .mws-narrow-panel { max-width: 500px; } .mws-panel-wrapper { position: relative; display: block; background-color: #fff; margin: 24px 0; overflow: hidden; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.2); text-align: start; transition-property: transform, margin, padding, height, opacity; transition-delay: 0ms, 100ms, 0ms, 0ms, 0ms; transition-duration: 200ms, 100ms, 100ms, 150ms, 200ms; } @media only screen and (min-width: 1px) and (max-width: 600px) { .mws-panel-wrapper { margin: 8px 0; } } @media print { .mws-panel-wrapper { box-shadow: none; border: 1px solid #dedede; } } .mws-panel-wrapper>.mws-panel-wrapper, .mws-panel-wrapper>div>.mws-panel-wrapper, .mws-panel-wrapper>form>.mws-panel-wrapper, .mws-panel-wrapper>div>form>.mws-panel-wrapper, .mws-panel-wrapper+.mws-panel-tray, .mws-collapse-content>.mws-panel-wrapper, td>.mws-panel-wrapper { border: none; box-shadow: none; margin: 0; } .mws-panel-wrapper>.mws-panel-wrapper .mws-accordion-title, .mws-panel-wrapper>div>.mws-panel-wrapper .mws-accordion-title, .mws-panel-wrapper>form>.mws-panel-wrapper .mws-accordion-title, .mws-panel-wrapper>div>form>.mws-panel-wrapper .mws-accordion-title { font-size: 15px; line-height: 18px; color: rgba(0, 0, 0, 0.87); height: auto; } .mws-label { font-weight: 500; font-size: 13px; } .mws-collapse-content .mws-label { color: rgba(0, 0, 0, 0.54); font-weight: 500; line-height: 20px; } .mws-panel-top { position: relative; } .mws-panel-top-a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block; } .mws-panel-top-a:hover { background-color: rgba(0, 0, 0, 0.07); } .mws-panel-title { display: flex; align-items: center; justify-content: space-between; color: rgba(0, 0, 0, 0.870588); font-weight: 400; font-size: 20px; line-height: 24px; height: 52px; margin: 0 4px 0 24px; z-index: 100; } .mws-panel-content { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; position: relative; margin: 0 24px 12px 24px; vertical-align: top; } .mws-panel-wrapper .mws-divider { display: block; height: 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.14); } .mws-divider+.mws-divider { display: none; } .mws-divider+.mws-panel-content, .mws-header+.mws-panel-content, .mws-reversed>div>.mws-panel-content, form>.mws-panel-content { margin-top: 12px; } .mws-reversed { display: flex; flex-direction: column-reverse; } .mws-panel-bottom { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.14); } .mws-accordion {} .mws-accordion-title { color: rgba(0, 0, 0, 0.870588); font-weight: 400; font-size: 20px; line-height: 24px; height: 52px; } .mws-collapse-accordion-icon-div { display: flex; align-items: center; justify-content: space-between; } .mws-panel-tray { position: relative; padding: 12px 24px; display: flex; justify-content: space-between; border-collapse: collapse; } .mws-tab-list-container { display: flex; } .mws-tab-list-scroll { display: flex; position: relative; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow-x: auto; width: 100%; } .mws-tab-list-scroll::-webkit-scrollbar { display: none; } .mws-tab { position: relative; transition: color .1s; box-flex: 1; flex-shrink: 0; flex-grow: 1; border: 0; color: rgba(0, 0, 0, 0.54); cursor: pointer; font-size: 14px; font-weight: 400; line-height: 38px; min-width: 7em; outline: none; overflow: hidden; text-align: center; text-transform: uppercase; } .mws-tab:active { background-color: rgba(224, 224, 224, 0.24); } .mws-tab-selected { color: #4285f4; font-weight: 700; } .mws-tab-disabled { color: rgba(0, 0, 0, 0.37); } .mws-tab-shaded, .mws-optional { display: inline-block; } @media only screen and (min-width: 1px) and (max-width: 600px) { .mws-tab-shaded, .mws-optional { display: none; } } .mws-tab-selected:hover, .mws-tab-disabled:hover { cursor: default!important; background: transparent!important; } .mws-tab-a { display: block; height: 100%; } .mws-tab-title { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; white-space: nowrap; border: none; border-radius: 0; background: transparent; -webkit-appearance: none; appearance: none; outline: none; padding: 8px 12px; color: inherit; cursor: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; text-transform: inherit; } .mws-tab-title.selected { justify-content: space-between; } .mws-tab-selected-underline { position: absolute; display: block; background-color: #4285f4; bottom: 0; width: 100%; height: 2px; } .mws-tab-follower { bottom: 0; height: 2px; position: absolute; will-change: left, width; } .mws-alert-panel-wrapper { display: flex; align-items: center; justify-content: center; } .mws-alert-panel { flex-shrink: 1; flex-grow: 0; flex-basis: 650px; } .mws-button { font-size: 13px; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.0892857143em; text-decoration: none; text-transform: uppercase; white-space: nowrap; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0 8px 0 8px; display: inline-flex; position: relative; align-items: center; box-sizing: border-box; min-width: 72px; height: 36px; border: none; outline: none; line-height: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; overflow: hidden; vertical-align: middle; border-radius: 4px; } .mws-button span { margin: auto; } .mws-button::before, .mws-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mws-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mws-button::before, .mws-button::after { top: calc(50% - 100%); left: calc(50% - 100%); width: 200%; height: 200%; } .mws-button::-moz-focus-inner { padding: 0; border: 0; } .mws-button:active { outline: none; } .mws-button:hover { cursor: pointer; } .mws-button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.37); cursor: default; pointer-events: none; } .mws-button.mws-button--dense { border-radius: 4px; } .mws-button:not(:disabled) { background-color: transparent; } .mws-button:not(:disabled) { color: #4285f4; } .mws-button::before, .mws-button::after { background-color: #4285f4; } .mws-button:hover::before { opacity: 0.04; } .mws-button--raised, .mws-button--unelevated { padding: 0 16px; } .mws-button--raised:disabled, .mws-button--unelevated:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.37); } .mws-button--raised:not(:disabled), .mws-button--unelevated:not(:disabled) { background-color: #4285f4; } .mws-button--raised:not(:disabled), .mws-button--unelevated:not(:disabled) { color: #fff; } .mws-button--raised::before, .mws-button--raised::after, .mws-button--unelevated::before, .mws-button--unelevated::after { background-color: #fff; } .mws-button--raised:hover::before, .mws-button--unelevated:hover::before { opacity: 0.08; } .mws-button:active::before { opacity: 0.24; } .mws-button--raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .mws-button--raised:hover, .mws-button--raised:focus { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .mws-button--raised:active { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .mws-button--raised:disabled { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } .mws-button--outlined { border-style: solid; padding: 0 14px 0 14px; border-width: 2px; } .mws-button--outlined:disabled { font-weight: 400; border: 1px solid rgba(0, 0, 0, 0.37); } .mws-button--outlined:not(:disabled) { border-color: #4285f4; } .mws-button--dense { margin: 2px; height: 32px; font-size: 13px; letter-spacing: normal; text-transform: none; } .mws-button-text { line-height: 20px; overflow: hidden; text-overflow: ellipsis; } .mws-chip { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 16px; background-color: #546e7a; color: #fff; font-size: 12px; line-height: 20px; font-weight: 400; height: 32px; display: -ms-inline-flexbox; display: inline-flex; position: relative; -ms-flex-align: center; align-items: center; box-sizing: border-box; padding: 7px 12px; outline: none; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 4px 6px 4px 0; } .mws-chip:after, .mws-chip:before { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: "" } .mws-chip:before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1 } .mws-chip:after, .mws-chip:before { top: -50%; left: -50%; width: 200%; height: 200% } .mws-chip:after, .mws-chip:before { background-color: rgba(0, 0, 0, .87) } @keyframes mdc-chip-entry { 0% { opacity: .4 } to { opacity: 1 } } .mws-chip:hover:before:not(.mws-chip--disabled) { opacity: .04 } .mws-chip:hover:not(.mws-chip--disabled) { border-color: #455a64; background-color: #455a64; fill: #fff; color: #fff; animation: mdc-chip-entry .5s cubic-bezier(0, 0, .2, 1); } .mws-chip:active:not(.mws-chip--disabled) { opacity: .87; } .mws-chip:disabled { background-color: rgba(0, 0, 0, 0.37); color: #fff; cursor: default; pointer-events: none; } .mws-chip--outlined:disabled { border-color: rgba(0, 0, 0, 0.37); } .mws-chip--outlined:not(:disabled) { border-color: #546e7a; } .mws-chip--outlined { border: 1px solid; color: #546e7a; background: transparent; } span>.mws-chip { color: inherit; border-color: inherit!important; } .mws-chip .mws-icon-span { width: 17px; height: 17px; vertical-align: middle; margin: -6px 4px -4px -4px; } .mws-chip .mws-icon-svg { color: inherit; fill: inherit; } .mws-chip .mws-icon-svg:hover { color: inherit; fill: inherit; } .mws-table { position: relative; table-layout: auto; width: 100%; min-width: 100%; border-collapse: collapse; } .mws-table-header { color: rgba(0, 0, 0, 0.87); font-size: 12px; height: 100%; padding: 18px 28px; box-sizing: content-box; font-size: 12px; font-weight: 500; height: 20px; line-height: 20px; max-width: 150px; overflow-wrap: break-word; overflow: hidden; } .mws-table-cell { position: relative; box-sizing: content-box; color: rgba(0, 0, 0, 0.87); height: 100%; line-height: 20px; padding: 13px 28px 14px 28px; vertical-align: middle; } .mws-table-cell-a { -webkit-tap-highlight-color: transparent; position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block; } .mws-table-cell-link { position: relative; color: inherit; } .mws-table-cell-link:hover { color: #4285f4; } .mws-table-row { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-collapse: collapse; cursor: pointer; transition-duration: .28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; } .mws-table-row:first-of-type { border-top: none; } .mws-table-row:last-of-type { border-bottom: none; } .mws-table-row:hover { background-color: #eeeeee; } .mws-table-row:active { background-color: #dedede; } .mws-table-header.first, .mws-table-cell.first { padding-left: 24px; text-align: left; } .mws-table-header.last, .mws-table-cell.last { padding-right: 24px; text-align: right; } .mws-flex-label { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-align: center; font-weight: 500; } .mws-flex-page { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: center; width: 100%; max-width: 960px; margin-left: auto; margin-right: auto; padding: 24px 12px 12px 12px; } @media only screen and (min-width: 1px) and (max-width: 600px) { .mws-flex-page { padding: 12px 0 0 0; } } .mws-flex-page .mws-panel-wrapper { margin-top: 0; } .mws-flex-column { flex-shrink: 0; flex-grow: 1; flex-basis: 350px; padding: 0 12px; } .mws-upload-wrapper { position: relative; overflow: hidden; margin: 10px; } .mws-upload-input { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block; width: 100%; height: 100%; padding: 0; margin: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .mws-marquee { background-color: #4285f4; } .mws-truncated { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mws-round { display: inline-block; border: 1px solid transparent; border-radius: 50%; width: 2rem; height: 2rem; } .mws-selectable { -webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; cursor: text; } @media print { .mws-noprint { display: none; } } INPUT, SELECT, OPTION, TEXTAREA { transition: all 150ms; max-width: 100%!important; line-height: 28px; color: rgba(0, 0, 0, 0.87); } INPUT[type=text], INPUT[type=password] { margin: 0; padding-top: 1px; padding-bottom: 0; padding-left: 5px; padding-right: 5px; min-height: 32px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.258824); border-radius: 0; box-sizing: border-box; } TEXTAREA:not([type=hidden]) { line-height: 16px; margin: 0; padding-top: 8px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; min-height: 32px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.258824); border-radius: 0; box-sizing: border-box; } .mws-error INPUT[type=text], .mws-error INPUT[type=password], .mws-error SELECT:not([type=hidden]), .mws-error TEXTAREA:not([type=hidden]) { border-bottom: 1px solid #b00020; } INPUT[type=text]:hover, INPUT[type=password]:hover, TEXTAREA:not([type=hidden]):hover, SELECT:not([type=hidden]):hover { border-bottom: 1px solid gray; } INPUT[type=text]:focus, INPUT[type=password]:focus, TEXTAREA:not([type=hidden]):focus, SELECT:not([type=hidden]):focus { border-bottom: 1px solid #4285f4; } SELECT::-ms-expand { display: none; } SELECT:not([type=hidden]) { -webkit-appearance: none; -webkit-box-shadow: none; background-color: #fff; background-image: url('data: image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg=='); background-position: 100% 50%; background-repeat: no-repeat; border-radius: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.258824); box-shadow: none; box-sizing: border-box; outline: none; cursor: pointer; min-height: 32px; margin: 0; padding-top: 1px; padding-bottom: 0; padding-left: 5px; padding-right: 25px; } LABEL.mws-error, DIV.mws-error { color: #b00020; } INPUT[type=radio], INPUT[type=checkbox] { margin-left: 5px; margin-right: 5px; } .LABEL, .HEADER, .PANELHEADER { min-height: 36px; line-height: 32px; padding: 0 5px; color: #666; background: #e8e8e8; } .INPUT { padding-left: 5px; min-height: 36px; line-height: 20px; padding: 0; background: #f8f8f8; } A.INPUT { height: 32px; background: #f8f8f8; text-decoration: none; } A.INPUT:hover { height: 32px; background-color: rgba(66, 133, 224, 0.08); text-decoration: none; } .VALUE, .ACTION { padding-left: 5px; padding-right: 5px; min-height: 32px; line-height: 28px; background: #f8f8f8; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .VALUE, .VALUE A { color: rgba(0, 0, 0, 0.87); } A.VALUE { height: 32px; background: #f8f8f8; text-decoration: none; } A.VALUE:hover { height: 32px; background-color: rgba(66, 133, 224, 0.24); text-decoration: none; } .SELECTED { font-weight: 500; line-height: 28px; text-decoration: none; box-shadow: inset 0 0 0 1px rgb(0, 188, 212); } A.SELECTED { min-height: 28px; line-height: 28px!important; border: none; } A.SELECTED:hover { text-decoration: none; background-color: rgba(0, 188, 212, 0.08); } .PRESELECTED { line-height: 28px; text-decoration: none; font-weight: 500; background-color: rgb(66, 133, 244); color: #fff; } A.PRESELECTED:hover { text-decoration: none; background-color: rgb(72, 144, 255); } .PRESET { line-height: 28px; text-decoration: none; font-weight: 500; background-color: rgb(0, 188, 212); color: #fff; } A.PRESET:hover { text-decoration: none; background-color: rgb(0, 208, 228); } .WIDETEXTINPUT { width: 100%; } .BLUELINK { color: #4285f4; border-color: #4285f4; fill: #4285f4; border: none; } A.BLUELINK:hover { opacity: 0.8; } .REDLINK { color: #b00020; border-color: #b00020; fill: #b00020; border: none; } A.REDLINK:hover { color: #ff0000; } .REDLINK>.mws-chip:hover { border-color: inherit; background-color: #b00020; } .REDLINK a, .REDLINK .mws-icon-svg { color: inherit; fill: inherit; } .GREENLINK { color: #007e33; border-color: #007e33; fill: #007e33; border: none; } A.GREENLINK:hover { color: #00c851; } .GREENLINK>.mws-chip:hover { border-color: inherit; background-color: #007e33; } .GREENLINK a, .GREENLINK .mws-icon-svg { color: inherit; fill: inherit; } .mws-focus-frame { border: 2px solid #4285f4; border-radius: 2px; padding: 8px; } .mws-focus-frame--disabled { border: 2px solid #e8e8e8; border-radius: 2px; padding: 8px; } .mws-textarea-frame { border-left: 1px solid #e8e8e8!important; border-right: 1px solid #e8e8e8!important; border-top: 1px solid #e8e8e8!important; border-bottom: 1px solid #e8e8e8; padding: 8px!important; } .mws-chip .GREENLINK { color: inherit; fill: inherit; } .WHITELINK { color: #ffffff; } A.WHITELINK:hover { color: #f8f8f8; text-decoration: none; } .GRAYLINK { color: #808080; } A.GRAYLINK:hover { color: #606060; } .APPOINTMENT { position: relative; background: rgb(0, 188, 212); } .RESTRICTED { position: relative; background: #808080; } .HOLIDAY { position: relative; background: #dd80dd; } .AVAILABLE { position: relative; background: #80dd80; } .UNAVAILABLE { position: relative; background: #ff8080; } .IDLE { position: relative; background: #ffffdd; } .DIVIDER { background: #e0e0ff; } .mws-snackbar { position: fixed; z-index: 8000; margin: 8px; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; pointer-events: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mws-snackbar__surface { background-color: #333; } .mws-snackbar__label { color: hsla(0, 0%, 100%, .87); } .mws-snackbar__surface { min-width: 344px; } @media (max-width: 344px), (max-width: 480px) { .mws-snackbar__surface { min-width: 100%; } } .mws-snackbar__surface { max-width: 672px; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); border-radius: 4px; } .mws-snackbar--stacked .mws-snackbar__surface { flex-direction: column; align-items: flex-start; } .mws-snackbar--stacked .mws-snackbar__actions { align-self: flex-end; margin-bottom: 8px; } .mws-snackbar__surface { display: flex; align-items: center; justify-content: flex-start; opacity: 0; transform: scale(.8); } .mws-snackbar--open .mws-snackbar__surface { opacity: 1; transform: scale(1); pointer-events: auto; animation: mws-snackbar--keyframes 10s forwards; } @keyframes mws-snackbar--keyframes { 0% { opacity: 0; transform: scale(.8); } 3% { opacity: 0; transform: scale(.8); } 4% { opacity: 100; transform: scale(1); } 90% { opacity: 100; transform: scale(1); } 100% { opacity: 0; transform: scale(.8); } } .mws-snackbar__label { font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: .0178571429em; text-decoration: inherit; text-transform: inherit; flex-grow: 1; margin: 0; padding: 14px 16px; } .mws-snackbar__actions { margin-left: 0; margin-right: 8px; display: flex; flex-shrink: 0; align-items: center; box-sizing: border-box; } .mws-snackbar__action:not(:disabled) { color: #bb86fc; fill: #bb86fc; vertical-align: text-bottom; min-width: 36px; min-height: 36px; width: 36px; height: 36px; border-radius: 50%; } .mws-snackbar__action:after, .mws-snackbar__action:before { background-color: #bb86fc; } .mws-snackbar__action:hover:before { opacity: .08 } .mws-snackbar__action:after { transition: opacity .15s linear; } .mws-snackbar__action:active:after { transition-duration: 75ms; opacity: .32; } .mws-form-field { text-decoration: inherit; text-transform: inherit; color: rgba(0, 0, 0, .87); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; vertical-align: middle; text-align: left; } .mws-error .mws-form-field { color: inherit; } .mws-radio { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: inline-block; position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; width: 32px; height: 32px; padding: 8px; cursor: pointer; } .mws-radio .mws-radio__native-control:enabled:not(:checked)+.mws-radio__background .mws-radio__outer-circle { border-color: rgba(0, 0, 0, .54); } .mws-radio .mws-radio__native-control:enabled+.mws-radio__background .mws-radio__inner-circle, .mws-radio .mws-radio__native-control:enabled:checked+.mws-radio__background .mws-radio__outer-circle { border-color: #4285f4; } .mws-radio .mws-radio__background:before { background-color: #4285f4; } .mws-radio:after, .mws-radio:before { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mws-radio:before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mws-radio:after, .mws-radio:before { top: 0; left: 0; width: 100%; height: 100%; } .mws-radio:after, .mws-radio:before { background-color: #4285f4; } .mws-radio:hover:before { opacity: .04; } .mws-radio:focus:before { transition-duration: 75ms; opacity: .12; } .mws-radio:after { transition: opacity .15s linear; } .mws-radio:active:after { transition-duration: 75ms; opacity: .16; } .mws-radio__background { display: inline-block; position: absolute; left: 8px; box-sizing: border-box; width: 50%; height: 50%; } .mws-radio__background:before { transform: scale(0); opacity: 0; pointer-events: none; content: ""; transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms; } .mws-radio__background:before, .mws-radio__outer-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; } .mws-radio__outer-circle { box-sizing: border-box; border-width: 2px; border-style: solid; transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms; } .mws-radio__inner-circle { box-sizing: border-box; transform: scale(0); border-width: 8px; border-style: solid; border-radius: 50%; transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms; } .mws-radio__inner-circle, .mws-radio__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mws-radio__native-control { margin: 0; padding: 0; opacity: 0; cursor: inherit; z-index: 1; } .mws-radio__background:before { content: none; } .mws-radio__native-control:checked+.mws-radio__background, .mws-radio__native-control:disabled+.mws-radio__background { transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms; } .mws-radio__native-control:checked+.mws-radio__background .mws-radio__outer-circle, .mws-radio__native-control:disabled+.mws-radio__background .mws-radio__outer-circle { transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms; } .mws-radio__native-control:checked+.mws-radio__background .mws-radio__inner-circle, .mws-radio__native-control:disabled+.mws-radio__background .mws-radio__inner-circle { transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms; } .mws-radio--disabled { cursor: default; pointer-events: none; } .mws-radio__native-control:checked+.mws-radio__background .mws-radio__inner-circle { transform: scale(.5); transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms; } .mws-radio__native-control:disabled+.mws-radio__background { cursor: default; } .mws-radio__native-control:disabled+.mws-radio__background .mws-radio__inner-circle, .mws-radio__native-control:disabled+.mws-radio__background .mws-radio__outer-circle { border-color: rgba(0, 0, 0, .26); } .mws-radio__native-control:focus+.mws-radio__background:before { transform: scale(2); opacity: .12; transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms; } .mws-checkbox { display: inline-block; position: relative; -ms-flex: 0 0 18px; flex: 0 0 18px; box-sizing: content-box; width: 13px; height: 13px; padding: 10px; line-height: 0; white-space: nowrap; cursor: pointer; vertical-align: bottom; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mws-checkbox:after, .mws-checkbox:before { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mws-checkbox:before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mws-checkbox:after, .mws-checkbox:before { background-color: #4285f4; } .mws-checkbox:hover:before { opacity: .04; } .mws-checkbox:after { transition: opacity .15s linear; } .mws-checkbox:active:after { transition-duration: 75ms; opacity: .16 } .mws-checkbox:after, .mws-checkbox:before { top: 0; left: 0; width: 100%; height: 100%; } .mws-checkbox__native-control:enabled:not(:checked)~.mws-checkbox__background { border-color: rgba(0, 0, 0, .54); background-color: transparent; } .mws-checkbox__native-control:enabled:checked~.mws-checkbox__background { border-color: #4285f4; background-color: #4285f4; } @keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: rgba(0, 0, 0, .54); background-color: transparent; } 50% { border-color: #4285f4; background-color: #4285f4; } } @keyframes mdc-checkbox-fade-out-background-0 { 0%, 80% { border-color: #4285f4; background-color: #4285f4; } to { border-color: rgba(0, 0, 0, .54); background-color: transparent; } } .mws-checkbox--anim-unchecked-checked .mws-checkbox__native-control:enabled~.mws-checkbox__background { animation-name: mdc-checkbox-fade-in-background-0; } .mws-checkbox--anim-checked-unchecked .mws-checkbox__native-control:enabled~.mws-checkbox__background { animation-name: mdc-checkbox-fade-out-background-0; } .mws-checkbox__checkmark { color: #fff; } .mws-checkbox__mixedmark { border-color: #fff; } .mws-checkbox__background:before { background-color: #4285f4; } .mws-checkbox__native-control:disabled:not(:checked)~.mws-checkbox__background { border-color: rgba(0, 0, 0, .26); } .mws-checkbox__native-control:disabled:checked~.mws-checkbox__background { border-color: transparent; background-color: rgba(0, 0, 0, .26); } @media screen and (-ms-high-contrast:active) { .mws-checkbox__mixedmark { margin: 0 1px; } } .mws-checkbox--disabled { cursor: default; pointer-events: none; } .mws-checkbox__background { left: 9px; right: auto; display: -ms-inline-flexbox; display: inline-flex; position: absolute; top: 9px; bottom: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 45%; height: 45%; border: 2px solid currentColor; border-radius: 2px; background-color: transparent; pointer-events: none; transition: background-color 90ms cubic-bezier(.4, 0, .6, 1) 0ms, border-color 90ms cubic-bezier(.4, 0, .6, 1) 0ms; } .mws-checkbox__checkmark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity .18s cubic-bezier(.4, 0, .6, 1) 0ms; } .mws-checkbox__checkmark-path { transition: stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms; stroke: currentColor; stroke-width: 3.12px; stroke-dashoffset: 29.7833385; stroke-dasharray: 29.7833385; } .mws-checkbox__native-control:checked~.mws-checkbox__background { transition: border-color 90ms cubic-bezier(0, 0, .2, 1) 0ms, background-color 90ms cubic-bezier(0, 0, .2, 1) 0ms; } .mws-checkbox__native-control:checked~.mws-checkbox__background .mws-checkbox__checkmark-path, .mws-checkbox__native-control:indeterminate~.mws-checkbox__background .mws-checkbox__checkmark-path { stroke-dashoffset: 0 } .mws-checkbox__background:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: scale(0); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; transition: opacity 90ms cubic-bezier(.4, 0, .6, 1) 0ms, transform 90ms cubic-bezier(.4, 0, .6, 1) 0ms; } .mws-checkbox__background:before { content: none } .mws-checkbox__native-control:focus~.mws-checkbox__background:before { transform: scale(2.75); opacity: .12; transition: opacity 80ms cubic-bezier(0, 0, .2, 1) 0ms, transform 80ms cubic-bezier(0, 0, .2, 1) 0ms; } .mws-checkbox__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; } .mws-checkbox__native-control:disabled { cursor: default; pointer-events: none; } .mws-checkbox__native-control:checked~.mws-checkbox__background .mws-checkbox__checkmark { transition: opacity .18s cubic-bezier(0, 0, .2, 1) 0ms, transform .18s cubic-bezier(0, 0, .2, 1) 0ms; opacity: 1; } .mws-field-block { display: flex; width: 100%; border-bottom: 1px solid #fff; } .mws-field-label { display: inline-block; width: 30%; min-height: 100%; text-align: right; line-height: 32px; padding: 0 5px; color: #666; background: #e8e8e8; } .mws-field-label-inverse { display: none; } .mws-field-float-wrapper { display: none; position: relative; line-height: 10px; height: 15px; } .mws-field-float { display: none; position: absolute; width: 100%; font-size: 11px; padding: 5px 5px; overflow-y: visible; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 10; } .mws-field-wrapper { width: 70%; min-height: 100%; line-height: 20px; text-align: left; background: #f8f8f8; } .mws-field-hint { display: inline-block; } .mws-field-value { padding: 6px 5px; line-height: 20px; color: rgba(0, 0, 0, 0.87); } .mws-field-content-wrapper { position: relative; } .mws-value-wrapper { background: #f8f8f8; } .mws-required-marker { position: absolute; top: -5px; right: 2.5px; font-size: 10px; line-height: 10px; } ::placeholder, .mws-placeholder, select:invalid { color: transparent; } ::-ms-input-placeholder { color: transparent; } :-ms-input-placeholder { color: transparent; } .mws-100-wide { display: block; width: 100%; } .mws-50-wide { display: inline-block; width: 50%; } .mws-25-wide { display: inline-block; width: 25%; } .mws-access-block .mws-backdrop { position: absolute; background: rgba(255, 255, 255, .54); top: 0; bottom: 0; left: 0; right: 0; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); opacity: 0; visibility: hidden; z-index: 501; } .mws-access .mws-backdrop-out { visibility: visible; opacity: 1; } .mws-access ::placeholder, .mws-access .mws-placeholder, .mws-access select:invalid { color: rgba(0, 0, 0, 0.36); } .mws-access ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.36); } .mws-access :-ms-input-placeholder { color: rgba(0, 0, 0, 0.36); } @media only screen and (min-width: 1px) and (max-width: 600px) { .mws-mobile ::placeholder, .mws-mobile .mws-placeholder, .mws-mobile select:invalid { color: rgba(0, 0, 0, 0.36); } .mws-mobile ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.36); } .mws-mobile :-ms-input-placeholder { color: rgba(0, 0, 0, 0.36); } .mws-50-wide { display: inline-block; width: 100%; } .mws-25-wide { display: inline-block; width: 50%; } .mws-field-wrapper { width: 100%; } .mws-field-label { display: none; } .mws-field-label-inverse { display: inline; } .mws-field-float-wrapper { display: block; } .mws-filled .mws-field-float { display: block; } .mws-field-content-wrapper { width: 100%; } .VALUE, .INPUT, .ACTION, .mws-field-wrapper { background-color: transparent; } INPUT[type=text], INPUT[type=password], TEXTAREA:not([type=hidden]), SELECT { font-size: 15px; width: 100%; } } @media (min-width: 600px) { .mws-access-page { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh; position: relative; } .mws-access-page:before, .mws-access-page:after { content: ''; box-flex: 1; display: block; height: 24px; min-height: 30px; } .mws-access-page:before { flex: 1 10vh; } .mws-access-page:after { flex: 1 22vh; } } .mws-access-block { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; background: #fff; max-width: 100%; min-height: 100vh; position: relative; padding: 48px 40px 40px; z-index: 2; } @media (min-width: 600px) { .mws-access-block { -webkit-flex-shrink: 0; flex-shrink: 0; border: 1px solid #dadce0; -webkit-border-radius: 8px; border-radius: 3px; display: block; margin: 0 auto; min-height: 0; width: 450px; -webkit-transition: .2s; transition: .2s; } } .mws-access-title, .mws-access-title a { color: rgb(32, 33, 36); font-size: 24px; line-height: 31px; } .mws-access-title { display: block; height: 47px; margin: 0; padding-bottom: 0; padding-top: 16px; text-align: center; text-indent: -1px; } .mws-access input[type=text], .mws-access input[type=password] { width: 100%; margin: 5px 0; padding-left: 8px; padding-right: 8px; } .mws-access { position: relative; } .mws-access a { margin: 12px 0; } .mws-access h1 { margin-bottom: 32px; } .mws-access .mws-button { padding: 0 16px; } @media (min-width: 600px) { .mws-access .mws-button { margin-left: 4px; margin-right: 4px; } } .mws-access .mws-horizontal-flex { justify-content: center; margin-top: 18px; padding: 0; } .mws-access .mws-panel-tray { align-items: center; margin: 0; padding: 0; } .mws-access-legend { text-align: left; margin: 0 10px 22px; } .mws-access .mws-copyright { position: absolute; display: block; left: 0; right: 0; bottom: -36px; z-index: 1000; } .mws-access .mws-copyright, .mws-access .mws-copyright a { -webkit-font-smoothing: subpixel-antialiased; color: #757575; } @media (max-width: 599px) { .mws-access .mws-copyright { position: fixed; bottom: 0; padding: 24px 0; } } .mws-footer-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 12px 8px; } .mws-footer-wrapper div { margin: 0 3px 4px; } .mws-footer-separator { display: none; } @media (min-width: 600px) { .mws-footer-wrapper { flex-direction: row; } .mws-footer-separator { display: inline-block; } } .mws-logo-text { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; white-space: nowrap; } @media (max-width: 375px) { .mws-logo-text { font-size: 16px; } } .mws-logo-blue { color: #3b3b6e; } .mws-logo-red { color: #b22234; } .mws-tooltip { transform: scale(0); transform-origin: top center; will-change: transform; background: rgba(97, 97, 97, 0.9); border-radius: 2px; color: #fff; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 350px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: left; white-space: normal; display: none; visibility: hidden; z-index: 999; } .mws-tooltip.active { display: inline-block; animation: mws-pulse 200ms cubic-bezier(0, 0, 0.2, 1) 0.75s forwards; } @keyframes mws-pulse { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(0.99); } 100% { transform: scale(1); opacity: 1; visibility: visible; } }