/*
 * This file contains and imports less variables, mixins, and functions.
 * 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, mixins, and functions.
 * 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;
}

#modal-1-container[data-v-38999886] {
  display: none;
}
#modal-1-container.showing[data-v-38999886] {
  display: block;
}
#modal-1-overlay[data-v-38999886] {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#modal-1-outer-wrapper[data-v-38999886] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 10000;
}
#modal-1-outer-wrapper[data-v-38999886]:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
#modal-1-inner-wrapper[data-v-38999886] {
  text-align: left;
  background-color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  position: relative;
}
#modal-1-inner-wrapper .glyphicon.glyphicon-remove[data-v-38999886] {
  position: absolute;
  right: 8px;
  top: 12px;
  color: #555555;
  z-index: 4;
}
#modal-1-inner-wrapper .glyphicon.glyphicon-remove[data-v-38999886]:hover {
  cursor: pointer;
}
#modal-1-inner-wrapper #modal-1-content-container[data-v-38999886] {
  padding: 12px 24px 12px 24px;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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: #777777;
  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: #777777;
  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: 0px;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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;
}

/* 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: 0px;
  min-height: 0px;
}
.backwards-compatibility-controls .row {
  margin-right: 0px;
  margin-left: 0px;
}
.backwards-compatibility-controls > div {
  padding: 5px;
}
.backwards-compatibility-controls > div > div {
  margin-top: 0px;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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.
 */
.hidden[data-v-ceab1184] {
  display: none;
}
.spaced[data-v-ceab1184] {
  margin-bottom: 1em;
}
.right-bar[data-v-ceab1184] {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
  margin: 5px 5px 12px 5px;
}
.right-bar .top-controls[data-v-ceab1184],
.right-bar .bottom-controls[data-v-ceab1184] {
  pointer-events: all;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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.7);
  display: inline-block;
  color: #333333;
  text-align: center;
  font-size: 10px;
}
#scales .scale-line {
  color: #777;
  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;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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.
 */
#language-bar {
  margin-left: 10px;
}
#language-bar .current-language {
  display: block;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}
#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: 0px 0px 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:hover {
  background-color: #08589e;
  color: #ffffff;
}
#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, mixins, and functions.
 * 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, mixins, and functions.
 * 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;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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.
 */
#footer[data-v-4729e6c1] {
  width: 100%;
  background: rgba(243, 243, 243, 0.7);
  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.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 .footer-scaleLine[data-v-4729e6c1] {
  position: absolute;
  right: 0;
  bottom: 100%;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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 and imports less variables, mixins, and functions.
 * 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.legend-mobile[data-v-3b5a1b75] {
  width: 100%;
}
#legend .legend-window[data-v-3b5a1b75] {
  position: absolute;
  min-width: 200px;
  max-width: 600px;
  right: 0px;
  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] {
  cursor: pointer;
}
#legend .legend-title .toggle-collapse-all[data-v-3b5a1b75] {
  padding-right: 10px;
  cursor: pointer;
}
#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: 0px;
  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 .toggle-collapse-all[data-v-3b5a1b75] {
  padding-right: 10px;
  cursor: pointer;
}
.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;
}

#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;
  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, mixins, and functions.
 * 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);
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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, mixins, and functions.
 * 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, mixins, and functions.
 * 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.
 */

.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 .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;
}
}

.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 .modal-dialog[data-v-5e157166] {
  z-index: 1041;
}
.poi .tab-content[data-v-5e157166] {
  max-height: 78vH;
  overflow: auto;
}
.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, mixins, and functions.
 * 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, mixins, and functions.
 * 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: 0px;
}
#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, mixins, and functions.
 * 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, mixins, and functions.
 * 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, mixins, and functions.
 * 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.
 */
.freeze-view.freeze-activated[data-v-52f3fde0] {
  z-index: 10000;
  position: fixed;
  top: 0px;
  left: 0px;
  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);
}
#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, mixins, and functions.
 * 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;
}


.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 and imports less variables, mixins, and functions.
 * 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.
 */
#vue-tool-content-body[data-v-2a3dd68d] {
  display: block;
}
.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%;
  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: 10px 8px 10px 0px;
}
.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: 0.7;
  cursor: pointer;
}
.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;
}
@media (max-width: 400px) {
.tool-window-vue[data-v-2a3dd68d] {
    right: 20px;
}
}
.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: 0px;
  left: 0px;
}
.tool-window-vue #basic-resize-handle-tr[data-v-2a3dd68d] {
  top: 0px;
  right: 0px;
}
.tool-window-vue #basic-resize-handle-br[data-v-2a3dd68d] {
  bottom: 0px;
  right: 0px;
}
.tool-window-vue #basic-resize-handle-bl[data-v-2a3dd68d] {
  bottom: 0px;
  left: 0px;
}
.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;
}
.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%;
}
#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;
    left: 0;
    bottom: 0;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 3%;
}
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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;
}

.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, mixins, and functions.
 * 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, mixins, and functions.
 * 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, mixins, and functions.
 * 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;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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.
 */
.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] {
  border: 2px solid #DDDDDD;
  background-color: #FFFFFF;
  display: block;
  text-align: center;
  padding: 8px 12px;
  cursor: pointer;
  margin: 12px 0 0 0;
  font-size: 14px;
  transition: background 0.25s;
}
.upload-button-wrapper[data-v-3e88e1fe]:hover {
  background-color: #EEEEEE;
}
.cta[data-v-3e88e1fe] {
  margin-bottom: 12px;
}
.drop-area-fake[data-v-3e88e1fe] {
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 2px dashed #7aa9d0;
  padding: 24px;
  transition: background 0.25s, border-color 0.25s;
}
.drop-area-fake.dzReady[data-v-3e88e1fe] {
  background-color: #286090;
  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: #7aa9d0;
}
.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;
}

.glyphicon-star[data-v-39eb4793] {
  color: #fec44f;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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] {
  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;
}
.favorite-icon-container .glyphicon[data-v-0f896088]:hover {
  cursor: pointer;
  opacity: 0.5;
}
.table[data-v-0f896088] {
  margin-bottom: 0px;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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, mixins, and functions.
 * 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, mixins, and functions.
 * 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, mixins, and functions.
 * 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;
}

.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;
  max-height: 72vh;
  overflow: auto;
  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: 0px;
  left: 0px;
}
.tool-window-vue #basic-resize-handle-tr[data-v-192fb3ac] {
  top: 0px;
  right: 0px;
}
.tool-window-vue #basic-resize-handle-br[data-v-192fb3ac] {
  bottom: 0px;
  right: 0px;
}
.tool-window-vue #basic-resize-handle-bl[data-v-192fb3ac] {
  bottom: 0px;
  left: 0px;
}
.tool-window-heading[data-v-192fb3ac] {
  padding: 12px 10px 12px 10px;
  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 > span.glyphicon-minus[data-v-192fb3ac] {
  top: 3px;
}
.tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon) {
  opacity: 0.7;
  cursor: pointer;
}
.tool-window-heading-title[data-v-192fb3ac] {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}
.vue-tool-content-body[data-v-192fb3ac] {
  position: relative;
  height: calc(100% - 58px);
  width: 100%;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  overflow: auto;
}

.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: 0 0 0 10px;
  cursor: pointer;
  font-size: 16px;
}
.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);
}

.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: 0px 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] {
    width: 100%;
    height: 40vh;
}
}

.ol-viewport .popover {
  padding: 0;
  min-width: 40vw;
  border: 0;
  z-index: 1;
}
.ol-viewport .popover-content {
  padding: 0;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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;
}
.gfi .tool-window-vue {
  max-width: 600px;
}
.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, mixins, and functions.
 * 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: 85%;
  color: #a94442;
}
.inputError[data-v-7c2dab2b] {
  border: 1px solid #a94442;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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, mixins, and functions.
 * 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, mixins, and functions.
 * 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;
}
#scale-switcher-select[data-v-3a4d10cb] {
  border: 2px solid #F3F3F3;
}

/*
 * This file contains and imports less variables, mixins, and functions.
 * 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.
 */


.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%;
}

#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%;
}

/*!
 * 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 and imports less variables, mixins, and functions.
 * 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.
 */
/*! 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;
  }
}

/*!
 * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.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 > 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;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.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;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .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.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .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.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle: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: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:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle: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.8.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: 1.5px solid rgb(179,197,219);
  background-color: rgba(255,255,255,0.4);
}

.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-viewport canvas {
  all: unset;
}
.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-weight: bold;
  text-decoration: none;
  font-size: inherit;
  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: center;
}
.ol-attribution a {
  color: rgba(0,60,136,0.7);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: #000;
  text-shadow: 0 0 2px #fff;
  font-size: 12px;
}
.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%;
}

/* 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";

/***** 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: 0px;
}
.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: white;
  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;
}
/***** Oblique *****/
.buttonOblique {
  margin-top: 20px;
}
.buttonOblique > .glyphicon {
  font-size: 22px;
  margin-top: 4px;
  padding: 5px 5px 7px 8px;
}
@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;
  }
}

/***** Destop *****/
.layerinformation .subtitle {
  color: #E10019;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  padding-top: 1px;
  margin-bottom: 9px;
}
.layerinformation hr {
  margin: 15px 0px 10px 0px;
}
#layerinformation-desktop {
  position: absolute;
  top: 20px;
  right: 60px;
  width: 45vw;
  max-width: 600px;
  margin: 60px 10px 30px 10px;
  z-index: 1010;
  background-color: #ffffff;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.176);
  border: 1px solid #e5e5e5;
}
#layerinformation-desktop .content {
  max-height: 66vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px 10px;
  font-size: 12px;
}
#layerinformation-desktop .content p {
  padding: 2px 10px 2px 0;
}
#layerinformation-desktop .content > ul {
  background-color: white;
}
#layerinformation-desktop .header {
  padding: 10px 10px 5px 10px;
  border-bottom: 1px solid #e5e5e5;
  cursor: move;
}
#layerinformation-desktop .glyphicon-remove:hover {
  opacity: 0.7;
  cursor: pointer;
}
.layerinformation-modal .nav-tabs {
  display: flex;
}
.layerinformation-modal .nav-tabs > li {
  font-size: 12px;
}
.layerinformation-modal .nav-tabs > li > a {
  text-overflow: ellipsis;
  overflow: hidden;
}
.layerinformation-modal .tab-content .tab-pane > ul > li > a {
  font-size: 12px;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
}
.layerinformation-modal .tab-content #layerinfo-legend {
  max-width: 95%;
  overflow: auto;
}
.layerInfoDownloadFirstCol {
  width: 55%;
}
.layerInfoDownloadSecCol {
  width: 45%;
}
.download-note {
  font-weight: bold;
}

/**************** Layer Settings ****************/
/**************** Layer Settings Button Animation ****************/
ul#tree .layer-settings {
  clear: both;
  margin-top: 32px;
  border-top: 1px solid #ddd;
  padding-top: 8px;
  font-size: 12px;
}
ul#tree .layer-settings .glyphicon {
  padding: 0 0px;
}
ul#tree .layer-settings .glyphicon-picture {
  padding-right: 16px;
}
ul#tree .layer-settings .remove-layer {
  color: #F2F2F2;
  background-color: #808080;
  border-radius: 10px;
  padding: 4px 3px 3px 3px;
  margin-left: 33px;
  cursor: pointer;
}
.rotate {
  transform: rotate(-360deg);
  transition: 0.5s;
}
.rotate-back {
  transform: rotate(0deg);
  transition: 0.5s;
}
.highlightLayerInformationIcon {
  color: #08589e;
}

/**************** Menu ***********************/
/**************** Themenbaum ****************/
/* ----------------------Themenbaum light -----------------------------*/
/*Haupt Themenliste */
/*Unterlisten*/
/*-------------------Selection/Settings----------------------*/
.submenu-style {
  padding: 5px 0;
  border-bottom: 1px solid #e5e5e5;
}
ul#tree {
  border: none;
  font-family: "MasterPortalFont", "Arial Narrow", Arial, sans-serif;
  padding: 0px 0;
  min-width: 380px;
}
ul#tree .glyphicon {
  cursor: pointer;
  font-size: 15px;
  padding-right: 5px;
  top: 3px;
}
ul#tree .glyphicon-cog {
  font-size: 18px;
  padding: 0;
}
ul#tree .glyphicon-info-sign {
  font-size: 18px;
  padding-right: 6px;
}
ul#tree .closed:not(.SelectedLayer) {
  border-bottom: 1px solid #ddd;
}
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 {
  font-family: MasterPortalFont, "Arial Narrow", Arial, sans-serif;
  font-size: 12px;
  cursor: pointer;
}
ul#tree ul li {
  border-bottom: 1px solid #ddd;
  padding: 5px 15px;
}
ul#tree .catalog_buttons .glyphicon {
  padding: 0px 0;
  cursor: pointer;
}
ul#tree .catalog_buttons .glyphicon-adjust {
  font-size: 14px;
}
ul#tree .layer-catalog > .header {
  padding: 8px 5px 7px 5px;
  background-color: #333333;
  color: #ffffff;
  font-size: 13px;
}
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 li {
  overflow: auto;
  padding: 8px 6px;
}
ul#tree .SelectedLayer .layer-selection-save {
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
}
ul#tree.light {
  font-size: 12px;
  color: #333333;
  overflow-y: auto;
}
ul#tree.light li {
  border-left: 0;
  border-right: 0;
  padding: 8px 6px;
  max-width: 500px;
  overflow: auto;
  font-weight: normal;
}
ul#tree.light li span.title {
  vertical-align: sub;
  cursor: pointer;
}
ul#Overlayer .glyphicon-check {
  color: #ff7f00;
}
ul#Overlayer .glyphicon-check + .title {
  color: #ff7f00;
}

.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(-360deg);
  transition: 0.5s;
}
.list-group-item > .layer-info-item > .rotate-back {
  transform: rotate(0deg);
  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;
  }
}

/**************** 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 .icon-cross1:before {
  display: block;
  color: #F2F2F2;
  top: 11px;
  left: 11px;
  font-size: 18px;
}
.table-layer-list > .icon-burgermenu_alt::before {
  display: none;
}
.icon-burgermenu_alt.collapsed #table-nav-layers-panel-toggler {
  background-color: #ffffff;
}
.icon-burgermenu_alt.collapsed:before {
  color: #003063;
  display: block;
}
.icon-burgermenu_alt.collapsed .icon-cross1:before {
  display: none;
}
.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: #808080;
  top: 8px;
}
#table-nav-layers-panel .layer-settings .badge {
  font-size: 14px;
  padding-top: 6px;
}
#table-nav-layers-panel .layer-settings .remove-layer {
  color: #F2F2F2;
  background-color: #808080;
  border-radius: 10px;
  padding: 6px 4px 4px 4px;
  margin-left: 85px;
  cursor: pointer;
}
#table-nav-layers-panel .icon-info {
  position: absolute;
  right: 50px;
}
#table-nav-layers-panel .glyphicon-cog {
  font-size: 14px;
  color: #808080;
  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;
}

.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: #e7e7e7;
  background: -moz-linear-gradient(top, white, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(top, white, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(top, white, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(top, white, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -ms-linear-gradient(top, white, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #777;
  padding: 10px 6px;
  font-size: 16px;
  border-bottom: 1px solid #d7d7d7;
}
.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 > .glyphicon:hover {
  opacity: 0.6;
}
.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;
}
.inhalt > a {
  padding: 5px;
  margin: 5px;
  border: 1px solid silver;
  float: left;
  background: #e7e7e7;
  text-decoration: none;
  color: #777;
}
.inhalt > a:hover {
  background: #c8c8c8;
  cursor: pointer;
}
#allgemein {
  clear: both;
  padding-top: 15px;
}

/*----------------------------------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 small {
  color: #333333;
  font-style: italic;
  padding-left: 10px;
}
.dropdown-menu-search li.type {
  background: white;
}
.dropdown-menu-search li:hover {
  cursor: pointer;
  background-color: #efefef;
}
.btn-search > .glyphicon-search {
  font-size: 12px;
}
.btn-search:hover {
  background: #ffffff;
  border-color: #cccccc;
}
.btn-search-question {
  border: 0;
  background: 0;
  padding: 0;
  margin-top: 3px;
  opacity: 1;
}
.btn-search-question > span {
  font-size: 14px;
  color: #525252;
  opacity: 0.6;
}
.btn-search-question > span:hover {
  opacity: 1;
}
.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 .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: nowrap;
  max-width: 70%;
  clear: both;
}
#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-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;
  }
}


.compare-feature-modal {
  z-index: 1080;
  font-size: 14px;
}
.compare-feature-modal label {
  font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif;
  padding-top: 7px;
}
.compare-feature-modal .modal-title {
  font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif;
}
.compare-feature-modal .modal-lg {
  width: 95%;
}
.compare-feature-modal .modal-lg .modal-body {
  overflow: auto;
  max-height: calc(100vh - 200px);
}
.compare-feature-modal .modal-lg .modal-footer {
  text-align: center;
}
.compare-feature-modal .modal-error {
  width: auto;
  max-width: 450px;
}
.compare-feature-modal .modal-error .glyphicon {
  font-size: 22px;
}
.compare-feature-modal .modal-error p {
  line-height: 22px;
}
.compare-feature-modal .modal-error p:first-child {
  font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif;
  font-size: 14px;
}
.compare-feature-modal .modal-sub-header {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.compare-feature-modal .toggle-row {
  display: none;
}
.compare-feature-modal .btn {
  background-color: #005ca9;
}
.compare-feature-modal .btn:hover {
  opacity: 0.9;
}
.compare-feature-modal .glyphicon-star {
  color: #fec44f;
}
.compare-feature-modal table .glyphicon-remove {
  opacity: 0.3;
}
.compare-feature-modal table .glyphicon-remove:hover {
  cursor: pointer;
  opacity: 1;
}
.compare-feature-modal table > tbody > tr:nth-child(odd) {
  background-color: #eee;
}
.compare-feature-modal table > tbody > tr:nth-child(even) {
  background-color: #ddd;
}
.compare-feature-modal table > tbody > tr:hover {
  background-color: #ccc;
}
.compare-feature-modal table > tbody > tr:hover > td {
  border-left: 1px solid #bbb;
}
.compare-feature-modal tr:first-child td {
  font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif;
  font-size: 16px;
  border-top: 0;
}
.compare-feature-modal tr:first-child .col-1:first-child {
  color: transparent;
  border: none;
}
.compare-feature-modal .col-1 {
  font-family: "MasterPortalFont Bold", "Arial Narrow", Arial, sans-serif;
  width: 20%;
}
.compare-feature-modal .table {
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
}
.compare-feature-modal td {
  border-left: 1px solid #ccc;
}
.compare-feature-modal thead th {
  border-left: 1px solid #ccc;
}
@media (min-width: 768px) {
  .compare-feature-modal .modal-dialog {
    margin: 30px auto;
  }
}

#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;
}

.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 .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 .remove {
  font-size: 9px;
  padding: 3px 0 0 8px;
  float: right;
}
.filter .value-views-container .remove-all {
  color: #979797;
  background-color: rgba(0, 0, 0, 0.05);
}
.filter .value-views-container .remove-all:hover {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.filter .value-views-container .strikethrough {
  position: relative;
  padding: 0;
  margin: 0;
}
.filter .dropdown-container .info-text {
  font-size: 11px;
}
.filter .slider-container .info-text {
  font-size: 11px;
}
.filter .valueView {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.filter .valueView:hover {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.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%;
}

/*SimpleView*/
.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 .btn-select {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.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;
  }
}

#layerslider {
  width: 350px;
}
#layerslider .progress-bar {
  background-color: #337ab7;
  transition: all 0.6s;
}
#layerslider .progress {
  height: 25px;
  background-color: #eee;
}
#layerslider .btn-default {
  background-color: #eee;
  transition: all 0.2s ease-in-out;
}
#layerslider .btn-default:hover {
  background-color: #555555;
  color: #eee;
}
#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;
}

.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:hover {
  background-color: #08589e;
  color: #ffffff;
}
.dropdown-menu > li > a > span {
  padding-right: 8px;
}
.dropdown-menu > .active > a {
  background-color: #08589e;
  color: #ffffff;
}
.dropdown-menu > .divider {
  margin: 6px 0;
}
@media (max-width: 767px) {
  .dropdown-menu {
    border-right: 0;
    border-left: 0;
  }
}

.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 > 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;
}

.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.4;
}
.wfst-module .glyphicon-info-sign.info-sign:hover {
  cursor: pointer;
  opacity: 1;
}
.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;
}

@media (max-width: 766px) {
  .tool-window {
    right: 0;
  }
}
.tool-window {
  background-color: #ffffff;
  margin: 10px 10px 30px 10px;
  display: none;
  position: absolute !important;
  top: 60px;
  left: 0;
  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 0px;
}
.tool-window > .header > .buttons > span:hover:not(.win-icon) {
  opacity: 0.7;
  cursor: pointer;
}
.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);
}