body{
  border: 0px;
  margin: 0px;
  font-family: sans-serif,Arial, Helvetica ; 
  font-size: 13px;
}
section {
  display: flex;
  flex-flow: column;
  height: 100vh;
}
app {
  background: rgb(255, 255, 255);
  /*height : 60px;*/
}
desktop {
  flex: 2;
  background: rgb(255, 255, 254);
  overflow: auto;
}
tasks {
  background: rgb(163, 163, 163);
  min-height: 20px;
  cursor : pointer;
}

.menu {
  background: rgb(192, 18, 18);
  border: 0px;
  margin: 0px;
  width : 400px;
}

.jsform {
  background: rgb(211, 206, 206);
  border: 1px solid rgb(31, 30, 30);
  border-radius: 4px;
  .top {
    background: rgb(61, 60, 60);
  }
}

.jsformselected {
  cursor : pointer;
  background: rgb(230, 230, 230);
  border: 1px solid rgb(31, 30, 30);
  border-radius: 4px;
  .top {
    background: rgb(46, 95, 231);
  }
}

.jsformchange {
  background: rgb(179, 197, 255);
}

.jsformchanged {
  background: rgb(126, 238, 173);
}


.taskbutton {
  cursor : pointer;
  background: rgb(230, 230, 230);
  border: 1px solid rgb(31, 30, 30);
  border-radius: 2px;
}
.taskbuttonactive {
  background: rgb(80, 125, 248);
  border: 1px solid rgb(31, 30, 30);
  border-radius: 2px;
}

/* menu */
.jsmenubar {
  background: rgb(255, 255, 255);
  padding : 3px;
  border: 1px solid rgb(255, 255, 255); 
}

/* menublock */
.jsmenublock {
  position : absolute;
  display: none;
  background: rgb(255, 255, 255);
  z-index: 1;
 }
 .tableborder {
  border: 1px solid black;
  box-shadow: 2px 3px 2px rgb(191, 190, 190, 80); 
 }

 .tableblock  {
  border-collapse: collapse;
 }

 /* menupunkter */
 .jsmenuitem {
  border: 1px solid rgb(255, 255, 255);  
  cursor : pointer;
}

.jsmenuitem:hover {
  border: 1px solid rgb(127, 178, 229);  
  background: rgb(210, 223, 236);
}

.jsmenuitem * {
  background: rgb(240, 240, 240);
  border-top: 1px solid rgb(255, 255, 255);  
  border-bottom: 1px solid rgb(255, 255, 255);  
  margin : 5px;
  cursor : pointer;
  padding : 3px;
}

.jsmenuitem:hover * {
  background: rgb(210, 223, 236);
  border-top: 1px solid rgb(120, 171, 222);  
  border-bottom: 1px solid rgb(120, 171, 222);  
}

.jsmenudivider td {
  background: rgb(216, 216, 216);
}

.menuicon{
  background: rgb(255, 255, 255);
  border-right: 1px solid rgb(216, 216, 216);
  min-width : 18px;
}

.menusub{
  text-align: center;
  min-width : 24px;
}