/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/RootPageToolbar.scss ***!
  \********************************************************************************************************************************************************************************************/
.RootPageToolbar {
  height: 5vh;
  max-height: 96px; }
  .RootPageToolbar > .row {
    margin-top: 1em; }

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/video/VideoPage.scss ***!
  \********************************************************************************************************************************************************************************************/
.VideoPage {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000; }

/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/pdf/ZoomedPdfViewerPage.scss ***!
  \****************************************************************************************************************************************************************************************************/
.ZoomedPdfViewerPage {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .ZoomedPdfViewerPage__container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .ZoomedPdfViewerPage__moveDown, .ZoomedPdfViewerPage__moveUp, .ZoomedPdfViewerPage__moveLeft, .ZoomedPdfViewerPage__moveRight {
    width: 8rem;
    height: 8rem;
    border-radius: 50%; }
  .ZoomedPdfViewerPage__image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat; }
  .ZoomedPdfViewerPage__toolbox {
    position: absolute;
    top: 85%;
    left: 85%;
    width: 10%;
    height: 10%;
    background-color: yellow;
    display: none; }
  .ZoomedPdfViewerPage__thumbnail {
    max-width: 10%;
    height: 10%;
    position: absolute;
    bottom: 0;
    right: 0; }

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/pdf/PdfViewerPage.scss ***!
  \**********************************************************************************************************************************************************************************************/
.PdfViewerPage {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .PdfViewerPage > .container-fluid {
    height: 100%; }
  .PdfViewerPage__toolbar {
    height: 5%; }
  .PdfViewerPage__footer {
    height: 5%; }
  .PdfViewerPage__movePrev, .PdfViewerPage__moveNext {
    width: 8rem;
    height: 8rem;
    border-radius: 50%; }
  .PdfViewerPage .popover {
    position: absolute;
    top: 10%;
    left: 5%;
    display: block; }

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/thumbnails/MultiLineThumbnailSelector.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.MultiLineThumbnailSelector {
  display: block;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background-color: inherit;
  margin-bottom: 2.4rem; }
  .MultiLineThumbnailSelector:focus {
    outline-width: 10px;
    outline-color: red;
    outline-style: solid; }
  .MultiLineThumbnailSelector img {
    border-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .MultiLineThumbnailSelector > img {
    width: 100%; }
  .MultiLineThumbnailSelector__caption {
    text-align: left;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
    .MultiLineThumbnailSelector__caption h3 {
      margin-top: 0; }
    .MultiLineThumbnailSelector__caption .label {
      font-weight: 400; }

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/thumbnails/OneLineThumbnailSelector.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.OneLineThumbnailSelector {
  display: block;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background-color: inherit; }
  .OneLineThumbnailSelector:focus {
    outline-width: 10px;
    outline-color: red;
    outline-style: solid; }
  .OneLineThumbnailSelector img {
    border-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .OneLineThumbnailSelector__caption {
    text-align: left;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
    .OneLineThumbnailSelector__caption h3 {
      margin-top: 0; }
    .OneLineThumbnailSelector__caption .label {
      font-weight: 400; }
  .OneLineThumbnailSelector__moveLeft, .OneLineThumbnailSelector__moveRight {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    padding: 0; }
    .OneLineThumbnailSelector__moveLeft > svg, .OneLineThumbnailSelector__moveRight > svg {
      width: 80%;
      height: auto; }
    .OneLineThumbnailSelector__moveLeft:disabled > svg, .OneLineThumbnailSelector__moveRight:disabled > svg {
      color: #fff; }

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/views/components/rivers/RiverInfoViewer.scss ***!
  \***************************************************************************************************************************************************************************************************/
.RiverInfoViewer__map {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.RiverInfoViewer__thumbnailArea {
  text-align: center; }

/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/entries/index.scss ***!
  \*************************************************************************************************************************************************************************/
.white-space {
  white-space: nowrap; }
  .white-space:after {
    content: '\00a0'; }

.btn-blue {
  background-color: #0071e3;
  color: #fff; }

.btn-red {
  background-color: #fa243c;
  color: #fff; }

.btn-green {
  background-color: #0c9d46;
  color: #fff; }

.btn-yellow {
  background-color: #ff9300;
  color: #fff; }

.btn > svg {
  display: inline-block;
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
  margin-right: 4px; }

.row-toolbar {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.row-footer {
  margin-top: 1rem; }

.thumbnail.focus {
  background-color: yellow; }

body.red {
  background-color: red; }

.cts-video-thumbnails .row {
  margin-bottom: 1rem; }

.cts-video-thumbnail {
  display: block;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background-color: inherit; }
  .cts-video-thumbnail img {
    border-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .cts-video-thumbnail__caption {
    text-align: left;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
    .cts-video-thumbnail__caption .label {
      font-weight: 400; }

#cts-river-info-thumbnails {
  /*
  & .col-md-2 {
    display: inline-block;
    float: none;
  }
  */ }

.cts-river-info-thumbnail {
  display: block;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background-color: inherit; }
  .cts-river-info-thumbnail img {
    border-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .cts-river-info-thumbnail__caption {
    text-align: left;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
    .cts-river-info-thumbnail__caption h3 {
      margin-top: 0; }
    .cts-river-info-thumbnail__caption .label {
      font-weight: 400; }

.cts-river-info-camera-point {
  position: absolute;
  display: inline-block;
  width: 1.5%;
  height: 2.66667%;
  background-color: blue;
  border: 0;
  padding: 0; }
  .cts-river-info-camera-point--selected {
    background-color: red; }

.cts-river-info__thumbnail-move-right,
.cts-river-info__thumbnail-move-left {
  margin-left: auto;
  margin-right: auto;
  width: 80%; }

.fullscreen {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000; }


/*# sourceMappingURL=index.css.map*/