*{
  padding: 0px;
  margin: 0px;
}

.hidden{
  display: none;
}
.clicked{
  background-color: peachpuff;
}
label{
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

form{
  display:contents;
}
.hmer{
  display: inline;
  width: 85%;
}
.ui-datepicker-trigger{
  width:30px;
}
#dur{
  cursor:default;
}
#sumOres{
  margin-left: 5px;
  color: #000;
  background-color: silver;
  padding: 2px 5px;
  font-size: 1.1em;
  border-radius: 5px;
  width: 70px;
  display: inline-block;
  text-align: center;
  font-weight: 500;  
}
ul{
  list-style: none;
}
ul.groupProgSite{
  padding-left: 5px;
}
ul.siteProgDetails{
  padding-left: 5px;
}
.siteProgDetails > li{
  cursor: pointer;
  margin: 1px 0px;
}
.siteProgDetails > li:hover:not(:first-child){
  background-color: darkgray;
}
.classConfirmed{
  background-color: lightgreen;
}
li.classCanceled {
  text-decoration: line-through;
  color: red;
}
.delProgLine{
  padding:1px;
  /*position:relative;
  top: 50%;
  transform: translateY(-25%);
  */
  line-height: 0px;
  height: 20px;;
}
button {
  font-size: 0.9em !important;
  padding: 7px 1px !important;
}
label {
  font-size: 0.9em;
}
.infoSiteProg{
  background-color: skyblue;
  color: #000;
  margin-top: 1em;
  cursor: n-resize;
}
.infoSiteProg .sitename{
  font-size: 0.9em;
}
.proglRowLegend{
  height: 1.6rem;
}
li.history{
    background: #eee;
}
.wipHistory{
  background-color: #777;
  color: #fff;
}
.wipCompleted,.wipOvelLoad{
  background-color: lightgreen;
}
.wipPending{
  background-color: yellow;
}
.wipOvelLoad{
  background-color: red;
  color:#fff;
}
.siteaaNotFound{
  background-color: orangered;
}
.siteProgDetails{
  display: none;
}

.siteDur{
  font-weight: bold;
  color: blue;
}
.rowlabel{
  /*font-size: 1.9em;*/
}
.frmDelLine{
  display:inline-grid;
  width:50%;
  max-width:130px;
  height:7px;
}

.border_adds, .border_submits, .border_history{
  border:2px solid #fff;
}

.redDay{
  color:red;
}

/* //////////////////////////// */
@media only screen and (max-width: 800px) {
  
a,button{
  display: block;
  /*width: 70%;*/
  margin: 5px 0px;
}
.rowlabel{
  font-size: 0.8em !important ;
}
.frmDelLine{
  max-width:15%;
}
.delProgLine{

}
.rowProg{
  border-bottom: 2px solid #ccc;
}


}