@font-face {
    font-family: 'Roboto_light';
    src: url('fonts/whitney-book-webfont.woff');

}

@font-face {
    font-family: 'Roboto_bold';
    src: url('fonts/whitney-bold-webfont.woff');

}
@font-face {
    font-family: 'Roboto_medium';
    src: url('fonts/hps-euro-w01-regular-woff.woff');
	font-weight:bold;

}z
@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
	 table { page-break-after:auto }
	tr    { page-break-inside:avoid; page-break-after:auto }
	td    { page-break-inside:avoid; page-break-after:auto }
	thead { display:table-header-group }
	tfoot { display:table-footer-group }
}


body{

padding:10px;
font-size:14px;
font-family: 'Roboto_light', sans-serif;

}

#menudiv{

}


#contentdiv{
padding:10px;

}
.knapp{
background-color:#919191;
 color: white;
 display:inline-block;
 padding:3px;
 padding-top:2px;
 border-radius:5px;
margin-top:7px;
cursor:hand;



}
.knapp:hover {

}
.return{
background-color:#CCCCCC;

}
}
#addtodo{
background-color:transparent;
font-size:13px;
}
table {

border-collapse:collapse;
font-size:14px;
}
h2
{
font-family: 'Roboto_light', sans-serif;
}
td {

padding:2px;
}
td.b{
font-weight:bold;


}
#okknapp{
padding:1px;
margin-left: 20px;
line-height: 2em;
margin-top:10px;
display:none;
border-radius:2px;
border:1px solid black;
}
#okknapp:hover{
cursor:hand;
color:red;
}
#pdflink{
text-decoration:none;
padding:1px;
margin-left: 20px;
line-height: 2em;
margin-top:10px;
border-radius:2px;
border:1px solid black;
color:black;
}
#pdflink:hover{
 text-decoration:none;
cursor:hand;
color:red;
}

.fakturerat{
color:#4E8266 !important;
border: 1px solid #4E8266 !important;

}
.infobox{
position:absolute;
padding:2px;
background-color:white;
border:1px solid grey;
}
.hrsel{
border:1px dotted black !important;
}
.monthhours{
padding:1px;
}
.monthhours:hover{
cursor:hand;
color:red;
}
.todo{
cursor:hand;
}
.goal{
font-size:14px;
cursor:hand;
}
.selectedgoal {
background-color:grey;
}
.days
{
background-color:#fff;
font-family: 'Roboto_light', sans-serif;
border-bottom: 1px solid black;

padding-bottom:5px;
width:154px;
float:left;
text-align:left;
}
.monthname{
   font-size: 14;
    font-family: 'Roboto_light', sans-serif;
}
.weekname{
    font-size: 14;
   padding: 15;
    font-family: 'Roboto_light', sans-serif;
}
.datenumber{
       margin-left: 50;
    font-size: 14;
    font-family: 'Roboto_light', sans-serif;
    position: relative;
    /* top: 1px; */
}
.weekday{
       font-family: 'Roboto_light', sans-serif;
    /* font-weight: bold; */
    font-size: 13px;
    position: relative;
    /* top: -3px; */
    padding-left: 6px;
}
.kl
{
line-height:10px;
width:50px;
font-size:12px;
text-align:right;

padding-right:5px;


}
input[type="text"]{
margin:0px;
padding:2px 2px 2px 2px;
font-size:14px;
font-family: 'Roboto_light', sans-serif;
}
input[type="password"]{
margin:0px;
padding:2px 2px 2px 2px;
font-size:14px;
font-family: 'Roboto_light', sans-serif;
}
select
{
margin:0px;
padding:2px 2px 2px 2px;
font-size:12px;
font-family: 'Roboto_light', sans-serif;
}
.timeslot{
font-size:13px;
height:22px;
width: 150px;
max-width:150px;
min-width:150px;
border:1px solid white;
}
.timeslot:hover{
background-color:#E8DCAE !important;
 -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#messagebox{
width:200px;
font-size:12px;
vertical-align:top;
text-align:left;
font-family: 'Roboto_light', sans-serif;
}
#projectbox{

border-radius:10px;
font-size:12px;
vertical-align:top;
text-align:left;
font-family: 'Roboto_light', sans-serif;

}
.appendednolength{
 background-color:#DBDBDB !important;
 z-index:-1000;
 }
.editingworkblock{

 background-color:#DBDBDB !important;
}
.workblock, .editingworkblock, .appendednolength{
   word-break: normal;
    padding:5px;

     border-radius: 15px;
    overflow: hidden;
    position: absolute;

    font-size: 12px;
    line-height: 15px;
    border: none;
    /* border-left: 1px solid black; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

   -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}
.workblock:hover{

}
#timdisplay{
  background-color:#FF8F32;
   border-radius: 15px;
}
.projektnamn{
      margin-right: 2px;
    font-family: 'Roboto_light', sans-serif;
    /* font-weight: bold; */
    text-decoration: underline;
    font-size: 13px;

    padding-left: 1px;
    padding-right: 1px;
}
td.movetarget{
  cursor: move;
}
.momentnamn{
background-color:rgba(41, 72, 170, 0.06);
font-family: 'Roboto_light', sans-serif;
border-radius:3px;
color:grey;
 font-weight:normal;   padding-left:1px; padding-right:1px;
}
.beskrivning{
font-family: 'Roboto_light', sans-serif;
padding-left:1px; padding-right:1px;
}
.menuitem{

line-height:2em;
cursor:hand;
display:inline-block;
padding:5px;
padding-left:5px;
padding-right:5px;
color:#ffffff;
text-decoration:none;
font-family: 'Roboto_light', sans-serif;
font-weight:bold;
}
.menuitem:hover{
padding:0px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
line-height:2em;
color:white;
background-color:lightgrey;
}
.menuitemselected{
font-family: 'Roboto_light', sans-serif;
font-weight:bold;
line-height:2em;
cursor:hand;
display:inline-block;
padding-left:5px;
padding-right:5px;
color:black;
background-color:white;
text-decoration:none;
}
.menuitemselected:hover{
color:white;
background-color:lightgrey;
}
#timlista {

margin: 10px;
font-size:12px;
}
#timlista td{
padding:4px;
border: 1px solid grey;
}
#planeringtable td{
padding:4px;
border:1px solid grey;
}
#selectordiv td{
border: 1px solid black;
}
.todobox
{
background-color:transparent;
border:none;

padding:4px;
}
.tododone{
text-decoration:line-through;
}
.todowrap
{
background-color:transparent;
border:none;
border-bottom: 1px dotted grey;
padding:4px;
}
table.timlista {
margin:40px;
margin-top:60px;
font-size:13px;
}
table.timlista td{
padding:5px;
}
table.timlista td.even{

}
table.timlista td.odd{


}
::-webkit-scrollbar {
    width:4px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-track {
   background-color:#ededed;
    border-radius:2px;
}