.tooltip{
  cursor: pointer;
  font-weight:bold;
  border-radius: 7px;
  color:#000;
  background: #eeffee;
  padding-right: 1px;
  padding-left: 1px;
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  text-align:left;
  background-color: black;
  color: #fff;
  padding: 5px;
  padding-left: 10px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.div_button{
  border: 2px solid green;
  background: #abcdef;
  border-radius: 5px;
  cursor: pointer;
  margin: 1px;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
  font-size:12px;
}
input,select{
  background:#efe;
  color:#220;
}
.inp_3ch{
  width:3ch;
  text-align:center;
}
.inp_4ch{
  width:4ch;
  text-align:center;
}
.inp_5ch{
  width:5ch;
  text-align:center;
}
.inp_7ch{
  width:7ch;
  text-align:center;
}
.inp_8ch{
  width:8ch;
  text-align:center;
}
.inp_9ch{
  width:9ch;
  text-align:center;
}
.inp_11ch{
  width:11ch;
  text-align:center;
}
.inp_13ch{
  width:13ch;
  text-align:center;
}
.inp_17ch{
  width:17ch;
  text-align:center;
}
.active{
  background: #fedcba;
  font-weight:bold;
}
.inactive{
  background: #ccc;
  font-weight:normal;
}
.spaceer{
    height:10px
}
.unsaved{
  background-color:#ffbbbb
}
.avlosning{
  background-color:#88ff88
}
.note-editable {
  line-height: 0.3;
}
/* From here, economix */
.ow_red{
  background: #f88
}
.ow_yello{
  background: #ff8
}
.ow_green{
  background: #8f8
}
.b{font-weight:bold}
.button_def_bg{background: #bbc0c0}
.button_sel_bg{background: #90ee90}
body{
  background: #ccccd0;
 // font-family: Helvetica, Arial;
  font-family: Source Sans Pro;
}
.pe_text{
  width:100px;
}

/* div{border: 2px solid gray} */
table, th, td {
  table-layout: fixed;
  background: #ccccd0;
  border: 2px solid;
  border-radius: 5px;
  border-color:
    rgba(0,0,0,0.1) 
    rgba(255,255,255,0.1)
    rgba(255,255,255,0.1) 
    rgba(0,0,0,0.1) 
  ;
  border-collapse: collapse; 
  vertical-align: top;
  padding: 1px;
  margin:1px;
  white-space:nowrap;
  text-align:center;
}
td{
  padding-right:5px;
  padding-left:5px;
}
.shrink {
  white-space: nowrap;
  width: 1px;
}
button{
  border-radius: 5px;
  color:#002;
  background: #bbc0c0;
  border-color:
    rgba(255,255,255,0.1) 
    rgba(0,0,0,0.1)
    rgba(0,0,0,0.1) 
    rgba(255,255,255,0.1)
  ;
  text-align:center;
}
/*table.raling, td{
  text-align:right;
  padding-left:3px;
}*/
.pointer{cursor: pointer;} 
.hide{visibility:collapse}
.hidden{visibility:hidden}
input{
  width:99%;
  border-bottom-color: #b3b3b3;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #b3b3b3;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #b3b3b3;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #b3b3b3;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  padding-left:3px;
  padding-right:3px;
}
input[type='checkbox']{
  width:auto;
}
input.readonly {
  background-color:#ccc; color:black
}
input.required {
  background-color:#dfd; color:black
}
input.optional {
  background-color:#eef; color:black
}
textarea.optional {
  background-color:#eef; color:black
}
textarea.readonly {
  background-color:#ccc; color:black
}
.dropdown{
  text-align:left;
  font-family:'Lucida Console', Monaco, monospace;
  position:relative;
  overflow:none
}
.ddul{
  position:absolute;
  top:20px;left:1px;
  background:rgba(250,250,250,1);
  border: 2px solid green;
  padding:5px;
  margin:1px;
  display:inline-block;
  list-style: none;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
li.ddli:hover {
  font-weight:bold;
  border: solid #008 2px;
  color: #008;
}
.odd{background: #edf;}
.even{background: #fde;}
.inputGreen{background: #ddffdd;}
.inputRed{background: #ffaaaa;}
.inputCyan{background: #aaffff;}
.more{
  background:#ff8888;
}
.less{
  background:#8888ff;
}
.accepted{
  background:#88ff88;
}