/**
 * Icrail Table - CSS
 */



tr hr {
    margin: 0.5rem 0;
    border: 1px orange solid;
}

thead {
    color: #606040;
    background-color: azure;
    border-bottom: 2px solid silver;
}

div.th-inner {
    padding-left: 0.5rem !important;
}

th, td {
    vertical-align: top !important;
}

th {
    border: 1px dotted silver;
}

tr {
    border-bottom: 2px solid #ddd;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.tpl-filter {
    float: left;
    width: 128px;
}

.page-list div {
    margin-right: 8px;
}

#btn_goto_top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 16px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: burlywood;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

#btn_goto_top:hover {
    background-color: #555;
}

.plantype {
    font-weight: bold;
}

.plantype-st {
    color: green;
}

.plantype-fm {
    color: brown;
}

.plantype-em {
    color: blue;
}

.plantype-lo {
    color: orangered;
}

.plantype-ul {
    color: cadetblue;
}

.plantype-tr {
    color: darksalmon;
}

.plantype-pa {
    color: firebrick;
}

/*
    ACTIVITY EDIT FORM
*/

.form-label {
    font-size: 10pt;
    font-weight: bold;
}

.form-button-icon {
    color: white;
    padding-right: 4px;
}

.form-floating label {
    font-weight: bold;
}

.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.cpl-datepicker-container {
    margin-top: -20px;
}

#act_start_container .tui-datepicker,
#act_op_start_container .tui-datepicker {
    left: 279px;
}

#act_end_container .tui-datepicker,
#act_op_end_container .tui-datepicker {
    left: 543px;
}

#act_op_start_container .tui-datepicker,
#act_op_end_container .tui-datepicker {
    top: -54px;
}

div.modal-content button {
    border-color: silver;
}

div.input-group label {
    z-index: 8;
}

.cpl-free-label {
    opacity: .65;
}

#act_wagons {
    position: relative;
    left: -25px;
}

.deviation-code {
    font-weight: bold;
}

.deviation-error {
    color: red;
}

.deviation-warning {
    color: orange;
}

.deviation-hint {
    color: olive;
}

.deviation-ok {
    color: green;
}

.cpl-icon-date {
    position: relative;
    top: -33px;
    right: -210px;
}

.cpl-icon-label {
    margin-right: 8px;
}

.cpl-icon-deviation {
    margin-right: 6px;
}

.tpl-filter {
    margin-top: 1.5rem;
}

.week-days {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: left; /* for centering 3 blocks in the center */
  /* justify-content: space-between; /* for space in between */
}

.week-day {
  margin-left: 0px;
  width: 200px;
}

.label-text {
    margin-inline-start: -4px;
}

* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  display: table;
}