body {
  background-color: #e1e1e1;
  padding: 0 50px;
}

/* COLORS */
:root {
  --biz-red: #951a1e;
  --biz-pink: #951493;
  --biz-dgrey: #7b7b7b;
  --biz-grey: #c9c9c9;
  --biz-lgrey: #e9e9e9;
  --biz-lblue: #dbefff;
  --biz-llblue: rgb(239, 248, 255);
  --biz-lgreen: rgb(215, 255, 217);
}

.bg-biz-pink { background-color: var(--biz-pink) }
.bg-biz-red { background-color: var(--biz-red) }
.bg-biz-grey { background-color: var(--biz-grey) }
.bg-biz-lgrey { background-color: var(--biz-lgrey) }
.bg-biz-color { background-color: var(--biz-lblue) }
.bg-biz-lblue { background-color: var(--biz-lblue) }
.bg-biz-llblue { background-color: var(--biz-llblue) }
.bg-biz-lgreen { background-color: var(--biz-lgreen)}

.bg-E { background-color: rgba(255, 190, 0, 0.10) !important }
.bg-R { background-color: rgba(255, 0, 0, 0.10) !important}
.bg-F { background-color: rgba(0, 255, 0, 0.05) !important}
.bg-A { background-color: rgba(0, 0, 255, 0.05) !important}
.bg-N { background-color: rgba(0, 255, 255, 0.05) !important}
.bg-V { background-color: #ffffff}
.bg-B { background-color: #ffffff}
.bg-M { background-color: #ffffff}
.bg-W { background-color: #ffffff}
.bg-S { background-color: rgba(0, 0, 0, 0.05) }
.bg-D { background-color: rgba(0, 0, 0, 0.1) }

.bg-red { background-color: red }
.bg-green { background-color: lightgreen }
.bg-white { background-color: white }
.bg-transp { background-color: rgba( 0, 0, 0, 0);}
.bg-yellow { background-color: orange }
.fg-red { color: red }
.fg-grey { color: gray }
.fg-green { color: green }
.fg-green-delete { color: green }
.fg-green-delete:hover { color: red }
.fg-lightgrey { color: lightgray }
.fg-orange { color: orange }

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-clear-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ************* */

.login-clean {
  background: #f1f7fc;
  padding: 80px 0;
}

.login-clean form {
  max-width: 320px;
  width: 90%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 4px;
  color: #505e6c;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.login-clean .illustration {
  text-align: center;
  padding: 0 0 20px;
  font-size: 100px;
  color: rgb(244,71,107);
  background-image: url("/assets/img/logo_1.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 193px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}


/* ************ */

.container {
  padding: 0 0 0 0;
  background-color: white;
  max-width: unset;
}

@media (max-width: 768px) {
  body  {
  padding: 0}
}


@media (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 576px;
    }
}
/* MENU */
.navbar-brand {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 60px;
  min-width: 60px;
  background-image: url("../../assets/img/logo_mini.png");
  padding: 0;
  margin: 0;
}
.nav-link { font-size: 18px }
@media (max-width: 767px) {
  .nav-link {
    margin-left: 15px;
  }
}
.navbar-light .navbar-nav .nav-link { color: #b7b7b7 }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color: #ffffff }
.navbar.navbar-light.navbar-expand-md { padding: .2rem }
.menu-icon, .data-icon, .action-icon, .first-icon { padding-right: 8px }
.icon_space {padding: 0 2px}
.action-icon { cursor: pointer}
.first-icon {padding-left: 5px}
.fa-times-circle, .fa-ban { color:blue }
.fa-trash { color:red }
.fa-plus-circle,.fa-check-circle { color:green }
.fa-copy { color:orange }
.fa-edit {}
.fa-inactive {color: darkgrey;}
.fa-check {color: green;}
.fa-play-circle {color: green;}
.fa-stop-circle {color: red;}
.fa-times {color: red;}
.pointer_cursor { cursor: pointer;}
.fa-orange { color: orange }
.fa-green { color: green }

.cal-icon {
    font-size: inherit;
    color: var(--biz-dgrey)
}
.cal-icon-selected {
  font-size: x-large;
   color: inherit;
}

/* SELECT BAR */

#select-bar {
  flex-wrap: wrap;
  padding-top: 5px;
}

.form-control, .btn {
  height: calc(1.75rem + 2px);
  padding: 0 .5rem;
  width: auto;
}
.form-control:disabled, .form-control[readonly] {
  background-color: inherit;
  opacity: 1;
  /*border-style: none;
  border-width: 0;*/
  color: black;
}

/*.dropdown-menu {*/
/*  min-width: 6rem;*/
/*}*/
.dropdown-menu .form-control{
 width: auto;
}

.dropdown-menu-scroll {
  max-height: 500px;
  max-width: 300px;
  overflow: auto;
}
.dropdown-menu-scroll a {
  cursor: pointer;
}
.dropdown-item {
  padding: .25rem .5rem;

}
.dropdown-search {
  margin: 0 5px;
}
.dropdown-txt {
  text-align: left;
  min-width: 150px;
  max-width: 300px;
}
.dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}

.inactive-worker, .inactive-client, .inactive-site {
  color: rgba(0,0,0,0.21)!important;
}

.inactive-icon {
  color: darkgrey;
  padding-right: 8px;
}

.notetype-filter, .notetype-selector {display: none}
.notetype-selector {
  list-style-type: none;
  background-color: var(--biz-lgrey);
}

.notetype-selector li{
  display:inline;
  margin-left: 5px;
}

select.form-control:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.disabled.form-control::-ms-expand { display: none }
.select-group, .calendar-group {
  display: flex ;
  align-items: center;
  margin-right: 10px;
}
.calendar-group {
    flex-grow: 0;
    flex-shrink: 0;
}

.form-checkbox { margin: 0 0 0 0.5rem;}
.form-txt { width: 100% }
.end-label { margin: .2rem .8rem .2rem .1rem }
.control-label, .note-label, .txt-label, .btn_marg { margin: .2rem .5rem .2rem .8rem }
.control-label, .end-label, .note-label, .txt-label {
  text-align: left;
  font-weight: bold;
}

.note-label { width: 80px}
.note-txt, .note-file, .report-time, .note-data { margin-left: .8rem }
.txt-justify { text-align: justify}
.txt-prewrap { white-space: pre-wrap }
.note_width { width: 94% }

/*.note-txt { font-style: italic }*/

@media (max-width: 1200px) {
  .control-label{
    width: 75px;
  }

}
@media (min-width: 768px) {
  .gap-label{
    display: none;
  }
}

/* TABLE BUTTONS */

#table-buttons { margin: 3px }
.btn-table-type {cursor: pointer}
.tbl-dropdown {
  left: 0;
  cursor: pointer;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 2px;
}
.tbl-dropdown li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: normal;
}
.tbl-dropdown input {
  margin: 4px 7px 4px 6px;
}
.input_disabled:disabled {
    border-width: 0;
}
.textarea_disabled:disabled {
    border-width: 0;
    background-color: transparent;
}
.input_pad {  padding: 0 .5rem;}
.inputlike {
  height: calc(1.75rem + 2px);
  padding: 0 .5rem;
  font-size: 1rem;
  line-height: 1.5;
}

#attach-upload-div {
  position: relative;
  overflow: hidden;
}

#entry_attachment {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.auto_width {width:auto}

/************* TABLE ***************/

.multiline { white-space: pre-line}

th.vericaltext {
  border-collapse: collapse;
  border-style: solid;
  background-color: rgba(255,255,255,1.0);
  height: 140px;
  white-space: nowrap;

}
th.vericaltext > div {
    transform:
        translate(25px, 51px)
        rotate(315deg);
        /*skewX(20deg);*/
    width: 30px;
}
th.vericaltext > div > span {

  padding: 0px 0px;
  background-color: var(--biz-lgrey);
  border-bottom: 1px solid black;
}

.table td, .table th {
  vertical-align: baseline;
}
/*#table-service tr:nth-child(even), */
.tbl-stripped tr:nth-child(even) { background-color: var(--biz-llblue) }
.ovf-visible { overflow: visible}
.tbl_comment { word-break: break-all  }
.tbl-serv-sum {
  overflow-x: auto;
}

/*.tbl-serv-sum thead th{*/
/*  border-bottom-color: var(--biz-dgrey);*/
/*}*/

.tbl-serv-sum .tbl-bl, .tbl-serv-sum th {
  border-left-width: 2px;
  border-style: solid;
  border-left-color: var(--biz-dgrey);
}
.tbl-serv-sum .tbl-br {
  border-right-width: 2px;
  border-style: solid;
  border-right-color: var(--biz-dgrey);
}
.tbl-serv-sum .tbl-b {
  border-width: 2px;
  border-style: solid;
  border-color: var(--biz-dgrey);
}
.tbl-serv-sum .tbl-h {padding: 0 2px;}
.tbl-serv-sum .tbl-bb {
  border-bottom-width: 2px;
  border-style: solid;
  border-bottom-color: var(--biz-dgrey);
}

.tbl-serv-sum th, .tbl-serv-sum td {
  padding: 0;
  min-width: 1rem;
}

.tbl-c-sz {color: #e83e8c}
.tbl-c-b {color: limegreen}

@media
only screen and (max-width: 992px),
(min-device-width: 992px) and (max-device-width: 1024px)  {

  .notetype-selector {display: block}
  .notetype-filter {display: revert}

  /* Force table to not be like tables anymore */
    .tbl-resize-L table, .tbl-resize-L thead, .tbl-resize-L tbody, .tbl-resize-L th, .tbl-resize-L td, .tbl-resize-L tr {
    display: flex;
    flex-direction: column;
  }
  .tbl-resize-L table { border: none }
  .tbl-resize-L tr {
    margin-bottom: .625em;
    border: 1px solid var(--biz-grey);
    border-radius: 4px;
    padding: 4px 5px 0 5px;
  }
  .tbl-resize-L td {
    border: none;
    /*align-items: center;*/
    width: 100%;
    flex-direction: row;
    padding: .1rem .3rem;
  }
  .tbl-resize-L thead{
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .tbl_label {
    padding-left: 8rem;
    padding-right: 5px;
    min-height: 25px;
  }
  .tbl-resize-L td::before {
    position: absolute;
    content: attr(data-label);
    font-weight: bold;
    width: 8rem;
  }
  .col_site, .col_name, .col_role, .col_time, .col_actions, .col_actions_detail, col_actions_detail_rel, .col_comment, .col_note_type, .col_note .col_weekday { display: none }
}

.date-high {color: blue;}
.cell_in_duty {text-align: center;}

.col_weekday {width: 40px; text-align: center;}
.col_open {width: 20px;}
.col_role {width: 160px}
.col_time {width: 60px;}
.col_date {width: 140px;}
.col_day_sum {width: 25px;}
.col_sum_sum {width: 50px;}
.col_in_duty, .col_site_count {width: 100px;}

.col_site {width: 170px;}
.col_name {width: 200px;}
.col_comment {width:30%}
.col_actions {}
.col_actions_detail {width: 100px;}
.col_note_type {width: 100px;}
.col_note{width:30%}
.col_description {width: 40%;}
.smalltime {
  font-size: small;
  font-style: italic;
  color: grey;
}
.modal-header, .modal-body, .modal-footer { padding: .5rem }

.popup_background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 9;
  display: none;
}

.popup_background.show {
  display: block;
}

.popup {
  display: none;
  position: absolute;
  background-color: var(--biz-llblue);
  z-index: 10;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  margin: 2px;
  padding: 3px;
}
.popup.show {
  display: block;
}
.popup a:not([href]) {
  display: block;
  text-decoration: none;
}
.popup a:hover:not([href]) {
  cursor: pointer;
  background-color: blue;
  color: white;
}
#note, #new-note, #report { padding: 5px }
#note, #report { background-color: var(--biz-llblue)}

.data-group, .txt-group {
  display: flex;
  margin: 5px 20px 5px 0px;
}
.table-group {
  margin: 5px 20px 25px .8rem;
}

.head-group { margin-bottom: 0}
.txt-group { margin-bottom: 1rem }
.data-group { align-items: center }


.toplevel {margin-bottom: 3px;}

.site-title, .logbook-title, .client-title, .report-title, .worker-title, .workers-title, .signup-title {
  padding: 8px;
  padding-bottom: 0;
  text-align: center!important;
  background-color: var(--biz-lgrey);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
}
.site-title, .client-title { align-items: stretch}

.col_chkbx {width: 10px;}

.workers-title {
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
}

.site-title-txt, .client-title-txt, .logbook-title-txt, .report-title-txt, .worker-title-txt, .signup-title-txt {
  padding: 0px 8px;
}
.site-title-txt, .client-title-txt {flex-grow: 0}
.title_sides {
    flex-grow: 1;
    text-align: left;
    width: 10%;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 5px
}
.hide_it { display:none }
.print_show_else_hide { display: none }
.print_hide_else_show { }

/* DISPATCHER */
.dspch-client-main-tbl, .dspch-site-main-tbl { padding: 0!important; }
.dspch-client-main-tbl { border-top: 8px solid var(--biz-lgrey)!important; }
.dspch-site-main-tbl { border: 8px solid var(--biz-lblue)!important; }
.dspch-site-title-bg {background-color: var(--biz-lblue);}
.dspch-site-bg {background-color: var(--biz-llblue);}
.dspch-border {border-bottom: 1px solid var(--biz-lgrey)!important;}

/* PRINT */

@media print {
  body {
    padding: 0;
  }
  body * {
    visibility: hidden;
  }



  #section-to-print, #section-to-print * , .section-to-print *, .print_show_else_hide *{
     visibility: visible;
  }

  .print_show_else_hide {display: inherit}
  .print_hide_else_show {display: none}

  .newpage {
    page-break-after: always;
    page-break-inside: avoid;
  }

  .tbl-serv-sum td { min-width: 0rem }

  .space_to_sign { margin-top: 32px}
  .print_date {padding-top: 25px}
  .print_sum_table {font-size: xx-small}
}

.print_title {
  margin: 0;
  padding: 200px 0px;
  margin-bottom: 35px;
}
.print_subtitle {padding-top: 70px;}
.print_period {padding-top: 200px;}
.print_foot {padding-bottom: 50px}
.print_tasks {}
.print_days {margin: 20px;}

.print_table {margin-bottom: 30px;}
.print_supervisor {
  padding-left: 70%;
  padding-top: 30px;
}
.print_sup_table {
  width: 20%;
  border-top: 2px dotted black;
}
.print_witness table {width: 100%}
.print_witness td {height: 30px}
.print_witness_td {height: 50px}

.col_note_print {width:70%}
.col_comment_print {width:30%}

.footer-div {
  text-align: center;
  padding-top: 8px;
}