/* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .portal-title[data-v-4ca42377] { margin-left: 10px; overflow: hidden; line-height: 50px; float: left; } .portal-title a[data-v-4ca42377] { text-decoration: none; display: block; } .portal-title a img[data-v-4ca42377] { margin: 0 5px 0 5px; max-height: 40px; display: inline-block; vertical-align: middle; } .portal-title a span[data-v-4ca42377] { color: #333333; margin-left: 5px; font-size: 26px; font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ #legend-menu[data-v-063f5ca4] { border-right: 1px solid #e5e5e5; font-size: 14px; cursor: pointer; } #legend-menu .mobile .list-group-item[data-v-063f5ca4] { padding: 12px 5px; } #legend-menu .mobile li[data-v-063f5ca4] { font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; padding-left: 6px; vertical-align: text-bottom; } #main-nav[data-v-30e6707e] { flex-grow: 0; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-6888626b] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-6888626b] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-6888626b], .primary_action_hover[data-v-6888626b]:active, .primary_action_hover.active[data-v-6888626b], .primary_action_hover[data-v-6888626b]:checked, .primary_action_hover[data-v-6888626b]::selection, .primary_action_hover.open[data-v-6888626b], .primary_action_hover[aria-expanded="true"][data-v-6888626b] { background-color: #265c89; } #modal-1-container[data-v-6888626b] { display: none; } #modal-1-container.showing[data-v-6888626b] { display: block; } #modal-1-container .glyphicon[data-v-6888626b] { font-size: 14px; padding: 5px; color: #555555; } #modal-1-container .glyphicon[data-v-6888626b]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #modal-1-container .glyphicon[data-v-6888626b]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #modal-1-container .glyphicon:hover.btn-select[data-v-6888626b], #modal-1-container .glyphicon[data-v-6888626b]:hover:active, #modal-1-container .glyphicon:hover.active[data-v-6888626b], #modal-1-container .glyphicon[data-v-6888626b]:hover:checked, #modal-1-container .glyphicon[data-v-6888626b]:hover::selection, #modal-1-container .glyphicon:hover.open[data-v-6888626b], #modal-1-container .glyphicon:hover[aria-expanded="true"][data-v-6888626b] { background-color: #265c89; } #modal-1-overlay[data-v-6888626b] { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } #modal-1-outer-wrapper[data-v-6888626b] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index: 10000; } #modal-1-outer-wrapper[data-v-6888626b]:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } #modal-1-inner-wrapper[data-v-6888626b] { text-align: left; background-color: #FFFFFF; display: inline-block; vertical-align: middle; max-width: 90%; position: relative; padding: 5px; } #modal-1-inner-wrapper .glyphicon.glyphicon-remove[data-v-6888626b] { position: absolute; right: 2px; top: 4px; z-index: 4; } #modal-1-inner-wrapper .glyphicon.glyphicon-remove[data-v-6888626b]:hover { cursor: pointer; } #modal-1-container #modal-1-inner-wrapper #modal-1-content-container[data-v-6888626b] { padding: 12px 24px 12px 24px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ div.alertCategoryContainer[data-v-8cfd9552] { margin-bottom: 24px; /* This is only for now. Because there havent been defined any styles yet. Negative margin may be bad in the long run. */ } div.alertCategoryContainer.last[data-v-8cfd9552] { margin-bottom: 12px; } div.alertCategoryContainer h3[data-v-8cfd9552] { border: none; color: #333333; font-size: 14px; font-weight: bold; letter-spacing: initial; line-height: 18px; margin: 0 0 8px 0; padding: 0; } div.alertCategoryContainer div.singleAlertWrapper.error[data-v-8cfd9552] { margin-left: -24px; border-left: 4px solid rgba(255, 0, 0, 0.9); padding-left: 21px; } div.alertCategoryContainer div.singleAlertWrapper.warning[data-v-8cfd9552] { margin-left: -24px; border-left: 4px solid rgba(255, 125, 0, 0.7); padding-left: 21px; } div.alertCategoryContainer div.singleAlertContainer[data-v-8cfd9552] { border-bottom: 1px dotted #CCCCCC; color: #333333; font-size: 12px; margin-bottom: 12px; padding-bottom: 12px; } div.alertCategoryContainer div.singleAlertContainer.singleAlertIsImportant p[data-v-8cfd9552] { color: #EE7777; } div.alertCategoryContainer div.singleAlertContainer.singleAlertIsImportant p.confirm a[data-v-8cfd9552] { color: #333333; cursor: pointer; text-decoration: underline; } div.alertCategoryContainer div.singleAlertContainer.singleAlertIsImportant p.confirm a[data-v-8cfd9552]:hover { text-decoration: none; } div.alertCategoryContainer div.singleAlertContainer.last[data-v-8cfd9552] { border-bottom: none; padding-bottom: 0; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ h3[data-v-9485b592] { border: none; color: #333333; font-size: 14px; font-weight: bold; letter-spacing: initial; line-height: 18px; padding: 0; } #confirmation-textContent[data-v-9485b592] { color: #777777; font-size: 12px; } #confirmation-button-container[data-v-9485b592] { overflow: hidden; margin-top: 12px; } #modal-button-left[data-v-9485b592] { float: left; margin: 0 12px 0 0; } #modal-button-right[data-v-9485b592] { float: right; margin: 0 0 0 12px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .right-bar[data-v-ceab1184] { pointer-events: none; padding: 5px; margin: 5px 5px 12px 5px; display: flex; flex-direction: column; list-style-type: none; } .right-bar .control-separator[data-v-ceab1184] { flex-grow: 1; } .right-bar .hidden[data-v-ceab1184] { display: none; } .right-bar .spaced[data-v-ceab1184] { margin-bottom: 0.5em; } .right-bar .top-controls[data-v-ceab1184], .right-bar .bottom-controls[data-v-ceab1184] { pointer-events: all; } /* using this classname to scope css effects; can not use scoped less here since controls are not within scope, but added by jQuery */ .backwards-compatibility-controls { /* use old styling way for glyphicons for old controls */ /* forcing compatibility by overriding old-style layouting */ } .backwards-compatibility-controls .glyphicon { color: #f3f3f3; background-color: #E10019; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .backwards-compatibility-controls .glyphicon:hover { cursor: pointer; opacity: 0.7; } .backwards-compatibility-controls > .toggleButtonPressed { background-color: #08589e; } .backwards-compatibility-controls .controls-row-right { position: relative; margin-right: 0; min-height: 0; } .backwards-compatibility-controls .row { margin-right: 0; margin-left: 0; } .backwards-compatibility-controls > div { padding: 5px; } .backwards-compatibility-controls > div > div { margin-top: 0; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .layer-legend[data-v-1fb76b34] { padding-top: 5px; padding-bottom: 5px; } .layer-legend img.left[data-v-1fb76b34] { max-width: 50px; padding: 5px 0; } .layer-legend-container[data-v-1fb76b34] { position: relative; } .layer-legend.collapsing[data-v-1fb76b34] { -webkit-transition: none; transition: none; display: none; } .first-image[data-v-1fb76b34] { position: absolute; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-3b5a1b75] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-3b5a1b75] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-3b5a1b75], .primary_action_hover[data-v-3b5a1b75]:active, .primary_action_hover.active[data-v-3b5a1b75], .primary_action_hover[data-v-3b5a1b75]:checked, .primary_action_hover[data-v-3b5a1b75]::selection, .primary_action_hover.open[data-v-3b5a1b75], .primary_action_hover[aria-expanded="true"][data-v-3b5a1b75] { background-color: #265c89; } #legend.legend-mobile[data-v-3b5a1b75] { width: 100%; } #legend .legend-window[data-v-3b5a1b75] { position: absolute; min-width: 200px; max-width: 600px; right: 0; margin: 10px 10px 30px 10px; background-color: #ffffff; z-index: 9999; } #legend .legend-window-mobile[data-v-3b5a1b75] { position: absolute; width: calc(100% - 20px); top: 10px; left: 10px; background-color: #ffffff; z-index: 1; } #legend .legend-title[data-v-3b5a1b75] { padding: 10px; border-bottom: 2px solid #e7e7e7; cursor: move; } #legend .legend-title .close-legend[data-v-3b5a1b75] { padding: 5px; cursor: pointer; } #legend .legend-title .close-legend[data-v-3b5a1b75]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #legend .legend-title .close-legend[data-v-3b5a1b75]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #legend .legend-title .close-legend:hover.btn-select[data-v-3b5a1b75], #legend .legend-title .close-legend[data-v-3b5a1b75]:hover:active, #legend .legend-title .close-legend:hover.active[data-v-3b5a1b75], #legend .legend-title .close-legend[data-v-3b5a1b75]:hover:checked, #legend .legend-title .close-legend[data-v-3b5a1b75]:hover::selection, #legend .legend-title .close-legend:hover.open[data-v-3b5a1b75], #legend .legend-title .close-legend:hover[aria-expanded="true"][data-v-3b5a1b75] { background-color: #265c89; } #legend .legend-title .toggle-collapse-all[data-v-3b5a1b75] { padding: 5px; cursor: pointer; } #legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #legend .legend-title .toggle-collapse-all:hover.btn-select[data-v-3b5a1b75], #legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover:active, #legend .legend-title .toggle-collapse-all:hover.active[data-v-3b5a1b75], #legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover:checked, #legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover::selection, #legend .legend-title .toggle-collapse-all:hover.open[data-v-3b5a1b75], #legend .legend-title .toggle-collapse-all:hover[aria-expanded="true"][data-v-3b5a1b75] { background-color: #265c89; } #legend .legend-content[data-v-3b5a1b75] { margin-top: 2px; max-height: 70vh; overflow: auto; } #legend .legend-content .layer-title[data-v-3b5a1b75] { padding: 5px; font-weight: bold; background-color: #e7e7e7; } #legend .legend-content .layer-title span[data-v-3b5a1b75] { vertical-align: -webkit-baseline-middle; } #legend .legend-content .layer[data-v-3b5a1b75] { border: unset; margin: 2px; padding: 5px; } .legend-window-table[data-v-3b5a1b75] { position: absolute; right: 0; font-family: "MasterPortalFont", sans-serif; border-radius: 12px; background-color: #646262; width: 300px; margin: 10px 10px 30px 10px; z-index: 9999; } .legend-window-table .legend-title-table[data-v-3b5a1b75] { font-family: "MasterPortalFont", sans-serif; font-size: 14px; color: #ffffff; padding: 10px; cursor: move; } .legend-window-table .legend-title-table .close-legend[data-v-3b5a1b75] { cursor: pointer; } .legend-window-table .legend-title-table .close-legend[data-v-3b5a1b75]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .legend-window-table .legend-title-table .close-legend[data-v-3b5a1b75]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .legend-window-table .legend-title-table .close-legend:hover.btn-select[data-v-3b5a1b75], .legend-window-table .legend-title-table .close-legend[data-v-3b5a1b75]:hover:active, .legend-window-table .legend-title-table .close-legend:hover.active[data-v-3b5a1b75], .legend-window-table .legend-title-table .close-legend[data-v-3b5a1b75]:hover:checked, .legend-window-table .legend-title-table .close-legend[data-v-3b5a1b75]:hover::selection, .legend-window-table .legend-title-table .close-legend:hover.open[data-v-3b5a1b75], .legend-window-table .legend-title-table .close-legend:hover[aria-expanded="true"][data-v-3b5a1b75] { background-color: #265c89; } .legend-window-table .legend-title-table .toggle-collapse-all[data-v-3b5a1b75] { cursor: pointer; } .legend-window-table .legend-title-table .toggle-collapse-all[data-v-3b5a1b75]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .legend-window-table .legend-title-table .toggle-collapse-all[data-v-3b5a1b75]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .legend-window-table .legend-title-table .toggle-collapse-all:hover.btn-select[data-v-3b5a1b75], .legend-window-table .legend-title-table .toggle-collapse-all[data-v-3b5a1b75]:hover:active, .legend-window-table .legend-title-table .toggle-collapse-all:hover.active[data-v-3b5a1b75], .legend-window-table .legend-title-table .toggle-collapse-all[data-v-3b5a1b75]:hover:checked, .legend-window-table .legend-title-table .toggle-collapse-all[data-v-3b5a1b75]:hover::selection, .legend-window-table .legend-title-table .toggle-collapse-all:hover.open[data-v-3b5a1b75], .legend-window-table .legend-title-table .toggle-collapse-all:hover[aria-expanded="true"][data-v-3b5a1b75] { background-color: #265c89; } .legend-window-table .legend-content[data-v-3b5a1b75] { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #f2f2f2; } .legend-window-table .legend-content .panel[data-v-3b5a1b75] { background-color: #f2f2f2; } .legend-window-table .legend-content .layer-title[data-v-3b5a1b75] { border-radius: 12px; padding: 5px; color: #000000; font-weight: bold; background-color: #e7e7e7; } .legend-window-table .legend-content .layer-title span[data-v-3b5a1b75] { vertical-align: -webkit-baseline-middle; } .legend-window-table .legend-content .layer[data-v-3b5a1b75] { border: unset; margin: 2px; padding: 5px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ button[data-v-6b987896] { width: 50px; background-color: #E10019; height: 30px; max-height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); cursor: ew-resize; } button[data-v-6b987896]:before { content: ""; position: absolute; top: -5000px; bottom: -5000px; left: 50%; width: 4px; background: #F3F3F3; z-index: -1; transform: translate(-2px, 0); -webkit-transform: translate(-2px, 0); } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .timeSlider-wrapper[data-v-bc5ee49e] { position: absolute; bottom: 6em; left: 50%; z-index: 3; display: flex; flex-direction: column; background: white; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .timeSlider-wrapper .timeSlider-innerWrapper[data-v-bc5ee49e] { display: flex; justify-content: flex-start; margin: calc(0.25em * 3) calc(0.25em * 3) 0; } .timeSlider-wrapper .timeSlider-innerWrapper-interactions[data-v-bc5ee49e] { display: flex; justify-content: space-between; align-items: center; width: 28em; margin: calc(0.25em * 3); border: 1px solid black; } .timeSlider-wrapper .timeSlider-innerWrapper-interactions > fieldset[data-v-bc5ee49e] { display: flex; } .timeSlider-wrapper .timeSlider-innerWrapper-interactions > fieldset button[data-v-bc5ee49e] { margin: 0.25em; } .timeSlider-wrapper .timeSlider-innerWrapper-interactions > fieldset input[data-v-bc5ee49e] { margin-right: 0.25em; } .timeSlider-wrapper .timeSlider-innerWrapper-interactions > fieldset label[data-v-bc5ee49e] { border-left: 1px solid black; border-right: 1px solid black; margin: 0; padding: calc(0.25em * 3); } .timeSlider-wrapper[data-v-33c46637] { transform: translateX(-50%); transition: ease transform 250ms; } .moveLeft[data-v-33c46637] { transform: translateX(-110%); transition: ease transform 250ms; } .moveRight[data-v-33c46637] { transform: translateX(10%); transition: ease transform 250ms; } @media (min-width: 1075px) { .moveLeft[data-v-33c46637] { transform: translateX(-150%); transition: ease transform 250ms; } .moveRight[data-v-33c46637] { transform: translateX(50%); transition: ease transform 250ms; } } .basic-drag-handle.basic-drag-handle-is-enabled[data-v-01df1738] { cursor:move; } body.basic-drag-handle-is-dragging *[data-v-01df1738] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none !important; user-select: none; } body.basic-resize-handle-is-resizing *[data-v-63142db8] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none !important; user-select: none; } .basic-resize-handle.basic-resize-handle-cursor-nwse-resize[data-v-63142db8]{cursor:nwse-resize;} .basic-resize-handle.basic-resize-handle-cursor-ns-resize[data-v-63142db8]{cursor:ns-resize;} .basic-resize-handle.basic-resize-handle-cursor-nesw-resize[data-v-63142db8]{cursor:nesw-resize;} .basic-resize-handle.basic-resize-handle-cursor-ew-resize[data-v-63142db8]{cursor:ew-resize;} /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-192fb3ac] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-192fb3ac] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-192fb3ac], .primary_action_hover[data-v-192fb3ac]:active, .primary_action_hover.active[data-v-192fb3ac], .primary_action_hover[data-v-192fb3ac]:checked, .primary_action_hover[data-v-192fb3ac]::selection, .primary_action_hover.open[data-v-192fb3ac], .primary_action_hover[aria-expanded="true"][data-v-192fb3ac] { background-color: #265c89; } .tool-window-vue[data-v-192fb3ac] { background-color: #ffffff; display: block; position: absolute; padding: 0; top: 20px; right: 20px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); z-index: 999; min-width: 280px; } .tool-window-vue .basic-resize-handle[data-v-192fb3ac] { position: absolute; width: 6px; height: 6px; } .tool-window-vue #basic-resize-handle-tl[data-v-192fb3ac] { top: 0; left: 0; } .tool-window-vue #basic-resize-handle-tr[data-v-192fb3ac] { top: 0; right: 0; } .tool-window-vue #basic-resize-handle-br[data-v-192fb3ac] { bottom: 0; right: 0; } .tool-window-vue #basic-resize-handle-bl[data-v-192fb3ac] { bottom: 0; left: 0; } .tool-window-heading[data-v-192fb3ac] { padding: 5px 5px 5px 5px; border-bottom: 1px solid #e5e5e5; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; display: flex; flex-direction: row; width: 100%; } .tool-window-heading .heading-element[data-v-192fb3ac] { white-space: nowrap; color: #555555; font-size: 14px; padding: 6px; } .tool-window-heading .heading-element.flex-grow[data-v-192fb3ac] { flex-grow: 99; overflow: hidden; } .tool-window-heading .heading-element .glyphicon[data-v-192fb3ac] { padding: 5px; } .tool-window-heading .heading-element .glyphicon[data-v-192fb3ac]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .tool-window-heading .heading-element .glyphicon[data-v-192fb3ac]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .tool-window-heading .heading-element .glyphicon:hover.btn-select[data-v-192fb3ac], .tool-window-heading .heading-element .glyphicon[data-v-192fb3ac]:hover:active, .tool-window-heading .heading-element .glyphicon:hover.active[data-v-192fb3ac], .tool-window-heading .heading-element .glyphicon[data-v-192fb3ac]:hover:checked, .tool-window-heading .heading-element .glyphicon[data-v-192fb3ac]:hover::selection, .tool-window-heading .heading-element .glyphicon:hover.open[data-v-192fb3ac], .tool-window-heading .heading-element .glyphicon:hover[aria-expanded="true"][data-v-192fb3ac] { background-color: #265c89; } .tool-window-heading .heading-element > span.glyphicon-minus[data-v-192fb3ac] { top: 3px; } .tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon) { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .tool-window-heading .heading-element > span:hover:not(.win-icon).btn-select[data-v-192fb3ac], .tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon):active, .tool-window-heading .heading-element > span:hover:not(.win-icon).active[data-v-192fb3ac], .tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon):checked, .tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon)::selection, .tool-window-heading .heading-element > span:hover:not(.win-icon).open[data-v-192fb3ac], .tool-window-heading .heading-element > span:hover:not(.win-icon)[aria-expanded="true"][data-v-192fb3ac] { background-color: #265c89; } .tool-window-heading-title[data-v-192fb3ac] { padding-top: 7px; margin: 0; overflow: hidden; white-space: nowrap; } .vue-tool-content-body[data-v-192fb3ac] { position: relative; height: calc(100% - 58px); width: 100%; max-height: 72vh; -webkit-overflow-scrolling: touch; background-color: #ffffff; overflow: auto; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .subtitle[data-v-636c3dfe] { color: #E10019; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; padding-top: 1px; margin-bottom: 9px; } hr[data-v-636c3dfe] { margin: 15px 0 10px 0; } #layerInformation .abstract[data-v-636c3dfe] p { padding: 2px 10px 2px 0; } .body[data-v-636c3dfe] { max-height: 66vh; overflow-y: auto; overflow-x: hidden; padding: 5px 10px; font-size: 12px; } .body > ul[data-v-636c3dfe] { background-color: white; } .layerInformation[data-v-636c3dfe] { position: absolute; overflow: unset; top: 20px; right: 60px; max-width: 600px; width: 45vw; margin: 0 10px 30px 10px; z-index: 1010; background-color: #ffffff; box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.176); border: 1px solid #e5e5e5; } @media (max-width: 768px) { .layerInformation[data-v-636c3dfe] { inset: 12px auto auto 0; max-width: 750px; width: 95vw; max-height: 80vh; } } .header[data-v-636c3dfe] { padding: 10px 10px 5px 10px; border-bottom: 1px solid #e5e5e5; cursor: move; } .glyphicon-remove[data-v-636c3dfe]:hover { opacity: 0.7; cursor: pointer; } .nav-tabs[data-v-636c3dfe] { display: flex; } .nav-tabs > li[data-v-636c3dfe] { font-size: 12px; } .nav-tabs > li > a[data-v-636c3dfe] { text-overflow: ellipsis; overflow: hidden; height: 100%; } .tab-content .tab-pane > ul > li > a[data-v-636c3dfe] { font-size: 12px; text-overflow: ellipsis; display: inline-block; max-width: 95%; overflow: hidden; } .tab-content #layerinfo-legend[data-v-636c3dfe] { max-width: 95%; overflow: auto; } .mb-2[data-v-636c3dfe] { margin-bottom: 2rem; } .dropdown-toggle[data-v-636c3dfe] { width: 100%; } .dropdown-menu[data-v-636c3dfe] { width: 100%; } .dropdown-menu a.active[data-v-636c3dfe] { background-color: #204d74; color: white; } .dropdown-menu a[data-v-636c3dfe]:hover { background-color: #3177b1; } .download-note[data-v-636c3dfe] { font-weight: bold; } .pt-5[data-v-636c3dfe] { padding-top: 5px; } #sidebar[data-v-11c8afc7], .sidebar[data-v-11c8afc7] { position: relative; } #sidebar .tool-manager[data-v-11c8afc7] { height: 100%; } .anchor[data-v-11c8afc7] { position: relative; /* map itself should fill the whole region as "background" */ } .anchor #map-wrapper[data-v-11c8afc7] { position: relative; overflow: hidden; flex-grow: 1; order: 1; } .anchor #sidebar[data-v-11c8afc7] { order: 2; flex-grow: 0; height: 100%; } .anchor #map[data-v-11c8afc7] { position: absolute; height: 100%; width: 100%; } .anchor .elements-positioned-over-map[data-v-11c8afc7] { display: flex; flex-direction: column; align-items: flex-end; height: 100%; width: 100%; } .anchor .elements-positioned-over-map .controls[data-v-11c8afc7] { flex-grow: 1; } .anchor .menu[data-v-11c8afc7] { position: absolute; display: flex; flex-direction: column; align-items: flex-end; width: 100%; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ #scales { background: rgba(243, 243, 243, 0.9); display: inline-block; color: #333333; text-align: center; font-size: 10px; } #scales .scale-line { color: #4d4d4d; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; display: inline-block; width: 2cm; } #scales .scale-as-a-ratio { padding: 0 16px; color: #333333; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } #language-bar { margin-left: 10px; } #language-bar a { color: #285f8f; } #language-bar a:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #language-bar a:hover.btn-select, #language-bar a:hover:active, #language-bar a:hover.active, #language-bar a:hover:checked, #language-bar a:hover::selection, #language-bar a:hover.open, #language-bar a:hover[aria-expanded="true"] { background-color: #265c89; } #language-bar .current-language { display: block; position: relative; color: #1F4B70; cursor: pointer; text-transform: uppercase; font-weight: bold; } #language-bar .screenreader { position: absolute; left: -9999px; } #language-bar .popup-language { position: absolute; bottom: calc(100% + 8px); right: 8px; padding: 10px 0 20px; min-width: 400px; background: #F3F3F3; box-shadow: rgba(0, 0, 0, 0.176); } #language-bar .popup-language .language-header { float: right; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 0 0 3px 10px; } #language-bar .popup-language .language-header span { width: 30px; cursor: pointer; } #language-bar .popup-language .form-group { display: inline-block; width: 100%; text-align: center; padding: 20px 0 0; } #language-bar .popup-language .form-group a { font-size: 12px; } #language-bar .popup-language .form-group a.disabled { background-color: #e7e7e7; } @media (max-width: 767px) { #language-bar .current-language { float: right; text-align: right; } #language-bar .popup-language { width: calc(100% - 20px); min-width: inherit; right: 10px; } } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .standalone[data-v-88407a44] { display: block; text-align: center; top: auto; margin: 5px; font-size: calc(36px - 0.35 * 36px); height: 36px; width: 36px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .inline[data-v-88407a44] { display: inline-block; text-align: center; top: auto; font-size: calc(24px - 0.35 * 24px); width: 24px; height: 24px; } .control-icon[data-v-88407a44] { background-color: #E10019; color: #F3F3F3; pointer-events: all; cursor: pointer; border: 0; /* position icon in center of button */ /* pseudo-class state effects */ } .control-icon[data-v-88407a44]::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .control-icon[data-v-88407a44]:hover { background-color: #fb001c; } .control-icon[data-v-88407a44]:focus { background-color: #ff2f46; outline: 1px solid #050505; } .control-icon[data-v-88407a44]:active { background-color: #ae0013; } .control-icon[data-v-88407a44]:disabled { background-color: grey; color: white; cursor: default; } /* corrections for glyphicons that don't exactly center */ .glyphicon-plus[data-v-88407a44]::before { margin-top: -1px; margin-left: 1px; } .glyphicon-minus[data-v-88407a44]::before { margin-left: -1px; margin-top: -1px; } .glyphicon-forward[data-v-88407a44]::before { margin-left: 2px; margin-top: -1px; } .glyphicon-fast-backward[data-v-88407a44]::before { margin-top: -1px; } /* TODO: Since every glyphicon is supported via config, rules for every glyphicon should exist here */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .mouse-position[data-v-67b2a13e] { display: flex; flex-direction: row; background-color: #E10019; color: #F3F3F3; font-size: 11px; line-height: 24px; min-height: 24px; transition: 1s ease-out; /* hack to prevent text from jumping during animation */ transform: translateZ(0); } .mouse-position.closed[data-v-67b2a13e] { /* using translateX to prevent multiline flicker on width transformation */ transform: translateX(calc(-100% + 24px)); } .mouse-position .mouse-position-span[data-v-67b2a13e] { padding: 0 8px; border-right: 1px solid #F3F3F3; color: #FFFFFF; } .mouse-position #hide-mouse-position[data-v-67b2a13e] { color: #FFFFFF; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .attributions-wrapper[data-v-4fd678ba] { position: relative; } .attributions-wrapper .attributions-view[data-v-4fd678ba] { color: #333333; background-color: #F3F3F3; max-width: 40vw; width: max-content; min-width: min-content; border: 1px solid #e5e5e5; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); cursor: initial; text-align: initial; position: absolute; padding: 5px; bottom: 0; right: 100%; } .attributions-wrapper .attributions-view dl[data-v-4fd678ba] { margin-bottom: 0; } .attributions-wrapper .attributions-view dt[data-v-4fd678ba] { color: #E10019; font-size: 14px; font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; font-weight: 400; /* required for ie11, else text will break asap */ display: flex; } .attributions-wrapper .attributions-view dd[data-v-4fd678ba] { margin-bottom: 8px; /* required for ie11, else text will break asap */ display: flex; } .attributions-wrapper .attributions-view img[data-v-4fd678ba] { max-height: 2em; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .control-icon-table-style[data-v-8a5af27c] { display: flex; flex-direction: row; pointer-events: all; cursor: pointer; width: 100%; margin: 0 0 6px; padding: 6px 0 0; color: #808080; font-size: 17px; border-style: solid; border-color: #C0C0C0; border-width: 1px 0 0 0; /* position icon in center of button */ /* pseudo-class state effects */ /* NOTE these do not yet exist; when all table style controls are done with this component, they should be decided on for all elements. Right now, this would lead to inconsistencies regarding the not yet migrated entries. &:hover {} &:focus {} &:active {} &:disabled {} */ } .control-icon-table-style > a[data-v-8a5af27c] { color: #808080; } .control-icon-table-style[data-v-8a5af27c]::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-5f15d5b4] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-5f15d5b4] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-5f15d5b4], .primary_action_hover[data-v-5f15d5b4]:active, .primary_action_hover.active[data-v-5f15d5b4], .primary_action_hover[data-v-5f15d5b4]:checked, .primary_action_hover[data-v-5f15d5b4]::selection, .primary_action_hover.open[data-v-5f15d5b4], .primary_action_hover[aria-expanded="true"][data-v-5f15d5b4] { background-color: #265c89; } .poi-choice[data-v-5f15d5b4] { color: #555555; font-size: 14px; } .poi-choice .modal-header[data-v-5f15d5b4] { padding: 0; } .poi-choice .modal-title[data-v-5f15d5b4] { padding: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .poi-choice .modal-title .glyphicon[data-v-5f15d5b4] { top: 3px; margin-right: 5px; } .poi-choice .glyphicon-remove[data-v-5f15d5b4] { font-size: 16px; float: right; padding: 12px; cursor: pointer; } .poi-choice .glyphicon-remove[data-v-5f15d5b4]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .poi-choice .glyphicon-remove[data-v-5f15d5b4]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .poi-choice .glyphicon-remove:hover.btn-select[data-v-5f15d5b4], .poi-choice .glyphicon-remove[data-v-5f15d5b4]:hover:active, .poi-choice .glyphicon-remove:hover.active[data-v-5f15d5b4], .poi-choice .glyphicon-remove[data-v-5f15d5b4]:hover:checked, .poi-choice .glyphicon-remove[data-v-5f15d5b4]:hover::selection, .poi-choice .glyphicon-remove:hover.open[data-v-5f15d5b4], .poi-choice .glyphicon-remove:hover[aria-expanded="true"][data-v-5f15d5b4] { background-color: #265c89; } .poi-choice .modal-dialog[data-v-5f15d5b4] { z-index: 1041; } .poi-choice .choice-content[data-v-5f15d5b4] { display: inline-block; width: 100%; padding: 10px; } .poi-choice .choice-content .choice-title[data-v-5f15d5b4] { margin-bottom: 10px; } .poi-choice .choice-content label[data-v-5f15d5b4] { cursor: pointer; margin-right: 20px; } .poi-choice .choice-content button[data-v-5f15d5b4] { margin-left: 15px; margin-bottom: 10px; min-width: 60px; } @media (max-width: 479px) { .poi-choice .choice-content button[data-v-5f15d5b4] { margin-left: 0; margin-bottom: 0; width: 100%; margin-top: 10px; } } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-5e157166] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-5e157166] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-5e157166], .primary_action_hover[data-v-5e157166]:active, .primary_action_hover.active[data-v-5e157166], .primary_action_hover[data-v-5e157166]:checked, .primary_action_hover[data-v-5e157166]::selection, .primary_action_hover.open[data-v-5e157166], .primary_action_hover[aria-expanded="true"][data-v-5e157166] { background-color: #265c89; } .poi[data-v-5e157166] { color: #555555; font-size: 14px; } .poi .modal-header[data-v-5e157166] { padding: 0; border-bottom: 0; } .poi .modal-title[data-v-5e157166] { padding: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .poi .glyphicon-remove[data-v-5e157166] { font-size: 16px; float: right; padding: 12px; cursor: pointer; } .poi .glyphicon-remove[data-v-5e157166]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .poi .modal-dialog[data-v-5e157166] { z-index: 1041; } .poi .tab-content[data-v-5e157166] { max-height: 78vH; overflow: auto; } .poi .tab-content[data-v-5e157166]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .poi .tab-content tbody > tr > td[data-v-5e157166]:nth-child(odd) { width: 50px; height: 50px; } .poi .tab-content tbody > tr > td[data-v-5e157166]:nth-child(even) { vertical-align: middle; } .poi .tab-content tbody > tr > td img[data-v-5e157166] { max-width: 50px; } .poi .tab-content tr[data-v-5e157166] { cursor: pointer; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .orientationButtons[data-v-0075f4fe] { margin-top: 20px; } .orientationButtons > .glyphicon[data-v-0075f4fe] { font-size: 22px; margin-top: 4px; } .orientationButtons > .glyphicon-map-marker[data-v-0075f4fe] { padding: 5px 7px 6px 6px; } .orientationButtons > .glyphicon-record[data-v-0075f4fe] { padding: 5px 6px 6px 6px; } .orientationButtons > .toggleButtonPressed[data-v-0075f4fe] { background-color: #08589e; } .geolocation_marker[data-v-0075f4fe] { color: #F3F3F3; padding: 2px 3px 2px 2px; background: none repeat scroll #D42132; border-radius: 50px; font-size: 20px; } /* .ol-overviewmap has fixed height in openlayers css; * measured this value for 12px space between control contents */ .space-above[data-v-24dc979e] { margin-top: 136px; } /* ⚠️ unscoped css, extend with care; * control (.ol-overviewmap) is out of scope; * overriding with global rule that avoids leaks * by using local id #overviewmap-wrapper */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ #overviewmap-wrapper { position: relative; } #overviewmap-wrapper .ol-overviewmap { left: auto; right: 100%; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border: 0; } #overviewmap-wrapper .ol-overviewmap .ol-overviewmap-box { border: 2px solid #E10019; } #overviewmap-wrapper .ol-overviewmap .ol-overviewmap-map { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); width: 200px; } .hideButton { display: none; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-52f3fde0] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-52f3fde0] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-52f3fde0], .primary_action_hover[data-v-52f3fde0]:active, .primary_action_hover.active[data-v-52f3fde0], .primary_action_hover[data-v-52f3fde0]:checked, .primary_action_hover[data-v-52f3fde0]::selection, .primary_action_hover.open[data-v-52f3fde0], .primary_action_hover[aria-expanded="true"][data-v-52f3fde0] { background-color: #265c89; } .freeze-view.freeze-activated[data-v-52f3fde0] { z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .freeze-view-close[data-v-52f3fde0] { z-index: 10001; cursor: pointer; position: absolute; border-radius: 12px; font-size: 26px; left: 30px; top: 30px; width: 600px; height: 60px; line-height: 60px; text-align: center; background-color: #646262; color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); } .freeze-view-close.table[data-v-52f3fde0] { left: var(--leftValue); top: var(--topValue); margin-left: auto; margin-right: auto; transform: rotate(var(--rotationValue)); transform-origin: var(--xOrigin) var(--yOrigin); -webkit-transform-origin: var(--xOrigin) var(--yOrigin); -ms-transform-origin: var(--xOrigin) var(--yOrigin); -moz-transform-origin: var(--xOrigin) var(--yOrigin); } .freeze-view-close[data-v-52f3fde0]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .freeze-view-close[data-v-52f3fde0]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .freeze-view-close:hover.btn-select[data-v-52f3fde0], .freeze-view-close[data-v-52f3fde0]:hover:active, .freeze-view-close:hover.active[data-v-52f3fde0], .freeze-view-close[data-v-52f3fde0]:hover:checked, .freeze-view-close[data-v-52f3fde0]:hover::selection, .freeze-view-close:hover.open[data-v-52f3fde0], .freeze-view-close:hover[aria-expanded="true"][data-v-52f3fde0] { background-color: #265c89; } #table-navigation.table-nav-0deg .freeze-view-close[data-v-52f3fde0], #table-navigation.table-nav-0deg.ui-draggable .freeze-view-close[data-v-52f3fde0] { transform: rotate(0deg); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } #table-navigation.table-nav-90deg .freeze-view-close[data-v-52f3fde0] { transform: rotate(90deg); transform-origin: 5% 50%; -webkit-transform-origin: 5% 50%; -ms-transform-origin: 5% 50%; -moz-transform-origin: 5% 50%; } #table-navigation.table-nav-180deg .freeze-view-close[data-v-52f3fde0] { transform: rotate(180deg); transform-origin: 40% 50%; -webkit-transform-origin: 40% 50%; -ms-transform-origin: 40% 50%; -moz-transform-origin: 40% 50%; } #table-navigation.table-nav-270deg .freeze-view-close[data-v-52f3fde0] { transform: rotate(270deg); transform-origin: 42% 405%; -webkit-transform-origin: 42% 405%; -ms-transform-origin: 42% 405%; -moz-transform-origin: 42% 405%; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .controls-row-right .freeze-view-start[data-v-be86a200] { margin-top: 20px; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-2a3dd68d] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-2a3dd68d] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-2a3dd68d], .primary_action_hover[data-v-2a3dd68d]:active, .primary_action_hover.active[data-v-2a3dd68d], .primary_action_hover[data-v-2a3dd68d]:checked, .primary_action_hover[data-v-2a3dd68d]::selection, .primary_action_hover.open[data-v-2a3dd68d], .primary_action_hover[aria-expanded="true"][data-v-2a3dd68d] { background-color: #265c89; } #vue-tool-content-body[data-v-2a3dd68d] { display: block; } #vue-tool-content-body[data-v-2a3dd68d]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .win-heading[data-v-2a3dd68d] { border-bottom: 1px solid #e5e5e5; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; display: flex; flex-direction: row; width: 100%; height: 35px; padding-left: 10px; } .win-heading .heading-element[data-v-2a3dd68d] { white-space: nowrap; color: #333333; font-size: 14px; } .win-heading .heading-element.flex-grow[data-v-2a3dd68d] { flex-grow: 99; overflow: hidden; } .win-heading .heading-element > .title[data-v-2a3dd68d] { color: #333333; white-space: nowrap; font-size: 14px; padding-top: 10px; } .win-heading .heading-element > .glyphicon[data-v-2a3dd68d] { padding: 8px 8px 8px 8px; } .win-heading .heading-element > .glyphicon[data-v-2a3dd68d]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .win-heading .heading-element > span.glyphicon-minus[data-v-2a3dd68d] { top: 3px; } .win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon) { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .win-heading .heading-element > span:hover:not(.win-icon).btn-select[data-v-2a3dd68d], .win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon):active, .win-heading .heading-element > span:hover:not(.win-icon).active[data-v-2a3dd68d], .win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon):checked, .win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon)::selection, .win-heading .heading-element > span:hover:not(.win-icon).open[data-v-2a3dd68d], .win-heading .heading-element > span:hover:not(.win-icon)[aria-expanded="true"][data-v-2a3dd68d] { background-color: #265c89; } .tool-window-vue[data-v-2a3dd68d] { background-color: #ffffff; display: block; position: absolute; padding: 0; top: 20px; left: 20px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); z-index: 999; min-width: 280px; width: var(--initialToolWidth); } @media (max-width: 400px) { .tool-window-vue[data-v-2a3dd68d] { right: 20px; } } @media (max-width: 767px) { .tool-window-vue[data-v-2a3dd68d] { width: var(--initialToolWidthMobile); } } .tool-window-vue .win-body-vue[data-v-2a3dd68d] { max-height: 72vh; } .tool-window-vue .basic-resize-handle[data-v-2a3dd68d] { position: absolute; width: 6px; height: 6px; } .tool-window-vue #basic-resize-handle-tl[data-v-2a3dd68d] { top: 0; left: 0; } .tool-window-vue #basic-resize-handle-tr[data-v-2a3dd68d] { top: 0; right: 0; } .tool-window-vue #basic-resize-handle-br[data-v-2a3dd68d] { bottom: 0; right: 0; } .tool-window-vue #basic-resize-handle-bl[data-v-2a3dd68d] { bottom: 0; left: 0; } .tool-window-vue.is-minified[data-v-2a3dd68d] { width: auto !important; height: auto !important; } .tool-window-vue.is-minified #vue-tool-content-body[data-v-2a3dd68d] { display: none; } .tool-window-vue.is-minified .win-heading[data-v-2a3dd68d] { background-color: #e10019; border-bottom: none; overflow: hidden; } .tool-window-vue.is-minified .win-heading .glyphicon[data-v-2a3dd68d], .tool-window-vue.is-minified .win-heading .title[data-v-2a3dd68d] { color: #ffffff; } .win-body-vue[data-v-2a3dd68d] { position: relative; padding: 20px; -webkit-overflow-scrolling: touch; background-color: #ffffff; overflow: auto; width: 100%; } .table-tool-win-all-vue[data-v-2a3dd68d] { font-family: "MasterPortalFont", sans-serif; border-radius: 12px; margin-bottom: 30px; } .table-tool-win-all-vue .win-heading[data-v-2a3dd68d] { font-family: "MasterPortalFont", sans-serif; font-size: 14px; background-color: #646262; } .table-tool-win-all-vue .win-heading .heading-element > .title[data-v-2a3dd68d] { color: #ffffff; font-size: 14px; } .table-tool-win-all-vue .win-heading .heading-element > .buttons[data-v-2a3dd68d] { color: #ffffff; } .table-tool-win-all-vue .win-heading .heading-element > .glyphicon[data-v-2a3dd68d] { color: #ffffff; } .table-tool-win-all-vue .win-body-vue[data-v-2a3dd68d] { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #F2F2F2; } .table-tool-win-all-vue .win-body-vue *[data-v-2a3dd68d] { border-radius: 12px; } #tool-sidebar-vue[data-v-2a3dd68d] { background-color: #ffffff; padding: 0 0 0 12px; height: 100%; width: var(--initialToolWidth); } @media (max-width: 767px) { #tool-sidebar-vue[data-v-2a3dd68d] { width: var(--initialToolWidthMobile); } } #tool-sidebar-vue .win-body-vue[data-v-2a3dd68d] { height: calc(100% - 35px); } #basic-resize-handle-sidebar[data-v-2a3dd68d] { position: absolute; top: 0; left: 0; bottom: 0; padding: 6px; transition: background-color 0.25s; background-color: #DDDDDD; } #basic-resize-handle-sidebar[data-v-2a3dd68d]:hover { background-color: #BBBBBB; } #basic-resize-handle-sidebar > div[data-v-2a3dd68d] { position: absolute; top: 50%; margin-top: -8px; } @media (max-width: 767px) { .tool-window[data-v-2a3dd68d] { right: 0; } #tool-sidebar-vue[data-v-2a3dd68d] { position: fixed; top: 0; right: 0; bottom: 0; z-index: 1050; overflow-x: hidden; overflow-y: auto; margin: 0; } } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .addWMS[data-v-1a382537] { min-width: 400px; } .WMS_example_text[data-v-1a382537] { margin-top: 10px; color: #777; } #addWMSButton[data-v-1a382537] { margin-top: 15px; width: 50%; } .addwms_error[data-v-1a382537] { font-size: 16px; color: #d42132; margin-bottom: 10px; } #tool-bufferAnalysis-radiusRangeInput[data-v-45788892] { -webkit-appearance: none; appearance: none; border-radius: 4px; border: none; height: 12px; margin-top: 19px; background: #cbcbcb; } #tool-bufferAnalysis-radiusRangeInput[data-v-45788892]::-moz-range-thumb, #tool-bufferAnalysis-radiusRangeInput[data-v-45788892]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #08589e; cursor: pointer; border-width: 1px; border-color: white; width: 22px; height: 22px; border-radius: 50%; } .input-group-addon:first-child.force-border[data-v-1e30b54f] { border-right: 1px solid #ccc; } .has-error .input-group-addon:first-child.force-border[data-v-1e30b54f] { border-right: 1px solid #a94442; } .has-success .input-group-addon:first-child.force-border[data-v-1e30b54f] { border-right: 1px solid #3c763d; } .lift-tick[data-v-1e30b54f] { margin-top: -4px; } .form-control[data-v-1e30b54f] { resize: none; } .control-label[data-v-1e30b54f] { min-width: 65px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ input[type="checkbox"][data-v-344e9e6b] { cursor: pointer; } #tool-contact-privacyPolicy label[data-v-344e9e6b], #tool-contact-privacyPolicy span[data-v-344e9e6b] { cursor: pointer; } .contents[data-v-344e9e6b] { /* avoids making the form broader */ max-width: 300px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ @media (max-width: 767px) { .checkbox-container .form-inline[data-v-14726451] { font-size: 12px; } } .radio-container[data-v-14726451] { display: flex; justify-content: space-around; } .radio-container label[data-v-14726451] { margin-left: 5px; } .radio-container input[data-v-14726451] { margin-left: 10px; } .enabled[data-v-14726451] { font-weight: bold; } .error-text[data-v-14726451] { font-size: 85%; color: #a94442; } .hint[data-v-14726451] { margin: 5px 0px 25px; text-align: center; color: #337ab7; transition: color 0.35s; } .info[data-v-14726451] { max-width: 550px; } .eastingToBottomNoError[data-v-14726451] { transform: translate(0px, 45px); } .northingToTopNoError[data-v-14726451] { transform: translate(0px, -45px); } .eastingToBottomOneError[data-v-14726451] { transform: translate(0px, 55px); } .northingToTopOneError[data-v-14726451] { transform: translate(0px, -65px); } .eastingToBottomTwoErrors[data-v-14726451] { transform: translate(0px, 75px); } .northingToTopTwoErrors[data-v-14726451] { transform: translate(0px, -75px); } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ a[data-v-7a636b8b] { color: #000; } .bold[data-v-7a636b8b] { font-weight: bold; } .disabled[data-v-7a636b8b] { cursor: not-allowed; } #tool-draw-download-file[data-v-7a636b8b] { background-color: buttonface; text-decoration: none; padding: 0; } #draw-filter input[data-v-0c3fb588] { margin-top: 0; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .no-cursor[data-v-3427ffc7] { cursor: none; } .cursor-crosshair[data-v-3427ffc7] { cursor: crosshair; } button[data-v-3427ffc7]:disabled { background-color: #204d74; opacity: 1; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-7ca71424] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-7ca71424] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-7ca71424], .primary_action_hover[data-v-7ca71424]:active, .primary_action_hover.active[data-v-7ca71424], .primary_action_hover[data-v-7ca71424]:checked, .primary_action_hover[data-v-7ca71424]::selection, .primary_action_hover.open[data-v-7ca71424], .primary_action_hover[aria-expanded="true"][data-v-7ca71424] { background-color: #265c89; } #tool-compareFeatures[data-v-7ca71424] { z-index: -1; display: inline-flex; width: 100%; } .remove-feature[data-v-7ca71424] { top: 0px !important; left: 0px; } .remove-feature[data-v-7ca71424]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .remove-feature[data-v-7ca71424]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .remove-feature:hover.btn-select[data-v-7ca71424], .remove-feature[data-v-7ca71424]:hover:active, .remove-feature:hover.active[data-v-7ca71424], .remove-feature[data-v-7ca71424]:hover:checked, .remove-feature[data-v-7ca71424]:hover::selection, .remove-feature:hover.open[data-v-7ca71424], .remove-feature:hover[aria-expanded="true"][data-v-7ca71424] { background-color: #265c89; } table[data-v-7ca71424] { font-family: "MasterPortalFont", "Arial", sans-serif; border-collapse: collapse; table-layout: fixed; width: 100%; } table a[data-v-7ca71424] { color: #285f8f; padding: 2px; } table a[data-v-7ca71424]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } table a:hover.btn-select[data-v-7ca71424], table a[data-v-7ca71424]:hover:active, table a:hover.active[data-v-7ca71424], table a[data-v-7ca71424]:hover:checked, table a[data-v-7ca71424]:hover::selection, table a:hover.open[data-v-7ca71424], table a:hover[aria-expanded="true"][data-v-7ca71424] { background-color: #265c89; } table tr[data-v-7ca71424]:first-child { max-width: 25px !important; } table tr[data-v-7ca71424]:nth-child(odd) { background-color: #f5f5f5; } table tr[data-v-7ca71424]:nth-child(even) { background-color: #e6e6e6; } table td[data-v-7ca71424] { padding: 8px; text-align: left; border-left: 1px solid #ccc; vertical-align: top; } table td[data-v-7ca71424]:nth-child(1) { width: 20%; border-style: none; } table p[data-v-7ca71424] { overflow-wrap: break-word; } .close[data-v-7ca71424] { float: right; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-3542edaa] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-3542edaa] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-3542edaa], .primary_action_hover[data-v-3542edaa]:active, .primary_action_hover.active[data-v-3542edaa], .primary_action_hover[data-v-3542edaa]:checked, .primary_action_hover[data-v-3542edaa]::selection, .primary_action_hover.open[data-v-3542edaa], .primary_action_hover[aria-expanded="true"][data-v-3542edaa] { background-color: #265c89; } .tool-compareFeatures-modal-title[data-v-3542edaa] { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; } #tool-compareFeatures-buttons-feedback-listFull[data-v-3542edaa] { text-align: center; } h4[data-v-3542edaa] { padding-top: 10px; padding-left: 20px; padding-right: 20px; } #tool-compareFeatures-select-container[data-v-3542edaa] { padding-bottom: 50px; } #tool-compareFeatures-select[data-v-3542edaa] { width: auto; font-family: "MasterPortalFont", "Arial", sans-serif; } #tool-compareFeatures-select-label[data-v-3542edaa] { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 17px; color: #646262; margin-right: 20px; white-space: nowrap; } #tool-compareFeatures-buttons[data-v-3542edaa] { text-align: center; margin: 10px; padding-right: 10px; } #tool-compareFeatures-buttons .btn[data-v-3542edaa], #tool-compareFeatures-buttons .btn-default[data-v-3542edaa], #tool-compareFeatures-buttons .btn-primary[data-v-3542edaa] { margin-right: 20px; margin-left: 20px; padding-right: 10px; } #tool-compareFeatures-buttons .btn[data-v-3542edaa]:focus, #tool-compareFeatures-buttons .btn-default[data-v-3542edaa]:focus, #tool-compareFeatures-buttons .btn-primary[data-v-3542edaa]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #tool-compareFeatures-buttons .btn[data-v-3542edaa]:hover, #tool-compareFeatures-buttons .btn-default[data-v-3542edaa]:hover, #tool-compareFeatures-buttons .btn-primary[data-v-3542edaa]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #tool-compareFeatures-buttons .btn:hover.btn-select[data-v-3542edaa], #tool-compareFeatures-buttons .btn-default:hover.btn-select[data-v-3542edaa], #tool-compareFeatures-buttons .btn-primary:hover.btn-select[data-v-3542edaa], #tool-compareFeatures-buttons .btn[data-v-3542edaa]:hover:active, #tool-compareFeatures-buttons .btn-default[data-v-3542edaa]:hover:active, #tool-compareFeatures-buttons .btn-primary[data-v-3542edaa]:hover:active, #tool-compareFeatures-buttons .btn:hover.active[data-v-3542edaa], #tool-compareFeatures-buttons .btn-default:hover.active[data-v-3542edaa], #tool-compareFeatures-buttons .btn-primary:hover.active[data-v-3542edaa], #tool-compareFeatures-buttons .btn[data-v-3542edaa]:hover:checked, #tool-compareFeatures-buttons .btn-default[data-v-3542edaa]:hover:checked, #tool-compareFeatures-buttons .btn-primary[data-v-3542edaa]:hover:checked, #tool-compareFeatures-buttons .btn[data-v-3542edaa]:hover::selection, #tool-compareFeatures-buttons .btn-default[data-v-3542edaa]:hover::selection, #tool-compareFeatures-buttons .btn-primary[data-v-3542edaa]:hover::selection, #tool-compareFeatures-buttons .btn:hover.open[data-v-3542edaa], #tool-compareFeatures-buttons .btn-default:hover.open[data-v-3542edaa], #tool-compareFeatures-buttons .btn-primary:hover.open[data-v-3542edaa], #tool-compareFeatures-buttons .btn:hover[aria-expanded="true"][data-v-3542edaa], #tool-compareFeatures-buttons .btn-default:hover[aria-expanded="true"][data-v-3542edaa], #tool-compareFeatures-buttons .btn-primary:hover[aria-expanded="true"][data-v-3542edaa] { background-color: #265c89; } #tool-compareFeatures-no-features[data-v-3542edaa] { padding: 15px; padding-top: 0; } #tool-compareFeatures-no-features p[data-v-3542edaa] { line-height: 22px; } #tool-compareFeatures-no-features p[data-v-3542edaa]:first-child { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size: 14px; } label[data-v-3542edaa] { margin-top: 7px; } #test[data-v-3542edaa] { width: 20px; } #modal-1-container #modal-1-overlay[data-v-3542edaa] { z-index: 1000; } #modal-1-container #modal-1-inner-wrapper #modal-1-content-container[data-v-3542edaa] { padding: 0; overflow: auto; max-height: 70vh; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-3e88e1fe] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-3e88e1fe] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-3e88e1fe], .primary_action_hover[data-v-3e88e1fe]:active, .primary_action_hover.active[data-v-3e88e1fe], .primary_action_hover[data-v-3e88e1fe]:checked, .primary_action_hover[data-v-3e88e1fe]::selection, .primary_action_hover.open[data-v-3e88e1fe], .primary_action_hover[aria-expanded="true"][data-v-3e88e1fe] { background-color: #265c89; } .h-seperator[data-v-3e88e1fe] { margin: 12px 0 12px 0; border: 1px solid #DDDDDD; } input[type="file"][data-v-3e88e1fe] { display: none; } input[type="button"][data-v-3e88e1fe] { display: none; } .upload-button-wrapper[data-v-3e88e1fe] { color: #FFFFFF; background-color: #337ab7; display: block; text-align: center; padding: 8px 12px; cursor: pointer; margin: 12px 0 0 0; font-size: 14px; } .upload-button-wrapper[data-v-3e88e1fe]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .upload-button-wrapper[data-v-3e88e1fe]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .upload-button-wrapper:hover.btn-select[data-v-3e88e1fe], .upload-button-wrapper[data-v-3e88e1fe]:hover:active, .upload-button-wrapper:hover.active[data-v-3e88e1fe], .upload-button-wrapper[data-v-3e88e1fe]:hover:checked, .upload-button-wrapper[data-v-3e88e1fe]:hover::selection, .upload-button-wrapper:hover.open[data-v-3e88e1fe], .upload-button-wrapper:hover[aria-expanded="true"][data-v-3e88e1fe] { background-color: #265c89; } .cta[data-v-3e88e1fe] { margin-bottom: 12px; } .drop-area-fake[data-v-3e88e1fe] { background-color: #FFFFFF; border-radius: 12px; border: 2px dashed #337ab7; padding: 24px; transition: background 0.25s, border-color 0.25s; } .drop-area-fake.dzReady[data-v-3e88e1fe] { background-color: #3177b1; border-color: transparent; } .drop-area-fake.dzReady p.caption[data-v-3e88e1fe] { color: #FFFFFF; } .drop-area-fake p.caption[data-v-3e88e1fe] { margin: 0; text-align: center; transition: color 0.35s; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size: 16px; color: #337ab7; } .drop-area[data-v-3e88e1fe] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .vh-center-outer-wrapper[data-v-3e88e1fe] { top: 0; left: 0; right: 0; bottom: 0; text-align: center; position: relative; } .vh-center-outer-wrapper[data-v-3e88e1fe]:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .vh-center-inner-wrapper[data-v-3e88e1fe] { text-align: left; display: inline-block; vertical-align: middle; position: relative; } .successfullyImportedLabel[data-v-3e88e1fe] { font-weight: bold; } .introDrawTool[data-v-3e88e1fe] { font-style: italic; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-39eb4793] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-39eb4793] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-39eb4793], .primary_action_hover[data-v-39eb4793]:active, .primary_action_hover.active[data-v-39eb4793], .primary_action_hover[data-v-39eb4793]:checked, .primary_action_hover[data-v-39eb4793]::selection, .primary_action_hover.open[data-v-39eb4793], .primary_action_hover[aria-expanded="true"][data-v-39eb4793] { background-color: #265c89; } span.glyphicon[data-v-39eb4793]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } span.glyphicon[data-v-39eb4793]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } span.glyphicon:hover.btn-select[data-v-39eb4793], span.glyphicon[data-v-39eb4793]:hover:active, span.glyphicon:hover.active[data-v-39eb4793], span.glyphicon[data-v-39eb4793]:hover:checked, span.glyphicon[data-v-39eb4793]:hover::selection, span.glyphicon:hover.open[data-v-39eb4793], span.glyphicon:hover[aria-expanded="true"][data-v-39eb4793] { background-color: #265c89; } .glyphicon-star[data-v-39eb4793] { color: #fec44f; } @keyframes exportButtonLoaderSpinAnimation-data-v-eaea1484 { from { transform: rotate(0); } to { transform: rotate(360deg); } } .exportButton[data-v-eaea1484] { outline: none; } .exportButton > .spin-animation[data-v-eaea1484] { animation: exportButtonLoaderSpinAnimation-data-v-eaea1484 1s 0.1s ease-in-out infinite both; } .exportButton > .glyphicon-download[data-v-eaea1484] { margin-right: 5px; } .link[data-v-a3fff5d0] { margin-top: 5px; text-align: right; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .table > tbody > tr > td[data-v-0f896088] { padding: 5px 8px; font-size: 12px; } .table > tbody > tr > td.bold[data-v-0f896088] { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; } .gfi-iFrame[data-v-0f896088] { height: 450px; resize: both; } @media (min-width: 768px) { .gfi-iFrame[data-v-0f896088] { width: 450px; } } @media (max-width: 767px) { .gfi-iFrame[data-v-0f896088] { width: 100%; } } .gfi-theme-iframe[data-v-0f896088] { line-height: 1px; } .gfi-theme-images[data-v-0f896088] { max-width: 600px; height: 100%; } .gfi-theme-images-image[data-v-0f896088] { margin: auto; display: block; text-align: center; color: black; } .favorite-icon-container[data-v-0f896088] { display: flex; justify-content: center; } .favorite-icon-container .glyphicon[data-v-0f896088] { font-size: 28px; padding: 0 2px; } .table[data-v-0f896088] { margin-bottom: 0; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .sensor-button-container[data-v-b13486e2] { text-align: center; } .sensor-button-container .leftButton[data-v-b13486e2] { float: left; background-color: #FFFFFF; padding: 1px 6px; outline: none; box-shadow: none; } .sensor-button-container .rightButton[data-v-b13486e2] { float: right; background-color: #FFFFFF; padding: 1px 6px; outline: none; box-shadow: none; } .sensor-button-container .day[data-v-b13486e2] { padding-top: 8px; font-weight: bold; } .sensor-chart-container[data-v-b13486e2] { position: relative; width: 65vh; height: 30vh; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .sensor-text[data-v-6298b264] { text-align: center; } .gfi-theme-sensor[data-v-6298b264] { width: 65vh; height: 47vh; overflow: auto; padding: 15px 0 0 0; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .modal-mask[data-v-1d2a3947] { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .modal-header[data-v-1d2a3947] { padding: 0 15px; } .modal-header button[data-v-1d2a3947] { font-size: 16px; padding-top: 13px; opacity: 0.6; } .modal-header .modal-title[data-v-1d2a3947] { margin: 10px 0; } .modal-body[data-v-1d2a3947] { overflow-y: auto; max-height: 80vh; padding: 0; } .modal-body table[data-v-1d2a3947] { margin-bottom: 0; } .modal-footer[data-v-1d2a3947] { color: #646262; padding: 0; font-size: 22px; } .modal-footer .pager[data-v-1d2a3947] { background-color: #F3F3F3; padding: 6px; cursor: pointer; width: 50%; margin: 0; } .modal-footer .pager-left[data-v-1d2a3947] { float: left; border-right: 1px solid #ddd; } .modal-footer .pager-right[data-v-1d2a3947] { float: right; } .modal-footer .disabled[data-v-1d2a3947] { cursor: not-allowed; background-color: white; opacity: 0.2; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .gfi-detached-table { box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.3); border-radius: 12px; background-color: #646262; font-family: "MasterPortalFont"; color: #808080; touch-action: pan-x pan-y; } .gfi-detached-table .tool-window-heading { padding: 0; border-bottom: 1px solid #808080; border-radius: 11px 11px 0px 0px; background-color: #646262; color: #F2F2F2; padding-top: 8px; padding-left: 8px; } .gfi-detached-table .tool-window-heading .tool-window-heading-title { color: #F2F2F2; margin-right: 50px; text-overflow: ellipsis; } .gfi-detached-table .vue-tool-content-body .body { max-height: 175px; overflow-x: hidden; overflow: auto; } .gfi-detached-table .vue-tool-content-body .body::-webkit-scrollbar { width: 20px; } .gfi-detached-table .vue-tool-content-body .body::-webkit-scrollbar-track { border: 5px solid transparent; border-radius: 12px; background-clip: content-box; background-color: #d3d3d3; } .gfi-detached-table .vue-tool-content-body .body::-webkit-scrollbar-thumb { background-color: #003063; border: 6px solid transparent; border-radius: 12px; background-clip: content-box; } .gfi-detached-table .icon-turnarticle { color: #F2F2F2; position: relative; display: inline-block; bottom: 20px; right: 25px; margin: 6px 0 0 10px; cursor: pointer; font-size: 16px; } .gfi-detached-table .icon-turnarticle:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .gfi-detached-table .icon-turnarticle:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .gfi-detached-table .icon-turnarticle:hover.btn-select, .gfi-detached-table .icon-turnarticle:hover:active, .gfi-detached-table .icon-turnarticle:hover.active, .gfi-detached-table .icon-turnarticle:hover:checked, .gfi-detached-table .icon-turnarticle:hover::selection, .gfi-detached-table .icon-turnarticle:hover.open, .gfi-detached-table .icon-turnarticle:hover[aria-expanded="true"] { background-color: #265c89; } .gfi-detached-table .icon-turnarticle::before { color: #F2F2F2; } .gfi-detached-table span.glyphicon.glyphicon-remove::before { color: #F2F2F2; } .rotate0 { transform: rotate(0deg); } .rotate-90 { transform: rotate(-90deg); } .rotate-180 { transform: rotate(-180deg); } .rotate-270 { transform: rotate(-270deg); } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-319f73ee] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-319f73ee] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-319f73ee], .primary_action_hover[data-v-319f73ee]:active, .primary_action_hover.active[data-v-319f73ee], .primary_action_hover[data-v-319f73ee]:checked, .primary_action_hover[data-v-319f73ee]::selection, .primary_action_hover.open[data-v-319f73ee], .primary_action_hover[aria-expanded="true"][data-v-319f73ee] { background-color: #265c89; } button.close[data-v-319f73ee]:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } button.close[data-v-319f73ee]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } button.close:hover.btn-select[data-v-319f73ee], button.close[data-v-319f73ee]:hover:active, button.close:hover.active[data-v-319f73ee], button.close[data-v-319f73ee]:hover:checked, button.close[data-v-319f73ee]:hover::selection, button.close:hover.open[data-v-319f73ee], button.close:hover[aria-expanded="true"][data-v-319f73ee] { background-color: #265c89; } .gfi-attached[data-v-319f73ee] { background-color: #ffffff; } .gfi-header[data-v-319f73ee] { font-size: 13px; font-weight: normal; line-height: 17px; color: #646262; padding: 0 15px; border-bottom: 1px solid #e5e5e5; } .gfi-header button[data-v-319f73ee] { font-size: 16px; opacity: 0.6; } .gfi-content[data-v-319f73ee] { overflow: auto; } .gfi-content table[data-v-319f73ee] { margin-bottom: 0; } @media (min-width: 768px) { .gfi-content[data-v-319f73ee] { max-height: 40vh; width: 100%; } } .ol-viewport .popover { padding: 0; width: max-content; max-width: 40vw; border: 0; z-index: 1; } .ol-viewport .popover-content { padding: 0; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .gfi { color: #333333; } .bold { font-weight: bold; } .gfi-footer { color: #646262; font-size: 22px; } .gfi-footer .pager { background-color: #F3F3F3; padding: 6px; cursor: pointer; width: 50%; margin: 0; } .gfi-footer .pager-left { float: left; border-right: 1px solid #ddd; } .gfi-footer .pager-right { float: right; } .gfi-footer .disabled { cursor: not-allowed; background-color: white; opacity: 0.2; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .inaccuracy-list[data-v-49a16caa] { max-width: 270px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ @media (min-width: 768px) { form[data-v-ab29b56a] { width: 450px; } } span[data-v-ab29b56a] { font-size: 11px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ label[data-v-3a4d10cb] { margin-top: 7px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ @media (min-width: 768px) { #search-by-coord[data-v-7c2dab2b] { width: 350px; } } .error-text[data-v-7c2dab2b] { font-size: 100%; color: #a94442; } .inputError[data-v-7c2dab2b] { border: 1px solid #a94442; } .selectFeatures[data-v-d5ed7e9e] { max-width:600px; max-height:745px; } .select-features-tables p[data-v-d5ed7e9e] { margin: 8px 0px; } td.featureName[data-v-d5ed7e9e] { width:30%; } td.featureValue[data-v-d5ed7e9e] { width:70%; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ table[data-v-0bd30d9d] { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; table-layout: auto; } table td[data-v-0bd30d9d] { border: 1px solid #ddd; padding: 8px; cursor: pointer; vertical-align: top; } table th[data-v-0bd30d9d] { border: 1px solid #ddd; padding: 12px 8px; text-align: left; background-color: #E10019; color: #ffffff; } table tr[data-v-0bd30d9d]:nth-child(even) { background-color: #F3F3F3; } /* Loader CSS based on https://codepen.io/lopis/pen/zwprzP */ .loader[data-v-07868119] { position: relative; bottom: 2em; left: 87.5%; height: 1.5em; width: 1.5em; display: inline-block; animation: around-data-v-07868119 5.4s infinite; } .loader[data-v-07868119]:after, .loader[data-v-07868119]:before { content: ""; background: white; position: absolute; display: inline-block; width: 100%; height: 100%; border-width: 0.15em; border-color: #333 #333 transparent transparent; border-style: solid; border-radius: 1em; box-sizing: border-box; top: 0; left: 0; animation: around-data-v-07868119 0.7s ease-in-out infinite; } .loader[data-v-07868119]:after { animation: around-data-v-07868119 0.7s ease-in-out 0.1s infinite; background: transparent; } @keyframes around-data-v-07868119 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ .btn[data-v-4cc3b5eb] { margin-top: 10px; } .form-group > span[data-v-4cc3b5eb] { display: inline-block; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus[data-v-4729e6c1] { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover[data-v-4729e6c1] { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select[data-v-4729e6c1], .primary_action_hover[data-v-4729e6c1]:active, .primary_action_hover.active[data-v-4729e6c1], .primary_action_hover[data-v-4729e6c1]:checked, .primary_action_hover[data-v-4729e6c1]::selection, .primary_action_hover.open[data-v-4729e6c1], .primary_action_hover[aria-expanded="true"][data-v-4729e6c1] { background-color: #265c89; } #footer[data-v-4729e6c1] { width: 100%; background: rgba(243, 243, 243, 0.9); font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; color: #333333; font-size: 10px; box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.176); padding: 4px 10px; z-index: 2; display: flex; position: relative; } #footer a[data-v-4729e6c1] { color: #285f8f; } #footer a[data-v-4729e6c1]:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #footer a:hover.btn-select[data-v-4729e6c1], #footer a[data-v-4729e6c1]:hover:active, #footer a:hover.active[data-v-4729e6c1], #footer a[data-v-4729e6c1]:hover:checked, #footer a[data-v-4729e6c1]:hover::selection, #footer a:hover.open[data-v-4729e6c1], #footer a:hover[aria-expanded="true"][data-v-4729e6c1] { background-color: #265c89; } #footer.hide-footer[data-v-4729e6c1] { padding: 0; } #footer .spacer[data-v-4729e6c1] { flex-grow: 1; } #footer .glyphicon-option-vertical[data-v-4729e6c1] { padding: 0 8px; } #footer .footer-mouse-position[data-v-4729e6c1] { position: absolute; left: 0; bottom: 100%; /* should share bottom-line last control element */ margin-bottom: 15px; } #footer a[target=_blank][data-v-4729e6c1] { color: #1F4B70; } #footer .footer-scaleLine[data-v-4729e6c1] { position: absolute; right: 0; bottom: 100%; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ #masterportal-container[data-v-7ba5bd90] { display: flex; flex-direction: column; flex-flow: column; position: relative; height: 100%; width: 100%; font-family: "MasterPortalFont", "Arial", sans-serif; font-size: 12px; } #masterportal-container .map-region[data-v-7ba5bd90] { display: flex; flex-grow: 1; height: calc(100% - 50px); } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Adapted to Masterportal Requirements (https://www.hamburg.de/geowerkstatt) */ /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url(./woffs/glyphicons-halflings-regular.eot); src: url(./woffs/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(./woffs/glyphicons-halflings-regular.woff2) format("woff2"), url(./woffs/glyphicons-halflings-regular.woff) format("woff"), url(./woffs/glyphicons-halflings-regular.ttf) format("truetype"), url(./woffs/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20AC"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270F"; } .glyphicon-glass:before { content: "\E001"; } .glyphicon-music:before { content: "\E002"; } .glyphicon-search:before { content: "\E003"; } .glyphicon-heart:before { content: "\E005"; } .glyphicon-star:before { content: "\E006"; } .glyphicon-star-empty:before { content: "\E007"; } .glyphicon-user:before { content: "\E008"; } .glyphicon-film:before { content: "\E009"; } .glyphicon-th-large:before { content: "\E010"; } .glyphicon-th:before { content: "\E011"; } .glyphicon-th-list:before { content: "\E012"; } .glyphicon-ok:before { content: "\E013"; } .glyphicon-remove:before { content: "\E014"; } .glyphicon-zoom-in:before { content: "\E015"; } .glyphicon-zoom-out:before { content: "\E016"; } .glyphicon-off:before { content: "\E017"; } .glyphicon-signal:before { content: "\E018"; } .glyphicon-cog:before { content: "\E019"; } .glyphicon-trash:before { content: "\E020"; } .glyphicon-home:before { content: "\E021"; } .glyphicon-file:before { content: "\E022"; } .glyphicon-time:before { content: "\E023"; } .glyphicon-road:before { content: "\E024"; } .glyphicon-download-alt:before { content: "\E025"; } .glyphicon-download:before { content: "\E026"; } .glyphicon-upload:before { content: "\E027"; } .glyphicon-inbox:before { content: "\E028"; } .glyphicon-play-circle:before { content: "\E029"; } .glyphicon-repeat:before { content: "\E030"; } .glyphicon-refresh:before { content: "\E031"; } .glyphicon-list-alt:before { content: "\E032"; } .glyphicon-lock:before { content: "\E033"; } .glyphicon-flag:before { content: "\E034"; } .glyphicon-headphones:before { content: "\E035"; } .glyphicon-volume-off:before { content: "\E036"; } .glyphicon-volume-down:before { content: "\E037"; } .glyphicon-volume-up:before { content: "\E038"; } .glyphicon-qrcode:before { content: "\E039"; } .glyphicon-barcode:before { content: "\E040"; } .glyphicon-tag:before { content: "\E041"; } .glyphicon-tags:before { content: "\E042"; } .glyphicon-book:before { content: "\E043"; } .glyphicon-bookmark:before { content: "\E044"; } .glyphicon-print:before { content: "\E045"; } .glyphicon-camera:before { content: "\E046"; } .glyphicon-font:before { content: "\E047"; } .glyphicon-bold:before { content: "\E048"; } .glyphicon-italic:before { content: "\E049"; } .glyphicon-text-height:before { content: "\E050"; } .glyphicon-text-width:before { content: "\E051"; } .glyphicon-align-left:before { content: "\E052"; } .glyphicon-align-center:before { content: "\E053"; } .glyphicon-align-right:before { content: "\E054"; } .glyphicon-align-justify:before { content: "\E055"; } .glyphicon-list:before { content: "\E056"; } .glyphicon-indent-left:before { content: "\E057"; } .glyphicon-indent-right:before { content: "\E058"; } .glyphicon-facetime-video:before { content: "\E059"; } .glyphicon-picture:before { content: "\E060"; } .glyphicon-map-marker:before { content: "\E062"; } .glyphicon-adjust:before { content: "\E063"; } .glyphicon-tint:before { content: "\E064"; } .glyphicon-edit:before { content: "\E065"; } .glyphicon-share:before { content: "\E066"; } .glyphicon-check:before { content: "\E067"; } .glyphicon-move:before { content: "\E068"; } .glyphicon-step-backward:before { content: "\E069"; } .glyphicon-fast-backward:before { content: "\E070"; } .glyphicon-backward:before { content: "\E071"; } .glyphicon-play:before { content: "\E072"; } .glyphicon-pause:before { content: "\E073"; } .glyphicon-stop:before { content: "\E074"; } .glyphicon-forward:before { content: "\E075"; } .glyphicon-fast-forward:before { content: "\E076"; } .glyphicon-step-forward:before { content: "\E077"; } .glyphicon-eject:before { content: "\E078"; } .glyphicon-chevron-left:before { content: "\E079"; } .glyphicon-chevron-right:before { content: "\E080"; } .glyphicon-plus-sign:before { content: "\E081"; } .glyphicon-minus-sign:before { content: "\E082"; } .glyphicon-remove-sign:before { content: "\E083"; } .glyphicon-ok-sign:before { content: "\E084"; } .glyphicon-question-sign:before { content: "\E085"; } .glyphicon-info-sign:before { content: "\E086"; } .glyphicon-screenshot:before { content: "\E087"; } .glyphicon-remove-circle:before { content: "\E088"; } .glyphicon-ok-circle:before { content: "\E089"; } .glyphicon-ban-circle:before { content: "\E090"; } .glyphicon-arrow-left:before { content: "\E091"; } .glyphicon-arrow-right:before { content: "\E092"; } .glyphicon-arrow-up:before { content: "\E093"; } .glyphicon-arrow-down:before { content: "\E094"; } .glyphicon-share-alt:before { content: "\E095"; } .glyphicon-resize-full:before { content: "\E096"; } .glyphicon-resize-small:before { content: "\E097"; } .glyphicon-exclamation-sign:before { content: "\E101"; } .glyphicon-gift:before { content: "\E102"; } .glyphicon-leaf:before { content: "\E103"; } .glyphicon-fire:before { content: "\E104"; } .glyphicon-eye-open:before { content: "\E105"; } .glyphicon-eye-close:before { content: "\E106"; } .glyphicon-warning-sign:before { content: "\E107"; } .glyphicon-plane:before { content: "\E108"; } .glyphicon-calendar:before { content: "\E109"; } .glyphicon-random:before { content: "\E110"; } .glyphicon-comment:before { content: "\E111"; } .glyphicon-magnet:before { content: "\E112"; } .glyphicon-chevron-up:before { content: "\E113"; } .glyphicon-chevron-down:before { content: "\E114"; } .glyphicon-retweet:before { content: "\E115"; } .glyphicon-shopping-cart:before { content: "\E116"; } .glyphicon-folder-close:before { content: "\E117"; } .glyphicon-folder-open:before { content: "\E118"; } .glyphicon-resize-vertical:before { content: "\E119"; } .glyphicon-resize-horizontal:before { content: "\E120"; } .glyphicon-hdd:before { content: "\E121"; } .glyphicon-bullhorn:before { content: "\E122"; } .glyphicon-bell:before { content: "\E123"; } .glyphicon-certificate:before { content: "\E124"; } .glyphicon-thumbs-up:before { content: "\E125"; } .glyphicon-thumbs-down:before { content: "\E126"; } .glyphicon-hand-right:before { content: "\E127"; } .glyphicon-hand-left:before { content: "\E128"; } .glyphicon-hand-up:before { content: "\E129"; } .glyphicon-hand-down:before { content: "\E130"; } .glyphicon-circle-arrow-right:before { content: "\E131"; } .glyphicon-circle-arrow-left:before { content: "\E132"; } .glyphicon-circle-arrow-up:before { content: "\E133"; } .glyphicon-circle-arrow-down:before { content: "\E134"; } .glyphicon-globe:before { content: "\E135"; } .glyphicon-wrench:before { content: "\E136"; } .glyphicon-tasks:before { content: "\E137"; } .glyphicon-filter:before { content: "\E138"; } .glyphicon-briefcase:before { content: "\E139"; } .glyphicon-fullscreen:before { content: "\E140"; } .glyphicon-dashboard:before { content: "\E141"; } .glyphicon-paperclip:before { content: "\E142"; } .glyphicon-heart-empty:before { content: "\E143"; } .glyphicon-link:before { content: "\E144"; } .glyphicon-phone:before { content: "\E145"; } .glyphicon-pushpin:before { content: "\E146"; } .glyphicon-usd:before { content: "\E148"; } .glyphicon-gbp:before { content: "\E149"; } .glyphicon-sort:before { content: "\E150"; } .glyphicon-sort-by-alphabet:before { content: "\E151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\E152"; } .glyphicon-sort-by-order:before { content: "\E153"; } .glyphicon-sort-by-order-alt:before { content: "\E154"; } .glyphicon-sort-by-attributes:before { content: "\E155"; } .glyphicon-sort-by-attributes-alt:before { content: "\E156"; } .glyphicon-unchecked:before { content: "\E157"; } .glyphicon-expand:before { content: "\E158"; } .glyphicon-collapse-down:before { content: "\E159"; } .glyphicon-collapse-up:before { content: "\E160"; } .glyphicon-log-in:before { content: "\E161"; } .glyphicon-flash:before { content: "\E162"; } .glyphicon-log-out:before { content: "\E163"; } .glyphicon-new-window:before { content: "\E164"; } .glyphicon-record:before { content: "\E165"; } .glyphicon-save:before { content: "\E166"; } .glyphicon-open:before { content: "\E167"; } .glyphicon-saved:before { content: "\E168"; } .glyphicon-import:before { content: "\E169"; } .glyphicon-export:before { content: "\E170"; } .glyphicon-send:before { content: "\E171"; } .glyphicon-floppy-disk:before { content: "\E172"; } .glyphicon-floppy-saved:before { content: "\E173"; } .glyphicon-floppy-remove:before { content: "\E174"; } .glyphicon-floppy-save:before { content: "\E175"; } .glyphicon-floppy-open:before { content: "\E176"; } .glyphicon-credit-card:before { content: "\E177"; } .glyphicon-transfer:before { content: "\E178"; } .glyphicon-cutlery:before { content: "\E179"; } .glyphicon-header:before { content: "\E180"; } .glyphicon-compressed:before { content: "\E181"; } .glyphicon-earphone:before { content: "\E182"; } .glyphicon-phone-alt:before { content: "\E183"; } .glyphicon-tower:before { content: "\E184"; } .glyphicon-stats:before { content: "\E185"; } .glyphicon-sd-video:before { content: "\E186"; } .glyphicon-hd-video:before { content: "\E187"; } .glyphicon-subtitles:before { content: "\E188"; } .glyphicon-sound-stereo:before { content: "\E189"; } .glyphicon-sound-dolby:before { content: "\E190"; } .glyphicon-sound-5-1:before { content: "\E191"; } .glyphicon-sound-6-1:before { content: "\E192"; } .glyphicon-sound-7-1:before { content: "\E193"; } .glyphicon-copyright-mark:before { content: "\E194"; } .glyphicon-registration-mark:before { content: "\E195"; } .glyphicon-cloud-download:before { content: "\E197"; } .glyphicon-cloud-upload:before { content: "\E198"; } .glyphicon-tree-conifer:before { content: "\E199"; } .glyphicon-tree-deciduous:before { content: "\E200"; } .glyphicon-cd:before { content: "\E201"; } .glyphicon-save-file:before { content: "\E202"; } .glyphicon-open-file:before { content: "\E203"; } .glyphicon-level-up:before { content: "\E204"; } .glyphicon-copy:before { content: "\E205"; } .glyphicon-paste:before { content: "\E206"; } .glyphicon-alert:before { content: "\E209"; } .glyphicon-equalizer:before { content: "\E210"; } .glyphicon-king:before { content: "\E211"; } .glyphicon-queen:before { content: "\E212"; } .glyphicon-pawn:before { content: "\E213"; } .glyphicon-bishop:before { content: "\E214"; } .glyphicon-knight:before { content: "\E215"; } .glyphicon-baby-formula:before { content: "\E216"; } .glyphicon-tent:before { content: "\26FA"; } .glyphicon-blackboard:before { content: "\E218"; } .glyphicon-bed:before { content: "\E219"; } .glyphicon-apple:before { content: "\F8FF"; } .glyphicon-erase:before { content: "\E221"; } .glyphicon-hourglass:before { content: "\231B"; } .glyphicon-lamp:before { content: "\E223"; } .glyphicon-duplicate:before { content: "\E224"; } .glyphicon-piggy-bank:before { content: "\E225"; } .glyphicon-scissors:before { content: "\E226"; } .glyphicon-bitcoin:before { content: "\E227"; } .glyphicon-btc:before { content: "\E227"; } .glyphicon-xbt:before { content: "\E227"; } .glyphicon-yen:before { content: "\A5"; } .glyphicon-jpy:before { content: "\A5"; } .glyphicon-ruble:before { content: "\20BD"; } .glyphicon-rub:before { content: "\20BD"; } .glyphicon-scale:before { content: "\E230"; } .glyphicon-ice-lolly:before { content: "\E231"; } .glyphicon-ice-lolly-tasted:before { content: "\E232"; } .glyphicon-education:before { content: "\E233"; } .glyphicon-option-horizontal:before { content: "\E234"; } .glyphicon-option-vertical:before { content: "\E235"; } .glyphicon-menu-hamburger:before { content: "\E236"; } .glyphicon-modal-window:before { content: "\E237"; } .glyphicon-oil:before { content: "\E238"; } .glyphicon-grain:before { content: "\E239"; } .glyphicon-sunglasses:before { content: "\E240"; } .glyphicon-text-size:before { content: "\E241"; } .glyphicon-text-color:before { content: "\E242"; } .glyphicon-text-background:before { content: "\E243"; } .glyphicon-object-align-top:before { content: "\E244"; } .glyphicon-object-align-bottom:before { content: "\E245"; } .glyphicon-object-align-horizontal:before { content: "\E246"; } .glyphicon-object-align-left:before { content: "\E247"; } .glyphicon-object-align-vertical:before { content: "\E248"; } .glyphicon-object-align-right:before { content: "\E249"; } .glyphicon-triangle-right:before { content: "\E250"; } .glyphicon-triangle-left:before { content: "\E251"; } .glyphicon-triangle-bottom:before { content: "\E252"; } .glyphicon-triangle-top:before { content: "\E253"; } .glyphicon-console:before { content: "\E254"; } .glyphicon-superscript:before { content: "\E255"; } .glyphicon-subscript:before { content: "\E256"; } .glyphicon-menu-left:before { content: "\E257"; } .glyphicon-menu-right:before { content: "\E258"; } .glyphicon-menu-down:before { content: "\E259"; } .glyphicon-menu-up:before { content: "\E260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: MasterPortalFont, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 400; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "\2014 \A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: "\A0 \2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 0; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; appearance: none; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; background-image: none; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; background-image: none; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 0; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 0; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 0; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0 0 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0 0 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 0; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\A0"; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 0; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 0; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: -1; border-top-right-radius: -1; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: -1; border-top-right-radius: -1; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: -1; border-top-right-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: -1; border-top-right-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -1; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 0; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 0; } .well-sm { padding: 9px; border-radius: 0; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: MasterPortalFont, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: MasterPortalFont, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover > .arrow { border-width: 11px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1 -1 0 0; } .popover-content { padding: 9px 14px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: "\2039"; } .carousel-control .icon-next:before { content: "\203A"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .navtabs > li > a { color: #285f8f !important; } .navtabs > li > a:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .navtabs > li > a:hover.btn-select, .navtabs > li > a:hover:active, .navtabs > li > a:hover.active, .navtabs > li > a:hover:checked, .navtabs > li > a:hover::selection, .navtabs > li > a:hover.open, .navtabs > li > a:hover[aria-expanded="true"] { background-color: #265c89; } .nav > li.active > a { color: black !important; font-weight: bolder !important; } .nav > li.disabled > a { color: #333333 !important; } .nav-pills > li.active > a { color: white !important; font-weight: normal !important; } /*! * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2020 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */ @-webkit-keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } @-o-keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } @keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; /*IE9 and below*/ vertical-align: middle; } .bootstrap-select > .dropdown-toggle { position: relative; width: 100%; text-align: right; white-space: nowrap; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bootstrap-select > .dropdown-toggle:after { margin-top: -1px; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active { color: rgba(255, 255, 255, 0.5); } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; z-index: 0 !important; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2 !important; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle { border-color: #28a745; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; height: auto; } :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { float: none; z-index: auto; } .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*="col-"]) { width: auto; } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: 0.25rem 0.5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: 0.5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select > .disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { outline: none !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle .filter-option { position: static; top: 0; left: 0; float: left; height: 100%; width: 100%; text-align: left; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right: inherit; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { position: absolute; padding-top: inherit; padding-bottom: inherit; padding-left: inherit; float: none; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-toggle .filter-expand { width: 0 !important; float: left; opacity: 0 !important; overflow: hidden; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .dropdown-menu > .inner:focus { outline: none !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .dropdown-menu .notify.fadeOut { -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut; -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut; animation: 300ms linear 750ms forwards bs-notify-fadeOut; } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; } .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { content: '\A0'; } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select .bs-ok-default:after { content: ''; display: block; width: 0.5em; height: 1em; border-style: solid; border-width: 0 0.26em 0.26em 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /*! * Bootstrap Colorpicker v2.5.2 * https://itsjavi.com/bootstrap-colorpicker/ * * Originally written by (c) 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0.txt * */ .colorpicker-saturation { width: 100px; height: 100px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC"); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC"); } .colorpicker-alpha { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII="); display: none; } .colorpicker-saturation, .colorpicker-hue, .colorpicker-alpha { background-size: contain; } .colorpicker { padding: 4px; min-width: 130px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2500; } .colorpicker:before, .colorpicker:after { display: table; content: ""; line-height: 0; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.colorpicker-with-alpha { min-width: 140px; } .colorpicker.colorpicker-with-alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII="); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .colorpicker-selectors { display: none; height: 10px; margin-top: 5px; clear: both; } .colorpicker-selectors i { cursor: pointer; float: left; height: 10px; width: 10px; } .colorpicker-selectors i + i { margin-left: 3px; } .colorpicker-element .input-group-addon i, .colorpicker-element .add-on i { display: inline-block; cursor: pointer; height: 16px; vertical-align: text-top; width: 16px; } .colorpicker.colorpicker-inline { position: relative; display: inline-block; float: none; z-index: auto; } .colorpicker.colorpicker-horizontal { width: 110px; min-width: 110px; height: auto; } .colorpicker.colorpicker-horizontal .colorpicker-saturation { margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-color { width: 100px; } .colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha { width: 100px; height: 15px; float: left; cursor: col-resize; margin-left: 0px; margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i { display: block; height: 15px; background: #ffffff; position: absolute; top: 0; left: 0; width: 1px; border: none; margin-top: 0px; } .colorpicker.colorpicker-horizontal .colorpicker-hue { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg=="); } .colorpicker.colorpicker-horizontal .colorpicker-alpha { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII="); } .colorpicker-right:before { left: auto; right: 6px; } .colorpicker-right:after { left: auto; right: 7px; } .colorpicker-no-arrow:before { border-right: 0; border-left: 0; } .colorpicker-no-arrow:after { border-right: 0; border-left: 0; } .colorpicker.colorpicker-visible, .colorpicker-alpha.colorpicker-visible, .colorpicker-saturation.colorpicker-visible, .colorpicker-hue.colorpicker-visible, .colorpicker-selectors.colorpicker-visible { display: block; } .colorpicker.colorpicker-hidden, .colorpicker-alpha.colorpicker-hidden, .colorpicker-saturation.colorpicker-hidden, .colorpicker-hue.colorpicker-hidden, .colorpicker-selectors.colorpicker-hidden { display: none; } .colorpicker-inline.colorpicker-visible { display: inline-block; } /*! ======================================================= VERSION 10.6.2 ========================================================= */ /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */ .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-left: -10px; } .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0; } .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center; } .slider.slider-horizontal .tooltip { -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0; } .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px; } .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0; } .slider.slider-horizontal.slider-rtl .tooltip { -ms-transform: translateX(50%); transform: translateX(50%); } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle { margin-top: -10px; } .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; border-right-color: #2e6da4; margin-left: 0; margin-right: 0; } .slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } .slider.slider-vertical .tooltip { -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%; } .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0; } .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0; } .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px; } .slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); background-repeat: repeat-x; } .slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); background-repeat: repeat-x; cursor: not-allowed; } .slider input { display: none; } .slider .tooltip { pointer-events: none; } .slider .tooltip.top { margin-top: -36px; } .slider .tooltip-inner { white-space: nowrap; max-width: none; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .slider-selection { position: absolute; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-selection.tick-slider-selection { background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); background-repeat: repeat-x; } .slider-track-low, .slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-handle { position: absolute; top: 0; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 0px solid transparent; } .slider-handle:hover { cursor: pointer; } .slider-handle.round { border-radius: 50%; } .slider-handle.triangle { background: transparent none; } .slider-handle.custom { background: transparent none; } .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick { position: absolute; cursor: pointer; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: 0.8; border: 0px solid transparent; } .slider-tick.round { border-radius: 50%; } .slider-tick.triangle { background: transparent none; } .slider-tick.custom { background: transparent none; } .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); background-repeat: repeat-x; opacity: 1; } /*! ======================================================================== * Bootstrap Toggle: bootstrap-toggle.css v2.2.0 * http://www.bootstraptoggle.com * ======================================================================== * Copyright 2014 Min Hur, The New York Times Company * Licensed under MIT * ======================================================================== */ .checkbox label .toggle, .checkbox-inline .toggle { margin-left: -20px; margin-right: 5px; } .toggle { position: relative; overflow: hidden; } .toggle input[type="checkbox"] { display: none; } .toggle-group { position: absolute; width: 200%; top: 0; bottom: 0; left: 0; transition: left 0.35s; -webkit-transition: left 0.35s; -moz-user-select: none; -webkit-user-select: none; } .toggle.off .toggle-group { left: -100%; } .toggle-on { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin: 0; border: 0; border-radius: 0; } .toggle-off { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin: 0; border: 0; border-radius: 0; } .toggle-handle { position: relative; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; height: 100%; width: 0px; border-width: 0 1px; } .toggle.btn { min-width: 59px; min-height: 34px; } .toggle-on.btn { padding-right: 24px; } .toggle-off.btn { padding-left: 24px; } .toggle.btn-lg { min-width: 79px; min-height: 45px; } .toggle-on.btn-lg { padding-right: 31px; } .toggle-off.btn-lg { padding-left: 31px; } .toggle-handle.btn-lg { width: 40px; } .toggle.btn-sm { min-width: 50px; min-height: 30px;} .toggle-on.btn-sm { padding-right: 20px; } .toggle-off.btn-sm { padding-left: 20px; } .toggle.btn-xs { min-width: 35px; min-height: 22px;} .toggle-on.btn-xs { padding-right: 12px; } .toggle-off.btn-xs { padding-left: 12px; } /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); background-image: linear-gradient(to bottom, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } .ol-box { box-sizing: border-box; border-radius: 2px; border: 2px solid blue; } .ol-mouse-position { top: 8px; right: 8px; position: absolute; } .ol-scale-line { background: rgba(0,60,136,0.3); border-radius: 4px; bottom: 8px; left: 8px; padding: 2px; position: absolute; } .ol-scale-line-inner { border: 1px solid #eee; border-top: none; color: #eee; font-size: 10px; text-align: center; margin: 1px; will-change: contents, width; transition: all 0.25s; } .ol-scale-bar { position: absolute; bottom: 8px; left: 8px; } .ol-scale-step-marker { width: 1px; height: 15px; background-color: #000000; float: right; z-Index: 10; } .ol-scale-step-text { position: absolute; bottom: -5px; font-size: 12px; z-Index: 11; color: #000000; text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF; } .ol-scale-text { position: absolute; font-size: 14px; text-align: center; bottom: 25px; color: #000000; text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF; } .ol-scale-singlebar { position: relative; height: 10px; z-Index: 9; box-sizing: border-box; border: 1px solid black; } .ol-unsupported { display: none; } .ol-viewport, .ol-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .ol-selectable { -webkit-touch-callout: default; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ol-grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .ol-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .ol-control { position: absolute; background-color: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; } .ol-control:hover { background-color: rgba(255,255,255,0.6); } .ol-zoom { top: .5em; left: .5em; } .ol-rotate { top: .5em; right: .5em; transition: opacity .25s linear, visibility 0s linear; } .ol-rotate.ol-hidden { opacity: 0; visibility: hidden; transition: opacity .25s linear, visibility 0s linear .25s; } .ol-zoom-extent { top: 4.643em; left: .5em; } .ol-full-screen { right: .5em; top: .5em; } .ol-control button { display: block; margin: 1px; padding: 0; color: white; font-size: 1.14em; font-weight: bold; text-decoration: none; text-align: center; height: 1.375em; width: 1.375em; line-height: .4em; background-color: rgba(0,60,136,0.5); border: none; border-radius: 2px; } .ol-control button::-moz-focus-inner { border: none; padding: 0; } .ol-zoom-extent button { line-height: 1.4em; } .ol-compass { display: block; font-weight: normal; font-size: 1.2em; will-change: transform; } .ol-touch .ol-control button { font-size: 1.5em; } .ol-touch .ol-zoom-extent { top: 5.5em; } .ol-control button:hover, .ol-control button:focus { text-decoration: none; background-color: rgba(0,60,136,0.7); } .ol-zoom .ol-zoom-in { border-radius: 2px 2px 0 0; } .ol-zoom .ol-zoom-out { border-radius: 0 0 2px 2px; } .ol-attribution { text-align: right; bottom: .5em; right: .5em; max-width: calc(100% - 1.3em); display: flex; flex-flow: row-reverse; align-items: flex-end; } .ol-attribution ul { margin: 0; padding: 1px .5em; color: #000; text-shadow: 0 0 2px #fff; } .ol-attribution li { display: inline; list-style: none; } .ol-attribution li:not(:last-child):after { content: " "; } .ol-attribution img { max-height: 2em; max-width: inherit; vertical-align: middle; } .ol-attribution button { flex-shrink: 0; } .ol-attribution.ol-collapsed ul { display: none; } .ol-attribution:not(.ol-collapsed) { background: rgba(255,255,255,0.8); } .ol-attribution.ol-uncollapsible { bottom: 0; right: 0; border-radius: 4px 0 0; } .ol-attribution.ol-uncollapsible img { margin-top: -.2em; max-height: 1.6em; } .ol-attribution.ol-uncollapsible button { display: none; } .ol-zoomslider { top: 4.5em; left: .5em; height: 200px; } .ol-zoomslider button { position: relative; height: 10px; } .ol-touch .ol-zoomslider { top: 5.5em; } .ol-overviewmap { left: 0.5em; bottom: 0.5em; } .ol-overviewmap.ol-uncollapsible { bottom: 0; left: 0; border-radius: 0 4px 0 0; } .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button { display: block; } .ol-overviewmap .ol-overviewmap-map { border: 1px solid #7b98bc; height: 150px; margin: 2px; width: 150px; } .ol-overviewmap:not(.ol-collapsed) button { bottom: 2px; left: 2px; position: absolute; } .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button { display: none; } .ol-overviewmap:not(.ol-collapsed) { background: rgba(255,255,255,0.8); } .ol-overviewmap-box { border: 2px dotted rgba(0,60,136,0.7); } .ol-overviewmap .ol-overviewmap-box:hover { cursor: move; } .olcs-hideoverlay .ol-overlay-container { visibility:hidden; } /* roboto-regular - latin */ @font-face { font-family: 'MasterPortalFont'; src: url(./woffs/roboto-regular.eot); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url(./woffs/roboto-regular.eot?#iefix) format('embedded-opentype'), url(./woffs/roboto-regular.woff2) format('woff2'), url(./woffs/roboto-regular.woff) format('woff'), url(./woffs/roboto-regular.ttf) format('truetype'), url(./woffs/roboto-regular.svg#OpenSans) format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'MasterPortalFont Italic'; src: url(./woffs/roboto-italic.eot); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url(./woffs/roboto-italic.eot?#iefix) format('embedded-opentype'), url(./woffs/roboto-italic.woff2) format('woff2'), url(./woffs/roboto-italic.woff) format('woff'), url(./woffs/roboto-italic.ttf) format('truetype'), url(./woffs/roboto-italic.svg#OpenSans) format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'MasterPortalFont Bold'; src: url(./woffs/roboto-700.eot); /* IE9 Compat Modes */ src: local('MasterPortalFont Bold'), local('OpenSans-Bold'), url(./woffs/roboto-700.eot?#iefix) format('embedded-opentype'), url(./woffs/roboto-700.woff2) format('woff2'), url(./woffs/roboto-700.woff) format('woff'), url(./woffs/roboto-700.ttf) format('truetype'), url(./woffs/roboto-700.svg#OpenSans) format('svg'); /* Legacy iOS */ } @font-face { font-family: 'master_touchtable_big'; src: url(./woffs/master_touchtable_big.eot); src: url(./woffs/master_touchtable_big.eot#iefix) format('embedded-opentype'), url(./woffs/master_touchtable_big.ttf) format('truetype'), url(./woffs/master_touchtable_big.woff) format('woff'), url(./woffs/master_touchtable_big.svg#master_touchtable_big) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'master_touchtable_big' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class^="icon-"]:after, [class^="icon-"] p:before, [class^="icon-"] p:after { display: block; position: absolute; white-space: normal; /* match padding above */ top: 0.25em; left: 0.25em; /* undo text hidden */ text-indent: 0; /* inherits size from parent, ems cascade */ font-family: "master_touchtable_big"; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; /* screenreaders */ speak: none; } .icon-lock:before { content: "\E929"; color: #003063; } .icon-burgermenu_alt:before { content: "\E906"; color: #003063; } .icon-drag:before { content: "\E900"; color: #808080; } .icon-info:before { content: "\E901"; color: #808080; } .icon-turnarticle:before { content: "\E902"; color: #808080; } .icon-burgermenu2:before { content: "\E907"; color: #f2f2f2; } .icon-close:before { content: "\E908"; color: #808080; } .icon-search:before { content: "\E909"; color: rgb(0, 48, 99); } .icon-search:after { content: "\E92A"; color: rgb(128, 128, 128); } .icon-resize:before { content: "\E90A"; color: #003063; } .icon-categories:before { content: "\E90B"; color: rgb(0, 48, 99); } .icon-categories:after { content: "\E90C"; color: rgb(128, 128, 128); } .icon-categories2:before { content: "\E90D"; color: rgb(0, 48, 99); } .icon-categories2:after { content: "\E90E"; color: rgb(242, 242, 242); } .icon-tools:before { content: "\E90F"; color: rgb(128, 128, 128); } .icon-tools:after { content: "\E910"; color: rgb(0, 48, 99); } .icon-tools2:before { content: "\E911"; color: rgb(242, 242, 242); } .icon-tools2:after { content: "\E912"; color: rgb(0, 48, 99); } .icon-article:before { content: "\E913"; color: rgb(128, 128, 128); } .icon-article:after { content: "\E914"; color: rgb(0, 48, 99); } .icon-article2:before { content: "\E915"; color: rgb(242, 242, 242); } .icon-article2:after { content: "\E916"; color: rgb(0, 48, 99); } .icon-checkbox:before { content: "\E917"; color: #003063; } .icon-checkbox2:before { content: "\E918"; color: #808080; } .icon-checkbox3:before { content: "\E919"; color: #808080; } .icon-left:before { content: "\E91A"; color: #003063; } .icon-left2:before { content: "\E91B"; color: #808080; } .icon-right:before { content: "\E91C"; color: #003063; } .icon-right2:before { content: "\E91D"; color: #808080; } .icon-home:before { content: "\E91E"; color: #003063; } .icon-fullscreen:before { content: "\E91F"; color: #003063; } .icon-fullscreen2:before { content: "\E920"; color: #003063; } .icon-measurearea:before { content: "\E921"; color: #003063; } .icon-measuredistance:before { content: "\E922"; color: #003063; } .icon-turnmap:before { content: "\E923"; color: #003063; } html, body { height: 100%; width: 100%; } #cursorGlyph { position: absolute; z-index: 1000; cursor: none; } .font-bold { font-family: 'MasterPortalFont Bold','Arial Narrow',Arial,sans-serif; } .font-arial { font-family: Arial,sans-serif; } label { font-weight: normal; } #map { position: relative; } .glyphicon-check, .glyphicon-unchecked, .glyphicon-download, .glyphicon-upload, .glyphicon-chevron-down, .glyphicon-plus-sign, .glyphicon-minus-sign, .glyphicon-refresh, .glyphicon-folder-close, .glyphicon-folder-open, .glyphicon-question-sign { cursor: pointer; } @media (max-width: 767px) { .btn-glyphicon, .glyphicon-plus-sign, .glyphicon-minus-sign, .glyphicon-info-sign, .glyphicon-check, .glyphicon-unchecked, .glyphicon-envelope, .glyphicon-book { font-size: 18px !important; } html, body { font-size: 16px; } #portalTitle { display:none; } } @media (min-height:200px) { #poibody { max-height:120px; } } @media (min-height:250px) { #poibody { max-height:200px; } } @media (min-height:300px) { #poibody { max-height:220px; } } @media (min-height:480px) { #poibody { max-height:400px; } } @media (min-height: 768px) { #poibody { max-height:700px; } } #poibody { overflow:auto; } /*bootstrap überschreiben*/ .list-group { margin-bottom: 0px !important; } .form-group:last-child { margin-bottom: 0px; } .cluster { font-size:25px; border-radius:30px!important; float:left; margin:10px; } .btn-lgv-grey { background-color:#E3E3E3; color: #000000; } /* For center anything in the unknown */ .centered-box-wrapper { text-align: center; white-space: nowrap; } .centered-box-wrapper:before { content: " "; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; } .centered-box-wrapper > .centered-box-content { display: inline-block; vertical-align: middle; } /* End "For center anything in the unknown" */ .blurry { filter: blur(3px); } /* Loader Overlay */ #loader { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(255,255,255,0.4); display:none; padding-bottom:100px; z-index:1000; /* z-index race yaaay! */ } #loader.loader-is-initially-loading { background-color:rgba(255,255,255,0); } #loader.loader-is-loading { display:block; } #generic-masterportal-logo { background-color:rgba(255,255,255,0.8); opacity:1; padding: 20px 20px 10px 20px; position: absolute; text-align:center; transition:opacity 0.35s 3s; width:170px; } #generic-masterportal-logo.initial-fadeout-animation { opacity:0; } #generic-masterportal-logo img { width:100%; } @media (max-width: 1023px) { #loader-spinner-itself.default { border: 5px solid #AAAAAA; } #generic-masterportal-logo { bottom: 15%; left:50%; margin-left:-85px; border-radius: 14px; } } @media (min-width: 1024px) { #loader-spinner-itself.default { border: 8px solid #AAAAAA; } #generic-masterportal-logo { bottom: 0; right: 0; border-radius: 14px 0 0 0; } } #loader-spinner-itself.default { animation: loaderSpinAnimation 1s 0.1s ease-in-out infinite both; border-radius: 50%; border-top-color: #777777; content: ""; transition:border-color 0.25s; } #loader-spinner-itself { display:inline-block; height: 5vw; max-height:70px; max-width:70px; min-height:40px; min-width:40px; transition:opacity 0.35s; opacity:1; width: 5vw; } #loader-spinner-itself.default:hover { border-top-color: #E10019; } #loader-spinner-itself.initial-fadeout-animation { opacity:0; } @keyframes loaderSpinAnimation { from { transform: rotate(0); } to { transform: rotate(360deg); } } #portal-logo-box { opacity:1; transition:opacity 0.35s 3s; background-color:rgba(255,255,255,0.8); font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size:36px; margin-bottom:24px; padding:15px 40px 30px 40px; border-radius:14px; text-align:center; } @media (max-width: 767px) { #portal-logo-box { padding:15px 10px 30px 10px; } } #portal-logo-box.initial-fadeout-animation { opacity:0; } #portal-logo-main-title { margin:10px 0 8px 0; } #portal-logo-sub-title { font-size:0.75em; margin:8px 0 0 0; } /* End "Loader Overlay" */ /* deprecated */ .loading { position: absolute; top: 30%; left: 32.5%; z-index: 9999; text-align: center; width: 35%; } .loading div { font-size:5vmin; line-height: 130%; margin-top: 5%; } /* we need to increase the color of placeholder because of accessibilty reasons (contrast) */ ::placeholder { color:#767676 !important; opacity: 1 !important; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #767676 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #767676 !important; } .bs-placeholder, .bs-placeholder:hover, .bs-placeholder:focus, .bs-placeholder:active { color: #767676 !important; opacity: 1 !important; } /* only for firefox */ @-moz-document url-prefix() { .form-group-sm .form-control{ padding-right: 0; padding-top: 0; padding-bottom: 0; } input[type=number]{ padding-right: 0; padding-top: 0; padding-bottom: 0; } } .btn-glyphicon { border: 0; padding: 0; background: transparent; -moz-user-select: none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; } .copyright { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom: 0; right: 0; position: absolute; font-size: 10px; z-index: 1000; border-radius: 5px 0 0 !important; padding: 4px 8px; } .copyright a { cursor: pointer; } @charset "utf-8"; /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /***** ToggleButton *****/ /***** ZoomButtons *****/ /***** Attributions *****/ /***** OrientationControl *****/ /***** OrientationControl -> geolocation_marker *****/ .controls-row-right { position: relative; margin-right: 12px; min-height: 40px; } .controls-row-left { position: relative; margin-left: 0; } .controls-view { display: none; /* better prototype visibility */ top: 0; } .controls-view .glyphicon { color: #F3F3F3; background-color: #E10019; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .controls-view .glyphicon:hover { cursor: pointer; opacity: 0.7; } .controls-view > .toggleButtonPressed { background-color: #08589e; } .toggleButton > .glyphicon { font-size: 22px; } .toggleButton > .glyphicon-chevron-up { padding: 5px 4px 6px 7px; } .toggleButton > .glyphicon-chevron-down { padding: 7px 4px 4px 7px; } .zoomButtons { margin-top: 20px; } .zoomButtons > .glyphicon { font-size: 22px; margin-top: 4px; } .zoomButtons > .glyphicon-plus { padding: 5px 5px 6px 7px; } .zoomButtons > .glyphicon-minus { padding: 5px 7px 6px 5px; } .orientationButtons { margin-top: 20px; } .orientationButtons > .glyphicon { font-size: 22px; margin-top: 4px; } .orientationButtons > .glyphicon-map-marker { padding: 5px 7px 6px 6px; } .orientationButtons > .glyphicon-record { padding: 5px 6px 6px 6px; } .geolocation_marker { color: #F3F3F3; padding: 2px 3px 2px 2px; background: none repeat scroll #D42132; border-radius: 50px; font-size: 20px; } .control-view-top-right { position: absolute; right: 16px; top: 0; } .control-view-bottom-right { position: absolute; right: 30px; bottom: 30px; } .control-view-bottom-right .row.controls-row-right { margin: 10px 0 0 0; } .control-view-bottom-left { position: absolute; left: 0; bottom: 0; } /***** Orienation3D *****/ .nav-control { position: fixed; top: 100px; right: 100px; } .compassContainer { display: inline-block; position: relative; height: 120px; width: 120px; } .compass { position: absolute; top: 0; left: 0; width: 120px; height: 120px; background-image: url("../img/compass/3d-controls-rings.png"); } .compass-pointer { position: absolute; width: 22px; height: 22px; background-repeat: no-repeat; cursor: pointer; } .oblique > .compass-pointer-south { background-image: url("../img/compass/pointer-south-short.png"); bottom: -7px; left: 49px; -ms-transform-origin: 11px -45px; -webkit-transform-origin: 11px -45px; transform-origin: 11px -45px; } .oblique > .compass-pointer-east { background-image: url("../img/compass/pointer-east-short.png"); top: 49px; right: -7px; -ms-transform-origin: -45px 11px; -webkit-transform-origin: -45px 11px; transform-origin: -45px 11px; } .oblique > .compass-pointer-west { background-image: url("../img/compass/pointer-west-short.png"); top: 49px; left: -7px; -ms-transform-origin: 67px 11px; -webkit-transform-origin: 67px 11px; transform-origin: 67px 11px; } .compass-pointer-north { background-image: url("../img/compass/pointer-north-short.png"); top: -7px; left: 49px; -ms-transform-origin: 11px 67px; -webkit-transform-origin: 11px 67px; transform-origin: 11px 67px; } .compass-center { position: absolute; top: 40px; left: 40px; width: 40px; height: 40px; background-image: url("../img/compass/3d-controls-center.png"); } .compass-north, .compass-south { position: absolute; left: 40px; width: 40px; height: 20px; cursor: pointer; } .compass-north { top: 20px; background-image: url("../img/compass/3d-controls-north.png"); } .compass-south { bottom: 20px; background-image: url("../img/compass/3d-controls-south.png"); } .compass-west, .compass-east { position: absolute; top: 40px; width: 20px; height: 40px; cursor: pointer; } .compass-west { left: 20px; background-image: url("../img/compass/3d-controls-west.png"); } .compass-east { right: 20px; background-image: url("../img/compass/3d-controls-east.png"); } .btn-group-wrap { display: inline-block; margin: 0.5rem 0 0.25rem 1px; } .oblique .btn-group-wrap { margin-left: 26px; } .tilt-down { background-image: url("../img/compass/tilt-down.png"); } .oblique .tilt-down { display: none; } .tilt-up { background-image: url("../img/compass/tilt-up.png"); } .oblique .tilt-up { display: none; } .control-box-btn { display: inline-block; border: 1px solid #5F5F5F; background-color: rgba(49, 49, 49, 0.61); background-position: center; background-repeat: no-repeat; 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); width: 20px; height: 20px; font-size: 14px; color: #ffffff; text-align: center; vertical-align: bottom; cursor: pointer; } .control-box-btn i { margin-top: 0.2rem; } .control-box-btn.input-wrap { width: 116px; text-align: left; font-size: 0.8rem; padding: 0 0.2rem; margin-left: 1px; cursor: auto; } .control-box-btn.input-wrap i { margin-left: 3px; margin-right: 2px; } .control-box-container { text-align: center; position: absolute; padding-left: 12px; } #orientation3d { position: absolute; right: 90px; top: 30px; } /***** 3DButton *****/ .button3D { margin-top: 20px; } .button3D > .glyphicon { font-size: 17px; margin-top: 4px; padding: 10px 6px 6px 6px; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; border: 0; } .button3D > .glyphicon:focus { background-color: #ff2f46; outline: 1px solid #050505; } /***** Oblique *****/ .buttonOblique { margin-top: 20px; } .buttonOblique > .glyphicon { font-size: 22px; margin-top: 4px; padding: 5px 5px 7px 8px; border: 0; } .buttonOblique > .glyphicon:focus { background-color: #ff2f46; outline: 1px solid #050505; } @media (max-width: 767px) { .attributions-view dl { max-width: calc(100vw - 35px); } } #map { height: 100%; width: 100%; float: left; } .cesium-credit-logoContainer { display: none!important; } #languagebar .currentLan { cursor: pointer; /* font-size: 12px; */ text-transform: uppercase; color: #23527c; font-weight: 900; } #languagebar .popup-language { display: none; position: absolute; right: 10px; min-width: 400px; background: #ffffff; padding: 10px 0 20px; z-index: 10010; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); bottom: 50px; } #languagebar .popup-language .lng-header { display: block; float: right; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 3px 10px; } #languagebar .popup-language .lng-header span { width: 30px; cursor: pointer; } #languagebar .popup-language .form-group { display: inline-block; width: 100%; text-align: center; padding: 20px 0 0; } #languagebar .popup-language .form-group a { font-size: 12px; } #languagebar .popup-language .form-group a:hover { background-color: #08589e; color: #ffffff; } #languagebar .popup-language .form-group a.disabled { background-color: #e7e7e7; } .footer #languagebar { float: right; } .ol-overlaycontainer-stopevent #languagebar { position: absolute; right: 0px; width: 25px; min-height: 22px; bottom: 0; padding-bottom: 2px; z-index: 2000; } @media (max-width: 767px) { #languagebar .currentLan { text-align: right; } #languagebar .popup-language { width: calc(100% - 20px); min-width: inherit; right: 0; } } /**************** Layer Settings ****************/ /**************** Layer Settings Button Animation ****************/ ul#tree .layer-settings { flex-basis: 100%; margin-top: 10px; border-top: 1px solid #ddd; padding: 10px 0px 10px 5px; font-size: 12px; } ul#tree .layer-settings .glyphicon { font-size: 15px; padding: 0px; } ul#tree .layer-settings .glyphicon-picture { padding-right: 16px; } ul#tree .layer-settings .remove-layer { color: #f2f2f2; font-weight: bold; background-color: #525252; border-radius: 10px; padding: 5px; margin-left: 25px; cursor: pointer; } ul#tree .layer-settings .transparency { padding-left: 20px; } ul#tree .layer-settings .badge { padding-top: 6px; background-color: #686868; } .rotate { transform: rotate(-360deg); transition: 0.5s; } .rotate-back { transform: rotate(0deg); transition: 0.5s; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } /**************** Menu ***********************/ /**************** Themenbaum ****************/ /* ----------------------Themenbaum light -----------------------------*/ /*Haupt Themenliste */ /*Unterlisten*/ /*-------------------Selection/Settings----------------------*/ .submenu-style { padding: 5px 0; border-bottom: 1px solid #e5e5e5; } #root .tabable, ul#tree .tabable, ul#legend-menu .tabable, .portal-title .tabable { text-decoration: none; cursor: pointer; } #root .tabable:hover, ul#tree .tabable:hover, ul#legend-menu .tabable:hover, .portal-title .tabable:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #root .tabable:hover.btn-select, ul#tree .tabable:hover.btn-select, ul#legend-menu .tabable:hover.btn-select, .portal-title .tabable:hover.btn-select, #root .tabable:hover:active, ul#tree .tabable:hover:active, ul#legend-menu .tabable:hover:active, .portal-title .tabable:hover:active, #root .tabable:hover.active, ul#tree .tabable:hover.active, ul#legend-menu .tabable:hover.active, .portal-title .tabable:hover.active, #root .tabable:hover:checked, ul#tree .tabable:hover:checked, ul#legend-menu .tabable:hover:checked, .portal-title .tabable:hover:checked, #root .tabable:hover::selection, ul#tree .tabable:hover::selection, ul#legend-menu .tabable:hover::selection, .portal-title .tabable:hover::selection, #root .tabable:hover.open, ul#tree .tabable:hover.open, ul#legend-menu .tabable:hover.open, .portal-title .tabable:hover.open, #root .tabable:hover[aria-expanded="true"], ul#tree .tabable:hover[aria-expanded="true"], ul#legend-menu .tabable:hover[aria-expanded="true"], .portal-title .tabable:hover[aria-expanded="true"] { background-color: #265c89; } #root .tabable:focus, ul#tree .tabable:focus, ul#legend-menu .tabable:focus, .portal-title .tabable:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } ul#tree { border: none; font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; padding: 0px 0; min-width: 380px; } ul#tree .menu-row { line-height: 180%; flex-basis: 100%; display: flex; margin: 0; padding: 0; border: 0; } ul#tree .menu-row > a { display: flex; } ul#tree .closed:not(.SelectedLayer) { border-bottom: 1px solid #ddd; } ul#tree .last-item { margin-left: auto; } ul#tree ul { list-style: none; padding: 0 0 0 0px; -webkit-padding-start: 0px; overflow-y: auto; overflow-x: auto; max-width: 500px; max-height: 55vh; } ul#tree ul .title { padding: 0 0 0 5px; font-family: MasterPortalFont, "Arial Narrow", Arial, sans-serif; font-size: 12px; cursor: pointer; } ul#tree ul li { display: flex; flex-wrap: wrap; padding: 5px 5px; } ul#tree ul li a { font-size: 15px; margin: 0px; color: #333333; flex-grow: 1; } ul#tree ul li a:hover { color: #333333; background-color: #e6e6e6; } ul#tree .checked { color: #b85900; } ul#tree .checked:hover { background-color: #204d74; } ul#tree .glyphicon { cursor: pointer; font-size: 15px; padding: 2px; } ul#tree .glyphicon-info-sign, ul#tree .glyphicon-cog, ul#tree .glyphicon-tint, ul#tree .glyphicon-remove-circle { font-size: 18px; color: #525252; } ul#tree .highlightLayerInformationIcon { color: #08589e; } ul#tree li.layer-catalog > .header { padding: 8px 5px 7px 5px; background-color: #333333; color: #ffffff; font-size: 13px; } ul#tree li.layer-catalog > div > a { flex-grow: 1; color: #ffffff; } ul#tree li.layer-catalog > div > a .control-label { padding: 0 0 0 5px; } ul#tree .catalog-selection { font-size: 11px; font-weight: 400; } ul#tree .catalog-selection > select { height: 20px; padding: 0; font-size: 11px; } ul#tree .themen-folder { font-weight: 400; } ul#tree .rotate-adjust { transform: rotate(180deg); transition: 0.5s; font-size: 15px; cursor: pointer; } ul#tree .rotate-adjust-back { transform: rotate(0deg); transition: 0.5s; font-size: 15px; cursor: pointer; } ul#tree .rotate-pin { transform: rotate(270deg); transition: 0.5s; font-size: 14px; cursor: pointer; } ul#tree .rotate-pin-back { transform: rotate(360deg); transition: 0.5s; font-size: 14px; cursor: pointer; } ul#tree #SelectedLayer a { padding: 1px 0px 0px 5px; } ul#tree .SelectedLayer .layer-selection-save { font-size: 11px; font-weight: 400; cursor: pointer; } ul#tree.light { overflow-y: auto; font-size: 12px; color: #333333; } ul#tree.light li { padding: 5px 5px 0px 5px; display: flex; flex-wrap: wrap; } ul#tree.light li > div > a { color: #333333; flex-grow: 1; } ul#tree.light li span.title { padding: 2px 0 0 5px; cursor: pointer; } .breadcrumb-mobile > .breadcrumb { margin-bottom: 0; background-color: #414141; color: #ffffff; font-size: 14px; padding: 14px 15px; } .breadcrumb-mobile > .breadcrumb > li > span { text-decoration: underline; } .breadcrumb-mobile > .breadcrumb > li > span:hover { cursor: pointer; } .breadcrumb-mobile > .breadcrumb > li + li:before { color: #ffffff; } .breadcrumb-mobile span.title { font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; padding-left: 6px; font-size: 14px; } .breadcrumb-mobile span.glyphicon { padding: 5px; } /*staticlink*/ .mobile { max-height: 66vh; overflow-y: auto; } .mobile span.title { font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; font-size: 14px; padding-left: 6px; vertical-align: text-bottom; } .mobile span.glyphicon { font-size: 18px; padding: 5px; } .mobile > .list-group-item { padding: 12px 5px; overflow-y: auto; } .selected-layer-item span.title { vertical-align: sub; } .item-settings { clear: both; margin-top: 34px; border-top: 1px solid #ddd; padding-top: 8px; font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; } .item-settings > .form-inline > .form-group > label { font-size: 12px; padding-right: 10px; } .item-settings > .form-inline > .form-group > select { width: auto; display: inline-block; } .item-settings > .layer-info-item > .glyphicon { padding: 5px; } .item-settings > .layer-sort-item { margin-right: 20px; } .item-settings > .layer-sort-item > .glyphicon { padding: 5px; } .item-settings > .remove-layer { margin-right: 20px; } .list-group-item > .layer-info-item > .rotate { transform: rotate(0deg); transition: 0.5s; } .list-group-item > .layer-info-item > .rotate-back { transform: rotate(-180deg); transition: 0.5s; } .list-group-item a { color: black; } /*------------------------Menubar--------------------------------------*/ .navbar { min-height: 50px; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; border: 0; position: relative; margin-bottom: 0; display: none; background: white; } .navbar-default .navbar-nav > li > a { color: #333333; padding-top: 14px; } .dropdown-menu { padding: 0; } #root { padding-left: 0px; } #root > .dropdown { color: #555; font-size: 14px; } #root .dropdown { border-right: 1px solid #e5e5e5; } #root .active { background-color: rgba(227, 227, 227, 0.5); } .navbar-collapse { padding: 0; } .navbar-collapse.in { position: absolute; top: 50px; z-index: 999; width: 100%; max-height: 66vh; left: 0px; } @media (min-width: 768px) { .navbar .container-fluid { padding-left: 0; } } @media (max-width: 767px) { .navbar .container-fluid { padding-left: 0; padding-right: 0; } .navbar-collapse.in { max-height: inherit; z-index: 1000; } } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /**************** Layer Settings ****************/ #table-navigation { z-index: 5; position: absolute; font-family: "MasterPortalFont", sans-serif; touch-action: pan-x pan-y; border-radius: 12px; } .table-nav-0deg { bottom: 80px; left: calc(50% - 485px / 2); transform: rotate(0deg); } .table-nav-90deg { left: -80px; top: calc(50% - 80px); transform: rotate(90deg); } .table-nav-180deg { left: calc(50% - 485px / 2 + 40px); top: 80px; transform: rotate(180deg); } .table-nav-270deg { right: -80px; top: calc(50% + 40px); transform: rotate(270deg); } .table-nav { border-radius: 12px; margin: 5px; } .table-nav-main { background-color: #F2F2F2; margin: 0px 5px; width: 480px; height: 50px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); padding: 5px; } #table-nav-drag { width: 20px; height: 40px; position: relative; left: -5px; } #table-nav-drag:before { left: 0; } #table-layer-list { position: relative; width: 40px; background-color: #fff; left: 20px; top: -45px; } #table-category-list { width: 40px; background-color: #F2F2F2; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); } #table-category-list .icon-categories { font-size: 27.5px; color: #000; } #table-category-list.table-category-active { background-color: #808080; } .table-category-active .icon-categories:after { color: #F2F2F2; } .table-category-list a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .table-tools { background-color: #F2F2F2; width: 40px; height: 40px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); cursor: pointer; } .table-tools > p { font-size: 26px; } .table-tools > div { margin: 5px; } .table-categories { background-color: #F2F2F2; width: 40px; height: 40px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); cursor: pointer; } .table-tools-menu { background-color: #F2F2F2; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); width: 268px; display: none; position: absolute; bottom: 45px; left: -207px; padding: 12px; margin-left: -149px; } .table-tools-menu:after { top: 100%; left: 72px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .table-tools-menu:before { top: 100%; left: 72px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .table-tools-menu #funnel { bottom: 0px; margin-left: 165px; } .table-tools-menu #funnel #middle-funnel { width: 20px; } .table-tools-menu #ObliqueTable > a > #ObliqueTable_title { padding-left: 5px; } .table-tools-active { background-color: #808080; } .table-tools-active .icon-tools:before { color: #F2F2F2; } .table-tool { margin-bottom: 6px; padding-top: 6px; font-size: 17px; border-top: 1px solid #C0C0C0; } .table-tool > a { color: #808080; } #table-nav-layers-panel-toggler { width: 40px; height: 40px; } #table-nav-cat-panel-toggler { width: 40px; height: 40px; } .table-nav-layers-panel { border-width: 0px; -webkit-box-shadow: none; background-color: #F2F2F2; border-radius: 12px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); margin-bottom: 75px; position: absolute; margin-top: -88px; margin-left: -28px; width: 480px; bottom: -20px; display: none; } .table-nav-cat-panel { font-size: 17px; border-width: 0px; -webkit-box-shadow: none; background-color: #F2F2F2; border-radius: 12px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); padding-left: 6px; padding-top: 7px; margin-bottom: 70px; position: absolute; margin-top: -88px; width: 320px; bottom: -20px; display: none; margin-left: -243px; } .table-nav-cat-panel div > div.detailview-head { display: none; } .table-nav-cat-panel div > div.value-views-container { display: none; } .table-nav-cat-panel div > div.checkbox-container { display: none; } .table-nav-cat-panel #funnel { margin-left: 221px; } .table-nav-cat-panel #left-funnel-corner { margin-left: 0px; } .table-nav-cat-panel #middle-funnel { width: 20px; } .table-nav-cat-panel .multicheckbox-label { vertical-align: text-bottom; padding-left: 20px; } .table-layer-list a:link { text-decoration: none; } .layers { padding-left: 0px; padding-bottom: 12px; touch-action: pan-x pan-y; } .icon-checkbox2:before { color: #808080; margin-top: 8px; padding-left: 8px; } .icon-checkbox:before { color: #003063; margin-top: 8px; font-weight: 900; padding-left: 8px; } .icon-drag:before { display: block; left: 0em; font-size: 26px; } .icon-burgermenu_alt #table-nav-layers-panel-toggler { background-color: #808080; border-radius: 12px; } .icon-burgermenu_alt #table-nav-layers-panel-toggler .icon-cross1:before { display: block; color: #F2F2F2; top: 11px; left: 11px; font-size: 18px; } .icon-burgermenu_alt.collapsed #table-nav-layers-panel-toggler { background-color: #ffffff; } .icon-burgermenu_alt.collapsed #table-nav-layers-panel-toggler .icon-cross1:before { display: none; } .icon-burgermenu_alt.collapsed:before { color: #003063; display: block; } .burgermenu-layer-list { background-color: transparent; margin-bottom: 13px; padding-bottom: 8px; border-radius: 5px; border: none; } #table-nav-layers-panel .layers { max-height: 360px; overflow-x: auto; margin: 4px 4px; } #table-nav-layers-panel .layers .layer-item { font-family: "MasterPortalFont", sans-serif; font-size: 17px; } #table-nav-layers-panel .layers .layer-item .title { display: block; min-width: 385px; overflow: auto; } #table-nav-layers-panel .layers .layer-item .just-added { font-weight: bold; color: #003063; } #table-nav-layers-panel .layers::-webkit-scrollbar { background: #cccccc; width: 10px; border-radius: 10px; } #table-nav-layers-panel .layers::-webkit-scrollbar-thumb { background: #003063; border-radius: 10px; border: 1px solid #ccc; } #table-nav-layers-panel ul#layers { border: none; font-size: 15px; padding: 0px 0; min-width: 410px; overflow: auto; padding-bottom: 7px; } #table-nav-layers-panel ul#layers ul { list-style: none; padding: 0 0 0 0px; -webkit-padding-start: 0px; } #table-nav-layers-panel ul#layers ul li { border-bottom: 1px solid #ddd; padding: 5px 15px; } #table-nav-layers-panel .layer-settings { clear: both; margin-top: 25px; margin-left: -3px; font-size: 14px; } #table-nav-layers-panel .layer-settings .glyphicon { font-size: x-large; color: #525252; top: 8px; } #table-nav-layers-panel .layer-settings .badge { font-size: 14px; padding-top: 6px; background-color: #686868; } #table-nav-layers-panel .layer-settings .remove-layer { color: #F2F2F2; font-weight: bold; background-color: #808080; border-radius: 10px; padding: 6px 4px 4px 4px; margin-left: 85px; cursor: pointer; } #table-nav-layers-panel .glyphicon-info-sign { position: absolute; font-size: 18px; color: #525252; top: 14px; right: 50px; } #table-nav-layers-panel .glyphicon-cog { font-size: 18px; color: #525252; top: 4px; } #table-nav-layers-panel .layer-settings-activated { background-color: #D8D8D8; } .checkboxicon-left { margin-left: 25px; cursor: pointer; } #funnel { position: absolute; display: flex; margin-bottom: -10px; } #left-funnel-corner { width: 10px; height: 10px; background-image: radial-gradient(circle at 0 100%, transparent 10px, #F2F2F2 10px); margin-left: 24px; } #middle-funnel { display: block; width: 28px; height: 10px; background-color: #F2F2F2; } #right-funnel-corner { width: 10px; height: 10px; background-image: radial-gradient(circle at 100% 100%, transparent 10px, #F2F2F2 10px); } .closeclick-view { z-index: 0; position: absolute; width: 100%; height: 100%; } .closeclick-activated { position: absolute; top: 0px; left: 0px; touch-action: none; } .closeclick-deactivated { height: 10px; width: 10px; } .disableCategoryIcon { cursor: default; } .disableCategoryButton { opacity: 0.2; } .tooltip { pointer-events: none; } .mouseHover { font-size: 12px; text-align: left; max-width: inherit; padding: 8px; background-color: #ffffff; color: #777; white-space: pre; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .mouseHover .title { font-size: 14px; font-weight: bold; } .mouseHover .info { font-size: 14px; font-style: italic; } .tooltip.bottom { margin-top: 8px; } .tooltip.top { margin-top: -8px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .quick-help-window { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); background-color: #ffffff; width: 50%; height: 50%; position: absolute; bottom: 0px; right: 0px; margin: 60px 10px 30px 10px; display: none; color: #999999; z-index: 2000; } .quick-help-window > .header { cursor: move; background: #ffffff; color: #555555; padding: 10px 6px; border-bottom: 1px solid #d7d7d7; font-size: 14px; } .quick-help-window > .header span.title { font-family: 'MasterPortalFont Bold'; padding-left: 10px; } .quick-help-window > .header > .glyphicon-remove { cursor: pointer; font-size: 16px; margin-left: 10px; } .quick-help-window > .header > .glyphicon-print { cursor: pointer; font-size: 16px; } .quick-help-window > .header > div > .glyphicon { padding: 4px; color: #525252; } .quick-help-window > .header > div > .glyphicon:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .quick-help-window > .header > div > .glyphicon:hover.btn-select, .quick-help-window > .header > div > .glyphicon:hover:active, .quick-help-window > .header > div > .glyphicon:hover.active, .quick-help-window > .header > div > .glyphicon:hover:checked, .quick-help-window > .header > div > .glyphicon:hover::selection, .quick-help-window > .header > div > .glyphicon:hover.open, .quick-help-window > .header > div > .glyphicon:hover[aria-expanded="true"] { background-color: #265c89; } .quick-help-window > .header > div > .glyphicon:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .quick-help-window > .content { max-height: 90%; overflow-y: auto; overflow-x: hidden; padding: 10px; font-size: 12px; } .quick-help-window > .content h3 { margin-top: 0; } .quick-help-window > .content:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .inhalt > a { padding: 5px; margin: 5px; border: 1px solid silver; float: left; background: #ffffff; text-decoration: none; color: #333333; } .inhalt > a:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .inhalt > a:hover.btn-select, .inhalt > a:hover:active, .inhalt > a:hover.active, .inhalt > a:hover:checked, .inhalt > a:hover::selection, .inhalt > a:hover.open, .inhalt > a:hover[aria-expanded="true"] { background-color: #265c89; } .inhalt > a:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #allgemein { clear: both; padding-top: 15px; } /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /*----------------------------------Table Template------------------------------------------------------------*/ #searchInput { box-shadow: none; font-size: 12px; padding-right: 32.5px; } #searchInput::placeholder { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size: 12px; color: #333333; opacity: 1; } #searchInput:-ms-input-placeholder { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size: 13px; } #searchInput::-ms-clear { display: none; } #searchInput + span { right: 38px; z-index: 3; color: #777777; display: none; pointer-events: all; cursor: pointer; } #searchInputLi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #searchForm > .input-group { width: 100%; font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; } #autoCompleteBody { border-top: 0 none; display: none; position: relative; overflow: visible; width: 100%; } .btn-deleteSearch { border-left-width: 0; border-right-width: 1px; color: #333333; border-color: #cccccc; } .btn-deleteSearch:hover { background-color: #ffffff; } .btn-deleteSearch > .glyphicon-remove { font-size: 12px; } .dropdown-menu-search { background-clip: padding-box; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); float: left; font-size: 13px; list-style: outside none none; margin: 2px 0 0; min-width: 200px; max-width: 480px; position: absolute; top: 100%; z-index: 1001; padding: 0; } .dropdown-menu-search .glyphicon { color: #333333; padding-right: 12px; padding-left: 3px; font-size: 12px; } .dropdown-menu-search img { width: 25px; padding-right: 10px; margin-bottom: 4px; } .dropdown-menu-search .list-group-item-theme { font-style: italic; padding-left: 10px; } .dropdown-menu-search li.type { background: white; } .dropdown-menu-search li:hover { cursor: pointer; opacity: 1; background-color: #3177b1; } .dropdown-menu-search li:hover span, .dropdown-menu-search li:hover small { color: white; } .btn-search > .glyphicon-search { font-size: 13px; } .btn-search:hover { background-color: #3177b1; color: #F3F3F3; } .btn-search-question { border: 0; background: 0; padding: 0; margin: 0; } .btn-search-question > .glyphicon { color: #525252; padding: 5px; font-size: 20px; } .btn-search-question > .glyphicon:hover { background-color: #3177b1; color: #ffffff; } .btn-search-question > .glyphicon.quickhelp-is-shown { color: #08589e; } .btn-search-question > .glyphicon.quickhelp-is-shown:hover { background-color: #3177b1; color: #ffffff; } .results { background-color: #E10019; font-size: 12px; text-align: right; padding: 6px; border-top-width: 2px; color: #fff; } .results > div > .glyphicon { color: #fff; font-size: 16px; vertical-align: middle; } li.results:hover { opacity: 0.6; background-color: #E10019; } #searchInputUL div { opacity: 1; border-radius: 0px; } #searchInputUL .selected { background: #08589e; color: #fff; } #searchInputUL .selected #searchInputLi { color: #fff; } #searchInputUL .line-break { white-space: normal; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto; } #searchInputUL .list-group-item .glyphicon { float: left; } #searchInputUL .list-group-item .list-group-item-theme { float: right; } #searchInputUL .list-group-item .list-group-item-name { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: normal; max-width: 70%; clear: both; } #searchInputUL .list-group-item p { padding-top: 10px; } #table-searchForm button.btn.btn-default.btn-table-search { border-radius: 12px; border-color: white; height: 40px; width: 40px; padding: 6px 12px 1px 5px; margin: 0px 5px 5px 5px; } #table-searchForm .btn-table-search > .icon-search { font-size: 24px; } #table-searchForm .btn-table-search:hover { background-color: #a9a9a9; } #table-searchForm > .input-group { width: 100%; font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; } #table-searchForm > .input-group .icon-cross2 { margin: 13px 7px 0px 0px; } #table-searchForm > .input-group .icon-cross2:before { width: 50px; height: 40px; left: -16px; top: -12px; padding-top: 14px; } #table-searchForm .dropdown-menu-search { background-clip: padding-box; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); float: left; font-size: 13px; list-style: outside none none; margin: 2px 0 0; min-width: 200px; position: absolute; bottom: 100%; z-index: 1001; padding: 0; top: auto; } #table-searchForm .dropdown-menu-search .glyphicon { color: #333333; padding-right: 12px; padding-left: 3px; font-size: 12px; } #table-searchForm .dropdown-menu-search img { width: 25px; padding-right: 10px; margin-bottom: 4px; } #table-searchForm .dropdown-menu-search small { color: #333333; padding-left: 10px; } #table-searchForm .dropdown-menu-search li.type { background: #e7e7e7; } #table-searchForm .dropdown-menu-search .list-group-item { font-family: "MasterPortalFont", sans-serif; font-size: 17px; color: #808080; background-color: #F2F2F2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 480px; } #table-searchForm .dropdown-menu-search .list-group-item #searchInputLi { font-family: "MasterPortalFont", sans-serif; font-size: 17px; } #table-searchForm .dropdown-menu-search .list-group-item .list-group-item-name { max-width: 75%; } #table-searchForm .dropdown-menu-search li:hover { cursor: pointer; opacity: 1; background-color: #e0e0e0; } #table-searchForm .dropdown-menu-search > .list-group-item:first-child { border-top-right-radius: 12px; border-top-left-radius: 12px; } #table-searchForm .dropdown-menu-search > div:nth-last-child(3), #table-searchForm .dropdown-menu-search > .list-group-item:nth-last-child(even):not(.open):last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } #table-searchForm li.results { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } #table-searchForm li.results:hover { opacity: 1; background-color: #c0c0c0; } #table-searchForm #searchInputUL { border-radius: 12px; margin-bottom: 15px; margin-right: -3px; background-color: #F2F2F2; } #table-searchForm #searchInputUL div::-webkit-scrollbar { width: 20px; } #table-searchForm #searchInputUL div::-webkit-scrollbar-thumb { background-color: #003063; border: 6px solid transparent; border-radius: 12px; background-clip: content-box; min-height: 30px; } #table-searchForm #searchInputUL div::-webkit-scrollbar-track { border: 6px solid #f50b0b00; border-radius: 12px; background-clip: content-box; background-color: #d3d3d3; } #table-searchForm #searchInput { margin: 1px 0px 7px 0px; height: 40px; border-radius: 12px; } #table-searchForm input#searchInput.form-control { font-family: "MasterPortalFont", sans-serif; font-size: 22px; width: 350px; } #table-searchForm input#searchInput::placeholder { font-family: "MasterPortalFont", sans-serif; font-size: 22px; opacity: 0.7; } #table-searchForm input#searchInput:-ms-input-placeholder { font-family: "MasterPortalFont", sans-serif; font-size: 22px; opacity: 0.7; } #table-nav #searchbar { position: relative; top: -9px; left: 55px; } input#searchInput.form-control:focus { border-color: #003063; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } @media (max-width: 767px) { #searchbar { margin-top: 8px; margin-bottom: 8px; border: 0; padding: 0; margin-left: 15px; } #searchForm { border: 0; margin: 0; padding: 0; } #searchInput { min-width: 200px; } #searchInput + span { font-size: 14px; } #searchInputUL { min-width: 200px; } } @media (min-width: 768px) { #searchbar { position: absolute; right: 0; top: 0; } #searchInput { max-width: 350px; } #searchInputUL { min-width: 300px; } } .search-funnel { position: absolute; width: 360px; height: 15px; margin-left: 65px; background-image: radial-gradient(circle at 0 100%, transparent 15px, #F2F2F2 15px); } .search-right-funnel-corner { position: absolute; right: 40px; height: 15px; width: 30px; background-image: radial-gradient(circle at 100% 100%, transparent 15px, #F2F2F2 15px); } .sidebar { background-color: #ffffff; z-index: 2; height: 100%; overflow-y: auto; display: none; } .sidebar .draggable { padding-left: 25px; } .sidebar-mobile { position: fixed; display: none; background-color: #ffffff; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; overflow-x: auto; overflow-y: auto; } .sidebar-mobile .drag-bar { display: none; } .backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(0, 0, 0, 0.5); } .drag-bar { position: absolute; display: inline-block; height: calc(100vh - 120px); line-height: calc(100vh - 50px); vertical-align: top; width: 20px; text-align: center; font-size: 24px; cursor: grab; } .drag-bar:hover { background: #fafafa; } .drag-bar.dragging { cursor: grabbing; } .checkbox-container .form-inline { display: inline-block; width: 100%; padding: 8px 15px; } .checkbox-container .form-inline .title-checkbox { width: 85%; } .checkbox-container .form-inline .title-checkbox .toggle { float: right; background-color: white; } .checkbox-container .form-inline .title-checkbox .toggle .toggle-group label { overflow: visible; } .checkbox-container .form-inline .title-checkbox .toggle .toggle-group label.btn-primary { color: white; background-color: #08589e; } .checkbox-container .form-inline .title-checkbox .toggle .toggle-group label.btn-primary:hover { opacity: 0.8; } .checkbox-container .form-inline .title-checkbox label { padding-top: 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 70%; margin: 0; color: #555555; float: left; } .checkbox-container .form-inline .info-icon { float: right; padding: 10px 0 10px 10px; font-size: 16px; opacity: 0.4; top: -5px; } .checkbox-container .form-inline .info-icon:hover { cursor: pointer; opacity: 1; } .checkbox-container .form-inline .info-text { display: none; font-size: 10px; } .checkbox-container .form-inline input.largerCheckbox { height: 20px; width: 20px; } .datepicker-container input { width: 100%; } .datepicker-inline, .datepicker-dropdown { background-color: white; border-radius: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker-inline .datepicker-days, .datepicker-dropdown .datepicker-days { padding: 4px; } .datepicker-inline .datepicker-days .table-condensed, .datepicker-dropdown .datepicker-days .table-condensed { width: 100%; font-size: 12px; } .datepicker-inline .datepicker-days .table-condensed thead tr, .datepicker-dropdown .datepicker-days .table-condensed thead tr { border-radius: 0; background: none; color: #08589e; } .datepicker-inline .datepicker-days .table-condensed thead tr .datepicker-switch, .datepicker-dropdown .datepicker-days .table-condensed thead tr .datepicker-switch { cursor: default; font-size: 15px; } .datepicker-inline .datepicker-days .table-condensed thead tr .datepicker-switch:hover, .datepicker-dropdown .datepicker-days .table-condensed thead tr .datepicker-switch:hover { background: none; } .datepicker-inline .datepicker-days .table-condensed thead tr .next, .datepicker-dropdown .datepicker-days .table-condensed thead tr .next, .datepicker-inline .datepicker-days .table-condensed thead tr .prev, .datepicker-dropdown .datepicker-days .table-condensed thead tr .prev { color: #555555; } .datepicker-inline .datepicker-days .table-condensed thead tr .next:hover, .datepicker-dropdown .datepicker-days .table-condensed thead tr .next:hover, .datepicker-inline .datepicker-days .table-condensed thead tr .prev:hover, .datepicker-dropdown .datepicker-days .table-condensed thead tr .prev:hover { opacity: 0.8; background-color: #08589e; color: white; border-radius: 0; } .datepicker-inline .datepicker-days .table-condensed tbody tr.week:hover, .datepicker-dropdown .datepicker-days .table-condensed tbody tr.week:hover { outline: 2px solid #08589e; } .datepicker-inline .datepicker-days .table-condensed tbody tr.week-active, .datepicker-dropdown .datepicker-days .table-condensed tbody tr.week-active { border-radius: 0; background-color: #08589e; color: white; } .datepicker-inline .datepicker-days .table-condensed tbody tr.week-active:hover, .datepicker-dropdown .datepicker-days .table-condensed tbody tr.week-active:hover { outline: 0px; } .datepicker-inline .datepicker-days .table-condensed tbody tr.week-active td, .datepicker-dropdown .datepicker-days .table-condensed tbody tr.week-active td { background-image: none; color: white; } .datepicker-inline .datepicker-days .table-condensed tbody tr.week-active td:hover:not(.disabled), .datepicker-dropdown .datepicker-days .table-condensed tbody tr.week-active td:hover:not(.disabled) { background-color: white; color: #08589e; } .datepicker-inline .datepicker-days .table-condensed tbody tr.week-active td.cw, .datepicker-dropdown .datepicker-days .table-condensed tbody tr.week-active td.cw { color: white; } .datepicker-inline .datepicker-days .table-condensed tbody tr td, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td { border-radius: 0; background: none; color: #555555; } .datepicker-inline .datepicker-days .table-condensed tbody tr td:hover, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td:hover { opacity: 0.8; background-color: #08589e; color: white; } .datepicker-inline .datepicker-days .table-condensed tbody tr td.today, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td.today { border: 2px solid #08589e; } .datepicker-inline .datepicker-days .table-condensed tbody tr td.active, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td.active { border-radius: 0; background-color: #08589e; color: white; } .datepicker-inline .datepicker-days .table-condensed tbody tr td.disabled, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td.disabled { color: #cbcbcb; } .datepicker-inline .datepicker-days .table-condensed tbody tr td.cw, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td.cw { color: #08589e; } .datepicker-inline .datepicker-days .table-condensed tbody tr td.holiday, .datepicker-dropdown .datepicker-days .table-condensed tbody tr td.holiday { font-weight: bold; } .datepicker-inline .datepicker-days .table-condensed tbody tr td.holiday:not(.disabled), .datepicker-dropdown .datepicker-days .table-condensed tbody tr td.holiday:not(.disabled) { color: #000000; } .datepicker-inline .datepicker-years .table-condensed, .datepicker-dropdown .datepicker-years .table-condensed { width: 100%; font-size: 12px; } .datepicker-inline .datepicker-years .table-condensed thead tr, .datepicker-dropdown .datepicker-years .table-condensed thead tr { border-radius: 0; background: none; color: #08589e; } .datepicker-inline .datepicker-years .table-condensed thead tr .datepicker-switch, .datepicker-dropdown .datepicker-years .table-condensed thead tr .datepicker-switch { cursor: default; font-size: 15px; } .datepicker-inline .datepicker-years .table-condensed thead tr .datepicker-switch:hover, .datepicker-dropdown .datepicker-years .table-condensed thead tr .datepicker-switch:hover { background: none; } .datepicker-inline .datepicker-years .table-condensed thead tr .next, .datepicker-dropdown .datepicker-years .table-condensed thead tr .next, .datepicker-inline .datepicker-years .table-condensed thead tr .prev, .datepicker-dropdown .datepicker-years .table-condensed thead tr .prev { color: #555555; } .datepicker-inline .datepicker-years .table-condensed thead tr .next:hover, .datepicker-dropdown .datepicker-years .table-condensed thead tr .next:hover, .datepicker-inline .datepicker-years .table-condensed thead tr .prev:hover, .datepicker-dropdown .datepicker-years .table-condensed thead tr .prev:hover { opacity: 0.8; background-color: #08589e; color: white; border-radius: 0; } .datepicker-inline .datepicker-years .table-condensed tbody tr td span, .datepicker-dropdown .datepicker-years .table-condensed tbody tr td span { border-radius: 0; background: none; color: #555555; } .datepicker-inline .datepicker-years .table-condensed tbody tr td span:hover, .datepicker-dropdown .datepicker-years .table-condensed tbody tr td span:hover { color: #08589e; outline: 2px solid #08589e; } .datepicker-inline .datepicker-years .table-condensed tbody tr td span.active, .datepicker-dropdown .datepicker-years .table-condensed tbody tr td span.active { background: #08589e; color: white; outline: none; } .datepicker-inline .datepicker-years .table-condensed tbody tr td span.disabled, .datepicker-dropdown .datepicker-years .table-condensed tbody tr td span.disabled { color: #cbcbcb; } .datepicker-inline .datepicker-years .table-condensed tbody tr td span.disabled:hover, .datepicker-dropdown .datepicker-years .table-condensed tbody tr td span.disabled:hover { background: none; outline: none; } .dropdown-container { padding: 8px 15px; } .dropdown-container .dropdown-menu { right: 0; overflow-y: auto; } .dropdown-container .info-icon { float: right; padding: 10px 0 10px 10px; font-size: 16px; opacity: 0.4; } .dropdown-container .info-icon:hover { cursor: pointer; opacity: 1; } .dropdown-container .info-text { display: none; font-size: 10px; padding: 5px 0; } @media (min-width: 768px) { .dropdown-container button { padding: 5px 10px; font-size: 12px; line-height: 1.5; } } @media (max-width: 767px) { .dropdown-container li a { font-size: 14px; } } .multicheckbox-container { padding-left: 10px; color: #808080; } .multicheckbox-container .checked { color: #003063; } .multicheckbox-container .multicheckbox { margin-bottom: 5px; cursor: pointer; } .multicheckbox-container .multicheckbox .icon-checkbox { position: absolute; left: 0px; } .multicheckbox-container .multicheckbox .icon-checkbox2 { position: absolute; left: 0px; } .multicheckbox-container .multicheckbox :before { margin-top: 0px; } @media (max-width: 767px) { .multicheckbox-container li a { font-size: 14px; } } .multicheckbox-icon { width: 18px; margin-bottom: 8px; margin-left: 22px; } .multicheckbox-svg { margin-bottom: 8px; margin-left: 20px; margin-right: -5px; } .slider-container { padding: 8px 15px; } .slider-container .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .slider-container .form-group label.valueBox { font-weight: bold; } .slider-container input::-webkit-outer-spin-button, .slider-container input::-webkit-inner-spin-button { -webkit-appearance: none; } .slider-container label { margin-bottom: 0; padding-top: 4px; color: #555555; } .slider-container input.form-control { width: 80px; height: 24px; text-align: center; display: inline-block; vertical-align: middle; } .slider-container .title-values { width: 85%; } .slider-container .slider { width: 85%; margin-top: 6px; } .slider-container .slider .slider-track { height: 12px; margin-top: -6px; background: #cbcbcb; } .slider-container .slider .slider-track-high { background: #cbcbcb; } .slider-container .slider .slider-track-low { background: #cbcbcb; } .slider-container .slider .slider-selection { background: #08589e; } .slider-container .slider .slider-handle { background-color: #08589e; background-image: none; border-width: 1px; border-color: white; } .slider-container .slider .slider-handle:hover { cursor: pointer; opacity: 0.8; } .slider-container .info-icon { float: right; padding: 10px 0 10px 10px; font-size: 16px; opacity: 0.4; } .slider-container .info-icon:hover { cursor: pointer; opacity: 1; } .slider-container .info-text { display: none; font-size: 10px; padding: 5px 0; } .hiddenSpan { display: inline-block; visibility: hidden; white-space: pre; font-size: 12px; height: 24px; } @media (max-width: 767px) { .slider-container .slider-handle { width: 24px; height: 24px; } .slider-container .slider .slider-track { margin-top: -3px; } } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .value-text .valueView:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .value-text .valueView:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .value-text .valueView:hover.btn-select, .value-text .valueView:hover:active, .value-text .valueView:hover.active, .value-text .valueView:hover:checked, .value-text .valueView:hover::selection, .value-text .valueView:hover.open, .value-text .valueView:hover[aria-expanded="true"] { background-color: #265c89; } #btn_back { margin-top: 5px; } .btn_remove { margin: 5px 5px 5px 5px; } /***** Destop *****/ /***** Mobil *****/ .featurelist-list-table-th { cursor: pointer; } .featurelist-list-table-th > span { float: left; width: 15px; color: gray; } .featurelist-list-table-th > .featurelist-list-table-th-sorted { color: black; } .featurelist-list-button { position: relative; right: 0px; } .featurelist-list-message { float: left; text-align: center; align-items: center; } .featurelist-details-li { cursor: text; } .featurelist-details-li a:link { color: royalblue; text-decoration: underline; } .featurelist-details-li a:visited { color: royalblue; text-decoration: underline; } .featurelist-details-li a:hover { color: blue; text-decoration: underline; } .featurelist-details-li a:active { color: blue; text-decoration: underline; } .featurelist-details-ul { max-height: 400px; overflow: auto; cursor: auto; } .featurelist-list-table-td { height: 15px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .featurelist-list-table-tr { cursor: pointer; } .featurelist-details { display: none; margin-bottom: 0px; } .featurelist-list { display: none; margin-bottom: 0px; } .featurelist-themes { width: 100%; } .featurelist-win { position: absolute; top: 20px; left: 20px; min-width: 25%; margin: 60px 10px 30px 10px; display: none; background-color: #ffffff; } .featurelist-win > .featurelist-win-header { color: #777; cursor: move; } .featurelist-win > .featurelist-win-content { overflow-y: auto; padding: 5px; } .featurelist-win-header { padding-left: 10px; border-bottom: 1px solid #e5e5e5; } .featurelist-win-header > .title { white-space: nowrap; min-width: 250px; cursor: move; font-size: 14px; padding-top: 8px; padding-bottom: 5px; color: #555555; } .featurelist-win-header > .buttons { color: #555555; font-size: 14px; } .featurelist-win-header > .buttons > span { padding: 8px 3px; } .featurelist-win-header > .buttons > span:hover:not(.win-icon) { opacity: 0.7; cursor: pointer; } .featurelist-win-content > .panel-group { padding: 12px; margin-bottom: 0; } .featurelist-win-content > .panel-group .panel { margin-top: 8px; } .featurelist-heading { padding: 8px; } .featurelist-heading > .featurelist-title { font-size: 12px; } .featurelistModal { background-color: #ffffff; color: #555555; border-bottom: 1px solid #e5e5e5; padding: 10px; } .featurelistModal > button { padding: 4px 0px; } .featurelistModal > h4 > span { padding: 0 8px; } .panel-heading { background: #e7e7e7; color: #555555; cursor: pointer; } .tdfeaturelist { padding: 3px; } .tdfeaturelist > img { max-height: 35px; } .panel-featurelist { overflow-x: auto; max-height: 300px; padding: 8px; } .panel-featurelist > p { margin: 0; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .filter .detailview-head { padding: 8px 0; width: 100%; display: inline-block; } .filter .detailview-head > label { font-size: 16px; color: #E10019; padding-top: 4px; } .filter .detailview-head .filter-info { clear: both; padding: 10px 15px; } .filter .detailview-head button { float: right; margin-right: 15px; color: #fff; background-color: #08589e; } .filter .detailview-head .btn:hover { opacity: 0.8; } .filter .toggleIsActive .glyphicon-remove { color: #bbb; } .filter .toggleIsActive .glyphicon-remove:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .filter .value-views-container { display: inline-block; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 8px 15px; } .filter .value-views-container .text { font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; font-size: 12px; float: left; padding: 6px 4px 0 0; padding-left: 0; } .filter .value-views-container .value-text { float: left; margin: 2px; padding: 3px 6px; font-size: 12px; } .filter .value-views-container .glyphicon-remove { font-size: 9px; padding-top: 2px; } .filter .value-views-container .remove-all { color: #fff; background-color: rgba(0, 0, 0, 0.5); } .filter .value-views-container .remove-all:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .filter .value-views-container .remove-all:hover.btn-select, .filter .value-views-container .remove-all:hover:active, .filter .value-views-container .remove-all:hover.active, .filter .value-views-container .remove-all:hover:checked, .filter .value-views-container .remove-all:hover::selection, .filter .value-views-container .remove-all:hover.open, .filter .value-views-container .remove-all:hover[aria-expanded="true"] { background-color: #265c89; } .filter .value-views-container .strikethrough { position: relative; padding: 0; margin: 0; } .filter .dropdown-container .info-text { font-size: 11px; } .filter .dropdown-container .filter-option { color: #757575; } .filter .slider-container .info-text { font-size: 11px; } .filter .valueView { color: #fff; background-color: rgba(0, 0, 0, 0.5); } .filter .valueView:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .filter .valueView:hover.btn-select, .filter .valueView:hover:active, .filter .valueView:hover.active, .filter .valueView:hover:checked, .filter .valueView:hover::selection, .filter .valueView:hover.open, .filter .valueView:hover[aria-expanded="true"] { background-color: #265c89; } .filter .valueView .line-through .value-text { color: #fff; } .filter .strikethrough:before { color: #E10019; position: absolute; content: ""; left: 0; top: 50%; right: 0; width: 100%; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); } .filter #filter-loader { height: 200px; width: 100%; position: relative; } .filter #filter-loader img { position: absolute; left: 50%; top: 50%; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } /*SimpleView*/ .filter .glyphicon-remove { padding: 5px; } .filter .glyphicon-remove:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .filter .glyphicon-remove:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .filter .glyphicon-remove:hover.btn-select, .filter .glyphicon-remove:hover:active, .filter .glyphicon-remove:hover.active, .filter .glyphicon-remove:hover:checked, .filter .glyphicon-remove:hover::selection, .filter .glyphicon-remove:hover.open, .filter .glyphicon-remove:hover[aria-expanded="true"] { background-color: #265c89; } .filter .header { width: 100%; border-bottom: 1px solid #e5e5e5; padding: 10px; } .filter .simple-views-container { padding: 8px 15px; width: 100%; border-bottom: 1px solid #e5e5e5; } .filter .simple-views-container .btn-default:focus { outline: none; } .filter .tool-name { padding-left: 15px; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; font-size: 16px; } .filter .simple-view .btn-default { margin: 4px; } .filter .simple-view .btn-default:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .filter .simple-view .btn-default:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .filter .simple-view .btn-default:hover.btn-select, .filter .simple-view .btn-default:hover:active, .filter .simple-view .btn-default:hover.active, .filter .simple-view .btn-default:hover:checked, .filter .simple-view .btn-default:hover::selection, .filter .simple-view .btn-default:hover.open, .filter .simple-view .btn-default:hover[aria-expanded="true"] { background-color: #265c89; } .filter .btn-select { color: #fff; background-color: rgba(0, 0, 0, 0.54); } .filter .btn-select .name:hover { font-weight: normal; } .simple-view { display: inline-block; } @media (min-width: 768px) { .filter .simple-views-container button { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .filter .header { padding: 10px; } } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } #layerslider { width: 350px; } #layerslider .progress-bar { background-color: #337ab7; transition: all 0.6s; } #layerslider .progress { height: 25px; background-color: #eee; } #layerslider button:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #layerslider button:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #layerslider button:hover.btn-select, #layerslider button:hover:active, #layerslider button:hover.active, #layerslider button:hover:checked, #layerslider button:hover::selection, #layerslider button:hover.open, #layerslider button:hover[aria-expanded="true"] { background-color: #265c89; } #layerslider .btn-default { background-color: #eee; transition: all 0.2s ease-in-out; } #layerslider .btn-default:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #layerslider .btn-default:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #layerslider .btn-default:hover.btn-select, #layerslider .btn-default:hover:active, #layerslider .btn-default:hover.active, #layerslider .btn-default:hover:checked, #layerslider .btn-default:hover::selection, #layerslider .btn-default:hover.open, #layerslider .btn-default:hover[aria-expanded="true"] { background-color: #265c89; } #layerslider input[readonly] { color: black; cursor: not-allowed; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #layerslider .slider { width: 100%; } #layerslider .slider-layer-titles { position: relative; width: 100%; height: 25px; } #layerslider .text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #layerslider .text-right { position: absolute; text-align: right; } #layerslider .text-left { position: absolute; text-align: left; } #layerslider .text-center { position: absolute; text-align: center; } #layerslider .bottom-20px { bottom: 20px; } #printTool input[type="checkbox"] { margin-top: 2px; margin-left: 0; } #printTool .form-group.scale { position: relative; } #printTool .form-group.scale .hint { position: absolute; width: 20px; right: -5px; top: 7px; cursor: pointer; text-align: center; } #printTool .form-group.scale .hint-info { display: none; position: absolute; left: 0; top: 25px; width: 100%; z-index: 10; background: #fff; border: 1px solid #555; padding: 5px; } .win-body .checkbox-container .form-inline { padding: 4px; font-size: 15px; } .win-body .checkbox-container .title-checkbox { width: 100%; } .win-body .slider-container { padding: 0; } .win-body .slider-container .slider { -webkit-appearance: none; width: 100%; margin: 0px; border-radius: 10px; -webkit-transition: 1.2s; transition: opacity 1.2s; } .win-body .slider-container .title-values { width: 100%; padding-top: 10px; } .win-body .slider-container .title-values label { color: #08589e; font-size: 15px; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .dropdown-menu { border: 1px solid #ccc; max-height: calc(100vh - 80px); overflow: auto; } .dropdown-menu > li > a { font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif; font-size: 12px; color: #353535; } .dropdown-menu > li > a:focus { opacity: 1; outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .dropdown-menu > li > a:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .dropdown-menu > li > a:hover.btn-select, .dropdown-menu > li > a:hover:active, .dropdown-menu > li > a:hover.active, .dropdown-menu > li > a:hover:checked, .dropdown-menu > li > a:hover::selection, .dropdown-menu > li > a:hover.open, .dropdown-menu > li > a:hover[aria-expanded="true"] { background-color: #265c89; } .dropdown-menu > li > a > span { padding-right: 8px; } .dropdown-menu > .active > a { background-color: #204d74; color: #ffffff; } .dropdown-menu > .active > a:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .dropdown-menu > .active > a:hover.btn-select, .dropdown-menu > .active > a:hover:active, .dropdown-menu > .active > a:hover.active, .dropdown-menu > .active > a:hover:checked, .dropdown-menu > .active > a:hover::selection, .dropdown-menu > .active > a:hover.open, .dropdown-menu > .active > a:hover[aria-expanded="true"] { background-color: #265c89; } .dropdown-menu > .divider { margin: 6px 0; } @media (max-width: 767px) { .dropdown-menu { border-right: 0; border-left: 0; } } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .style-wms-win { position: absolute; top: 60px; left: 10px; width: 500px; margin: 10px 10px 30px 10px; display: none; z-index: 1010; background-color: #ffffff; box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.176); border: 1px solid #e5e5e5; } .style-wms-win > .header { padding-left: 10px; border-bottom: 1px solid #e5e5e5; } .style-wms-win > .header > .title { cursor: move; font-size: 14px; padding: 8px 0; color: #555555; } .style-wms-win > .header > .buttons { color: #555555; font-size: 14px; margin: 0; } .style-wms-win > .header > .buttons > span { padding: 8px; cursor: pointer; } .style-wms-win > .content { background-color: white; padding: 12px; } .style-wms-win .layer-name { color: #E10019; padding-bottom: 6px; } .error { font-size: 10px; color: #a94442; } .range-label { font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; } #style-wms-colorpicker:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } #style-wms-colorpicker:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } #style-wms-colorpicker:hover.btn-select, #style-wms-colorpicker:hover:active, #style-wms-colorpicker:hover.active, #style-wms-colorpicker:hover:checked, #style-wms-colorpicker:hover::selection, #style-wms-colorpicker:hover.open, #style-wms-colorpicker:hover[aria-expanded="true"] { background-color: #265c89; } #style-wms-colorpicker > input { display: none; } #style-wms-colorpicker > span { border-left: 1px solid #ccc; } .stylewms-panel > .btn { width: 49%; } .float-left { float: left; } .float-right { float: right; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } .wfst-module .record-button { float: left; width: 68px; height: 70px; text-align: center; margin: 0 5px; padding: 6px 6px; } .wfst-module .record-label { word-break: normal; word-wrap: normal; white-space: normal; font-size: 12px; } .wfst-module .record-button > .glyphicon { font-size: 15px; } .wfst-module .record-active { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .wfst-module .record-active:hover { color: #fff; background-color: #286090; border-color: #204d74; } .wfst-module .record-button > .glyphicon-play, .wfst-module .record-button > .glyphicon-minus { transform: rotate(45deg); } .wfst-module .record-form { padding-top: 10px; padding-right: 15px; max-height: 450px; overflow: auto; min-width: 310px; } .wfst-module .input-sm { height: 25px !important; margin-top: 0px !important; } .wfst-module .input-xs { height: 14px !important; margin-top: 8px !important; } .wfst-module .form-group.form-group-sm { margin-bottom: 5px; } .wfst-module .form-group.form-group-sm.layerSelect { margin-bottom: 5px; width: 400px; } .wfst-module .form-control.input-sm.input { padding: 2px 5px; height: 23px !important; } .wfst-module #wfst-module-recordButton-cancel { width: 360px; height: 40px; text-align: center; margin: 0 5px; padding: 6px 6px; } .wfst-module td { padding: 2px; width: auto; } .wfst-module .input { height: 25px; } .wfst-module .input.mandatory { border: 1px solid red; } .wfst-module .control-label.mandatory::after { content: " *"; color: red; } .wfst-module .glyphicon-info-sign.info-sign { opacity: 0.8; font-size: 16px; padding: 5px; color: #333333; } .wfst-module .glyphicon-info-sign.info-sign:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .wfst-module .glyphicon-info-sign.info-sign:hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .wfst-module .glyphicon-info-sign.info-sign:hover.btn-select, .wfst-module .glyphicon-info-sign.info-sign:hover:active, .wfst-module .glyphicon-info-sign.info-sign:hover.active, .wfst-module .glyphicon-info-sign.info-sign:hover:checked, .wfst-module .glyphicon-info-sign.info-sign:hover::selection, .wfst-module .glyphicon-info-sign.info-sign:hover.open, .wfst-module .glyphicon-info-sign.info-sign:hover[aria-expanded="true"] { background-color: #265c89; } .wfst-module #wfst-module-infoText { display: none; font-size: 12px; padding: 5px 0; } .wfst-module .warning-text { color: red; width: 211px; } .wfst-module .input-group-addon.input-sm { font-size: 11px; } .wfst-module .datepicker { display: inline-table; background-color: white; border-radius: 12px; } .wfst-module .datepicker .datepicker-days .table-condensed { width: 100%; font-size: 12px; } .wfst-module .datepicker .datepicker-days .table-condensed thead tr { border-radius: 0; background: none; color: #08589e; } .wfst-module .datepicker .datepicker-days .table-condensed thead tr .datepicker-switch { cursor: default; font-size: 15px; } .wfst-module .datepicker .datepicker-days .table-condensed thead tr .datepicker-switch:hover { background: none; } .wfst-module .datepicker .datepicker-days .table-condensed thead tr .next, .wfst-module .datepicker .datepicker-days .table-condensed thead tr .prev { color: #555555; } .wfst-module .datepicker .datepicker-days .table-condensed thead tr .next:hover, .wfst-module .datepicker .datepicker-days .table-condensed thead tr .prev:hover { opacity: 0.8; background-color: #08589e; color: white; border-radius: 0; } .wfst-module .datepicker .datepicker-days .table-condensed tbody tr td { border-radius: 0; background: none; color: #555555; } .wfst-module .datepicker .datepicker-days .table-condensed tbody tr td:hover { opacity: 0.8; background-color: #08589e; color: white; } .wfst-module .datepicker .datepicker-days .table-condensed tbody tr td.today { border: 2px solid #08589e; } .wfst-module .datepicker .datepicker-days .table-condensed tbody tr td.active { border-radius: 0; background-color: #08589e; color: white; } #autoCompleteTrees { max-height: 400px; overflow-x: hidden; overflow-y: auto; z-index: 1000; position: absolute; margin-top: -15px; width: 202px; } .treeList { max-height: 240px; overflow-x: hidden; overflow-y: auto; max-width: 300px; } .treeTypeList { max-height: 200px; overflow-x: hidden; overflow-y: auto; max-width: 300px; } .treeTypeList > li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .treeFilterError { font-size: 10px; color: #a94442; } .treefilter-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* * This file contains less mixins. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * This file contains and imports less variables. * It is also used to override default styling to design custom styles. * * ⚠️ This file must not contain any css rules. It is imported in many places, * and css rules in this file would result in a copy of all of the rules per import. */ /* * Imports from Bootstrap */ /* * Masterportal Default Style (Override of Bootstrap) */ /* PRIMARY: Map Interaction * Used for control elements placed directly on the map. * Elements: Buttons and button-like elements. * Examples: ZoomButtons, MousePosition, ... */ /* SECONDARY: Navigation * Used for the nav bar, its children, and going back and forth within elements. * Elements: Navigation bars and togglers, overall content. * Examples: NavBar, open/close tool, layer list, change tabs, back button, next entry ... * NOTE Bootstrap 3 has some colours for "NavBar" and "Panels" - use instead of a secondary? */ /* ACCENT: Action * Action color for windows to trigger actions like saving or sending. * Elements: Buttons. * Examples: start search (for e.g. parcels), save something, draw something, send a message, ... */ /* NOTIFICATION COLOURS * Notification colours can and should be used directly from Bootstrap 3. * Keywords: success, info, warning, danger */ /* ICON SIZES */ /* FONT STYLES * TODO why is Arial Narrow an alternative to MPF Bold? */ /* NOTE if three sizes suffice, we could move this to bootstrap 3 variables */ /* Should something like this be supported for windows resp. buttons? TODO discuss */ /* other */ /* * Customer Style. In this place, all previously mentioned variables may be overwritten * to achieve a different look and feel from the default Masterportal design. * * Please note that the theme is currently under development and only used in some parts of the * application - changes will have limited effects. */ /* focus styling for actions like menu-entries, buttons, icons, etc */ .primary_action_focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } /* hover styling for actions like menu-entries, buttons, icons, etc */ .primary_action_hover { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .primary_action_hover.btn-select, .primary_action_hover:active, .primary_action_hover.active, .primary_action_hover:checked, .primary_action_hover::selection, .primary_action_hover.open, .primary_action_hover[aria-expanded="true"] { background-color: #265c89; } @media (max-width: 766px) { .tool-window { right: 0; } } .tool-window { background-color: #ffffff; margin: 10px 10px 30px 10px; display: none; position: absolute !important; top: 10px; left: 10px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); z-index: 999; max-width: 500px; min-width: 240px; } .tool-window > .header { padding-left: 10px; border-bottom: 1px solid #e5e5e5; font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif; } .tool-window > .header > .move { cursor: move; } .tool-window > .header > .title { white-space: nowrap; min-width: 250px; font-size: 14px; padding-top: 8px; padding-bottom: 5px; color: #555555; width: calc(100% - 50px); margin: 0; height: 34px; line-height: 24px; } .tool-window > .header > .buttons { color: #555555; font-size: 14px; margin: 0; } .tool-window > .header > .buttons > .glyphicon-minus { top: 3px; } .tool-window > .header > .buttons > span { padding: 8px 8px 8px 8px; } .tool-window > .header > .buttons > span:hover:not(.win-icon) { opacity: 1; background-color: #3177b1; color: #F3F3F3; cursor: pointer; } .tool-window > .header > .buttons > span:hover:not(.win-icon).btn-select, .tool-window > .header > .buttons > span:hover:not(.win-icon):active, .tool-window > .header > .buttons > span:hover:not(.win-icon).active, .tool-window > .header > .buttons > span:hover:not(.win-icon):checked, .tool-window > .header > .buttons > span:hover:not(.win-icon)::selection, .tool-window > .header > .buttons > span:hover:not(.win-icon).open, .tool-window > .header > .buttons > span:hover:not(.win-icon)[aria-expanded="true"] { background-color: #265c89; } .tool-window > .header > .buttons > span:focus { outline: 3px solid #204d74; outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; } .tool-window > .header-min { cursor: pointer; background-color: #E10019; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .tool-window > .header-min > .move { cursor: pointer; } .tool-window > .header-min > .title { color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 120px; min-width: 0; } .tool-window > .header-min > .buttons { color: #ffffff; } .win-body { overflow-y: auto; padding: 20px; -webkit-overflow-scrolling: touch; background-color: #ffffff; max-height: 72vh; } .win-footer { border-top: 1px solid #e5e5e5; text-align: right; padding: 5px 5px 0 0; } .win-footer > .glyphicon-triangle-right { transform: rotate(45deg); opacity: 0.6; } .win-footer > .glyphicon-triangle-right:hover { opacity: 0.9; cursor: grab; } .win-footer.dragging { cursor: grabbing; } .table-tool-win-all { font-family: "MasterPortalFont", sans-serif; border-radius: 12px; background-color: #646262; margin-bottom: 30px; } .table-tool-win-all .header { font-family: "MasterPortalFont", sans-serif; } .table-tool-win-all .header > .title { color: #ffffff; } .table-tool-win-all .header > .buttons { color: #ffffff; } .table-tool-win-all .win-body { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #F2F2F2; } .table-tool-win-all .win-body * { border-radius: 12px; } .table-tool-window { transform: rotate(0deg); } .table-tool-window-90deg { left: 20px; transform: rotate(90deg); } .table-tool-window-180deg { top: 20px; left: 20px; margin-bottom: 30px; transform: rotate(180deg); } .table-tool-window-270deg { top: 40px; margin-bottom: 30px; transform: rotate(270deg); }