:root {
  --hartmannLightBlue: #ccf2ff;
  --hartmannBlue: #0045ff;
  --hartmannDarkBlue: #051171;
  --hartmannBlueHover: #0037cc;
}
input,textarea,a,button,span:focus,select {
  outline:none !important;
  box-shadow:none !important;
}
.navbar-brand {
  padding:0px;
}
.navbar-brand img {
  max-width:130px;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color:#007aff;
}
@media (max-width: 992px){
  .modal-lg, .modal-xl {
      max-width:90%;
  }
}
.table-onclick tr{
  cursor:pointer;
}

.absence-cell{
  padding:0px;
}
.opFloatButtonsBox{
  position:fixed;
  left:0px;
  padding:20px;
  bottom:0px;
}
body.materialOp .navbar{
  display:none;
}
.absence-cell > a.empty{
  color:transparent;
}
.absence-cell > a.empty:hover {
  background-color:rgba(255,255,255,.3);
  color:#333;
}
.absence-cell > a.taken {
  background-color:#f1d7d7;
  color:#c89494;
}

[class*=icheck-]>input:first-child+label::before{
  background:#fff;
}

.table-horizontal-scroll {
      display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.card h4 {
  font-size:19px;
  font-weight:700;
}
.nav-tabs .nav-link.active{
  position:relative;
}
.nav-tabs .nav-link.active:after {
  width:100%;
  content:'';
  height:4px;
  background:#fff;
  position:absolute;
  left:0px;
  bottom:-2px;
}
.card .modal-body_part {
  padding:20px;
}
.modal-body .modal-body_part {
  padding:10px;
  padding-bottom:0px;
}
.modal-body_part:nth-child(even),
.modal-body .modal-body_part:nth-child(even) {
  background-color:#f1f1f1;
}
.help-block {
  font-size: 12px;
  color: #555;
}
.form-group{
  margin-bottom:10px;
}
.navbar {
  padding: .3rem 1rem;
}
.colorpicker-hue, .colorpicker-alpha{
  width:30px;
}
.tab-pane > .card,
.tab-pane > form > .card {
  border-top:none;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}
.nav-tabs .nav-link:hover{
  border-color:#dee2e6 #dee2e6 #fff;
}
.card-sm .card-header{
  padding:5px 10px;
}
.card-sm .card-body{
  padding:10px;
  padding-top:0px;
}
.card-sm .card-footer {
  padding:10px;
}
.modal-body > .table thead th,
.card-body .table thead th {
  border-top:none;
}
.table td, .table th{
  padding:5px;
}
.color-circle {
  border-radius:99px;
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:7px;
  border:1px solid #eee;
  margin-right: 7px;
  vertical-align: -4px;
}
/* select 2 */
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
   border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single{
  height:38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:36px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:38px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:#80bdff;
}

.input-group .select2-container--default .select2-selection--single {
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}

.select2-container--disabled .select2-selection--single .select2-selection__arrow{
  display:none;
}


/* buttons */
.btn-xs {
  padding: 2px 5px;
  line-height: 1;
  font-size: 12px;
}
.btn[disabled="disabled"] {
  opacity:0.5;
}

/* objednaci kniha */
.form-control-colorcode{
  border-left-width:8px;
}
.book-table_wrap {
  padding-left:30px;
  font-size:13px;
}
.book-table_wrap td {
  position:relative;
}
.book-table_wrap td small {
  line-height:1.35;
}
.daterangepicker td.today,
.daterangepicker td.in-range.today {
  color:#000 !important;
  background: #ffd14e !important;
}
.book-table tr.locked td {
    opacity:0.5;
    
}
.book-table tr.locked:hover td {
    opacity:1;
}
.book-table tr.synced {
    opacity:0.65;
}

.book-table_infoicon {
  position: absolute;
  left: -35px;
  top: 50%;
  padding: 10px;
  margin-top: -19px;
}

.book-table {
  tr {
    td, th {
      background:none;
    }
  }
}

.btn-outline {
  color:#555;
  background-color:#fff;
}
.btn-outline:hover {
  color:#000;
  background-color:#fff;
}


.card-header .btn-secondary,
.card-header .btn-secondary:hover,
.card-header .btn-secondary:focus,
.card-header .btn-secondary:active {
   background: #e6e6e6;
    color: #2f2f2f;
    border-color: #b7b7b7;
}

.btn-white {
  color:#555;
  background-color:#fff;
  border-color:#bdbdbd;
}

.book-filter_wrap {
  min-height:32px;
}

.book-dark_row td{
  color:#fff;
}


/* daterangepicker */

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.ltr .ranges{
  padding:5px;
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.select2 .text-light {
  opacity:0.5;
  color:inherit!important;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
  padding-left:5px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: var(--hartmannLightBlue);
  border-color:var(--hartmannLightBlue);
  color:var(--hartmannDarkBlue);
}

.daterangepicker .ranges li.active {
  background-color: var(--hartmannDarkBlue);
  border-color:var(--hartmannDarkBlue);
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }

}
button:not(.collapsed) .caret {
  transform: rotate(90deg);
}
button.collapsed .caret {
  transform: rotate(0deg);
}

.sidebar-mini .sidebar a.btn{
  display:block;
}
.sidebar-mini .sidebar a.btn > span {
  display:none !important;
}
.sidebar-mini .operis-menu > li > a{
  text-align:center;
}
.sidebar-mini .operis-menu > li > a > span {
  display:none !important;
}
.sidebar-mini .operis-menu > li ul li a {
  font-size:10px;
  padding:5px;
}
.sidebar-mini .operis-menu > li ul li a .fa {
  display:none !important;
}

.operis-col_box {
  position:relative;
  min-height:300px;
}
.operis-op{
  display:none;
}
/* plánování dne */
@media (min-width: 768px) {
  .operis-col_box {
      -ms-flex: 0 0 5.9999%;
      flex: 0 0 5.9999%;
      max-width: 5.9999%;
      padding-right:0px;
  }
}
@media (min-width: 768px) {
  .operis-col_timeline {
      -ms-flex: 0 0 94%;
      flex: 0 0 94%;
      max-width: 94%;
  }
}
@media (min-width: 768px) {
  .operis-col_box.opened {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding-right:15px;
  }
}
@media (min-width: 768px) {
  .operis-col_box.opened + .operis-col_timeline {
      -ms-flex: 0 0 74.00%;
      flex: 0 0 74.99%;
      max-width: 74.99%;
  }
}

.operis-col_box.opened .operis-op {
  display:block;
}

.operis-col_box .toggle_button {
    position: absolute;
    top: 150px;
    margin-top:-125px;
    cursor:pointer;
    left: 0px;
    height: 250px;
    text-align: center;
    width:30px;
    border-radius: 0px 5px 5px 0;
    background-color: #eee;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6.028 0v6.425l5.549 5.575-5.549 5.575v6.425l11.944-12z' fill='%23666'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:90% auto;
}
.operis-col_box .toggle_button:hover {
  background-color:#dedede;
}

.operis-col_box.opened .toggle_button {
  width:20px;
  -moz-transform:    scaleX(-1); /* Gecko */
  -o-transform:      scaleX(-1); /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform:         scaleX(-1); /* Standard */
  filter: FlipH;                 /* IE 6/7/8 */
  left: auto;
  right:-20px;
  margin-top:-50px;
  height:100px;
  border-radius: 5px 0 0 5px;
  background-position: 3px center;
    background-size: 80% auto;
}

.card-plan .card-header,
.operis-op .card-header {
  padding:5px;
}
.card-plan .card-header .badge {
  font-size:11px;
  font-weight:600;
  padding:3px 4px;
}
.card-plan,
.card-plan .card-header {
  border-bottom:none;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
}
.card-plan_note {
  opacity:0.75;
}
.operis-op .card-body {
  padding:5px;
}

.operis-op .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1aa2b8;
    border: none;
    color: #fff;
}
.operis-op .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:#fff;
}

.operis-op_box_wrap {
  overflow:hidden;
}
.operis-op_box {
  overflow-y:scroll;
  padding-right:17px;
  max-height:calc(100vh - 130px);
}

.operis-op .operis-op_card .card-header{
  border-bottom:none;
}

.j-operis_op{
  position: relative;
}
.op-scrolled {
    position:fixed;
    top:0px;  
    z-index:999;
    background:#fff;
}



.operis-box {
  padding:10px;
  background-color:rgba(0,0,0,.05);
}
.operis-op_card{
  border:none;
  font-size:11px;
  -webkit-user-drag: element;
  -webkit-user-select: none;
}
.plan-signed-1 .operis-op_card {
  -webkit-user-drag:none;
}
.operis-timeline_op.state-1 {
  -webkit-user-drag: element;
  -webkit-user-select: none;
}

.operis-op_card__team {
    background: #cbf7f3;
    margin-left: -10px;
    margin-right: -10px;
    margin-top:5px;
    margin-bottom:5px;
    padding: 2Px 10px;
}
.operis-timetable_op .operis-op_card__team{
    margin-left: -5px;
    margin-right: -5px;
}
.operis-op_card .card-header {
  cursor:move;
  background-color:#dedede;
  font-size:11px;
}
.plan-signed-1 .operis-op_card .card-header {
  cursor:default;
}
.operis-dark_header {
  color:#fff !important;
}
.operis-timetable_op__body {
  padding:5px;
}
.operis-timetable_wrap {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
    position:relative;
    padding-left:40px;
}
.operis-timetable_wrap.new > table {
  margin-top:1px;
}
.operis-timeline_loader,
.operis-timetable_loader {
  position:absolute;
  display:none;
  background-color:rgba(255,255,255,.4);
  width:100%;
  z-index:9999;
  height:100%;
  top:0px;
  left:0px;
}
.operis-timeline_loader{
  position:fixed;
  height:100%;
}
.operis-timeline_loader .fa,
.operis-timetable_loader .fa {
  top:25%;
  left:50%;
  position:absolute;
  margin-left:-20px;
  margin-top:-20px;
  font-size:40px;
  color:#999;
}
.operis-timeline_loader .fa{
  top:50%;
}
.operis-timetable {
  position:relative;
  margin:0;
  padding:0;
  background-color:rgba(0,0,0,.02);
}
.operis-timetable > .col-2 {
  position:relative;
  border-left:1px solid rgba(0,0,0,.05);
}

.operis-timetable_line {
  width:calc(100% + 40px);
  position:absolute;
  left:-40px;
  pointer-events:none;
  overflow:visible;
  border-bottom:1px solid #eee;
}
.operis-timetable_line > span {
  position: absolute;
  top: -15px;
  color: #777;
  font-size: 9px;
}

.operis-timetable_space__start {
  background-color:#ccc;
  cursor: no-drop;
  position:absolute;
  top:0px;
  width:100%;
  left:0px;
}
.operis-timetable_space__end {
  background-color:#ccc;
  position:absolute;
  width:100%;
  cursor: no-drop;
  bottom:0px;
  left:0px;
}

.operis-timetable_target {
  width:100%;
  position:absolute;
  left:0px;
}
.operis-timeline_target {
  height:100%;
  position:absolute;
  top:0pxs;
}
.operis-timeline_target span,
.operis-timetable_target span {
  display:none;
  position: absolute;
  top: -9px;
  box-shadow: 1px 1Px 3Px #00000040;
  left: -15px;
  color: #000;
  border-radius: 3px;
  line-height: 1;
  padding: 2px 5px;
  background-color: #fff;
}

.operis-timetable_op {
  border-radius: calc(.25rem - 1px);
  position:absolute;
  left:10%;
  width:85%;
  box-shadow:0 0px 4px rgba(0,0,0,.2);
  font-size:11px;
  background-color:#fff;
  z-index:999;
  -webkit-user-drag: element;
  -webkit-user-select: none;
}

.op-dropzone {
  border:2px dashed #b5b5b5;
  padding:30px 0;
  width:calc(100% - 20px);
  text-align:center;
  margin-bottom:10px;
  color:#999;
}
.op-dropzone.drop {
  border-color:#e0b1b4;
  color:#e0b1b4;
}
.operis-timetable_pause{
  cursor:no-drop;
  background-color: #cccccc;
  position: absolute;
  left:10%;
  width:85%;
  z-index: 999;
  text-align: center;
  box-shadow: 0 0px 4px rgba(0,0,0,.2);
  font-size: 12px;
  border-radius: 4Px;
}

.new .operis-timetable_pause {
  background-color: rgb(208, 220, 239);
}
.new .operis-timetable_pause.pause {
  background-color:#d8e4d5;
}
/*
.operis-timetable_pause.pre:after {
  content:'';
  position:absolute;
  height:90%;
  top:10%;
  width:20px;
  left:-20px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}
*/
.operis-timetable_pause span {
  position: absolute;
  top: 50%;
  left: 5px;
  line-height: 1;
  font-size: 10px;
  margin-top: -5px;
}

.operis-timetable_op__header  {

  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  background-color:#eee;
  padding:2px 5px;
  cursor:move;
}
.operis-timetable_op__header a,
.operis-timetable_op__header span {
  cursor:default;
}
.operis-timetable_op__header.white {
  color:#fff;
}
.operis-timeline_target.dragOverMain span,
.operis-timetable_target.dragOverMain span{
  display:block;
  z-index:999;
}

.operis-timeline_target.dragOver,
.operis-timetable_target.dragOver {
    background:rgba(15,179,80,.2);
}
.operis-timeline_target.dragOverPause,
.operis-timetable_target.dragOverPause {
    background:rgba(0,0,0,.15);
}

.new .operis-timeline_target.dragOverPause,
.new .operis-timetable_target.dragOverPause {
    background:rgba(75, 127, 206, 0.2);
}



.operis-timetable_target.disallowed,
.operis-timeline_target.disallowed{
  cursor:no-drop;
}
.operis-timeline_target.dragOverPause.disallowed,
.operis-timetable_target.dragOverPause.disallowed {
    background:rgba(255,0,0,.4);
}

.new .operis-timeline_target.dragOverPause.disallowed,
.new .operis-timetable_target.dragOverPause.disallowed {
    background:rgba(255,0,0,.4);
}


.operis-timeline_target.dragOver.disallowed,
.operis-timetable_target.dragOver.disallowed {
    background:rgba(255,0,0,.3);
}


.operis-timeline {
  background-color: rgba(0,0,0,.02);
  padding:10px 10px 10px 60px;
  position:relative;
  height:100vh;
  min-height:900px;
}

.operis-timeline_inner {
  overflow-x:scroll;
  position:relative;
  width:100%;
}

.operis-timeline_hour { 
  padding: 5px 10px;
  text-align: center;
  color: #3c3c3c;
  font-size: 12px;
  background: #e0e0e0;
  position: absolute;
  border-right:1px solid rgba(0,0,0,.1);
  top:0px;
}

.operis-timeline_saly {
  position:absolute;
  top:50px;
  left:0px;
  width:60px;
}

.operis-timeline_sal__header {
  font-weight:700;
  padding:10px 5px;
  font-size: 22px;
  background-color:#fff;
  margin-bottom:10px;
  text-align:right;
  border-right: 1Px solid #efefef;
  border-top:1px solid #efefef;
  border-bottom:1px solid #efefef;
}



.operis-timeline_reloadbar {
  position:absolute;
  height:3px;
  top:52px;
  width:100%;
  background-color:#efefef;
}
.operis-timeline_reloadbar > div {
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  background-color:#fff;
}

.operis-timeline_sal__row {
  background-color:#fff;
  width:100%;
  position:relative;
  margin-bottom:10px;
  margin-left:10px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #efefef;
}

.operis-timeline_now {
  position:absolute;
  height:100%;
  top:0px;
  border-left:1px dashed rgba(0,0,0,.2);
  width:0px;
}
.operis-timeline_anest {
  top:5px;
  line-height:1;
  height:70px;
  border-radius:4px;
  position:absolute;
  padding:8px 5px 5px 5px;
  font-size:12px;
  background-color:rgba(75, 127, 206, 0.2);
}
.operis-timeline_anest.before.state-2,
.operis-timeline_anest.after.state-4 {
  background-color:#3f7dda;
  color:#fff;
}
.operis-timeline_anest.before.state-3,
.operis-timeline_anest.before.state-4,
.operis-timeline_anest.before.state-5,
.operis-timeline_anest.after.state-5 {
  background-color:#eee;
}



.operis-timeline_timelabel {
  position:absolute;
  top:-5px;
  left:-10px;
  z-index:999;
}
.state-5 .operis-timeline_timelabel {
  background-color:#7cb6bf;
}
.operis-timeline_anest.after{
  overflow:hidden;
  background-color:rgba(75, 176, 206, 0.2);
}
.operis-timeline_anest.pause{
  overflow:hidden;
  background-color:rgba(59, 121, 44, 0.2);
}
.operis-timeline_anest.pause.state-5 {
  background-color:#f3ec11;
}
.operis-timeline_anest.pause.done {
  background-color:#eee !important;
}
.operis-timeline_op {
  background-color:#fbe5b5;
  top:5px;
  cursor:pointer;
  line-height:1;
  height:70px;
  border-radius:4px;
  position:absolute;
  padding:5px;
  font-size:11px;
}

.operis-timeline_op.state-3 {
  background-color:#da5852;
  color:#fff;
}
.operis-timeline_op.state-4,
.operis-timeline_op.state-5 {
  background-color:#eee;
}

.timeline-2 .operis-timeline_op.state-4,
.timeline-2 .operis-timeline_op.state-5{
  background-color:#e2e2e2;
}

.operis-timeline_op:hover {
  box-shadow:0px 0px 6px rgba(0,0,0,.2);
}
.operis-timeline_op.dark {
  color:#fff;
}

.select-pos .select2-results__option {
  padding:0px;
}
.select-pos .select2-results__option > div {
  padding:6px;
}

@media (min-width: 1024px) {
.modal-lg, .modal-xl {
    max-width: 880px;
}
}

.op-timeline_space{
  height:40px;
}

@media(max-width:991px) {
  .op-timeline_space{
    height:25px;
  }
  .operis-timeline_saly{
    top:35px;
  }
  .operis-timeline_hour {
    padding:0px 10px;
  }
}

.bs-tooltip-top .arrow::before {
  border-top-color:#fff;
}
.bs-tooltip-bottom .arrow::before {
  border-bottom-color:#fff;
}
.tooltip.show {
  opacity:1;
}
.tooltip-inner {
  background:#fff;
  color:#333;
  box-shadow:2px 2px 8px rgba(0,0,0,.4);
}
.tooltip-inner hr {
  margin:5px 0;
}

.book-calendar_salTitle {
  font-size: 14px;
  color: #7d7d7d;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 0 5px 0;
  border-bottom: 1Px solid #eee;
}


.timeline-flashmessages {
  position:fixed;
  top:65px;
  right:15px;
  width:350px;
  max-width:80%;
  z-index:888;
}
.timeline-flashmessages .alert {
  margin-bottom:10px;
  cursor:default;
}
.timeline-flashmessages .alert-success {
    color: #fff;
    background-color: #44d87f;
    border-color: #44d87f;
    border-radius: 0px;
} 
.timeline-flashmessages .alert:hover {
      box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}

#toast-container>.toast-info,
#toast-container>.toast-success {
    background-image: none !important;
    padding-left: 20px;
}


/* toastr */
#toast-container>div:hover{
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
}

.text-grey {
  color:#8c8c8c;
}


table.op-TableMaterialScan td,
table.op-TableMaterialScan th {
  padding: 2px 5px;
  font-size:13px;
  line-height:1;
  vertical-align:middle;
}
table.op-TableMaterialScan td .form-control-sm {
  height:22px;
}
table.op-TableMaterialScan td .btn-sm {
  padding:3px 20px;
  line-height: 1;
}

/** Hartmannapps colors **/

html,
body {
  height: 100%;
}
html:not([data-bs-theme="dark"]) body.login {
  background-color: #f5f5f5;
}
.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



.btn-primary {
  background-color:var(--hartmannBlue);
  border-color:var(--hartmannBlue);
  &:hover,
  &:focus,
  &:focus:active {
    background-color:var(--hartmannBlueHover);
  }
}

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

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  color:#fff;
  border:none;
  background-color:var(--hartmannDarkBlue);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  margin-right: 5px;
  color:#fff;
}

@media(max-width:991px) {
  .col-lg-2 > .operis-menu {
    display: none !important;
  }
}