:root {
  --main-font_size_very_small: 0.75rem;
  --main-font_size_small     : 0.8rem;
  --main-font_size_medium_small: 0.85rem;
  --main-font_size           : 0.9rem;
  --main-font_size-medium_large : 1.05rem;
  --main-font_size-large     : 1.2rem;
  --main-font_size-very_large: 1.3rem;

  --color-secondary  : #027B70;
  --color-info       : #ffffff;
  /* --color-info    : #ececec; */
  /* --color-info-sub: #c1c1c1; */
  /* --color-info-sub: #35ff8d; */
  --color-info-sub   : #d8d8d8;

  --color-primary-button    : #027B70;
  --color-primary-button-red: #931b0f;
}

/* @media only screen and (max-width: 480px) and (min-height: 360px) {
  :root {
    font-size: 52px;
  }
}
@media only screen and (min-width: 481px) and (min-height: 576.75px) {
  :root {
    font-size: 32px;
  }
}
@media only screen and (min-width: 769px) and (min-height: 768.75px) {
  :root {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1025px) and (min-height: 900.75px) {
  :root {
    font-size: 16px;
  }
} */
:root {
  font-size: 16px;
}

/* @media only screen and (min-width: 1200px) {
  :root {
    font-size: 16px;
  }
} */

* {
  margin : 0;
  padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing   : inherit;
  -moz-box-sizing      : inherit;
  /* box-sizing        : inherit; */
  box-sizing           : border-box;
}

html {
  /* ----- Better font?? ----- */
  /* Adjust font size */
  font-size                     : 100%;
  -webkit-text-size-adjust      : 100%;
  /* Font varient */
  font-variant-ligatures        : none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  -webkit-font-smoothing        : antialiased;
  -moz-font-smoothing           : unset;
  -moz-osx-font-smoothing       : grayscale;
  font-smoothing                : antialiased;
  text-shadow                   : rgba(0, 0, 0, .01) 0 0 0.0625rem;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility   : hidden;
  backface-visibility        : hidden;

  /* ----- border-boxing ----- */
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;


  /* ----- gradient-background ----- */
  /* https://stackoverflow.com/questions/2869212/css3-gradient-background-set-on-body-doesnt-stretch-but-instead-repeats */
  min-width : 100%;
  min-height: 100%;

  font-family: sans-serif;
  line-height: 1.15rem;
}


body {
  display              : grid;
  margin               : 0;
  min-width            : 100%;
  min-height           : 100%;

  font-family   : 'Open Sans', sans-serif;
  /* font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif; */
  font-family   : -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; */

  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering         : optimizeLegibility;
  font-weight            : 400;

  font-size     : 0.9rem;
  line-height   : 1.6;
  color         : #151515;
  /* text-shadow: 0px 0px 0.2px #00000020, 0px 0px 2px #967e7e10; */

  background-color: white;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0f0f+0,b6e5b3+15,ffffff+16,33fffc+35,f9f3fd+55,62e4fd+75,61fffc+79,ff61e7+100&0.05+0,0.05+15,0.05+16,0.05+35,0.05+55,0.05+75,0.05+79,0.05+100 */
background: -moz-linear-gradient(top,  rgba(255,15,15,0.05) 0%, rgba(182,229,179,0.05) 15%, rgba(255,255,255,0.05) 16%, rgba(51,255,252,0.05) 35%, rgba(249,243,253,0.05) 55%, rgba(98,228,253,0.05) 75%, rgba(97,255,252,0.05) 79%, rgba(255,97,231,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,15,15,0.05) 0%,rgba(182,229,179,0.05) 15%,rgba(255,255,255,0.05) 16%,rgba(51,255,252,0.05) 35%,rgba(249,243,253,0.05) 55%,rgba(98,228,253,0.05) 75%,rgba(97,255,252,0.05) 79%,rgba(255,97,231,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,15,15,0.05) 0%,rgba(182,229,179,0.05) 15%,rgba(255,255,255,0.05) 16%,rgba(51,255,252,0.05) 35%,rgba(249,243,253,0.05) 55%,rgba(98,228,253,0.05) 75%,rgba(97,255,252,0.05) 79%,rgba(255,97,231,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dff0f0f', endColorstr='#0dff61e7',GradientType=0 ); /* IE6-9 */


  /* Standard syntax (must be last) */
  margin     : auto;
  /* position: absolute; */
  left       : 0;
  top        : 0;
  bottom     : 0;
  right      : 0;
}








ul.no-style {
  list-style: none;
}











.container {
  max-width: 100%;
  width    : 100%;
  padding  : 0;
}

.margin-auto {
  margin: 0 auto;
}

.float-right {
  float: right;
}




.font-size-normal {
  font-size: 1rem;
}










.footer {
  /* color: white;
  background-color: lightgray; */

  /* margin-top: 3rem; */

  font-weight   : 600;
  line-height   : 1.4rem;
  letter-spacing: 0.02rem;
  font-size     : 0.9rem;
  /* padding    : 0.625rem 0.25rem; */
  text-align    : center;

  /* background-color: #ef0b0b08; */
  /* background-color: #f0f1f0ab; */
  /* color: rgb(0 0 0 / 0.8);
  color: gray; */
  color           : #ffffffb5;
  /* background-color: #bd3f16; */
  /* background-color: #77777742; */

  border-top: #f2f2f2 1px solid;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8fffa+0,fbfffb+25,f6ffff+50,f4fffe+75,e3f3f5+100 */
  background: #f8fffa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f8fffa 0%, #fbfffb 25%, #f6ffff 50%, #f4fffe 75%, #e3f3f5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #f8fffa 0%,#fbfffb 25%,#f6ffff 50%,#f4fffe 75%,#e3f3f5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-45deg,  #f8fffa 0%,#fbfffb 25%,#f6ffff 50%,#f4fffe 75%,#e3f3f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fffa', endColorstr='#e3f3f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* .footer .content{
  padding: 0 auto;
  background-color: lightgray;
} */





.container h1 {
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 768px) {
  .container h1 {
    margin-bottom: 0.8rem;
    font-size    : 1.6rem;
  }
}




.container h1,
.container h2,
.content h1,
.content h2{
  /* padding-bottom: .3em; */
  padding-bottom: .5em;
  border-bottom : 0.0625rem solid #e2e9e6;
}

/* .container h1,
.container h2,
.container h3,
.content h1,
.content h2,
.content h3 {
  padding-bottom: .5em;
  border-bottom : 0.0625rem solid #e2e9e6;
} */







.logo {
  font-family   : 'Peralta', cursive;
  /* padding-top: 3.5px; TODO */
}

.logo a {
  display           : flex;
  /* justify-content: center; */
  align-items       : center;
  color             : rgba(0, 0, 0, .9);
}

.logo a:hover,
.logo a:active {
  text-decoration: none;
}







.container {
  /* font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: 0.01rem; */

  /* max-width: 1400rem;*/
  /* max-width       : 95%; */
  /* padding-right: 0rem;
  padding-left    : 0rem;
  max-width       : 100%; */
}


table {
  width: 100%;

  /* border-spacing: 1px; */
  border-spacing: 0;
  /* border-collapse: seperate; */
  /* border-collapse: collapse; */

  border: #ebebeb 0.5px solid;
}
table thead {
  background-color: lightgray;
}
table td {
  border: #ebebeb 0.5px solid;
  padding: 0.1rem 0.6rem;
  /* min-width: 80px; */
}




.content p {
  margin-bottom: 2rem;
}

.content p {
  /* margin: 0 0 25px; */
  /* margin: 0 0 8px; */

  margin: 0 0 1rem;

  /* font-size: 1rem; */
  /* font-size: 1.2rem; */
}

.content h1 {
  font-size: 1.6rem;
  line-height: 2rem;
}

.content h3 {
  /* margin: 0 0 10px; */
  /* margin: 0 0 20px; */

  margin-bottom: 0.6rem;

  /* font-size  : 1.4rem; */
  font-size  : 1.2rem;
  line-height: 1.2rem;
  font-weight: 400;
}
.content h4.darkred {
  color: #ac0a0a;
}
.content h4 {
  margin-bottom: 0.6rem;

  font-style: italic;
  font-size  : 1rem;
  line-height: 1.2rem;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .content h3 {
    margin-bottom: 0.6rem;
    font-size    : 1.2rem;
  }
}

.content strong {
  text-rendering: optimizeLegibility;
  font-weight   : 600;
}

.content ul {
  margin-top     : 0.2rem;
  margin-bottom  : 0.6rem;
  /* padding-left: 30px; */
}




.content-title {
  /* margin-bottom: 0.2rem; */
  font-size: 1rem;
  /* line-height: 1.4rem; */
  font-weight: 600;
  /* font-style: italic; */
  text-decoration: underline;
  margin-top: 8px;
}






.container .main-stream-item {

  /* box-shadow: 0 .125rem .25rem 0 hsla(0, 0%, 0%, .15), 0 0.03125rem .125rem .0625rem hsla(0, 0%, 0%, .1); */
  box-shadow: 0 0 .25rem 0 hsla(0, 0%, 0%, .15), 0 0 .125rem .0625rem hsla(0, 0%, 0%, .05);

  /* display         : block; */
  background-color: white;
  margin          : 0.8rem auto;
  /* padding-top     : 0.8rem; */
  padding     : 0;
  /* padding-bottom  : 0.8rem; */
  /* padding      : 10px 20px;
  border-radius   : 0 10px; */
}

.container .main-stream-item.lighter {
  /* background-color: rgb(241, 241, 241); */
}

.container .main-stream-item.transparent {
  /* background-color: rgb(241, 241, 241); */
  background-color: transparent;
  box-shadow      : none;
}

.container .main-stream-item.dark {
  /* background-color: rgb(241, 241, 241); */
  background-color: rgb(238, 233, 233);
  height          : 80vh;
}
.container .card-stream-item {
  box-shadow: 0 0 .25rem 0 hsla(0, 0%, 0%, .15), 0 0 .125rem .0625rem hsla(0, 0%, 0%, .05);
  background-color: white;
}
.container .card-stream-item .card-item {
  margin: 0.2rem;
}

.container .main-content {
  /* width: 60%;
  background-color: white;
  margin: 0 auto; */

  /* padding         : 10px 20px; */
  /* padding: .625rem 2.5rem; */
  /* padding-top         : 1.6rem; */
  /* padding-bottom  :1.6rem; */

  padding         : 1.6rem 3.5rem;
  /* padding-top: 0.8rem; */
  margin          : 0 0.6rem;
  /* border-radius: 0 10px; */
}
.container .card-content {
  padding: 1.6rem 2.0rem;
  margin: 0 0.6rem;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .container .main-content {
    padding: 1.6rem 2.5rem;
  }
  .container .card-content {
    padding: 1.6rem 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .container .main-content {
    padding: 1.6rem 1rem;
  }
  .container .card-content {
    padding: 1.6rem 0.5rem;
  }
}


.card.card-body a {
  color          : black;
  text-decoration: underline;
}

/* .container .main-stream-item .card {
  padding-bottom: 10px;
} */





.main-stream-item ul {
  padding-left: 1.875rem;
}
.main-stream-item ul.no-indent {
  padding-left: 0;
}






/* @media only screen and (max-width: 480px) and (min-height: 360px) {
  .max-width {
    max-width: 100%;
  }
}
@media only screen and (min-width: 481px) and (min-height: 576.75px) {
  .max-width {
    max-width: 100%;
  }
} */
/* @media only screen and (min-width: 769px) and (min-height: 768.75px) {
  .max-width {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (min-height: 900.75px) {
  .max-width {
    max-width: 768px;
  }
} */
.max-width {
  max-width: 768px;
}

.max-width-long {
  max-width: 1024px;
}

.max-width-very-long {
  max-width: 1200px;
}









.alert.alert-danger {
  border-radius: 0.4rem;
  padding      : 0.4rem 0.6rem;
  margin-top   : -0.4rem;
  margin-bottom: 0.6rem;
}

.invalid-feedback {
  margin : 0.2rem 0;
  padding: 0.4rem 0.5rem;

  color           : #d00;
  /* background-color: #fffbfb; */
  /* background-color: #fbf6f6; */
  background-color: #fff2f2;
  border          : 1px solid #ffd0d0;
  border-radius   : 4px;

  font-size  : 0.75rem;
  font-style : italic;
  font-weight: 600;
}

.form-control.is-invalid,
.alert.alert-danger {
  /* color: #f00000; */
  color           : #b72929;
  /* color           : #1c1c1c; */
  /* background-color: #fee; */
  background-color: #fffafa;
  border          : 2px solid #ffa6a6;

  font-size: 0.8rem;
}

.errorlist {
  color           : #b72929;
  background-color: #fee;

  padding: 0 1.2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.2rem;

  border          : 1px solid #ffa6a6;
  border-radius: 0.2rem;
  /* border-bottom-left-radius: 0; */
  /* border-bottom-right-radius: 0; */

  font-size: 0.8rem;
}
table .errorlist {
  display: table;
}






h3.privacy {
  margin-top: 2.2rem;
}



form .form-group label#id_new_password1 {
  margin-top: 1rem;
}




.sticky {
  position: fixed;
  /* overflow: visible; */
  top     : 0;
  right   : 0;
  left    : 0;
  width   : 100%;
}




.italic {
  font-style: italic;
}



/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top when bottom is used, and appear on bottom when top is used) */
.popup .popuptext {
  visibility: hidden;
  min-width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1000;
  /* bottom: 125%; */
  top: 125%;
  left: 50%;
  margin-left: -4rem;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  /* top: 100%; */
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  /* border-color: #555 transparent transparent transparent; */
  border-color: transparent transparent #555 transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}





.content {
  /* padding: 1.25rem; */
  padding: 3rem;
}

.center {
  display        : flex;
  flex-direction : row;
  justify-content: center;
}



.nav-container {
  margin-right : auto;
  margin-left  : auto;
  padding-right: .9rem;
  padding-left : .9rem;
  width        : 100%;

  -ms-flex-wrap: nowrap;
  flex-wrap    : nowrap;

  display         : -ms-flexbox;
  display         : flex;
  /* -ms-flex-wrap: wrap;
  flex-wrap       : wrap; */
  -ms-flex-align  : center;
  align-items     : center;
  -ms-flex-pack   : justify;
  justify-content : space-between;
}



.main-menu {
  /* margin-right: 1.25rem; */
}

.navbar-brand {
  font-family: 'Peralta', cursive;
}




table.table th {
  padding         : .45rem;
  font-size       : var(--main-font_size);
  background-color: darkred;
}

.table td.tablewrapperdata {
  padding: .75rem 0.01rem;
}

.table td.tablewrapperdata td {
  font-size: var(--main-font_very_small);
  padding  : .25rem;
}












/* Buttons */
.calendar .btn-info,
.btn-info {
  color           : white;
  /* color        : var(--color-info); */
  background-color: var(--color-primary-button);
  border-color    : transparent;
}

.btn {
  text-rendering: optimizeLegibility;
  /*text-rendering: geometricPrecision;
  */overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 0 0 0;
  /*-moz-box-shadow: 0 0 0 0;
  */box-shadow: 0 0 0 0;
  outline: none;
  border-collapse: collapse;
  /*border: .0625rem solid transparent;
  */border-width: .0625rem;
  border-style: solid;
  /*border-color: lightgray;
  */border-color: white;
  -webkit-border-radius: 0.25rem;
  border-radius: .25rem;
  padding: .5rem .75rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 400;
  background-clip: padding-box;
  transition: all .15s ease-in-out, background-color 0ms;
  -webkit-transition: all .15s ease-in-out, background-color 0ms;
  -moz-transition: all .15s ease-in-out, background-color 0ms;
  -ms-transition: all .15s ease-in-out, background-color 0ms;
  -o-transition: all .15s ease-in-out, background-color 0ms;
}

.calendar .btn  {
  /* line-height: 1.5rem; */

  padding-top: 0rem;
  padding-bottom: 0rem;
  line-height: 2rem;
}


form .btn-success {
  /* float: right; */
}

.btn-transparent {
  border               : 0;
  -webkit-border-radius: 0;
  border-radius        : 0;
}

.btn.btn-primary {
  color           : white;
  background-color: var(--color-primary-button);
  border-color    : transparent;
}

.btn.btn-outline-secondary {
  color           : white;
  background-color: var(--color-primary-button);
  border-color    : transparent;
}

.btn.btn-primary:hover,
.btn.btn-outline-secondary:hover {
  color          : rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.btn.btn-outline-tertiary {
  color           : white;
  background-color: #c18686;
  border-color    : transparent;
}

.btn-info {
  /* color: rgb(255, 255, 255); */
  /* color: #17a2b8; */
  /* background-color: #17a3b824; */
  /* border-color: #17a3b885; */
  padding    : 0.375rem 0.875rem;
  /* padding: 0.2rem 0.8rem; */
  font-size  : var(--main-font_size);
  text-shadow: none;
}

.btn-success {
  color           : #fff;
  background-color: #28a745;
  border-color    : #28a745;
}
a:hover.btn-success {
  color           : #fff;
}






.btn-card {
  /* color: rgb(120, 120, 120); */
  color: rgb(255, 255, 255);
  color: #a5a5a5;

  /* background-color: #98989824;
  border-color: #76767624; */
  /* padding: 0.375rem 0.875rem; */
  padding       : 0.375rem 0.625rem;
  font-size     : var(--main-font_size_very_small);
  letter-spacing: 0.02rem;
}

@media only screen and (max-width: 1024px) {
  .btn-bottom-right {
    position: absolute;
    bottom  : 1.25rem;
    /* right   : 1.875rem; */
    right   : 1.25rem;

    /* top  : 2.25rem;
    right   : 1.875rem; */
  }
}
@media only screen and (min-width: 1024px) {
  .btn-bottom-right {
    position: fixed;
    right   : 2.5rem;
    bottom  : 2.5rem;
  }
}

.btn-bottom-right {
  --button_size: 5rem;

  z-index : 999;
  width   : var(--button_size);
  height  : var(--button_size);
}
.btn-bottom-right.btn-add {
    padding: 0 0;
    text-align: center;


    background-color: rgb(255, 255, 255);
    /* border-color: rgb(255 255 255); */
    overflow: hidden;
    border: none;
    border-radius: 9999px;
    border: none;

    color: rgb(0, 0, 0);
    font-size: calc(var(--button_size) / 2);
    line-height: var(--button_size);

    /* -webkit-box-shadow: 0rem 0.125rem 0.25rem 0.125rem rgb(0 0 0 / 10%); */
    /* -moz-box-shadow: 0rem .125rem .25rem .125rem rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0rem 0.125rem 0.25rem 0.125rem rgb(0 0 0 / 10%); */

    -webkit-box-shadow: 0rem 0.125rem 0.25rem 0.125rem rgb(0 0 0 / 20%), 0rem 0.25rem 0.5rem 0.25rem rgb(0 0 0 / 40%);
    -moz-box-shadow: 0rem .125rem .25rem .125rem rgba(0, 0, 0, 0.2), 0rem 0.25rem 0.5rem 0.25rem rgba(0, 0, 0, 0.4);
    box-shadow: 0rem 0.125rem 0.25rem 0.125rem rgb(0 0 0 / 20%), 0rem 0.25rem 0.5rem 0.25rem rgb(0 0 0 / 40%);
}
.btn-bottom-right.btn-add:hover {
    text-decoration: none;
}

.btn-bottom-right.btn-send {
  visibility: hidden;

  padding   : 0 0;
  text-align: center;

  color           : rgb(255, 255, 255);
  background-color: #049084;
  border: 0;
  /* border-color    : rgb(77, 218, 22); */
  border-radius   : var(--button_size);
  font-size       : calc(var(--button_size) / 2);
  line-height     : var(--button_size);

  -webkit-box-shadow: 0rem .125rem .25rem .125rem rgba(0, 0, 0, 0.1), 0rem .0625rem .125rem .0625rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow   : 0rem .125rem .25rem .125rem rgba(0, 0, 0, 0.1), 0rem .0625rem .125rem .0625rem rgba(0, 0, 0, 0.15);
  box-shadow        : 0rem .125rem .25rem .125rem rgba(0, 0, 0, 0.1), 0rem .0625rem .125rem .0625rem rgba(0, 0, 0, 0.15);
}
.btn-bottom-right.btn-send:hover {
  text-decoration: none;
}

.btn.right {
  margin-right: .25rem;
}

.btn.right.edge {
  margin-right: 0;
}

.btn-full-width {
  width: 100%;
}






.clearfix {
  margin           : 0;
  /* padding-bottom: 0.375rem; */
  box-sizing       : border-box;
}





.flex-row {
    display          : flex;
    flex-direction   : row;
    /* height        : 100%; */
    /* width         : 100%; */
}

.flex-row-reverse {
    display          : flex;
    flex-direction   : row-reverse;
    /* height        : 100%; */
    /* width         : 100%; */
}

.flex-column {
    display          : flex;
    flex-direction   : column;
    /* height        : 100%; */
    /* width         : 100%; */
}

/* .grow-1 {
    flex-basis: 1;
} */

.flex-row.space-between {
    justify-content: space-between;
}

.flex-row.center-vertical {
    align-items: center;
}

.flex-row.center-horizontal {
    justify-content: center;
}

.flex-column.space-between {
    align-items: space-between;
}

.flex-column.center-vertical {
    justify-content: center;
}

.flex-column.center-horizontal {
    align-items: center;
}

.full-width {
    width: 100%;
}

.column-3split-first {
    justify-content: flex-start;
}

.column-3split-center {
    justify-content: center;
}

.column-3split-last {
    justify-content: flex-end;
}

/* Add space between all sub-element in each header-group */
/*    done to all except first child  */
.header .column>*:not(:first-of-type) {
    margin-left: 0.4rem;
}










.calendar {
  text-rendering   : optimizeLegibility;
  /* text-rendering: geometricPrecision; */

  --date_fontsize: 0.8rem;

  width           : 100%;
  margin          : auto;
  font-size       : var(--main-font_size);
  background-color: white;
  border-collapse : collapse;
  /* border-bottom: solid lightgray 1px; */
  box-shadow: 0 0.03125rem .0625rem 0 hsla(0, 0%, 0%, .1), 0 .125rem .25rem 0 hsla(0, 0%, 0%, .05);
}

.month-header-content {
  width          : 100%;
  display        : flex;
  flex-direction : row;
  justify-content: space-between;
}


.calendar tr:nth-child(even) {
  background-color: #f8fafb;
}

.calendar tr:nth-child(2) {
  /* Gray */
  /* background-color: rgba(80, 81, 81, 0.400);
  color: white;

  border: .0625rem solid rgba(67, 66, 66, 0.235);

  -webkit-box-shadow: 0rem .125rem .125rem 0rem rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0rem .125rem .125rem 0rem rgba(0, 0, 0, 0.25);
  box-shadow: 0rem .125rem .125rem 0rem rgba(0, 0, 0, 0.25); */

  /* White */
  background-color: white;

  line-height: 1rem;
}

.calendar tr:first-child {
  background-color: rgba(0, 255, 255, 0.300);
  color           : rgb(255, 255, 255);
  /* border       : .0625rem solid rgb(153, 237, 250); */
  border          : 0;

  /*background-color: rgba(245, 82, 82, 0.523);*/
  /*border: .0625rem solid rgba(0, 255, 255, 0.700);*/
  /*-webkit-box-shadow: 0rem .125rem .125rem -.0625rem rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0rem .125rem .125rem -.0625rem rgba(0, 0, 0, 0.25);
  box-shadow: 0rem .125rem .125rem -.0625rem rgba(0, 0, 0, 0.25);*/

  background: var(--color-secondary);

  /* Gradient */
  /* text-shadow: .0625rem .0625rem #00ddff;

  background: rgb(200, 248, 255);
  background: -moz-linear-gradient(top, rgb(200, 248, 255) 0%, rgba(136,235,252,1) 50%, rgb(200, 248, 255) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(200, 248, 255)), color-stop(50%, rgba(136,235,252,1)), color-stop(100%, rgb(200, 248, 255)));
  background: -webkit-linear-gradient(top, rgb(200, 248, 255) 0%, rgba(136,235,252,1) 50%, rgb(200, 248, 255) 100%);
  background: -o-linear-gradient(top, rgb(200, 248, 255) 0%, rgba(136,235,252,1) 50%, rgb(200, 248, 255) 100%);
  background: -ms-linear-gradient(top, rgb(200, 248, 255) 0%, rgba(136,235,252,1) 50%, rgb(200, 248, 255) 100%);
  background: linear-gradient(to bottom, rgb(200, 248, 255) 0%, rgba(136,235,252,1) 50%, rgb(200, 248, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baf6ff', endColorstr='#baf6ff', GradientType=0 ); */

}

.calendar tr,
.calendar td {
  border       : .0625rem solid rgba(67, 66, 66, 0.12);
  border-bottom: 0;
}

.calendar th {
  padding  : .3125rem;
  /* border: .0625rem solid rgba(67, 66, 66, 0.300); */

  text-align : center;
  font-size  : var(--main-font_size);
  font-weight: 600;
}

.calendar td {
  min-height    : 11.25rem;
  /* width         : 200rem; */
  width: calc(100% / 7);
  vertical-align: top;
}

.calendar .date-wrapper {
  /* min-height: 11.25rem; */
  min-height: 4.25rem;
  padding   : 0rem 0rem 0rem .25rem;
  /* overflow  : hidden; */
}

.calendar .month {
  border: 0rem;

  font-size  : var(--main-font_size-large);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 2rem;
}


/* .calendar .week .weekend, */
.calendar .week td:nth-child(6),
.calendar .week td:nth-child(7) {
  /* background-color: rgba(255, 188, 188, 0.2); */
  color: red
}

.calendar .today {
  /* -webkit-box-shadow: inset 0rem 0rem 0rem .0625rem rgb(255, 128, 128);
  -moz-box-shadow: inset 0rem 0rem 0rem .0625rem rgb(255, 128, 128);
  box-shadow: inset 0rem 0rem 0rem .0625rem rgb(255, 128, 128); */

  background-color: rgb(211, 211, 211);
  /* border       : solid .125rem rgba(255, 60, 60, 0.5); */
}

/* .calendar .week .weekend.today,   */
.calendar .week td.today:nth-child(6),
.calendar .week td.today:nth-child(7) {
  background-color: rgba(111, 51, 51, 0.2);
}

.calendar.availability .week:hover {
  cursor: pointer;
}

/*
  background-color: rgba(255, 81, 81, 0.1);
} */

.calendar .date {
  font-size: var(--main-font_size);
}


.calendar ul {
  height         : calc(100% - var(--main-font_size) * 1.5);
  padding        : 0rem .25rem .125rem .125rem;
  margin-bottom  : 0rem;
  list-style-type: none;
}

.calendar a {
  color: #17a2b8;
}








a:hover {
  color: #0053ac;
  text-decoration: underline;
}

.left {
  float: left;
}

.right {
  float: right;
}









.form {
  margin: auto;
}

.form input,
.form select,
.form textarea {
  border-radius: .25rem;
  border       : .0625rem solid #17a2b8;
  outline      : none;
  background   : none;
  padding      : .25rem;
  width        : 100%;
}

.form input[type=checkbox] {
  width        : auto;
  display: flex;
  align-self: center;
}













.itembar-small {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.itembar-small {
  z-index: 100;
  position        : relative;
  overflow        : hidden;
  line-height     : 1.6rem;

  padding         : 0.24rem 0.8rem;

  color         : #004cff;
  font-size     : var(--main-font_size_small);
  font-style    : italic;
  font-weight   : 600;
  letter-spacing: 0.05rem;

  background-color: white;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd4016+0,bd4016+100&0.8+0,0.8+60,0.8+100 */

  /* box-shadow: 0 .125rem .25rem 0 hsla(0, 0%, 0%, .15), 0rem .0625rem .125rem 0 hsl(0deg 0% 0% / 50%); */
  box-shadow: 0 .0625rem .125rem 0 hsla(0, 0%, 0%, .15);
  box-shadow: 0rem .125rem .25rem 0 hsla(0, 0%, 0%, .25);

  text-shadow: transparent 0rem 0rem 0rem, rgb(255 255 255 / 60%) 0rem 0rem .0625rem;
}

.breadcrumb {
  position  : relative;
}

.page-additionals,
.page-additionals ul {
  margin       : 0;
  padding      : 0;
}

.breadcrumb ul {
  position  : relative;
  display   : inline-block;
  list-style: none;
}

.breadcrumb a {
  line-height   : inherit;
  /* color      : rgb(141, 141, 141); */
  /* font-weight: 700; */
  /* color      : #931a0fb6; */

  /* color: #dda291;
  text-shadow: 0 -.0625rem #e2e2e2; */

  /* color   : rgba(255, 255, 255, 0.8); */
  /* color: rgba(0, 0, 0, 0.7); */
  /* color: #0058ffa0; */
  color         : #004cffa0;

}

.breadcrumb-item.active a {
  text-rendering: optimizeLegibility;
  /* opacity: 0.4; */
  /* color: #e78263; */

  /* color   : white; */
  /* color: black; */

  /* color: #0058ff; */
  color         : #004cff;
  font-weight: 600;
  /* font-style: italic; */
}






.my-2 {
  /* margin-top: 0.5rem!important;
  margin-bottom: 0.5rem!important; */

  margin       : 0;
  padding      : 0;
  /* margin-top: 0;
  margin-bottom: 0rem;
  padding      : 0.2rem 1rem; */


  /* display: none; */
}









li.breadcrumb-item,
li.breadcrumb-item-ext {
  margin-left: 0.2rem;
  display    : inline-block;

  /* letter-spacing: 0.07rem; */
  letter-spacing: 0.04rem;
}

li.breadcrumb-item::before {
  /* content: '▶'; */
  /* content: '>';
  position: absolute;
  left: 0; */


  /* By using an em scale, the arrows will size with the font */
  position: relative;
  top     : -.0625rem;
  content : "";
  display : inline-block;

  width       : 0.4em;
  height      : 0.4em;
  border-right: 0.15em solid rgba(0, 0, 0, 0.7);
  border-top  : 0.15em solid rgba(0, 0, 0, 0.7);
  transform   : rotate(45deg);
  margin-right: 0.7em;
}

li.breadcrumb-item:first-child::before {
  /* content: '▶'; */
  /* content: '>';
  position: absolute;
  left: 0; */


  /* By using an em scale, the arrows will size with the font */
  position  : relative;
  /* top    : 0; */
  content   : "";
  /* display: inline-block; */

  width       : 0;
  height      : 0;
  border      : 0;
  border-left : 0;
  transform   : none;
  margin-right: 0;
}

li.breadcrumb-item-ext:first-child::before {
  /* content: '▶'; */
  /* content: '>';
  position: absolute;
  left: 0; */


  /* By using an em scale, the arrows will size with the font */
  position: relative;
  top     : .0625rem;
  content : "";
  display : inline-block;

  /* width: 0.4em; */
  height         : 0.7em;
  /* border-right: 0.1em solid black; */
  /* border-top  : 0.15em solid black; */
  transform      : none;
  margin-right   : 0.7em;
}

.btn-breadcrumb {
  font-size  : 0.8rem;
  font-weight: 700;
  padding    : 0.1rem .75rem;

}

a.btn-breadcrumb {
  background-color: transparent;
  /* color           : black; */

  /* color: #dda291; */
  color       : #e78263;
  border-color: #dda291;

  text-shadow     : none;
}

a.btn-breadcrumb.active {
  /* background-color: rgb(119, 199, 119); */
  /* border-color    : green; */
  /* color           : white; */

  color           : white;
  background-color: #e78263;
  border-color    : #e78263;

  text-shadow     : none;
}

.breadcrumb-ext {
  display        : inline-flex;
  flex-direction : row;
  justify-content: flex-start;
  align-items    : center;

  margin-left: 1rem;
}










.menu-switcher {
  text-rendering   : optimizeLegibility;
  /* text-rendering: geometricPrecision; */

  /* margin-top: 1rem; */
  border          : 0;
  /* border-style : solid;
  border-top-width: .0625rem;
  border-color    : #ae3e1b; */

  display        : flex;
  flex-direction : row;
  justify-content: flex-start;
  align-items    : center;
  width          : 100%;

  flex-basis: auto;

  font-size      : 1rem;
  line-height    : 1.2rem;
  border-collapse: collapse;
}

.menu-switcher-item {
  width        : 100%;
  margin-bottom: .0625rem;
}



.menu-alt {
  /* padding: 0.8rem 1rem; */
  width           : 100%;
  /* margin-bottom: .0625rem; */
  /* display      : flex;
  flex-direction  : row;
  justify-content : flex-start;
  align-items     : center;

  flex-basis      : 100% */
  text-align      : center;
  line-height     : 2rem;
}

.menu-alt.active {
  border             : 0;
  /* border-style    : solid;
  border-bottom-width: .125rem; */
  /* border-color    : #3adf0c; */
  /* border-color    : #ae3e1b; */

  /* outline-width: .0625rem;
  outline-style: solid;
  outline-color: transparent; */
}





a.menu-alt {

  font-weight   : 700;
  letter-spacing: 0.07rem;

  /* color: #2fbf2f; */
  /* color: #027B70; */
  color: rgb(29, 29, 29);
  color: rgb(2, 123, 112);

  -webkit-font-smoothing      : antialiased;
  /* -webkit-text-stroke      : 0.4.3125rem rgba(0, 0, 0, 0.4); */
  /* .025em rgba(51,51,51,0.50); */
  /* -webkit-text-stroke-width: 0.4.3125rem; */
  -webkit-text-stroke-width   : .025em;
  /* -webkit-text-stroke-color: rgb(255 255 255 / 40%); */
  /* -webkit-text-stroke-color: rgb(0 0 0 / 40%); */
  -webkit-text-stroke-color   : rgb(2 123 112 / 40%);

  /* text-shadow: transparent 0rem 0rem 0rem, #bd3f1682 .0625rem .0625rem .0625rem; */
  /* text-shadow: transparent 0rem 0rem 0rem, rgba(0, 0, 0, 0.1) .0625rem .0625rem .0625rem; */
  text-shadow: transparent 0rem 0rem 0rem, rgb(2 123 112 / 20%) 0rem 0rem .0625rem, rgb(255 255 255 / 80%) 0rem 0rem .25rem;

  /* -webkit-text-stroke: 0.4.3125rem; */
  /* text-shadow: #fff 0rem .0625rem .0625rem; */


  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#027b70+0,027b70+100&0.1+0,0.2+80,0.3+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(2, 123, 112, 0.1) 0%, rgba(2, 123, 112, 0.2) 80%, rgba(2, 123, 112, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(2, 123, 112, 0.1) 0%, rgba(2, 123, 112, 0.2) 80%, rgba(2, 123, 112, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(2, 123, 112, 0.1) 0%, rgba(2, 123, 112, 0.2) 80%, rgba(2, 123, 112, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a027b70', endColorstr='#4d027b70', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#027b70+0,027b70+100&0.1+0,0.1+80,0.15+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(2, 123, 112, 0.1) 0%, rgba(2, 123, 112, 0.1) 80%, rgba(2, 123, 112, 0.15) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(2, 123, 112, 0.1) 0%, rgba(2, 123, 112, 0.1) 80%, rgba(2, 123, 112, 0.15) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(2, 123, 112, 0.1) 0%, rgba(2, 123, 112, 0.1) 80%, rgba(2, 123, 112, 0.15) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a027b70', endColorstr='#26027b70', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */


}

a.menu-alt:hover {
  text-decoration: none;
}

a.menu-alt.active {
  /* color: green; */
  color         : white;
  /* text-shadow: 0rem .0625rem rgb(161, 161, 161); */
  /* text-shadow: transparent 0rem 0rem 0rem, .0625rem .0625rem rgb(53, 68, 53); */


  /* text-shadow: transparent 0rem 0rem 0rem, rgb(101 101 101 / 60%) 0rem 0rem .1875rem; */
  text-shadow: transparent 0rem 0rem 0rem, rgb(255 255 255 / 60%) 0rem 0rem .0625rem;

  -webkit-font-smoothing      : antialiased;
  /* -webkit-text-stroke      : 0.4.3125rem rgba(0, 0, 0, 0.4); */
  /* -webkit-text-stroke-width: 0.4.3125rem; */
  -webkit-text-stroke-width   : .025em;
  -webkit-text-stroke-color   : rgb(255 255 255 / 30%);
  /* -webkit-text-stroke-color: rgb(0 0 0 / 40%); */
  /* -webkit-text-stroke-color: rgb(2 123 112 / 40%); */

  /* background-color: #027B70; */
  /* background-color: #8BD2CCCF; */



  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#027b70+0,027b70+34,027b70+66,027b70+100&0.45+0,0.5+40,0.6+100 */
  background: -moz-linear-gradient(top, rgba(2, 123, 112, 0.45) 0%, rgba(2, 123, 112, 0.49) 34%, rgba(2, 123, 112, 0.5) 40%, rgba(2, 123, 112, 0.54) 66%, rgba(2, 123, 112, 0.6) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(2, 123, 112, 0.45) 0%, rgba(2, 123, 112, 0.49) 34%, rgba(2, 123, 112, 0.5) 40%, rgba(2, 123, 112, 0.54) 66%, rgba(2, 123, 112, 0.6) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(2, 123, 112, 0.45) 0%, rgba(2, 123, 112, 0.49) 34%, rgba(2, 123, 112, 0.5) 40%, rgba(2, 123, 112, 0.54) 66%, rgba(2, 123, 112, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#73027b70', endColorstr='#99027b70', GradientType=0);
  /* IE6-9 */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#027b70+0,027b70+100&0.6+0,0.7+41,0.8+100 */
  background: -moz-linear-gradient(top, rgba(2, 123, 112, 0.6) 0%, rgba(2, 123, 112, 0.7) 41%, rgba(2, 123, 112, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(2, 123, 112, 0.6) 0%, rgba(2, 123, 112, 0.7) 41%, rgba(2, 123, 112, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(2, 123, 112, 0.6) 0%, rgba(2, 123, 112, 0.7) 41%, rgba(2, 123, 112, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#99027b70', endColorstr='#cc027b70', GradientType=0);
  /* IE6-9 */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#027b70+0,027b70+100&0.4+0,0.9+60,1+100 */
  background: -moz-linear-gradient(top, rgba(2, 123, 112, 0.4) 0%, rgba(2, 123, 112, 0.9) 60%, rgba(2, 123, 112, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(2, 123, 112, 0.4) 0%, rgba(2, 123, 112, 0.9) 60%, rgba(2, 123, 112, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(2, 123, 112, 0.4) 0%, rgba(2, 123, 112, 0.9) 60%, rgba(2, 123, 112, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#66027b70', endColorstr='#027b70', GradientType=0);
  /* IE6-9 */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#027b70+0,027b70+100&0.5+0,0.9+60,1+100 */
  background: -moz-linear-gradient(top, rgba(2, 123, 112, 0.5) 0%, rgba(2, 123, 112, 0.9) 60%, rgba(2, 123, 112, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(2, 123, 112, 0.5) 0%, rgba(2, 123, 112, 0.9) 60%, rgba(2, 123, 112, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(2, 123, 112, 0.5) 0%, rgba(2, 123, 112, 0.9) 60%, rgba(2, 123, 112, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#80027b70', endColorstr='#027b70', GradientType=0);
  /* IE6-9 */


}






.card {
  box-shadow: 0 .125rem .25rem 0 hsla(0, 0%, 0%, .15), 0 0.1875rem 0.125rem 0 hsla(0, 0%, 0%, .05);
  /* margin-top: 1.125rem; */

  /* margin-bottom: 1.25rem; */
  /* padding: 0.375rem; */
  border-collapse: collapse;
  box-sizing     : border-box;

  /* border-radius: 0.3rem; */
  border-top-left-radius       : 0rem;
  border-top-right-radius      : 0rem;
  /* border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius    : 0.3rem; */
  border-bottom-right-radius   : 0rem;
  border-bottom-left-radius    : 0rem;

  /* background-color: rgb(255, 255, 255); */
  border-color   : transparent;
  /* border-color: rgb(210, 210, 210); */

  position: relative;

  display           : -ms-flexbox;
  display           : flex;
  -ms-flex-direction: column;
  flex-direction    : column;

  min-width: 0;
  word-wrap: break-word;

  background-color: #fff;
  background-clip : border-box;
}

.border .light {
  /* margin-bottom: 1.25rem; */
  border-color: rgb(210, 210, 210);
}






.scheduler-page {
  margin-top     : 0;
  border-collapse: collapse;
  box-sizing     : border-box;
  border         : 0;
  /* margin-top  : 0.5rem!important; */
  margin: 0 auto;

}












#stream-controls {
  margin-top: -0.2rem;
  margin-bottom: 0.8rem;
  justify-content: initial;
  /* background-color: #503232; */

  border-radius: 0.3rem;
  margin-top: -0.2rem;
  margin-bottom: 0.8rem;

  padding: 0;

  /* box-shadow: 0 0 0.15rem 0.021rem rgba(0,0,0,0.25); */
}

#stream-create {
  display: inline-block;
  margin: 4px 0px;
  /* padding: 2px 12px; */
  padding: 0.4rem 2rem;

  /* background-color: #006bdd; */
  /* background-color: #268ed3; */
  /* background-color: #3099c7; */
  background-color: #0086d5;
  color: white;

  /* border: 1px solid #006bdd; */
  /* border: 1px solid #9dccff; */

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;

  font-style: italic;
  /* font-size: 0.8rem; */
  font-size: 0.9rem;
  line-height: 1.2rem;
}
#stream-controls > #stream-create {
  margin: 0.1rem 0.1rem;
}

.notifications.card {


  /* width: 80%; */
  /* width: 70%; */
  /* width: 60%; */
  margin   : 0 0 0.875rem 0;
  /* margin   : 0 0.4rem 0.875rem 0.4rem; */
  /* margin: 0.875rem 0; */

  /* padding: 0.375rem;
  padding-left: 0.625rem; */
  /* padding: 0; */
  /* padding: 0.4rem 1rem; */
  /* padding: 0.6rem 1rem; */
  padding: 0.4rem 0.8rem;
  padding-bottom: 1rem;

  border                : 0;
  /* border-width          : .0625rem;
  border-color          : rgb(210, 210, 210);
  border-style          : solid; */
  /* border-bottom-width: .0625rem; */

  overflow                  : hidden;
  /* border-top-left-radius    : 1rem; */
  /* border-bottom-right-radius: 1rem; */

  /* border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem; */

  /* -webkit-box-shadow: 0rem .0625rem .25rem 0.0625rem rgba(0,0,0,0.25);
  -moz-box-shadow: 0rem .0625rem .25rem 0.0625rem rgba(0,0,0,0.25);
  box-shadow: 0rem .0625rem .25rem 0.0625rem rgba(0,0,0,0.25); */

  box-shadow: 0 0 .25rem 0.031rem rgba(0,0,0,0.25);
}






.card-header {
  text-rendering   : optimizeLegibility;
  /* text-rendering: geometricPrecision; */

  /* color: white; */
  color: black;

  padding            : .25rem 1rem;
  /* padding-top        : 0.5rem; */
  padding-bottom     : 0.8rem;
  padding-top        : 0.5rem;
  /* padding-bottom     : 0.5rem; */
  /* padding-left       : 1rem; */
  padding-left: 0.8rem;
  padding-right      : 0.4rem;
  /* padding         : .25rem 0.875rem; */
  /* background-color: rgb(235, 235, 235); */
  /* background-color   : var(--color-secondary); */
  /* background-color   : rgba(2, 126, 115, 0.8); */
  /* background-color: rgb(0 134 131 / 80%); */
  /* background-color: rgb(33 156 148); */


  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#02bbaa+0,027b70+73,027b70+100&0.8+0,0.8+100 */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#029380+0,027b70+80,027b70+100&0.7+0,0.8+50,0.8+50,0.8+100 */

  /* background: linear-gradient(to right, rgb(0 226 198 / 90%) 0%, rgb(0 202 175 / 90%) 2%, rgb(0 191 174 / 90%) 50%, rgb(0 136 124 / 90%) 100%); */

  /* linear-gradient(to right, rgb(0 230 202 / 90%) 0%, rgb(0 173 151 / 90%) 2%, rgb(0 171 156 / 90%) 50%, rgb(0 119 109 / 90%) 100%) */


  display        : flex;
  flex-direction : row;
  justify-content: space-between;
  align-items    : center;

  border                   : 0;
  /* border-width          : .0625rem;
  border-color             : rgb(230, 230, 230);
  border-style             : solid;
  border-bottom-width      : 0; */
  /* border-top-left-radius: 0.3rem;
  border-top-right-radius  : 0.3rem; */

  /* text-shadow: 0rem .125rem .125rem #0000003d; */

}

.card-header .info {
  /* color: black; */
  /* color: var(--color-info); */
  /* flex-direction: column; */

  display       : flex;
  /* flex-direction: row; */
  /* align-items   : center; */

  flex-direction: column;
  align-items: flex-start;
}

.card-header .options {
  /* color: black; */
  /* color: var(--color-info); */
  flex-direction: column;
}

.card-header .topic {
  /* font-size     : var(--main-font_size); */
  /* font-weight   : 700; */

  font-size: var(--main-font_size-very_large);
  font-weight: 600;

  /* line-height   : 1.4rem; */
  /* line-height: 1.6rem; */
  line-height: var(--main-font_size-very_large);
  letter-spacing: 0.02rem;
  margin-top: 0.6rem;
  /* margin-bottom: 0.4rem; */
  margin-bottom: 0.8rem;
  /* text-shadow: .0625rem .0625rem .0625rem rgba(0,0,0,0.004); */
  /* text-shadow: transparent 0rem 0rem 0rem, rgb(77 77 77 / 0.6) 0rem 0rem .25rem; */
  /* text-shadow   : transparent 0rem 0rem 0rem, rgb(130 130 130 / 60%) 0rem 0rem .25rem; */
  /* text-shadow   : transparent 0rem 0rem 0rem, rgb(90 90 90 / 60%) 0rem 0rem .25rem; */
  text-transform: capitalize;
}

.card-header .author {
  /* background-color: #ececec; */
  /* background-color: #f2f2f2; */
  background-color: #f9f9f9;
  border-radius: 9999px;
  -webkit-border-radius: 9999;
  -moz-border-radius: 9999;
  -ms-border-radius: 9999;
  -o-border-radius: 9999;
  /*color: rgb(174, 174, 174);
  *//*color: rgba(255, 255, 255, 0.6);
  *//*color: rgb(255 255 255 / 77%);
  */color: var(--color-info-sub);
  color: #a5a5a5;
  font-size: var(--main-font_size_very_small);
  font-weight: 400;
  line-height: 1rem;
  /*letter-spacing: 0.01rem;
  */letter-spacing: 0.02rem;
  /* padding: 0.1rem 0.5rem 0.2rem 0.5rem; */
  padding: 0.1rem 0.6rem 0.2rem 0.6rem;
  /*padding-left: 0rem;
  *//*padding-left: 0.625rem;
  */display: inline-flex;
  /* margin-left: 0.8rem; */
  text-transform: lowercase;
}
.card-header .author .author-content {
  text-transform: capitalize;
}
.card-header .info .author-icon {
  margin-right: 0.2rem;
}

.card-header .info .author ul {
  /* list-style: none; */
  /* padding-left: 0.875rem; */
  padding-left: 1.75rem;
  margin: 0;
}

.card-header .info .author li {
  /* margin-left: -.25rem; */
}

.notifications .contentseperator {
  /* margin: 0 auto; */
  /* width: 95%; */
  /* width: 100%; */
  /* border-top: .0625rem solid rgb(235, 235, 235); */
  border    : 0;
  /* border-top: .0625rem solid rgb(210, 210, 210); */
  border-top: .0625rem solid rgb(234 234 234);
  /* margin : 0.4rem auto; */
  /* margin    : .25rem 0.8rem; */
  /* margin: .25rem 2rem; */
  margin: .25rem 1rem;
  /* margin : 0 auto; */
  padding   : 0;
  display   : none;
}




.cardbody {
  min-height: 4rem;
  /* background-color: #f5fff8; */
  /* background-color: #f9fffb; */
}

.cardbody .content {
  padding    : 0.875rem;
  padding-top: 0.875rem;
  color      : black;
  /* padding : 0 .5rem; */

  font-size     : var(--main-font_size_medium_small);
  /* font-size : var(--main-font_size); */
  font-weight   : 400;
  font-family   : Arial, Helvetica, sans-serif;
  letter-spacing: 0.03rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex    : 1 1 auto;
  padding : 1.25rem;
}


.notifications .card-footer {
  padding: 0.25rem 1rem;
  color: gray;
}
.notifications .card-footer .read-by {
  cursor: pointer;
}
.notifications .card-footer .read-by-list {
  display: inline-block;
}
.notifications .card-footer .read-by-list .read-by-item {
  margin-left: 0.2rem;
}
.notifications .card-footer .read-by-list .read-by-item.none {
  font-style: italic;
}

#userMenu {
  /* color: rgb(117, 175, 255); */
  font-weight: 700;
}

a#userMenu:hover {
  /* color: #0056b3; */
}





.cardwrapper {
  /* box-shadow         : 0 .125rem .25rem 0 hsla(0, 0%, 0%, .05), 0 0.3125rem .0625rem 0 hsla(0, 0%, 0%, .15); */
  box-shadow: 0 0.125rem 0.25rem 0 hsl(0deg 0% 0% / 15%), 0 0.25rem 0.0625rem 0 hsl(0deg 0% 0% / 3%);

  display            : table;
  /* width           : 100%; */
  margin             : 0rem;
  /* background-color: #f5f5f5; */
  background-color: white;
  /* background-color   : rgb(243, 243, 243); */
  padding            : 0.8rem 2rem;
  padding-top        : 1.4rem;
  border-collapse    : separate;
  border-radius      : 0.3rem;

  width: 100%;
}







.formwrapper.solo-form{
  margin-top: 2rem;
}

.formwrapper form {
  /* min-width: 500rem; */
  /* width : 100%; */

}

.formwrapper .formview {}

.formwrapper .form-table {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: var(--main-font_size_small);
  border-spacing: 0.6rem;
  padding: 1rem;

  /* box-shadow: 0 0.03125rem .0625rem 0 hsla(0, 0%, 0%, .1), 0 .125rem .25rem 0 hsla(0, 0%, 0%, .05); */
  box-shadow: 0 .125rem .25rem 0.1rem hsla(0, 0%, 0%, 0.2)
}

.formwrapper .form-table label {
  font-weight  : 500;
  margin-bottom: 0;
  margin-right : 0.625rem;
  float: left;
}


.formwrapper .form-div {
  /* max-width: 80%; */

  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: var(--main-font_size_small);
  border-spacing: 0.6rem;
  padding: 1rem;

  /* box-shadow: 0 0.03125rem .0625rem 0 hsla(0, 0%, 0%, .1), 0 .125rem .25rem 0 hsla(0, 0%, 0%, .05); */
  box-shadow: 0 .125rem .25rem 0.1rem hsla(0, 0%, 0%, 0.2);
  padding-bottom: 3rem;
}

.formwrapper .form-div p {
  margin-top: 0.4rem;
}
.formwrapper .form-div label {
  font-weight  : 500;
  margin-bottom: 0;
  margin-right : 0.625rem;
}
.formwrapper .form-div .btn.btn-submit {
  margin-top: .25rem;
}

.form-section {
  margin-top: 1.6rem;
}
.form-title {
  font-size: 1.2rem;
  font-weight  : 600;
  margin-bottom: 0.2rem;
}



label.label-required {
  font-weight  : 600;
}

.formwrapper input,
.formwrapper select,
.formwrapper textarea {
  background-color: rgb(255, 255, 255);
}

.form input,
.form select,
.form textarea {
  border-color: lightgray;
  /* background-color: white; */
}


.form input,
.form select,
.form textarea {
  border-color: lightgray;
  /* background-color: white; */
}

.formwrapper .form-table .btn.btn-submit {
  margin-top: .25rem;
}

.formwrapper .form-table th {
  display: block;
}

.form table th, .form table td {
  float: left;
  text-align: left;
}

/* Info text Password form */

form .form-info-text {
  display: block;
  /* display: inline-block; */


  font-size: 0.7rem;
  color    : #00629f;

  margin-bottom: 0rem;
  margin-top   : 0.25rem;
  padding      : 0.25rem 0.5rem;

  /* background-color: #d5eefd; */
  background-color: #e0f2ff;
  border          : 1px solid #79c9fb;
  border-radius   : 4px;
}

form .form-info-text details summary {
  cursor: pointer;
}

form .form-info-text details ul {
  font-size: 0.7rem;
  color    : #00629f;

  margin       : 0rem;
  padding      : 0.5rem 1rem;

}


.col-lg-4 {
  /* -ms-flex : 0 0 33.333333%; */
  /* flex     : 0 0 33.333333%; */
  /* max-width: 33.333333%; */
  max-width: 30rem;
}



.text-align-center {
  text-align: center;
}







.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-horizontal-center {
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
.flex-horizontal-even {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.flex-horizontal-between {
  display: flex;
  justify-content: space-between;
}
.flex-horizontal-around {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.flex-horizontal-end {
  display: flex;
  justify-content: flex-end;
}




.gap-4 {
  gap: 4rem;
}
.gap-8 {
  gap: 8rem;
}






@media only screen and (max-width: 500px) {
  .footer .links {
    flex-wrap: wrap;
  }
  .footer .column {
    display: inline-flex;
  }
}

.footer .column {
  flex: 1 1 0px;
  height: 100%;
  padding: 0.4rem 0.2rem;
  word-break: break-all;;
  min-width: 8rem;
}

.footer .link-wrapper {
  display: inline-block;
}

.footer .column-header {
  /* color: #02004f; */
  /* color: #1d40aa; */
  /* color: #182a62; */
  color: #e34614;
  /* font-weight: 700; */
  /* font-size: 0.80rem;
  font-weight: 400; */
  font-size: var(--main-font_size-medium_large);
  font-weight: 700;
  font-style: normal;
  /* text-shadow: 1px 1px 1px #00000044; */
}

.footer .links {
  letter-spacing: 0.04rem
}
.footer .text-left {
  text-align: left;
}
.footer .text-list {
  /* text-align: left; */
  font-size: 0.9rem;
  line-height: 1.6rem;
}



.container .main-stream-item.margin-top-4 {
  margin-top: 2rem;
}




.footer .links .link {
    display: block;

    /* color: #bd3f16; */
    /* color: #ffffffed; */
    /* color: #fff0f0; */

    font-size: 0.8rem;
    line-height: 1.2rem;

    /* font-weight: 400; */
    font-weight: 600;
    /* font-style: italic; */

    letter-spacing: 0.06rem;
    margin-bottom: 0.4rem;
}
.footer .links .link a {
  font-style: italic;
  /* color: #007bff; */
  color: #3e3e3e;
  /* color: #000; */
  /* color: #fff; */
  /* text-decoration: underline; */
  /* text-shadow: 1px 1px 1px #00000042; */
}

.footer .content {
  padding: 2rem;
}
@media only screen and (max-width: 768px) {
  .footer .content {
    padding: 2rem 0.8rem;
}
}
.footer .content p {
  margin: 0 0 0.4rem;
}

.footer .footer-endbar {
  display: flex;
  justify-content: flex-end;
  padding: 0.4rem 2%;
  background-color: #9f3412;
}






.margin-top-0_4{
  margin-top: 0.4rem;
}
.margin-top-1 {
  margin-top: 1rem;
}
.padding-1 {
  padding: 1rem;
}
.padding-2 {
  padding: 2rem;
}
.padding-3 {
  padding: 3rem;
}
.padding-4 {
  padding: 4rem;
}
.padding-2-3 {
  padding: 2rem 3rem;
}

.width-45 {
  width: 49%;
}


.italic-opensans {
  font-style: italic;
  letter-spacing: 0.6px;
}


.block-center {
  display: block;
  margin : 0 auto;
}




.container #caption
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
  font-style: italic;
}




.mobile-download a {
  display: inline-block;
  flex: 1;
  /* margin-left: 0.4rem; */
}








.doc-view table {
  table-layout: fixed;
  width: 100%;

  border-spacing: 0px;
  border-collapse: collapse;

  word-break: break-all;
}

.doc-view .input-small {
  text-align: center;
}

.doc-view .docs-new-form {
  margin-top: 0.6rem;
  /* outline: 1px solid rgb(50 199 0); */
}
.doc-view .docs-new-form input{
  /* border-color: black; */
  /* border-color: #029630; */

  border-bottom-color: #51ad6e;

  /* border-width: 0; */
  /* border-bottom-width: 1px; */

  /* border-radius: 0.2rem; */
}

.doc-view th,
.doc-view td {
  padding: 0.2rem 0.6rem;
}

.doc-view th label {
  font-weight: 400;
  /* font-size: 0.9rem; */
  font-size: 0.8rem;
  font-style: italic;

  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* text-align: center; */
  vertical-align: middle;
}

/* Show the tooltip text when you mouse over the tooltip container */
/* .doc-view th label:hover .tooltiptext { */
.doc-view th label:hover{
  overflow: visible;
  visibility: visible;
  opacity: 1;
}
.doc-view th label:hover span{
  --space: 0.5rem;

  position: relative;

  padding-right: var(--space);
  margin-right: calc(-1 * var(--space));

  background-color:rgb(253, 253, 253);
  /* text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4); */
  z-index: 1;
}

.doc-view .edit-table th.special-cell,
.doc-view .edit-table td.special-cell {
  padding: 0rem 0rem;
}
.doc-view .edit-table .special-cell tr{
  /* -webkit-box-shadow: -2px 0px 3px 1px rgba(0, 145, 2, 0.3); */
  /* -moz-box-shadow: -2px 0px 3px 1px rgba(0, 145, 2, 0.3); */
  box-shadow: 0px 0px 2px 2px rgba(189, 189, 189, 0.44);
}
.doc-view .edit-table .special-cell .form-table tr,
.doc-view .edit-table .special-cell .form-table td {
  padding: 0rem 0rem;
}
.doc-view .edit-table .special-cell th.action-cell,
.doc-view .edit-table .special-cell td.action-cell{
  padding: 0.2rem 0.6rem;
}

.doc-view .view-table tbody th.filled-cell,
.doc-view .view-table tbody td.filled-cell {
  padding: 0.2rem 0.6rem;
  /* border: 1px solid black; */
  border: 1px solid rgb(214 214 214);
  /* border: 1px solid transparent; */
}

.doc-view .view-table .nodata-cell,
.doc-view .doc-new-form tbody th,
.doc-view .doc-new-form tbody td {
  /* border: 1px solid black; */
  /* border: 1px solid rgb(214 214 214); */
  /* border: 1px solid transparent; */
}

/* .doc-view .form-table td.input-cell,
.doc-view .form-table input {
  border-bottom-color: #51ad6e;
} */

.doc-view .edit-table td input {
  padding: 0.2rem 0.6rem;

  border-radius: 0;
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
.doc-view .edit-table td.input-cell {
  border-bottom: 1px solid rgba(58, 196, 102, 0.438);
}


.view-cell {
  background-color: #3d3d3d20;
}




button:hover{
  cursor: pointer;
}

















.container form {
  /* background-color             : pink; */
}

/* Normal form */
.container form table {
  background-color: #f0f6ff;
  /* background-color             : gray; */

  padding: 0.8rem;
  /* OR */
  /* border-collapse: collapse; */
  box-shadow: 0px 1px 4px #00000060;
}

.container form table tr {
  /* background-color: green; */

}

.container form table tr th {
  /* background-color: orange; */
  padding-right: 0.6rem;
  /* padding-top: 0.1rem; */
  /* padding-bottom: 0.1rem; */

  text-align : start;
}
.container form table tr th label {
  /* background-color: yellow; */

  font-size    : 0.7rem;
  font-weight: 400;
  margin-bottom: 0;
}
.container form table tr td select,
.container form table tr td textarea,
.container form table tr td input {
  background-color: white;
  /* border-radius : 0; */
  /* border-color : transparent; */
  /* border-bottom-color: #ddd; */
  border-color: #d2d2d2;
  border-style: groove;
}

.container form table tr td textarea,
.container form table tr td input {
  font-size: 0.75rem;

  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.container form table tr td input {
  min-height: 2rem;
}
.container form table tr td textarea {
  min-width: 540px;
  min-height: 210px;
}
.container form table tr td button {
  margin-top: 0.8rem;
}







.mobile-download {
  /* max-width : 300px; */
  /* max-height: 89px; */

  /* max-width : 200px; */
  /* max-height: 59px; */

  max-width: 150px;
  max-height: 44px;

  margin-top: 8px;
}
.mobile-download svg,
.mobile-download img {
  /* max-width : 300px;
  max-height: 89px; */

  height: 100%;
  width : 100%;
}
#mobile-download-android-badge {
  width: 150px;
  height: 44px;
}


.titled-container {
  border: solid 1px #c6c6c6;
  border-radius: 0.2rem;
  padding: 0rem 1rem 1rem 1rem;
  margin: calc(var(--main-font_size)*1.4) 0; /* arbitrary above *0.8 */
}
.container-title {
  margin-top: calc(var(--main-font_size)/-1);
  font-size: var(--main-font_size);
  line-height: calc(var(--main-font_size)*1.6);
  /* font-weight: 600; */
}
.container-title span {
  background-color: white;
  padding: 0 0.2rem;
}

.content .titled-container > ul{
  margin: 0;
  margin-top: calc(var(--main-font_size)*0.33); /* calculated from lineHeight (1.6) */
}



.bemanning-shift div p > * {
  display: block;
}