.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

 
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

 
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F0;
}


.switch-yes-no {  
  border: 3px solid grey;
  display: inline-block;
  border-radius: 10px; 
  width: 50px;
  height: 2rem; 
  text-align: center; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}
tr[plan_kaf_used='1']:not([pps_done_mark])  .switch-yes-no {  
  border: 3px solid green; 
}
tr[pps_done_mark='1']  .switch-yes-no {  
  border: 3px solid green; 
}

 
input:focus + .slider {
  box-shadow: 0 0 1px #2196F0;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
} 

.info-prop-mark-grey{
  margin: 0px 5px 2px 0px;
  padding: 2px 5px;
  border-radius: 4px;
  background-color: gray;
  color: white;
  display:inline-block;
}

.info-prop-mark-draft{
  margin: 0px 5px 0px 0px;
  padding: 2px 5px;
  border-radius: 4px;
  background-color: #1c1c1c;
  color: white;
}

.filter-switch-label{ 
  margin: 10px 5px 0px 0px; 
}


.filter-switch-item{
  display: inline-block;
  margin: 0px 5px 0px 0px;
  width: 120px; 
}

.btn-ready{
  background-color: #7b00a1;
  color: white;
}

.btn-ready:hover{
  background-color: #60017d;
  color: white;
}

.tr-summary{
  background-color: #eed4;
}

.tr-summary:hover{
  background-color: #eee; 
}

.info-wait{
  padding: 2px 10px;
  margin-left:10px;
  border-radius: 6px;
  background-color: white;
  color: black;
}


.rotated {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

#report-table th{
   padding-left: 4px !important;
   padding-right: 4px !important; 
}

#report-table td{
   padding: 10px 3px !important; 
}
#report-table .report-kaf{
   padding-left: 15px !important;
}
#report-table .report-fio{
   padding-left: 30px !important;
}
.report-value{
   vertical-align: middle !important;
}

.report-table-tr{
     position: static; 
     position: sticky; 
     position: -webkit-sticky; 
     top:0;
     background: white; 
}

@media print{
   .report-table-tr{
     position: relative;
   } 
   a{
       text-decoration: none !important;
   }
   .print-none {
       display: none!important;
   }
}



#some_status {
  overflow-x: auto;
}

#some_status .timeline {
  overflow-x: auto;
  padding: 30px 0 10px 0;
  position: relative;
}


#some_status .entry {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  width: 150px;
}


#some_status .entry:after {
  content: '';
  display: block;
  border-radius: 10px;
  position: absolute;
  left: 50%;  
  margin-left: -10px;
}

.some_status_done:after{
  width: 20px;
  height: 20px;
  background:#0069d9;
  border: 3px solid #0069d9;
  top: -27px;
}
 
.some_status_wait:after{
  width: 20px;
  height: 20px;
  background:white;
  border: 3px solid #ddd;
  top: -27px;
}

.some_status_mark{
    margin:0 1px;
    border-radius: 3px;
    width:10px;
    height:10px;
    display: inline-block; 
    border: 1px solid black;
}
 
.text-std a{
   color: black;
}

.text-danger a{
   color: #dc3545;
}