document { padding: 0px; margin: 0px; }
html, body { height: 100%; }

body {
  color: #9CA5B4; font-family: arial, tahoma, open sans, sans;
  font-size: 13px; padding: 0px; margin: 0px; box-sizing: border-box;
  background: url('gfx/bg/bg0.jpg') no-repeat bottom center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

*, form, div, textarea, code, table, td, p { box-sizing: border-box; }
button, input[type=button], input[type=submit], a, a img { cursor: hand; cursor: pointer; }
.hand { cursor: hand; cursor: pointer; }
.clear { clear: both; }
.hr { border-top: rgba(255,255,255,0.25) solid 1px; }

* { text-rendering: optimizeLegibility; }
html.touch * { text-rendering: optimizeSpeed; }

.mobilehead {
  display: none;

  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 32px;
  padding: 0px;
  box-shadow: rgba(0,0,0,0.5) 0px 0px 6px;
  font-size: 17px;
  z-index: 600;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f242a+0,00040c+100 */
  background: #1F242A;
  background: -moz-linear-gradient(top,  #1f242a 0%, #00040c 100%);
  background: -webkit-linear-gradient(top,  #1f242a 0%,#00040c 100%);
  background: linear-gradient(to bottom,  #1f242a 0%,#00040c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f242a', endColorstr='#00040c',GradientType=0 );

  background: #1F242A url('gfx/sidebg/leftbg0.jpg');
}
.mobilehead img.logo {
  position: fixed;
  right: 7px;
  top: 5px;
  height: 23px;
}
.mobilehead a, .mobilehead a:visited {
  display: block;
  font-size: 17px;
  color: #C4C4C4;
  text-decoration: none;
  padding: 7px;
}
.mobilehead a .fa, .mobilehead a:visited .fa {
  font-size: 17px;
  color: #C4C4C4;
  text-decoration: none;
}


.leftbar {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 22%;
  height: 100%;
  overflow: auto;
  padding: 0px;
  box-shadow: rgba(0,0,0,0.5) 0px 0px 8px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f242a+0,00040c+100 */
  background: #1F242A;
  background: -moz-linear-gradient(top,  #1f242a 0%, #00040c 100%);
  background: -webkit-linear-gradient(top,  #1f242a 0%,#00040c 100%);
  background: linear-gradient(to bottom,  #1f242a 0%,#00040c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f242a', endColorstr='#00040c',GradientType=0 );

  background: #1F242A url('gfx/sidebg/leftbg0.jpg');
}
.leftbar .innerbox {
  padding: 116px 5px 5px 5px;
  background: rgba(13,22,28,0.5);
  height: 100%;
}
.leftbar .folders {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.leftbar .projekbuttons {
  margin-top: 6px;
}
.leftbar .projekbuttons a:link, .leftbar .projekbuttons a:visited {
  color: #9DA4B4; text-decoration: none;
}
.leftbar .projekbuttons a:hover, .leftbar .projekbuttons a:active {
  color: #FFFFFF; text-decoration: none;
}

.lefthead {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 110px;
  color: #f8c311; /* #9CA5B4; */
  font-size: 14px;
  background: #2E3444;
  box-shadow: rgba(0,0,0,0.33) 0px 1px 4px;
}
.lefthead .head {
  height: 79px;
  background: #090A0E;
  padding: 11px 10px 5px 10px;
  text-align: center;
}
.lefthead .head img {
  height: 60px;
}
.lefthead .title {
  height: 31px;
  color: #f8c311; /* #9CA5B4; */
  font-size: 14px;
  background: #2E3444;
  padding: 8px 10px 0px 10px;
  box-shadow: rgba(0,0,0,0.33) 0px 1px 4px;
}

.mainprojecttitle .title {
  height: 31px;
  line-height: 31px;
  color: #f8c311; /* #9CA5B4; */
  font-size: 14px;
  background: #2E3444;
  padding: 0px 0px 0px 10px;
  box-shadow: rgba(0,0,0,0.33) 0px 1px 4px;
  margin-top: 8px;
  margin-bottom: 4px;
  border-radius: 3px;
}

.leftbar .title a.logout {
  float: right; margin-right: 1px;
}
.leftbar .title a:link, .leftbar .title a:visited {
  color: #9DA4B4; text-decoration: none;
}
.leftbar .title a:hover, .leftbar .title a:active {
  color: #FFFFFF; text-decoration: none;
}
.leftbar .title a.profile:link, .leftbar .title a.profile:visited {
  color: #f8c311; text-decoration: none; /* text-transform: uppercase; */
}
.leftbar .title a.profile:hover, .leftbar .title a.profile:active {
  color: #FFFFFF; text-decoration: none;
}
.leftbar .title a.profile:link i.fa, .leftbar .title a.profile:visited i.fa {
  color: #f8c311;
}

.folderitem, .folderitem:link, .folderitem:visited {
  display: block;
  color: #9CA5B4;
  padding: 3px 8px 2px 8px;
  margin-bottom: 2px;
  background: rgba(9, 10, 14, 0.72);
  border-top: rgba(0, 0, 0, 0.33) solid 0px;
  border-bottom: rgba(0, 0, 0, 0.33) solid 1px;
  border-radius: 3px;
}
.folderitem:hover, .folderitem:active {
  color: #FFFFFF;
  background: rgba(2,3,5,0.92);
}
.folderitem i.fa {
  font-size: 82%;
  padding-right: 3px;
}

.contentbar .folders {
  padding: 0px;
}
.contentbar .folderitem, .contentbar .folderitem:link, .contentbar .folderitem:visited {
  display: block;
  color: #9CA5B4;
  padding: 5px 10px;
  margin-bottom: 4px;
  background: rgba(2,3,5,0.5);
  border-top: rgba(3, 5, 11, 0.5) solid 1px;
  border-bottom: rgba(29, 40, 62, 0.45) solid 1px;
  border-radius: 4px;
}
.contentbar .folderitem:hover, .contentbar .folderitem:active {
  color: #FFFFFF;
  background: rgba(2,3,5,0.92);
}
.contentbar .folderitem i.fa {
  font-size: 82%;
  padding-right: 3px;
  padding-top: 0px;
}
.contentbar .sortable .li-state-highlight {
  display: block;
  background: #F5C21B;
  height: 28px;
  margin-bottom: 4px;
  border-radius: 4px;
}

form.miniform .folderitem, form.miniform .folderitem:link, form.miniform .folderitem:visited {
  color: #EC595C;
}
form.miniform h1 {
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: rgba(255,255,255,0.25) solid 1px;
}
form.miniform .submitbox {
  text-align: center;
  padding: 10px;
}
form.miniform .subpanel {
  text-align: center;
  padding: 10px;
  background: rgba(0,0,0,0.25);
  border-radius: 4px;
  box-shadow: inset rgba(0,0,0,0.33) 0px 0px 5px;
}
form.miniform a, form.miniform a:visited {
  color: #f85d60;
  text-decoration: none;
}
form.miniform a .fa, form.miniform a:visited .fa {
  color: #f1bf1b;
}
form.miniform a:hover, form.miniform a:active {
  color: #F5C21B;
  text-decoration: none;
}
form.miniform a:hover .fa, form.miniform a:active .fa {
  color: #F5C21B;
}

form.miniform .backtologinbox {
  text-align: center;
  padding: 10px;
  background: rgba(255,255,255,0.065);
  border: rgba(255,255,255,0.075) solid 2px;
  border-bottom: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 24px;
  margin-bottom: -18px;
}
form.miniform .backtologinbox a, form.miniform .backtologinbox a:visited {
  color: #909090;
  text-decoration: none;
}
form.miniform .backtologinbox a:hover, form.miniform .backtologinbox a:active {
  color: #D4D4D4;
  text-decoration: underline;
}

a.rightconf:link, a.rightconf:visited {
  float: right;
  color: #444;
  text-decoration: none;
  padding: 2px 8px;
}
a.rightconf:hover, a.rightconf:active {
  color: #FFFFFF;
  background: rgba(2,3,5,0.92);
}
.mainprojecttitle a.rightconf:link, .mainprojecttitle a.rightconf:visited {
  color: #6b6a6a;
  padding: 0px 8px;
  font-size: 16px;
}

a.delbutton, a.delbutton:visited {
  display: inherit;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  padding: 0px;
  text-align: center;
  margin-top: 12px;
  margin-right: 7px;
  background: #da0000;
  box-shadow: rgba(0,0,0,0.65) 0px 0px 3px;
}
a.delbutton .fa, a.delbutton:visited .fa {
  color: #fff;
}

.contentbar {
  position: fixed;
  left: 22%;
  top: 0px;
  width: 78%;
  height: 100%;
  overflow: auto;
  padding: 0px;
  background: rgba(0,0,0,0.15);
}

.contentbar a:link, .contentbar a:visited {
  color: #005fbf;
  text-decoration: none;
}
.contentbar a:hover, .contentbar a:active {
  text-decoration: underline;
}

.contentbar .contentmenu {
  background: #2E3444;
  color: #9CA5B4;
  font-size: 14px;
  padding: 8px 10px;
  box-shadow: rgba(0,0,0,0.33) 0px 1px 4px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e3444+0,1d1f2b+100 */
  background: #2E3444; /* Old browsers */
  background: -moz-linear-gradient(top,  #2e3444 0%, #1d1f2b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2e3444 0%,#1d1f2b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2e3444 0%,#1d1f2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3444', endColorstr='#1d1f2b',GradientType=0 ); /* IE6-9 */
}
.contentbar .contentmenu_decor {
  height: 31px;
  background: #2E3444B3;
  color: #9CA5B4;
  padding: 8px 10px;
}
.contentbar .contentmenu .tablist a:link, .contentbar .contentmenu .tablist a:visited {
  color: #FFFFFF; text-decoration: none; padding: 0 0 6px 0; margin: 0 10px;
  text-shadow: rgba(0,0,0,0.8) 0px 1px 2px; font-size: 16px;
  font-family: Oxygen, 'Open Sans', Tahoma, Arial, Sans;
}
.contentbar .contentmenu .tablist a.isactive {
  color: #FFFFFF; text-decoration: none; border-bottom: #F5C21B solid 2px;
}
.contentbar .contentmenu .tablist a:hover, .contentbar .contentmenu .tablist a:active {
  color: #F5C21B; text-decoration: none; border-bottom: #F5C21B solid 2px;
}
.contentbar .contentmenu .righbuttons {
  float: right;
}
.contentbar .contentmenu .righbuttons a:link, .contentbar .contentmenu .righbuttons a:visited {
  color: #9DA4B4; text-decoration: none;
}
.contentbar .contentmenu .righbuttons a:hover, .contentbar .contentmenu .righbuttons a:active {
  color: #FFFFFF; text-decoration: none;
}
.contentbar .tabbottom_menu {
  position: fixed; right: 22px; bottom: 8px; font-size: 10.5pt;
}
.contentbar .tabbottom_menu a:link, .contentbar .tabbottom_menu a:visited {
  color: #9DA4B4; background: rgba(0,0,0,0.75); border-radius: 4px; padding: 6px 8px; text-decoration:none;
}
.contentbar .tabbottom_menu a:hover, .contentbar .tabbottom_menu a:active {
  color: #FFFFFF; background: rgba(0,0,0,0.95);
}
.contentbar .todolist {
  float: left;
  background: transparent;
  width: 50%;
  height: 100%;
  color: #202020;
  font-size: 14px;
  padding: 16px;
}
.contentbar .todolist.leftbox {
  padding: 8px 12px 26px 18px;
}
.contentbar .todolist.rightbox {
  padding: 8px 18px 26px 12px;
}
.contentbar .todolist .coltitle {
  color: rgba(255,255,255,0.6);
  text-shadow: rgba(0,0,0,0.5) 1px 1px 0px;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 13px;
}

.templates {
  display: none;
}

.contentbar .todolist .todobox {
  margin-top: 3px;
  margin-bottom: 8px;
  background: #FFFFFF;
  box-shadow: rgba(0,0,0,0.7) 0px 1px 4px;
  border-radius: 4px;
  clear: both;
}
.contentbar .todolist .todobox.bigtodobox {
  border-bottom: #F8DB3F solid 3px;
}
.contentbar .todolist .todobox .title {
  color: #000000; /* #3c1e00 */
  font-size: 16px; /* 12, 13, 14, 15, 16 */
  font-weight: 600; /* normal, bold */
  font-family: Oxygen, 'Open Sans', Tahoma, Arial, Sans;
  padding: 8px 8px 8px 10px;
  border-radius: 4px;
  border: #f8f6f3 solid 1px;
  text-shadow: rgba(255,255,255,0.5) 1px 1px 0px;
  background: #FFFFFF;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FFFFFF+0,f7eee1+100 */

  background: -moz-linear-gradient(top,  #FFFFFF 0%, #efefef 100%);
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#efefef 100%);
  background: linear-gradient(to bottom,  #FFFFFF 0%,#efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#efefef',GradientType=0 );
  /**/
}
.contentbar .todolist .todobox .title .maintitle {
  color: #000000;
  padding-left: 2px;
  text-shadow: rgb(255 255 255) 1px 1px 0px;
}
.contentbar .todolist .todobox .title .star, .contentbar .todolist .todobox .title .star a, .contentbar .todolist .todobox .title .star a:visited {
  float: right;
  color: #C0C0C0;
  text-decoration: none;
}
.contentbar .todolist .todobox .title .star a:hover, .contentbar .todolist .todobox .title .star a:active {
  color: #F81C00;
}
.contentbar .todolist .todobox.marker1 .title .star, .contentbar .todolist .todobox.marker1 .title .star a, .contentbar .todolist .todobox.marker1 .title .star a:visited {
  color: #F81C00;
}
.contentbar .todolist .todobox.marker1 .title .star a:hover, .contentbar .todolist .todobox.marker1 .title .star a:active {
  color: #C0C0C0;
}
.contentbar .todolist .todobox.marker2 .title .star, .contentbar .todolist .todobox.marker2 .title .star a, .contentbar .todolist .todobox.marker2 .title .star a:visited {
  color: #F3C11B;
}
.contentbar .todolist .todobox .title .expiredt {
  float: right;
  font-size: 14px;
  font-weight: normal;
  padding-top: 0px;
}
.contentbar .todolist .todobox.marker1 .title .expiredt {
  color: red;
}
.contentbar .todolist .todobox .title a.location {
  font-weight: normal;
  text-decoration: none;
  color: #6e70bf;
  background: #fff;
  border-radius: 3px;
  padding: 0px 5px;
  border: #e4d9cb solid 1px;
}
.contentbar .todolist .todobox .todotext {
  display: none;
  padding: 8px 10px;
  background: #FCE87E;
  font-family: monospace;
  max-width: 100%;
  white-space: pre-wrap;
  /* border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; */
}

/* opacity: 0.62; */

.successbox {
  opacity: 0.5;
}
.successbox:hover {
  opacity: 1.0;
}

.contentbar .todolist .todobox .title .unflag  {
  display: none;
}

.contentbar .todolist .todobox .title .success_on  {
  display: none;
  color: #398800;
}
.contentbar .todolist .todobox .title .success_off  {
  float: right;
  color: #C0C0C0;
  padding: 0px 1px 0px 5px;
}
.contentbar .todolist .todobox .title .success_off:hover {
  color: #398800;
}

.contentbar .todolist .todobox.marker1 {
  border-left: #F81C00 solid 2px;
}
.contentbar .todolist .todobox.marker1 .title .maintitle {
  color: #F0050C;
}
.contentbar .todolist .todobox.marker1 .title .star {
  color: #F81C00;
}

.contentbar .todolist .todobox.successful {
  /*opacity: 0.8;*/
}
.contentbar .todolist .todobox.successful .title .maintitle,
.contentbar .todolist .todobox.successful .title .expiredt  {
  color: #398800;
}
.contentbar .todolist .todobox.successful .title .success_on  {
  display: inline;
}
.contentbar .todolist .todobox.successful .title .success_off  {
  display: none;
}

form.miniform {
  color: #9DA4B4;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 15px;
  background: #1F1F2A; /* #1F242A; */
  border-radius: 4px;
  box-shadow: rgba(0,0,0,0.45) 0px 1px 4px;
  width: 90%;
  max-width: 540px;
  margin: 15px auto;
  border-top: #252533 solid 3px;
  border-bottom: #1a1a25 solid 3px;
}
form.miniform strong {
  color: #FFFFFF;
  display: block;
  padding: 6px 8px;
  border-radius: 3px;
  margin-bottom: 12px;
  border-bottom: rgba(255, 255, 255, 0.04) solid 1px;
  background: rgba(255, 255, 255, 0.08);
}
form.miniform strong i.fa {
  color: #F5C21B;
}
form.miniform input[type="text"], form.miniform select, form.miniform textarea, form.miniform input[type="date"], form.miniform input[type="password"] {
  border: 0px;
  border-radius: 2px;
  box-shadow: rgba(0,0,0,0.5) 0px 1px 4px 0px inset;
  margin-top: 6px;
  padding: 4px 6px;
}
form.miniform select {
  padding: 2px 3px;
}
form.miniform input[type="submit"], form.miniform button[type="submit"] {
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #f85d60;
  padding: 5px 10px;
  margin-top: 6px;
  box-shadow: rgba(0,0,0,0.33) 0px 1px 4px;
  border-radius: 2px;
}
form.miniform input[type="button"], form.miniform button {
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #f8c311;
  padding: 5px 10px;
  margin-top: 6px;
  box-shadow: rgba(0,0,0,0.33) 0px 1px 4px;
  border-radius: 2px;
}

form.miniform input[type="submit"]:hover, form.miniform button[type="submit"]:hover, form.miniform input[type="button"]:hover, form.miniform button:hover {
  color: #080808;
  text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
}

form.miniform.form_left {
  width: 45%;
  float: left;
  margin: 15px 2.5%;
}
/*form.miniform.form_left {
  width: 45%;
  margin: 15px 2.5%;
}*/

form.miniform.form3_left {
  width: 29.33%;
  float: left;
  margin: 15px 2%;
}

form.miniform.login {
  max-width: 420px;
}

.bgpreview {
  max-height: 100px;
  border-radius: 3px;
  box-shadow: rgba(0,0,0,0.33) 0px 0px 4px;
}

.bglist {
  width: 100%;
  height: 85%;
  overflow-y: scroll;
  border: rgba(0,0,0,0.2) solid 1px;
}
.bglist div {
  position: static;
  display: block;
  float: left;
  padding: 2px;
  width: 33%;
  box-sizing: border-box;
  text-align: center;
  background: #1F1F2A;
  border: rgba(0,0,0,0.2) solid 1px;
}
.bglist div img {
  padding: 2px;
  height: 75px;
}

.home_widgets {
  position: relative;
}
.home_widgets img {
  max-width: 100%;
}
.home_widgets a label, .home_widgets a:visited label {
  display: inline-block;
  position: absolute;
  color: #FFFFFF;
  bottom: 3px;
  margin-left: -100%;
  width: 100%;
  text-align: center;
}
.home_widgets a, .home_widgets a:visited {
  position: relative;
  color: #E4E4E4;
  text-shadow: rgba(0,0,0,0.25) 1px 1px 0px;
  float: left;
  display: block;
  width: 23%;
  text-align: center;
  background: rgba(255,255,255,0.07);
  box-shadow: rgba(0,0,0,0.22) 0px 1px 4px;
  border-radius: 5px;
  margin: 1%;
}
.home_widgets a:hover, .home_widgets a:active {
  color: #FFFFFF;
  background: rgba(255,255,255,0.25);
  box-shadow: rgba(0,0,0,0.22) 0px 1px 4px;
}

.modal {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 300;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  padding-top: 26px;
}

textarea.todoarea {
  color: #000;
  font-family: monospace;
  background: #FCE87E;
  border: 0px;
  border-bottom: #F8DB3F solid 3px;
  width: 100%;
  min-height: 120px;
}

.coloredcircle {
  display: inline-block;
  color: #000;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #FCE87E;
  box-shadow: rgba(0,0,0,0.65) 0px 1px 3px;
}
.notecolor1, .todobox .todotext.bgcolor1 {
  background-color: #FCE87E;
}
.notecolor2, .contentbar .todolist .todobox .todotext.bgcolor2 {
  background-color: #64a7f3;
}
.notecolor3, .contentbar .todolist .todobox .todotext.bgcolor3 {
  background-color: #7fe75f;
}
.notecolor4, .contentbar .todolist .todobox .todotext.bgcolor4 {
  background-color: #d779e1;
}
.notecolor5, .contentbar .todolist .todobox .todotext.bgcolor5 {
  background-color: #FB6A7A;
}

.prioritycolor, .todobox .todotext.prioritycolor {
  background-color: #79797d;
  color: #FFFFFF;
}
.prioritycolor_on, .todobox .todotext.prioritycolor_on,
.prioritycolor:hover, .todobox .todotext.prioritycolor:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.contentbar .todolist .todobox.bigtodobox.bordercolor2 {
  border-bottom: #548FD8 solid 3px;
}
.contentbar .todolist .todobox.bigtodobox.bordercolor3 {
  border-bottom: #69D24C solid 3px;
}
.contentbar .todolist .todobox.bigtodobox.bordercolor4 {
  border-bottom: #CA6CD5 solid 3px;
}
.contentbar .todolist .todobox.bigtodobox.bordercolor5 {
  border-bottom: #EB5A6D solid 3px;
}

ul.sortable { padding-left: 0px; }
ul.sortable li { list-style: none; }

/* @ MEDIA */


@media only screen and (min-width:1200px),only screen and (min-device-width:1200px) {
  .contentbar .todolist .todobox .title {
    font-size: 15px;
  }
}

@media only screen and (min-width:0px) and (max-width:960px),only screen and (min-device-width:0px) and (max-device-width:960px) {
  .leftbar { display: none; top: 32px; width: 100%; max-width: 300px; min-height: 100%; z-index: 15000; }
  .lefthead { height: auto; }
  .lefthead .head { display: none; }
  .leftbar .innerbox { padding-top: 35px; }
  .mobilehead { display: block; }
  .contentbar { left: 0px; top: 32px; width: 100%; }
  .contentbar .tabbottom_menu { z-index: 500; font-size: 13pt; }
  .contentbar .contentmenu { border-top: #000000 solid 1px; font-size: 16px; line-height: 24px; }
}

@media only screen and (min-width:0px) and (max-width:790px),only screen and (min-device-width:0px) and (max-device-width:790px) {
  .contentbar .todolist { float: none; clear: both; width: 100%; height: auto; }
  .contentbar .todolist.leftbox { padding: 8px 12px 26px 12px; }
  .contentbar .todolist.rightbox { padding: 8px 12px 26px 12px; }
}

@media only screen and (min-width:0px) and (max-width:540px),only screen and (min-device-width:0px) and (max-device-width:540px) {
  .leftbar .folders .folderitem { font-size: 16px; }
  .contentbar .todolist { font-size: 12px; }
  .contentbar .todolist .todobox .title { font-size: 13px; }
  .contentbar .todolist .todobox .title .expiredt { font-size: 13px; }
  .home_widgets a, .home_widgets a:visited { width: 48%; }
}

@media only screen and (min-width:0px) and (max-width:360px),only screen and (min-device-width:0px) and (max-device-width:360px) {
  .home_widgets a, .home_widgets a:visited { width: 48%; }
}