html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

iframe.googlemaps {
    height: 350px;
    width: 100%;
    border: 0px;
}

.callout {
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 10px;
    border: 0px;
    border-left: 3px solid #adb5bd;
    background-color: #e9ecef;
}
.callout {
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 10px;
    border: 0px;
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
}

.callout-info {
    border-left-color: rgba(var(--bs-info-rgb), .5);
    background-color: rgba(var(--bs-info-rgb), .075);
}

.callout-warning {
    border-left-color: rgba(var(--bs-warning-rgb), .5);
    background-color: rgba(var(--bs-warning-rgb), .075);
}

.callout-danger {
    border-left-color: rgba(var(--bs-danger-rgb), .5);
    background-color: rgba(var(--bs-danger-rgb), .075);
}

.callout p {
    margin:0px;
}
.callout span {
    font-size: small;
    color: #212529;
    margin:0px;
}

/*
    "primary": $primary,
    "secondary": $secondary,
    "success": $success,
    "info": $info,
    "warning": $warning,
    "danger": $danger,
    "light": $light,
    "dark": $dark
*/

.noImageBox-250 {
    height: 250px;
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #999999;
}
.noImageBox-200 {
    height: 117px;
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #999999;
    vertical-align: middle;
}
.noImageBox-250 h4 {
    margin: auto;
}
.noImageBox-200 h4 {
    margin:auto;
}

p.justifyText {
    text-align: justify;
    text-justify: inter-word;
}

img.pageIcon {
    width:50px;
}

.cameras {
    height: 400px;
    width: 250px;
}

.figureSteps {
    height: 1120px;
    width: 100%;
    overflow:hidden;
    overflow-y:auto;
}