/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}
.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.btn-group-sx > .btn,
.btn-sx {
  padding: 0.18rem 0.35rem;
  font-size: 0.775rem;
  line-height: 1.3;
  border-radius: 0.2rem;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}
button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  height: 100%;
}
body {
  /* Margin bottom by footer height */
  height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  /* Vertically center the text there */
}
.backgroundPlato {
  background-image: url("/img/universe.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 100%;
}
.backgroundPlato .darkenBackground {
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.loginWrapper {
  max-width: 600px;
}
.loginForm {
  color: white;
  background-color: rgba(115, 115, 115, 0.65);
}
table.label_column td:first-child {
  width: 120px;
  white-space: nowrap;
}
.worktimes__date,
.timestamp__date {
  background-color: #eee;
  padding: 4px;
  margin-top: 10px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.worktimes__date:first-child,
.timestamp__date:first-child {
  margin-top: 0px;
}
.worktimes__date .icon,
.timestamp__date .icon {
  width: 15px;
  height: 15px;
}
.worktimes__notes__note,
.timestamp__notes__note {
  font-size: 0.9em;
  padding: 4px;
  border-bottom: solid 1px rgba(115, 115, 115, 0.65);
}
.worktimes__notes__note--normal,
.timestamp__notes__note--normal {
  display: none;
}
.worktimes__notes__note--normal.showNote,
.timestamp__notes__note--normal.showNote {
  display: block !important;
}
.worktimes__notes__note--priority,
.timestamp__notes__note--priority {
  background-color: #d0b5b5;
}
.worktimes__item,
.timestamp__item {
  border-bottom: solid 1px grey;
  padding: 2px 5px;
}
.worktimes__itemwrapper,
.timestamp__itemwrapper {
  line-height: 30px;
  clear: both;
}
.worktimes__itemwrapper.notPresent,
.timestamp__itemwrapper.notPresent {
  background-color: #f5aaaa;
}
.worktimes__itemwrapper > div,
.timestamp__itemwrapper > div {
  display: inline-block;
}
.worktimes__times,
.timestamp__times {
  flex: 1;
}
.worktimes__actions,
.timestamp__actions {
  text-align: right;
  float: right;
}
.timestamp__date {
  background-color: #eee;
  padding: 4px;
  margin-top: 10px;
  font-weight: bold;
}
.timestamp__date:first-child {
  margin-top: 0px;
}
/* module button timestamp */
.timestamp_button_wrapper .hidden {
  display: none !important;
}
.timestamp_button_wrapper .show {
  display: block;
}
.timestamp_button_wrapper .btn_step1 {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  /* border-radius: 3px;
        background-color: pink;
        border: solid 2px darkred;*/
  cursor: pointer;
  line-height: 40px;
  font-size: 35px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.timestamp_button_wrapper .btn_step1 span {
  line-height: 0;
  width: 25px;
  height: 5px;
  text-align: center;
}
.timestamp_button_wrapper .btn_step1.active span {
  transform: rotate(45deg);
}
.timestamp_button_wrapper .btn_wrapper {
  position: fixed;
  right: 20px;
  bottom: 85px;
  width: 100%;
  max-width: 280px;
  display: none;
  flex-direction: column;
  gap: 20px;
}
.timestamp_button_wrapper .btn_wrapper.show {
  display: flex;
}
.timestamp_button_wrapper .btn_wrapper .timestamp_info .alert {
  margin-bottom: 0;
}
.timestamp_button_wrapper .btn_wrapper .timestamp_info .timestamp_loader {
  text-align: center;
}
.timestamp_button_wrapper .btn_wrapper .timestamp_info .timestamp_loader img {
  height: 10px;
}
.timestamp_button_wrapper .btn_step2_wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: relative;
  overflow: hidden;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step2 {
  height: 45px;
  border-radius: 3px;
  border: none;
  color: white;
  transition: all 2s;
  width: 100%;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step2.btn_in {
  background-color: green;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step2.btn_out {
  background-color: red;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step3 {
  width: 150px;
  position: absolute;
  height: 100%;
  z-index: 2;
  right: -200px;
  top: 0px;
  transition: all 1s;
  overflow: hidden;
  padding: 0;
  border: solid 1px grey;
  border-radius: 3px;
  box-shadow: -1px 0px 5px black;
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step3.show {
  right: 0px;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step3 > div {
  display: inline-block;
  padding: 0 5px;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step3 img {
  height: 25px;
}
.timestamp_button_wrapper .btn_step2_wrapper .btn_step3 .btn_timestamp_loading {
  animation: rotation 2s linear infinite;
}
.messages_item {
  border-radius: 15px;
  border-width: 1px;
  padding: 10px;
  margin-bottom: 15px;
}
.messages_item:not(.my) {
  border-end-start-radius: 0px;
  margin-right: 30px;
  border-color: #4e4e4e;
  background-color: #cbcbcb;
}
.messages_item.my {
  text-align: right;
  border-end-end-radius: 0;
  margin-left: 30px;
  border-color: #6c7967;
  background-color: #b1c4a9;
}
.messages_item_info {
  font-size: 0.8em;
  color: white;
  text-transform: uppercase;
}
.read-more {
  height: 250px;
  overflow: hidden;
  padding-bottom: 45px;
  position: relative;
  transition: height linear 1s;
}
.read-more--action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  height: 55px;
  background: linear-gradient(to top, #ffffff, #ffffff, rgba(255, 255, 255, 0));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: blue;
}
.read-more--action:hover {
  text-decoration: underline;
}
.read-more.open {
  height: auto;
  padding-bottom: unset;
}
.read-more.open--action {
  display: none;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg);
  }
}