/***********************************************
    fcoo-maps-havnelods.scss,

    (c) 2021, FCOO

    https://github.com/FCOO/fcoo-maps-havnelods
    https://github.com/FCOO


************************************************/
/************************************************************
INCLUDE-JQUERY-BOOTSTRAP-VARIABLES
USED IN FOR OTHER PACKAGES TO INCLUDE ALL SCSS-FILES NEEDED
TO HAVE ACCESS TO ALL BOOTSTRAP AND FCOO/JQUERY-BOOTSTRAP SCSS-VARIABLES
************************************************************/
/************************************************************
FUNCTIONS
************************************************************/
/***********************************************
FUNCTIONS TO CONVETRT FROM PX TO REM
To make it easier to design and calculate dimensions
the function rem defined
************************************************/
/************************************************************
HEADER, TITLE, AND FOOTER PADDING AND FONT-SIZE
Padding are set to button y-padding (moving text to the left)
************************************************************/
/************************************************************
BOOTSTRAP_COLORSTEXT

A copy of the colorws defined in bootstrap/scss_variables.scss
************************************************************/
/************************************************************
VARIABLES-BOOTSTRAP
Adjust Bootstrap 5 variables default values

Variables should follow the `$component-state-property-size` formula for
consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

All non-Bootstrap variables are prefixed with $jb-


************************************************************/
/***********************************************
Customize Bootstrap
See https://getbootstrap.com/docs/5.2/customize/options/ for description
/star star/ = Differnet from default
************************************************/
/**/
/**/
/***********************************************
OPACITY
************************************************/
/***********************************************
TEXT-COLOR
************************************************/
/***********************************************
BACKGROUND-COLOR
************************************************/
/***********************************************
BORDER-COLOR
************************************************/
/***********************************************
CHECKBOX, RADIO, AND SELECT
text-color and bg-color for selected item in <select> varies for different browsers.
text-color = rgb(255, 255, 255)   for all
    Browser     bg-color
    Chrome      rgb( 30, 144, 255)
    Firefox     rgb(  0, 120, 215)
    Safari      rgb( 30, 144, 255)
    Edge        rgb(195, 195, 195)  = gray

For checkbox and radio default Bootstrap uses:
text-color  = $form-check-input-checked-color    = $component-active-color = $white   = rgb(255, 25, 255);
bg-color    = $form-check-input-checked-bg-color = $component-active-bg    = $primary = rgb(13, 110, 253);

** BUT JQUERY-BOOTSTRAP USES SAME COLORS AS <SELECT> IN CHROME AND SAFARI **
************************************************/
/*
indeterminate colors = checkbox or checkbox-button with semi-selected state
Use $orange as bg-color and same bg-image as selected and standard border-color
*/
/***********************************************
PADDING AND FONT-SIZE
Padding and font-size for different sizes of
    buttons,
    accordion-, modal-, popup-, and tooltip-header/footer
************************************************/
/************************************************************
Modal and popover header and content
Bootstrap default = normal size
************************************************************/
/***********************************************
Accordion
***********************************************/
/***********************************************
Card
***********************************************/
/***********************************************
Form
***********************************************/
/***********************************************
Toast
***********************************************/
/***********************************************
Tables
For some (unknown) reason the padding of table cells
are done by scss-variables instead of var(...) ???
***********************************************/
/***********************************************
Nav, Pills and Tabs
***********************************************/
/***********************************************
BUTTONS
************************************************
SYNTAX AND RELATIONS IN BOOTSTRAP
    $input-btn-padding-x[-sm|-lg] = A Value
    $input-btn-padding-y[-sm|-lg] = A Value
    $input-btn-font-size[-sm|-lg] = A Value
    $border-radius[-sm|-lg]       = A Value

Used for button:
    $btn-padding-y[-sm|-lg]      : $input-btn-padding-y[-sm|-lg] !default;
    $btn-padding-x[-sm|-lg]      : $input-btn-padding-x[-sm|-lg] !default;
    $btn-font-size[-sm|-lg]      : $input-btn-font-size[-sm|-lg] !default;
    $btn-border-radius[-sm|-lg]  : $border-radius[-sm|-lg]       !default;

Used for input
    $input-padding-y[-sm|-lg]    : $input-btn-padding-y[-sm|-lg] !default;
    $input-padding-x[-sm|-lg]    : $input-btn-padding-x[-sm|-lg] !default;
    $input-font-size[-sm|-lg]    : $input-btn-font-size[-sm|-lg] !default;
    $input-border-radius[-sm|-lg]: $border-radius[-sm|-lg]       !default;

BOOTSTRAP 5 DEFAULT
    $input-btn-line-height  : 1.5
*/
/************************************************************
Including "size" xs as in Bootstrap 5
************************************************************/
/***********************************************
Adjust bootstrap-variables to only have dimensions
in integer px from rem
************************************************/
/************************************************************
Other adjustments
************************************************************/
/************************************************************
Make all font-size and margin for header (<h1>, <h2>,...<h6>)
releative to container (rem -> em)
Default (not changed): $font-size-base = $spacer = 1rem
************************************************************/
/************************************************************
Adjust dropdown-menu
************************************************************/
/************************************************************
Adjust modal
************************************************************/
/***********************************************

jquery-scroll-container-variables.scss

************************************************/
/************************************************************
VARIABLES

Defines scss-variables used in jquery-bootstrap
Some of these variables are based on Bootstrap variables
************************************************************/
/***********************************************
Checkbox
************************************************/
/***********************************************
Button
************************************************/
/***********************************************
Modal
************************************************/
/***********************************************
Button And Modal
Opacity for semi-transparent and transparent content
************************************************/
/************************************************************
MIXIN
************************************************************/
/************************************************************
PROPERTY-VARIANT
Varients of different properties
************************************************************/
/************************************************************
HEADER and FOOTER-VARIANT
Adjust padding and font-size for header and footer
************************************************************/
/************************************************************
BUTTON-VARIANT
button-text-color-variant
button-border-color-variant
button-background-color-variant
Adjust text-, border-, and background-color for a button
************************************************************/
.port_icon_adjust {
  position: relative;
  left: -1px; }

.brigde-icon-adjust {
  font-size: 0.6666666667em;
  width: 1.5em !important;
  position: relative;
  top: -1px; }

.inner .brigde-icon-adjust-marker {
  font-size: 0.625rem !important; }