/* * Aplikasi Yantek PLN wilayah Bangka Belitung * Version v0.0.1 * * Copyright (c) 2015-2016 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ @charset "UTF-8"; /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .photo a img { width: 100%; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(/lib/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(/lib/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(/lib/material-design-icons/iconfont/MaterialIcons-Regular.woff) format("woff"), url(/lib/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga"; font-feature-settings: "liga"; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ html, body, input, textarea, keygen, select, button { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; } table { border-collapse: collapse; } form { margin: 0; padding: 0; } .mdl-textfield__label { color: rgba(0, 0, 0, 0.45); } .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { font-size: 14px; } .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { top: 0; font-size: 10px; } .mdl-textfield__error { margin-top: 0; line-height: initial; } .mdl-textfield:not(.is-dirty):not(.is-focused) input[type="date"].mdl-textfield__input, .mdl-textfield:not(.is-dirty):not(.is-focused) input[type="time"].mdl-textfield__input, .mdl-textfield:not(.is-dirty):not(.is-focused) input[type="datetime"].mdl-textfield__input { color: transparent; } .mdl-menu { min-width: 150px; } .mdl-menu .mdl-menu__item { padding: 0; } .mdl-menu a { color: inherit; font-weight: inherit; text-decoration: none; display: block; padding: 0 16px; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .pull-left { float: left; } .pull-right { float: right; } .text-center, .mdl-data-table td.text-center, .mdl-data-table th.text-center { text-align: center; } .text-left, .mdl-data-table td.text-left, .mdl-data-table th.text-left { text-align: left; } .text-right, .mdl-data-table td.text-right, .mdl-data-table th.text-right { text-align: right; } .nowrap { white-space: nowrap; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .mdl-layout__header { color: rgba(0, 0, 0, 0.87); background: rgb(255, 255, 255); box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.3); } .mdl-layout__header .mdl-layout__drawer-button { color: rgba(0, 0, 0, 0.87); } .mdl-layout-title img { margin-top: -20px; margin-left: -20px; display: inline-block; margin-right: 10px; } .mdl-layout-title .layout-heading { display: inline-block; } .mdl-layout-title .layout-heading-title { margin-top: 5px; } .mdl-layout-title .layout-heading-subtitle { color: #aaa; font-size: 12px; margin-top: 5px; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .mdl-layout__drawer { border: none; color: rgb(255, 255, 255); background-color: rgb(55, 71, 79); box-shadow: none; } .mdl-layout__drawer .drawer-header { line-height: 1.15; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); padding: 18px 8px; height: 64px; background-color: rgb(33, 150, 243); } .mdl-layout__drawer .drawer-header .user-avatar { font-size: 28px; margin-right: 5px; } .mdl-layout__drawer .drawer-header .user-name { font-size: 14px; color: lightyellow; } .mdl-layout__drawer .drawer-header .user-location { color: rgba(255, 255, 255, 0.7); } .mdl-layout__drawer .mdl-menu .mdl-menu__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mdl-layout__drawer .avatar { width: 48px; height: 48px; border-radius: 24px; margin-bottom: 16px; } .mdl-layout__drawer .avatar-dropdown { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .mdl-layout__drawer .mdl-navigation { padding-top: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.56); font-weight: 500; } .mdl-layout__drawer .mdl-navigation .separator { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); } .nav-menu { margin: 0; padding: 0; } .nav-menu li:not(.nav-menu-group).active a:after { content: ""; display: block; position: absolute; top: 9px; right: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid whitesmoke; } .nav-menu > li:not(.nav-menu-group).active { background-color: rgba(0, 0, 0, 0.3); } .nav-menu > li:not(.nav-menu-group).active a:after { top: 14px; } .nav-menu a, .nav-menu span { position: relative; display: block; padding: 8px 16px 8px 16px; text-decoration: none; color: rgba(255, 255, 255, 0.7); line-height: 1.3; } .nav-menu span { color: #888; } .nav-menu a:hover { background-color: rgba(0, 0, 0, 0.5); } .nav-menu .active { background-color: rgb(25, 118, 210); color: white; } .nav-menu .nav-menu-group > ul { display: none; list-style: none; padding: 0; } .nav-menu .nav-menu-group > ul a, .nav-menu .nav-menu-group > ul span { padding-left: 30px; } .nav-menu .nav-menu-group > ul a:before, .nav-menu .nav-menu-group > ul span:before { content: "○"; display: block; position: absolute; left: 16px; } .nav-menu .nav-menu-group.open { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); background-color: rgba(0, 0, 0, 0.3); } .nav-menu .nav-menu-group.open > ul { display: block; } .nav-menu .nav-menu-group.open > a:hover { background: none; } .nav-menu .nav-menu-group > a { position: relative; font-size: 14px; } .nav-menu .nav-menu-group > a:before { content: ""; display: block; position: absolute; right: 5px; top: 16px; margin-right: 8px; border-left: 6px solid rgba(255, 255, 255, 0.5); border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .nav-menu .nav-menu-group.open > a:before { border: 4px solid transparent; border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.5); } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .breadcrumb { padding: 0; list-style: none; font-size: 10px; text-transform: uppercase; color: #888; line-height: initial; margin: 0 0 3px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "\\\00a0"; padding: 0 5px; } .breadcrumb > li a { text-decoration: none; } .breadcrumb > li a:active, .breadcrumb > li a:hover { text-decoration: underline; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .content { color: rgba(0, 0, 0, 0.87); background-color: #ffffff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .content-heading { padding: 10px; border-radius: 2px 2px 0 0; } .content-heading .content-title { margin: 0; padding: 0; font-size: 15px; } .content-heading .content-heading-actions { float: right; margin-top: 2px; } .content-heading .content-heading-actions .action { display: inline-block; } .content-heading .content-heading-actions .mdl-textfield { padding: 0; width: auto; color: rgb(25, 118, 210); } .content-heading .content-heading-actions .mdl-textfield .mdl-textfield__input { border: none; } .content-heading.no-breadcrumb .content-heading-actions { margin-top: -8px; } .content--colored, .content-heading--colored { background: rgb(55, 71, 79); color: rgb(255, 255, 255); } .content--colored .breadcrumb, .content-heading--colored .breadcrumb { color: rgba(255, 255, 255, 0.5); } .content--colored .breadcrumb a, .content-heading--colored .breadcrumb a { color: rgba(255, 255, 255, 0.7); } .content--colored .mdl-button, .content-heading--colored .mdl-button { color: rgb(255, 255, 255); } .content-heading-bordered, .content-filter-bordered { border-bottom: 1px solid #ddd; } .content-filter { padding: 0 8px; } .content-filter .form-item { display: inline-block; } .content-filter .form-item .mdl-cell { margin-left: 0; margin-right: 0; } .content-filter-actions { padding-top: 10px; padding-bottom: 8px; padding-left: 8px; border-left: 1px solid #ccc; } .mdl-card__actions { display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-menu { margin: 0; padding: 0; list-style: none; } .content-menu li { position: relative; } .content-menu li.active { font-weight: bold; } .content-menu .menu-item { display: block; padding: 5px 8px; text-decoration: none; overflow: hidden; } .content-menu .menu-item:hover { background: rgba(158, 158, 158, 0.2); } .content-menu .mdl-button { float: right; padding: 5px 0; margin-top: 2px; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; overflow: hidden; background: rgba(0, 0, 0, 0.4); transition: opacity 400ms ease-in; z-index: 98; } .modal-backdrop.visible { visibility: visible; opacity: 1; } .modal-dialog { position: absolute; top: 15%; left: 50%; visibility: hidden; opacity: 0; transition: all 400ms ease; z-index: 99; } .modal-dialog.open { visibility: visible; opacity: 1; top: 10%; } .modal-dialog .dialog-content { margin: 32px 8px 16px; } /* * Pikaday * Copyright (c) 2014 David Bushell | BSD & MIT license | http://dbushell.com/ * Copyright (c) 2015 Adi Sayoga */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .pika-single { z-index: 9999; display: block; position: relative; background: #ffffff; border-radius: 2px; } .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single { *zoom: 1; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .pika-lendar { float: left; width: 280px; margin: 8px; } .pika-title { text-align: center; background-color: rgb(33, 150, 243); margin: -8px -8px 0; border-top-left-radius: 2px; border-top-right-radius: 2px; height: 50px; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-title .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 10px 0; padding: 5px 3px; font-size: 15px; font-weight: 200; color: rgb(255, 255, 255); } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 6px solid transparent; padding: 0; width: 0; height: 0; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; opacity: 0.5; *position: absolute; *top: 0; margin-top: 18px; background: none; } .pika-prev:hover, .pika-next:hover { opacity: 0.7; } .pika-prev, .is-rtl .pika-next { float: left; *left: 0; margin-left: 4px; border-right-color: rgb(255, 255, 255); } .pika-next, .is-rtl .pika-prev { float: right; *right: 0; margin-right: 4px; border-left-color: rgb(255, 255, 255); } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: 0.2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: normal; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; text-align: center; background: none; border-radius: 100%; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: rgb(25, 118, 210); font-weight: bold; } .is-selected .pika-button { color: rgb(255, 255, 255); font-weight: bold; background: rgb(33, 150, 243); } .is-inrange .pika-button { background: #fff; } .is-startrange .pika-button { color: #fff; background: #6cb31d; } .is-endrange .pika-button { color: #fff; background: rgb(33, 150, 243); } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: 0.3; } .pika-button:hover { color: rgb(255, 255, 255); background: rgb(33, 150, 243); } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .select2 span:focus { outline: none; } .select2-container--default .select2-selection--single { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .select2-container--default .select2-selection--single:focus { border-bottom: 2px solid #00acc1; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(33, 150, 243); } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px; } .select2-dropdown { border-radius: 2px !important; border-color: #ccc; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .alert { padding: 10px; margin-bottom: 10px; border: 1px solid transparent; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #4caf50; } .alert-success hr { border-top-color: #c9e2b4; } .alert-success .alert-link { color: #3d8b40; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a7e1ed; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #ff9800; } .alert-warning hr { border-top-color: #f8e2b5; } .alert-warning .alert-link { color: #cc7a00; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a91b0b; } .alert-danger hr { border-top-color: #e4bac0; } .alert-danger .alert-link { color: #791308; } .alert-title { border-left: none; border-top: none; border-right: none; } .alert-icon { float: left; margin-right: 8px; } .alert-content { overflow: hidden; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .table-data-wrap { overflow: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .table-data-wrap .table-data { border-top: none; } .table-data-wrap .table-data tr:last-child td { border-bottom: none; } .table-data { min-width: 100%; border-left: none; border-right: none; border-bottom: none; } .table-data tr.new td:nth-child(0n + 2) span:after { content: " +"; color: green; } .table-data tr.deleted td:nth-child(0n + 2) { text-decoration: line-through; color: red; } .table-data tr.updated td:nth-child(0n + 2) span:after { content: " *"; color: rgb(33, 150, 243); } .table-data tr.need-approval { background-color: #fff9c4; } .table-data tr.need-approval:hover { background-color: #ffecb3; } .table-data tr.active { background-color: rgb(33, 150, 243); } .table-data tr.active, .table-data tr.active a { color: white; text-decoration: none; } .table-data tr.active:hover { background-color: rgb(25, 118, 210); } .table-data tr.strong td { background-color: rgba(219, 228, 232, 0.6); } .table-data .col-action { text-align: center; } .table-data .col-action-1 { width: 30px; } .table-data .col-action-2 { width: 55px; } .table-data .col-action a, .table-data .col-action a:hover { text-decoration: none; } .table-data .col-action .action + .action { margin-left: 5px; } .table-data .mdl-tooltip { max-width: none; } .table-data tr.row-group { color: #444; font-weight: bold; text-transform: uppercase; font-size: 9px; } .table-data tr.row-group, .table-data tr.row-group:hover { background-color: #dbe4e8; } .table-data tr.row-group, .table-data tr.row-group td { height: 28px; } .table-data tr.row-group td { padding-top: 5px; } .table-data .col-strong { background-color: rgba(219, 228, 232, 0.6); font-weight: bold; } .table-data .col-photo { padding: 0 !important; width: 60px; } .table-data .col-photo .thumb { display: block; width: 60px; height: 48px; background-size: cover; } .pagination { margin: 0; padding: 0; list-style: none; } .pagination:before, .pagination:after { content: " "; display: table; } .pagination:after { clear: both; } .pagination li { float: left; } .pagination a, .pagination span { display: block; padding: 0 16px; text-decoration: none; font-size: 14px; line-height: 48px; } .pagination .page a, .pagination .page span { padding-left: 20px; padding-right: 20px; } .pagination .material-icons { vertical-align: middle; margin-bottom: 2px; } .pagination a:hover, .pagination .current-page { background-color: rgba(0, 0, 0, 0.1); } .content .material-icons { font-size: 20px; text-decoration: none; } .mdl-data-table td.col-approve, .mdl-data-table th.col-approve { width: 60px; text-align: center; } .mdl-data-table td.col-approve .material-icons, .mdl-data-table th.col-approve .material-icons { cursor: help; } .material-icons.need-approval { color: #ff9800; } .material-icons.need-approval.has-note { border-radius: 100%; color: white; background-color: #ff9800; } .material-icons.approved { color: #4caf50; } .material-icons.approved.has-note { border-radius: 100%; color: white; background-color: #4caf50; } .material-icons.rejected { color: #a91b0b; } .material-icons.rejected.has-note { border-radius: 100%; color: white; background-color: #a91b0b; } .approve-popup-wrap { display: inline-block; position: relative; } .approve-popup { position: absolute; display: none; background-color: #fff; border-radius: 2px; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5); padding: 4px 15px; top: 0; z-index: 1; margin-bottom: 16px; width: 285px; } .approve-popup .mdl-textfield { width: 200px; } .approve-popup .mdl-approve { width: 90px; } .table-item { border-collapse: collapse; margin-bottom: 16px; } .table-item tr { border-top: 1px solid white; } .table-item th, .table-item td { padding: 8px 10px; vertical-align: top; } .table-item th { background: whitesmoke; white-space: nowrap; } .table-item td { font-size: 14px; } .table-item tbody th { text-align: left; font-weight: 600; } .table-item tbody + tbody { border-top: 16px solid white; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .table-calendar th, .table-calendar td { text-align: center; } .table-calendar th:first-child, .table-calendar td:first-child, .table-calendar th:last-child, .table-calendar td:last-child { background-color: rgba(0, 0, 0, 0.1); } .table-calendar .cur-date { font-size: 15px; } .table-calendar .prev-date, .table-calendar .next-date { font-size: 10px; color: #aaa; } .table-calendar .cur-date:first-child { color: red; } .table-calendar .today .date { border: 1px solid #ccc; border-radius: 100%; } .table-calendar td.selected { background-color: rgba(0, 0, 0, 0.15); } .table-calendar .date a { text-decoration: none; } .table-calendar .item, .table-calendar .no-item { display: inline-block; width: 5px; height: 5px; margin-bottom: 5px; border-radius: 100%; } .table-calendar .item { background: red; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ .table-absent-plan .has_input { padding: 5px 3px 0; } .table-absent-plan .has_input select { width: 100%; padding: 5px 0; text-indent: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .table-absent-dtl tfoot td, .table-absent-dtl tr + tr td { border-top: none; } .table-absent-dtl td { border-bottom: none; } .table-absent-dtl input, .table-absent-dtl select { width: 100%; padding-top: 0; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ form .mdl-grid { padding: 0; } form .mdl-cell { margin-top: 0; margin-bottom: 0; } form .mdl-cell .mdl-checkbox:not(.mdl-cell) { width: auto; } form .mdl-cell--auto { width: auto; max-width: 100%; } form .mdl-checkbox, form .mdl-radio { margin: 15px 0; } form .mdl-checkbox, form .mdl-radio { margin-right: 16px; } .mdl-tabs__tab-bar--left-alignment { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .mdl-textfield { vertical-align: middle; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .form-content { padding: 8px; } .form-content fieldset { margin-top: 8px; } .form-content legend { text-transform: uppercase; color: darkred; margin: 4px 0; padding-left: 8px; box-sizing: border-box; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.12); font-size: 10px; font-weight: bold; } .form-content label { font-size: 14px; } .form-content .inline-title-label { display: inline-block; margin-top: 17px; font-size: 14px; color: #666666; vertical-align: top; } @media (max-width: 839px) { .form-content .form-group-inline { width: 100% !important; } .form-content .form-group-inline label { margin-top: 0; color: rgb(33, 150, 243); font-size: 10px; } } .form-actions { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .form-actions--no-border { border: none; } .mdl-button { color: #555; } .mdl-button--icon { color: inherit; } .mdl-button .material-icons { margin-top: -3px; margin-right: 3px; } .mdl-button--icon .material-icons { margin-top: 0; } .mdl-button--primary { font-weight: bold; } .mdl-button--danger, .action-delete { color: #a91b0b; } select.mdl-textfield__input, input[type="time"].mdl-textfield__input { padding-top: 1px; padding-bottom: 1px; } form .mdl-cell--year { width: 50px; } form .mdl-cell--date { width: 85px; } form .mdl-cell--time { width: 95px; } .form-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 10px 0; } .cke_textarea_inline { border: 1px solid #ccc; padding: 10px; outline: none; transition: 0.1s box-shadow ease; } .cke_textarea_inline:focus, .cke_textarea_inline:active { border-color: #00acc1; box-shadow: 0 0 8px rgba(0, 172, 193, 0.5); } form .cell-picture { margin-top: 5px; margin-bottom: 15px; border: 1px solid #ccc; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); position: relative; } form .cell-picture .progress { background: rgb(25, 118, 210); position: absolute; top: 0; width: 100%; height: 2px; display: none; } form .cell-picture .mdl-textfield { margin-left: 10px; margin-right: 10px; } .table-item .cell-picture { margin-top: 0; display: inline-block; } .table-item .cell-picture label { display: block; padding: 4px 5px; text-align: center; } .table-item .cell-picture a { display: block; } .upload-btn-hover { background-color: rgba(158, 158, 158, 0.2); } .upload-btn-focus { background-color: rgba(0, 0, 0, 0.12); } .mdl-cell .upload-mgs { text-align: center; margin-bottom: 8px; display: none; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .form-table { margin: 8px 0; } .form-table th { background: whitesmoke; font-weight: normal; } .form-table th, .form-table td { border: 1px solid #ccc; padding: 2px; } .form-table input[type="number"] { text-align: right; } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .form-content .has-next .mdl-checkbox__label:after, .form-content .has-next .mdl-radio__label:after { content: ":"; } .form-content .next-part { display: inline-block; } .form-content .separator { display: inline-block; border-left: 1px solid #ccc; margin-right: 16px; height: 16px; vertical-align: middle; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } @media (max-width: 839px) { .form-content .form-group-inline ~ .mdl-cell .mdl-checkbox, .form-content .form-group-inline ~ .mdl-cell .mdl-radio { margin-top: 0; } .form-content .form-group-inline ~ .mdl-cell .inline-title-label { margin-top: 2px; } .form-content .separator { display: block; border-left: 0; margin: 0; height: 0; } } .form-inspection-mv .form-group-inline, .form-inspection-ss .form-group-inline, .form-inspection-lv .form-group-inline, .form-inspection-plan .form-group-inline, .form-maintenance-ss .form-group-inline, .form-inspection-kp-bali .form-group-inline, .form-inspection-substation .form-group-inline { width: 120px; } /* * Copyright (c) 2015-2016 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ @media print { a[href]:after { content: none !important; } .modal-backdrop, .modal-dialog, .mdl-layout__header, .mdl-layout__drawer, .mdl-layout__obfuscator, .content-heading .breadcrumb, .content-filter .mdl-layout-spacer, .content-filter-actions, .form-actions { display: none !important; } .mdl-layout, .mdl-layout__content { display: block !important; overflow: visible !important; margin: 0 !important; } .mdl-layout__content > .mdl-grid { display: block !important; padding: 0 !important; } .content { margin: 0 !important; box-shadow: none !important; width: 100% !important; } .content .alert { padding: 3px !important; margin-top: 10px !important; border: 1px solid #000 !important; } .form-content { padding: 0 !important; } .form-content .cell-picture { box-shadow: none !important; } .content-heading { background: none !important; } .content-heading, .content-filter { padding: 0 !important; } .content-title { font-weight: bold !important; color: #000 !important; } .mdl-textfield__input { border-color: #000 !important; } .mdl-button { color: #000 !important; } .table-data-wrap { max-height: none !important; overflow: visible !important; } .table-data, .table-data th, .table-data td { border: 1px solid #000 !important; } .table-data th { background: #ccc !important; } .table-data th, .table-data td { line-height: normal !important; padding: 3px !important; white-space: normal !important; } .table-data tbody tr, .table-data th, .table-data td { height: auto !important; } a, label { color: #000 !important; } } /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /* * Copyright (c) 2015 PT Bumi Sentosa. All rights reserved. * Written by Adi Sayoga * * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== IMAGES ========== */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== */ /* ========== Progress ========== */ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /* TOOLTIP */ .login-wrap .mdl-cell { margin: 50px auto; padding: 20px 25px; max-width: 520px; } .login-wrap .mdl-cell .login-title { margin: 0 0 10px 0; border-bottom: 1px solid #ccc; } .login-wrap .mdl-cell .login-title-text { font-size: 18px; margin: 0; } .login-wrap .mdl-cell .login-subtitle { font-size: 13px; margin: 0; font-weight: 400; color: #444; } .login-wrap .mdl-cell .form-content { padding: 0 25px; } .login-wrap .mdl-cell .form-actions { border-top: none; margin: 0 0 5px 10px; } .login-wrap .mdl-cell .form-actions .mdl-button { min-width: 80px; } .login-wrap .mdl-cell .mdl-textfield { display: block; width: initial; overflow: hidden; } .login-wrap .mdl-cell .material-icons { float: left; margin-top: 16px; margin-right: 16px; color: dimgray; } .login-bg { display: block; position: absolute; background-color: rgb(55, 71, 79); z-index: -1; top: 0; left: 0; right: 0; height: 150px; } .content-filter form button[type="submit"] { display: none; }