/**
 * @file
 * SuiteDesk Styles.
 */


/*
 * SuiteDesk homepage.
 */
.suitedesk-help {
  width: 46%;
  margin: 2%;
  float: left;
  text-align: center;
}
.suitedesk-help p {
  font-size: .92em;
  text-align: center;
}
.suitedesk-help img {
  width: 50%;
  max-width: 120px;
}
@media (max-width: 659px) {
  .suitedesk-help {
    width: 100%;
  }
  .suitedesk-help img {
    width: 33.3333%;
  }
}
.suitedesk-tickets,
.suitedesk-contact {
  clear: both;
}

/*
 * "Storm list" blocks.
 */
.block .storm-list ul {
  padding-left: 1em;
}
.block .storm-list ul li {
  list-style-image: url(../images/menu-leaf.gif);
}
.block .storm-list ul li a:link,
.block .storm-list ul li a:visited {
  color: #3c8dbc;
}
.block .storm-list ul li a:hover {
  color: #f70a0a;
}

/*
 * "Latest completed tasks" block in the Kanban view.
 */
#block-views-storm_projects_kanban-block_6 {
  background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(24%, rgba(239,239,239,1)), color-stop(64%, rgba(247,247,247,0.7)), color-stop(100%, rgba(255,255,255,0))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea',endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#block-views-storm_projects_kanban-block_6 .content {
  position: relative;
}
#block-views-storm_projects_kanban-block_6 li {
  width: 68%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-1 {
  margin: .7em 0 0 2%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-2 {
  margin: -6em 0 0 10%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-3 {
  margin: -5em 0 0 20%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-4 {
  margin: -5em 0 0 30%;
}
@media (max-width: 529px) {  /* MINW - 1 */
  #block-views-storm_projects_kanban-block_6 {
    display: none;
  }
}

/*
 * "Quick Timetracking" block.
 */
#block-stormquicktt-0 {
  margin: 0 3px;
}
#block-stormquicktt-0 .content {
  margin: 0;
}
@media (max-width: 899px) {
  #block-stormquicktt-0 {
    margin: 2em 0 0 !important;
  }
}
#edit-selects-mode-wrapper {
  font-size: 1em;
  float: right;
  margin: 0 .5em 0 0;
}
#edit-selects-projects-wrapper label {
  display: block;
  margin-top: 1em;
  padding-left: .2em;
}
#stormquicktt #edit-selects-projects {
  width: 100%;
}
#block-stormquicktt-0 .info,
#block-stormquicktt-0 .storm-quicktt-time {
  display: inline;
}
#block-stormquicktt-0 .storm-quicktt-timer-box span {
  float: left;
  margin-right: 1em;
}
.storm-quicktt-info .note input {
  width: 100%;
}
#block-stormquicktt-0 .sqtt-timetracking-trigger img {
  margin: -10px 10px 0;
}
#block-stormquicktt-0 .timetracking-loading img {
  margin-top: 0;
}
#block-stormquicktt-0 .timetracking-loading span {
  line-height: 16px;
}
#block-stormquicktt-0 .timetracking-loading span:before {
  content: ' (';
}
#block-stormquicktt-0 .timetracking-loading span:before,
#block-stormquicktt-0 .timetracking-loading span:after {
  font-size: .7em;
}
.stormlinks .timetracking-loading span {
  font-size: 1.2em;
}

/*
 * "Updated content" block.
 */
#block-views-updates_recent-block_1 .views-row {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

/*
 * "Recent hits on nodes" block.
 */
#block-storm-storm_recent_nodes .content {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#block-storm-storm_recent_nodes div.item-list + div.item-list {
  border-top: 1px solid #999;
}
#block-storm-storm_recent_nodes ul {
  clear: both;
  width: 3000px;
  height: 20px;
  padding: 0 6px;
}
#block-storm-storm_recent_nodes ul li {
  float: left;
  margin: 4px 8px 0 0;
  padding: 0;
  list-style: none;
}
#block-storm-storm_recent_nodes ul li img {
  float: left;
}
#block-storm-storm_recent_nodes ul li a {
  display: block;
  font-size: .92em;
  line-height: 20px;
  padding-left: 22px;
}

/*
 * "Books" block.
 */
.block-books ul {
  padding-left: 0;
}
.block-books ul li {
  list-style: none;
  text-indent: -1.7em;
  margin-left: 1.7em;
}
.block-books ul li div {
  display: inline;
}
.block-books ul li a:link,
.block-books ul li a:visited {
  color: #3c8dbc;
}
.block-books ul li a:hover {
  color: #f70a0a;
}
.block-books ul li:before {
  font-family: "fonticons";
  color: #999;
  padding: 0 .2em;
  content: "\e827";
}

/*
 * "Tags" block.
 */
body.page-doks-tags .view-storm-doks-tags .views-row {
  font-size: 1.4em;
}
.view-storm-doks-tags .views-row,
.view-storm-doks-tags .views-field-name {
  display: inline;
  padding-right: .2em;
}
#block-views-storm_doks_tags-block_2 .more-link {
  padding-top: .8em;
}

/*
 * "Upcoming" blocks.
 */ /*
.block-upcoming-events ul {
  padding-left: .4em;
}
.block-upcoming-events ul li {
  padding-left: 40px;
  padding-bottom: .8em;
  list-style: none;
  background: transparent url(../images/storm/event.png) no-repeat 0 0;
}
.block-upcoming-events .views-field-title {
  font-weight: bold;
  line-height: 1em;
}
.block-upcoming-events .views-field-field-stormevent-place-value {
  font-size: .75em;
  color: #999;
}
.block-upcoming-events .views-field-field-stormevent-date-value {
  font-size: .75em;
  color: #e58a28;
}
#block-views-calendar-block_2 {
  margin: 2em 0 -1.5em;
  background: transparent;
}
#block-views-calendar-block_2 .content {
  overflow: hidden;
  margin: 0;
}
#block-views-calendar-block_2 .view-content ul {
  width: 3000px;
  padding-left: 0;
}
#block-views-calendar-block_2 .view-content ul li {
  float: left;
  max-width: 14em;
  margin: 0 .8em 0 0;
}
#block-views-calendar-block_2 .more-link {
  float: right;
  padding: 3px 8px;
  font-weight: bold;
  background: #dfdfdf;
} */

/*
 * "SuiteDesk" dynamic desktop.
 */
#sdb-timetracking {
  display: none;
}

/*
 * "SuiteDesk" options, icons and menu block.
 */
div.stormlinks {
  float: right;
  width: 30%;
  border: 1px solid #ddd; /*
  border-radius: 5px; */
  background: #fff;
  padding: 8px 0 4px 1%;
  margin-bottom: 1em;
  text-align: left;
}
div.stormlinks dl {
  margin-bottom: 0;
}
@media (max-width: 889px) {
  div.stormlinks {
    width: 42%;
  }
}
@media (max-width: 529px) {
  div.stormlinks {
    display: none;
  }
} /*
@media (max-width: 439px), (min-width: 530px) and (max-width: 679px) {  * MINW *
  div.stormlinks {
    display: none;
  }
} */
div.stormlinks .sqtt-timetracking-trigger {
  display: block;
  margin-top: 1.4em;
  padding-right: 4px;
}
div.stormlinks .sqtt-timetracking-trigger span {
  display: block;
  margin-bottom: 1em;
  float: left;
}
div.stormlinks .sqtt-timetracking-trigger img {
  margin-top: 0;
  margin-right: 8px;
} /*
#stormdesktop {
  clear: both;
  padding: 1em 0 0;
} */
div.stormdashboard {
  width: 50%; /*
  margin-left: 0; */
}
div.stormdashboard dt.stormcomponent {
  background-color: #e2e2e2 !important;
  background-position: 8px 6px !important;
  margin: 0 3px 6px;
  padding: 10px 0 10px 50px;
  white-space: nowrap;
  overflow: hidden;
  height: auto;
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -o-transition: background-color .3s;
  -ms-transition: background-color .3s;
  transition: background-color .3s;
}
div.stormdashboard dt.stormcomponent:hover {
  background-color: #50abbf !important;
}
div.stormdashboard dt.stormcomponent a {
  font-size: 1.2em;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -o-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
}
div.stormdashboard dt.stormcomponent:hover a {
  color: #fff;
}
@media (max-width: 659px), (min-width: 768px) and (max-width: 899px) {
  div.stormdashboard {
    width: 100%;
    margin-left: 0; /*
    width: 100%;
    margin-top: 0;
    margin-left: 0; */
  }
} /*
@media (min-width: 660px) and (max-width: 799px) {
  div.stormdashboard dt.stormcomponent {
    padding-left: 10px;
    background-image: none !important;
  }
} */

#stormdashboard-block dt.stormcomponent {
  min-width: 50%;
  padding-right: 5px;
  margin-bottom: .1em;
} /*
@media (min-width: 530px) and (max-width: 729px) {  * MINW *
  #stormdashboard-block dt.stormcomponent {
    width: 100%;
    background: #e2e2e2 !important;
    padding-left: 5px;
  }
  #stormdashboard-block dt.stormcomponent:hover {
    background-color: #d2e0f1 !important;
  }
  #stormdashboard-block a.popups-form {
    display: none;
  }
} */
dt.stormcomponent img {
  margin: 0 !important;
}
dt.stormcomponent span.stormlinks-count + a > img {
  margin-left: 2px !important;
}

dt#stormoptions {
  background: transparent url(../images/storm/storm.png) no-repeat top left;
}
dt#stormkanban {
  background: transparent url(../images/storm/kanban.png) no-repeat top left;
}
dt#stormglossary {
  background: transparent url(../images/storm/glossary.png) no-repeat top left;
}
dt#stormfaq {
  background: transparent url(../images/storm/faq.png) no-repeat top left;
}
dt#stormwatcher {
  background: transparent url(../images/storm/watcher.png) no-repeat top left;
}
dt#stormtrash {
  background: transparent url(../images/storm/trash.png) no-repeat top left;
}

/*
 * "SuiteDesk" list & filter.
 */ /*
#edit-datefrom-wrapper label,
#edit-dateto-wrapper label,
#edit-datebeginfrom-wrapper label,
#edit-datebeginto-wrapper label,
#edit-dateendfrom-wrapper label,
#edit-dateendto-wrapper label,
#edit-reqdatefrom-wrapper label,
#edit-reqdateto-wrapper label {
  margin-bottom: 0;
}
#edit-datefrom-wrapper .description,
#edit-dateto-wrapper .description,
#edit-datebeginfrom-wrapper .description,
#edit-datebeginto-wrapper .description,
#edit-dateendfrom-wrapper .description,
#edit-dateendto-wrapper .description,
#edit-reqdatefrom-wrapper .description,
#edit-reqdateto-wrapper .description {
  margin-bottom: -0.5em;
} */
#edit-itemsperpage-wrapper {
  margin-top: .5em;
}
#edit-itemsperpage-wrapper label,
#edit-itemsperpage-wrapper input {
  display: inline;
}
#edit-itemsperpage {
  width: 4em;
  text-align: center;
}

/*
 * "SuiteDesk Organizations" list & filter.
 */
body.page-organizations table.sticky-enabled tr > td:first-child {
  font-weight: bold;
}

/*
 * "SuiteDesk Persons" list & filter.
 */
body.page-people table.sticky-enabled tr > td + td {
  font-weight: bold;
}
body.page-people table.sticky-enabled tr > td + td + td {
  font-weight: normal;
}

/*
 * "SuiteDesk Teams" list & filter.
 */
body.page-teams table.sticky-enabled tr > td:first-child {
  font-weight: bold;
}

/*
 * "SuiteDesk Projects" list & filter.
 */
table#stormprojects td .project-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}
table#stormprojects td .status_inserted a {
  color: #d20d0d;
}
table#stormprojects td .status_canceled a {
  color: #999;
  font-weight: normal;
  text-decoration: line-through;
}
table#stormprojects td .status_completed {
  font-size: 1em;
}
table#stormprojects td .status_completed a {
  color: #158715;
  font-weight: normal;
}

/*
 * "SuiteDesk Tasks" list & filter.
 */
td.stormtask-list-comments {
  text-align: center;
}
table#stormtasks td .task-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}
table#stormtasks td .status_inserted a {
  color: #d20d0d;
}
table#stormtasks td .status_duplicated a,
table#stormtasks td .status_not_solved a {
  color: #999;
  font-weight: normal;
  text-decoration: line-through;
}
table#stormtasks td .status_completed {
  font-size: 1em;
}
table#stormtasks td .status_completed a {
  color: #158715;
  font-weight: normal;
}
table#stormtasks tr.storm_category_tasksgroup .task-title {
  font-size: 1em;
}
table#stormtasks tr.storm_category_tasksgroup .task-title a {
  color: black;
  font-weight: normal;
}
table#tasks td .popups-form,
table#stormtasks td .popups-form {
  margin-left: 2px;
}
@media (min-width: 768px) and (max-width: 879px) {
  table#stormtasks tr > td:first-child,
  table#stormtasks tr > th:first-child,
  table#stormtasks tr > .storm_list_comments,
  table#stormtasks tr > .storm_list_operations {
    display: none;
  }
}

table#tasks tbody tr td:first-child {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
table#tasks tbody tr td:first-child > div.indentation + a {
  margin-right: -48px;
}
table#tasks tbody tr td:first-child > a.tabledrag-handle {
  position: absolute;
  margin-left: -2px;
}
table#tasks tbody tr td:first-child > a:not([class]) {
  display: inline-block;
}
table#tasks tbody tr td:first-child > a.tabledrag-handle + a {
  margin-left: 24px;
  margin-right: -150px;
}
table#tasks span.tabledrag-changed {
  left: 1px;
}
table#tasks tr.row-group td:first-child a {
  color: black;
  font-weight: bold;
}

/*
 * "SuiteDesk Tasks" Kanban.
 */
body[class*="-tasks section"] #content-area {
  clear: both;
}
body[class*="-kanban section"] .region-content-top .block {
  width: 24.7%;
  margin: 0 .4% 0 0;
  float: left;
  background: transparent;
}
#block-views-storm_projects_kanban-block_4 {
  margin-right: 0;
}

body[class*="-kanban section"] .region-content-top .block h2.title:before {
  content: "";
}
.view-tasks-backlog h2.title,
body[class*="-kanban section"] .region-content-top .block h2.title {
  text-align: center;
  padding: 5px;
}
.view-tasks-backlog h2.title {
  margin: 1.8em 0 1.2em;
  background-color: #556372;
  color: #eee;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.view-tasks-backlog,
.view-tasks-backlog div.item-list {
  clear: both;
}

.view-tasks-kanban .view-empty p {
  font-weight: bold;
  text-align: center;
  padding: 6px 0 6px;
  background-color: #efefef;
  color: #cfcfcf;
}
.view-tasks-kanban .view-content ul {
  margin: 0;
  padding: 0;
}
.view-tasks-kanban .view-content ul li {
  margin: 0 0 1em;
  padding: .6em;
  list-style: none;
  background: #fff;
  border: 1px solid #999;
  font-size: 12px;
}
.view-tasks-kanban .view-content ul li.task-assigned {
  background-color: #ccffcc;
  border-color: #00b700;
}
.view-tasks-kanban .view-content ul li.task-own {
  background-color: #fcffa4;
  border-color: #dee100;
}
.view-tasks-kanban .views-field-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: .6em;
}
.view-tasks-kanban .views-field-title-2 a,
.view-tasks-kanban span.views-field-datebegin,
.view-tasks-kanban span.views-field-dateend {
  font-size: 11px;
}
.view-tasks-kanban .views-field-title-3 span {
  display: block;
  margin-top: .6em;
  text-align: right;
  line-height: 14px;
}
.view-tasks-kanban .views-field-comment-count {
  float: left;
}
.view-tasks-kanban .views-field-comment-count a {
  margin: 1px 4px 0 2px;
  height: 14px;
  line-height: 14px;
}
.view-tasks-kanban .popups-form {
  margin-left: 2px;
}
.view-tasks-kanban .views-field-taskstatus {
  float: right;
}
.view-tasks-kanban .views-field-comment-count,
.view-tasks-kanban .views-field-taskstatus,
.view-tasks-kanban .views-field-operation  {
  margin-top: .6em;
}

.view-tasks-backlog .view-content ul li {
  width: 23%;
  margin: 0 1% 2em;
  float: left;
}
.view-tasks-backlog li.views-row-5,
.view-tasks-backlog li.views-row-9,
.view-tasks-backlog li.views-row-13,
.view-tasks-backlog li.views-row-17,
.view-tasks-backlog li.views-row-21 {
  clear: both;
}

.view-tasks-kanban li.views-row-even {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.view-tasks-kanban li.views-row-odd,
.view-tasks-kanban li.views-row-6,
.view-tasks-kanban li.views-row-12,
.view-tasks-kanban li.views-row-18 {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.view-tasks-kanban li.views-row-17,
#block-views-storm_projects_kanban-block_4 li.views-row-even {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.view-tasks-kanban li.views-row-7,
.view-tasks-kanban li.views-row-11,
.view-tasks-kanban li.views-row-15,
#block-views-storm_projects_kanban-block_2 li.views-row-odd {
  -webkit-transform: rotate(-1.2deg);
  -moz-transform: rotate(-1.2deg);
  -o-transform: rotate(-1.2deg);
  -ms-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
}

.view-tasks-backlog .views-exposed-widget {
  width: 39%;
  float: left;
  padding-top: 0;
}
.view-tasks-backlog .views-exposed-widget label {
  width: 25%;
  min-width: 5.2em;
  margin: .2em 0 0;
  float: left;
}
.view-tasks-backlog .views-widget-filter-title label {
  min-width: 3.6em;
}
.view-tasks-backlog .views-exposed-widget input {
  width: 54%;
  margin-bottom: .4em;
}
.view-tasks-backlog .views-widget-filter-title input {
  width: 62%;
}
.view-tasks-backlog .views-submit-button {
  width: 22%;
}
.view-tasks-backlog .views-submit-button button {
  margin: 0 0 0 4% !important;
}
@media (max-width: 699px) {
  .view-tasks-backlog .views-exposed-widget {
    width: 70%;
  }
  .view-tasks-backlog .views-exposed-widget label {
    position: absolute;
    left: 1.8em;
    opacity: .2;
  }
  .view-tasks-backlog .views-exposed-widget input {
    width: 98%;
  }
  .view-tasks-backlog .views-submit-button {
    width: 30%;
  }
  .view-tasks-backlog .views-submit-button button {
    width: 96%;
  }
}

@media (max-width: 899px) {
  body[class*="-kanban section"] .region-content-top .block {
    float: none;
    width: 100%;
    clear: both;
    margin: 0;
  }
  .view-tasks-kanban .view-content ul li {
    margin: 0 1% 1em;
    float: left;
    clear: none;
  }
}
@media (min-width: 650px) and (max-width: 899px) {
  .view-tasks-kanban .view-content ul li {
    width: 31%;
  }
  .view-tasks-kanban li.views-row-4,
  .view-tasks-kanban li.views-row-7,
  .view-tasks-kanban li.views-row-10,
  .view-tasks-kanban li.views-row-13,
  .view-tasks-kanban li.views-row-16,
  .view-tasks-kanban li.views-row-19,
  .view-tasks-kanban li.views-row-22 {
    clear: both !important;
  }
}
@media (max-width: 649px) {
  .view-tasks-kanban .view-content ul li {
    width: 48%;
  }
  .view-tasks-kanban li.views-row-3,
  .view-tasks-kanban li.views-row-5,
  .view-tasks-kanban li.views-row-7,
  .view-tasks-kanban li.views-row-9,
  .view-tasks-kanban li.views-row-11,
  .view-tasks-kanban li.views-row-13,
  .view-tasks-kanban li.views-row-15,
  .view-tasks-kanban li.views-row-17,
  .view-tasks-kanban li.views-row-19,
  .view-tasks-kanban li.views-row-21,
  .view-tasks-kanban li.views-row-23 {
    clear: both !important;
  }
}

/*
 * "SuiteDesk Tickets" list & filter.
 */
td.stormticket-list-comments {
  text-align: center;
}
table#stormtickets td .ticket-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}
table#stormtickets td .status_inserted a,
table#stormtickets td .status_someday a {
  color: #d20d0d;
}
table#stormtickets td .status_duplicated a,
table#stormtickets td .status_not_solved a {
  color: #999;
  font-weight: normal;
  text-decoration: line-through;
}
table#stormtickets td .status_completed {
  font-size: 1em;
}
table#stormtickets td .status_completed a {
  color: #158715;
  font-weight: normal;
}
@media (min-width: 768px) and (max-width: 879px) {
  table#stormtickets tr > td:first-child,
  table#stormtickets tr > th:first-child,
  table#stormtickets tr > .storm_list_comments,
  table#stormtickets tr > .storm_list_operations {
    display: none;
  }
}

/*
 * "SuiteDesk Task & Tickets" watcher view.
 */
#watcher_binder table tbody tr > td + td + td + td {
  text-align: center;
}
.watcher_binder_send_email_status_icon_enabled,
.watcher_binder_send_email_status_icon_disabled {
  overflow: hidden;
  text-indent: -1000em;
}

/*
 * "SuiteDesk Timetrackings" list & filter.
 */
table#stormtimetrackings td .timetracking-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}

/*
 * "SuiteDesk Notes" list & filter.
 */
table#stormnotes th.storm_list_date {
  width: 7.5em;
}
table#stormnotes th.storm_list_version {
  width: 4em;
}
table#stormnotes td .note-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}

/*
 * "SuiteDesk Documents" list & filter.
 */
table#stormdoks th.storm_list_date {
  width: 7.5em;
}
table#stormdoks th.storm_list_version {
  width: 4em;
}
table#stormdoks td .dok-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}
table#stormdoks td .status_draft a {
  color: #d20d0d;
}
table#stormdoks td .status_reviewed {
  font-size: 1em;
}
table#stormdoks td .status_reviewed a {
  color: #158715;
  font-weight: normal;
}
table#stormdoks td .status_obsolete a {
  color: #999;
  font-weight: normal;
  text-decoration: line-through;
}

/*
 * "SuiteDesk Events" list & filter.
 */
table#stormevents td .event-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}

/*
 * "SuiteDesk Calendar" view.
 */
.calendar-calendar {
  margin-top: 0 !important;
}
.calendar-calendar .view-data-nid {
  display: none !important;
}
.calendar-calendar .stripe {
  border-radius: 0 !important;
  height: 10px !important;
}
.calendar-calendar .monthview,
.calendar-calendar .weekview,
.calendar-calendar .dayview {
  border-radius: 0 !important;
  padding-top: 12px !important;
  line-height: 14px !important;
  font-size: 11px !important;
  min-height: 2.6em !important;
}
.calendar-calendar .full {
  border-left: 1px solid transparent !important;
}
#single-day-container .full,
.calendar-calendar .day-view {
  border-right: 1px solid #ccc;
}
.calendar-calendar .month-view .full th {
  width: 14.2857%;
  min-width: 90px;
}
.calendar-calendar .week-view .full th,
.calendar-calendar .week-view .full tr.all-day td.calendar-agenda-hour {
  width: 12% !important;
}
.calendar-calendar .week-view .full th.today {
  background-color: #556372;
  color: #eee;
}
.calendar-calendar .month-view .full td .day {
  width: 2em;
}
.calendar-calendar .month-view .full td.empty {
  background: #999 !important;
}
.calendar-calendar .month-view .full td.empty .day {
  color: #ccc;
}
.calendar-calendar .day-view .full td .inner div.calendar div a {
  margin: 0;
}

.calendar-calendar td .date-display-single {
  font-size: 0;
}
.calendar-calendar td .date-display-start,
.calendar-calendar td .date-display-separator,
.calendar-calendar td .date-display-end {
  font-size: 10px;
}

.calendar-calendar ul.links {
  width: 50%;
  top: 0;
}
.calendar-calendar ul.links li {
  background: #dfdfdf;
  padding: 6px 8px;
  margin: 0 6px 2px 0;
  font-size: .9em;
}
.calendar-calendar ul.links li a {
  text-decoration: none;
}
.calendar-calendar button {
  height: 39px;
  margin: 0;
}

.date-nav div.date-heading h3 {
  width: 70%;
  margin: .5em 0;
}
.calendar-calendar .year-view .date-nav div.date-heading,
.calendar-calendar .year-view .date-nav div.date-heading h3 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 18px;
}
.calendar-calendar .year-view .date-nav div.date-prev,
.calendar-calendar .year-view .date-nav div.date-next {
	display: none;
}
.calendar-calendar .year-view table.mini {
  min-width: 180px;
}

.calendar-date-select form {
  width: 50%;
}
#edit-calendar-goto-datepicker-popup-0 {
  width: 7em;
  text-align: center;
  margin-left: .5em;
  background: #ffffc0;
}
#edit-calendar-goto-datepicker-popup-0-wrapper .description {
  display: none;
}

@media (max-width: 570px) {
  .calendar-calendar .week-view .full th small {
    display: block;
    font-size: 14px;
  }
  .calendar-date-select #edit-submit {
  	display: none;
  }
  .date-nav div.date-heading h3 {
    margin-top: 1.2em;
  }
}
.date-nav div.date-prev,
.date-nav div.date-next {
  margin-top: 4em;
}
body.i18n-es .date-nav div.date-prev {
  margin-right: 1.6em;
}
.date-nav div.date-next {
  margin-right: .4em;
}

/*
 * "SuiteDesk Expenses" list & filter.
 */
table#stormexpenses td .expense-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}

/*
 * "SuiteDesk Invoices" list & filter.
 */
table#storminvoices td .invoice-number,
table#storminvoices td .invoice-title {
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
}

/*
 * "SuiteDesk" node.
 */
div.stormfields {
  margin-bottom: 12px;
}
div.stormfields,
body.suitedesk div.field-items {
  line-height: 1.8em;
  text-align: left;
}
div.stormfields div.label,
body.suitedesk div.field-label {
  line-height: 1.8em;
  font-weight: bold;
  width: 8.3em;
  float: left;
  margin-bottom: .2em;
  white-space: nowrap;
  overflow: hidden;
}
div.stormfields div.value,
body.suitedesk div.field-items {
  margin: 0 32% .2em 8.3em;
  padding-left: .4em;
  background-color: #efefef;
}
@media (max-width: 889px) {
  div.stormfields {
    margin-bottom: 0;
  }
  div.stormfields div.label,
  body.suitedesk div.field-label {
    float: none;
    width: auto;
    line-height: 1.2em;
  }
  div.stormfields div.value,
  body.suitedesk div.field-items {
    margin-left: 0;
    margin-right: 44%;
    line-height: 2em;
  }
}
@media (max-width: 529px) {
  div.stormfields div.value,
  body.suitedesk div.field-items {
    margin-right: 0;
  }
} /*
@media (max-width: 439px), (min-width: 530px) and (max-width: 679px) {  * MINW *
  div.stormfields div.value,
  body.suitedesk div.field-items {
    margin-right: 0;
  }
} */
body.print-body div.stormfields div.label,
body.print-body div.field-label {
  line-height: 1.8em;
  width: 8.3em;
  float: left;
}
body.print-body div.stormfields div.value,
body.print-body div.field-items {
  margin: 0 24% .2em 8.3em;
}

.node .stormbody div.label,
.node .field-field-stormorganization-notes .field-label,
.node .field-field-stormperson-notes .field-label,
.node .field-field-stormproject-ms .field-label,
.node .field-field-stormproject-status .field-label {
  clear: both;
  float: none;
  width: 100%;
  padding: 3px 8px;
  margin: 1.4em 0 -0.5em;
  color: #eee;
  font-weight: normal;
  letter-spacing: 1px;
  background-color: #556372;
}
.node .stormbody div.value,
.node .field-field-stormorganization-notes .field-items,
.node .field-field-stormperson-notes .field-items,
.node .field-field-stormproject-ms .field-items,
.node .field-field-stormproject-status .field-items {
  width: 100%;
  margin: 1.2em 0 1.4em;
  padding: 0;
  text-align: justify;
  background-color: transparent;
}
@media (max-width: 799px) {
  .node .stormbody div.value,
  .node .field-field-stormorganization-notes .field-items,
  .node .field-field-stormperson-notes .field-items,
  .node .field-field-stormproject-ms .field-items,
  .node .field-field-stormproject-status .field-items {
    text-align: left;
  }
}
.sqtt-timetracking-trigger {
  font-size: .82em;
}
.sqtt-timetracking-trigger img {
  margin: -4px 4px 0 16px;
}
.node ul.links li.book_made_simple_stormdok:before,
.node ul.links li.book_made_simple_stormnote:before {
  content: "\e825";
}
.node ul.links li.stormproject_clone_run:before {
  content: "\e835";
}

/*
 * "SuiteDesk Organization" node.
 */
body.suitedesk .field-field-stormorganization-members div.field-items {
  padding-left: 0;
}
.node .field-field-stormorganization-members .views-table {
  margin-bottom: 0;
}
.node .field-field-stormorganization-members .views-table thead {
  display: none;
}
.node .field-field-stormorganization-members .views-table td {
  border-top: 0;
  font-size: 100%;
}
.node .field-field-stormorganization-members .views-table td.views-field-title {
  width: 98%;
}

/*
 * "SuiteDesk Project" node.
 *
 * Restore bootstrap normal line height.
 */
body.suitedesk .field-field-stormproject-ms div.field-items,
body.suitedesk .field-field-stormproject-status div.field-items {
  line-height: 1.42857em;
}
body.suitedesk .field-field-stormproject-subprojects div.field-items {
  padding-left: 0;
}
.node .field-field-stormproject-subprojects .views-table {
  margin-bottom: 0;
}
.node .field-field-stormproject-subprojects .views-table thead {
  display: none;
}
.node .field-field-stormproject-subprojects .views-table td {
  border-top: 0;
  font-size: 100%;
}
.node .field-field-stormproject-subprojects .views-table td.views-field-title {
  width: 90%;
}
.node .field-field-stormproject-subprojects .views-table td img {
  margin: -3px -3px 0 1px;
}

/*
 * "SuiteDesk Document" node.
 */
.node-type-stormdok .stormbody div.label,
/* Disable too when printing project book */
.node-type-stormproject .section-2 .stormbody div.label {
  display: none;
} /*
.node-type-stormdok .group-stormdok-visible {
  margin-right: 32%;
  margin-bottom: 1.4em;
  padding: .5em 1em .5em 50px;
  text-align: left;
  border: 1px solid #faebcc;
  background: #fcf8e3 url(../images/message_warning.png) no-repeat 5px 5px;
}
@media (max-width: 889px) {
  .node-type-stormdok .group-stormdok-visible {
    margin-right: 44%;
  }
}
@media (max-width: 439px), all and (min-width: 530px) and (max-width: 679px) {  *//* MINW *//*
  .node-type-stormdok .group-stormdok-visible {
    margin-right: 0;
  }
}
.node-type-stormdok .group-stormdok-visible legend {
  display: none;
}
.node-type-stormdok .group-stormdok-visible .description {
  color: #8a6d3b;
}
body.suitedesk .node-type-stormdok .group-stormdok-visible div.field-items {
  margin: 0;
  background-color: #fff;
  text-align: center;
} */

/*
 * "SuiteDesk Note" node.
 */
.node-type-stormnote .stormbody div.label {
  display: none;
}

/*
 * "SuiteDesk Event" node.
 */
.field-field-stormevent-date .field-item div {
  line-height: 24px;
}
.field-field-stormevent-date .field-item div + span,
.field-field-stormevent-date .field-item span ~ span {
  font-size: 13px;
}
.node-type-stormevent .terms {
  display: none;
}

/*
 * "Watcher" link in projects, tasks and tickets.
 */
.watcher_node,
.watcher_node_watched {
  clear: both;
  margin-top: -0.6em;
  margin-bottom: 3.2em;
  background: transparent !important;
  padding: 0;
}
.watcher_node_toggle_watching_link:before,
.watcher_node_toggle_watching_link_watched:before {
  font-family: "fonticons";
  font-size: 1.2em;
  font-weight: normal;
  padding-right: .3em;
  color: #ff3300;
}
.watcher_node_toggle_watching_link:before {
  content: "\e82B";
  color: #ccc;
}
.watcher_node_toggle_watching_link_watched:before {
  content: "\e804";
  color: #3c8dbc;
}
.watcher_node_help_link_to_binder {
  margin-left: 1.85em;
  font-size: .82em;
}
/*
dt.print_html {
  background: transparent url(images/html.png) no-repeat top left;
}
dt.print_pdf {
  background: transparent url(images/pdf.png) no-repeat top left;
}

div.stormfields, div.field, div.stormbody {
  width: 70%;
}

div.stormfields div.label, div.stormbody div.label, div.field div.field-label-inline-first {
  float: left;
  width: 150px;
  text-align: right;
  clear: left;
  font-weight: bold;
}

div.stormlinks {
  float:right;
  width: 30%;
}

div.stormbody div.value p {
  clear: left;
  margin: 1.2em;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
}

table#attachments {
  float: left;
} */

/*
 * "SuiteDesk" comments.
 */
body.suitedesk #comments {
  margin-top: -1.4em;
}
body.suitedesk #comments div.field-items {
  margin: 1em 0 0;
  padding-left: 0;
  line-height: 1.42857em;
  background-color: transparent;
  text-align: justify;
}
@media (max-width: 799px) {
  body.suitedesk #comments div.field-items {
    text-align: left;
  }
}

/*
 * "SuiteDesk Task & Ticket" comments.
 */
body.section-task #main-content .section,
body.section-ticket #main-content .section {
  padding-bottom: 3em;
}
.node-type-stormtask .meta,
.node-type-stormticket .meta {
  position: absolute;
  bottom: 1.4em; /*
  width: 90%; */
  padding: 0;
}
.section-node-add .node-type-stormtask .meta,
.section-node-add .node-type-stormticket .meta {
  display: none;
}
.tt-comment {
  border-top: 1px solid #ddd;
}
.views-row-first .tt-comment {
  border-top: 0;
}
.views-row-last .tt-comment {
  margin-bottom: 1.5em;
}
.tt-comment h3.title {
  float: right;
  font-size: 1.8em;
  background: #000;
  padding: 4px;
  margin-top: 14px;
  margin-left: 8px;
}
.tt-comment h3.title a {
  color: #fff;
}
.tt-comment h3.title a:hover {
  color: #ff7700;
}
.tt-comment .new {
  margin-top: 1em;
}
.tt-comment div.content {
  clear: both;
}
div.tt-author {
  margin: 1em 0;
  font-size: .92em;
  line-height: 1.6em;
}
span.tt-date {
  font-style: normal;
  font-weight: bold;
}
span.tt-name {
  white-space: nowrap;
}
div.tt-updated {
  color: #999;
}
div.tt-changed {
  clear: both;
}
div.tt-changed + div.content {
  padding-top: 1px;
}
div.tt-label,
div.tt-old,
div.tt-new {
  margin: 2px 6px 2px 0;
  padding: 3px 6px;
  font-size: .86em;
  border-top: 2px solid #dedede;
  float: left;
}
div.tt-label {
  clear: both;
  padding: 3px 0 3px 3px;
  overflow: hidden;
  font-weight: bold;
  background: #dedede;
  border-bottom: 2px solid #dedede;
  width: 92px;
  margin-right: -92px;
}
div.tt-old {
  margin-right: -92px;
  text-decoration: line-through;
  background: url(../images/tt.png) no-repeat top right;
}
div.tt-old,
div.tt-new {
  width: 200px;
  font-size: 1em;
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  line-height: 1.1em;
  margin-left: 98px;
}
@media (max-width: 529px) {  /* MINW - 1 */
  div.tt-old,
  div.tt-new {
    width: 175px;
  }
}
div.tt-new {
  border-top-style: dotted;
}

/*
 * Forms and fieldsets with inner tables (SuiteDesk exceptions).
 */
#field-stormorganization-attached-items table.table td,
#field-stormperson-attached-items table.table td,
#field-stormproject-attached-items table.table td,
#field-stormtask-attached-items table.table td,
#field-stormtaskc-attach-items table.table td,
#field-stormticket-attached-items table.table td,
#field-stormticketc-attach-items table.table td,
#field-stormevent-attach-items table.table td,
#field-stormnote-attached-items table.table td,
#field-stormdok-attach-items table.table td {
  float: none;
}

/*
 * "SuiteDesk" node form.
 */
table.formgroup {
  width: auto;
  margin: 0;
  clear: both;
}
table.formgroup tr td {
  font-size: 1em;
  padding-left: 0;
  padding-right: 5px;
  border-top: 0;
}
table.formgroup-submit {
  margin-top: 1.4em;
}
table.formgroup_access tr td {
  padding: 0 !important;
}
table.formgroup_access {
  width: 100%;
  margin: 1.4em 0 1em;
  border: 1px solid #ddd;
}
table.formgroup_access .form-item {
  width: 26.5%;
  float: left;
  padding: .4em;
}
#edit-dok-access-3-wrapper,
#edit-event-access-3-wrapper {
  width: 20.5%;
}
@media (max-width: 959px) {  /* MINW */
  table.formgroup_access .form-item {
    width: 50% !important;
  }
  #edit-dok-access-2-wrapper,
  #edit-event-access-2-wrapper {
    clear: both;
  }
}
table.formgroup_access .description {
  font-size: 12px;
  margin-left: 1.8em;
  line-height: 1.2em;
}
#node-form #edit-billable-wrapper,
#node-form #edit-billed-wrapper {
  margin-top: .75em;
}

/*
 * "SuiteDesk Invoice" node.
 */
dt.print_html {
  background: transparent url(../images/html.png) no-repeat top left;
}
dt.print_pdf {
  background: transparent url(../images/pdf.png) no-repeat top left;
}

/*
 * "SuiteDesk Organization" node form.
 */
.stormorganization_node_form #edit-isactive-wrapper {
  margin-bottom: 1em;
}
fieldset.group-stormorganization-members {
  border: 0;
  margin-top: 0;
  padding: 0;
}
fieldset.group-stormorganization-members legend {
  display: none;
}
table#field_stormorganization_attached_values {
  margin-top: -0.5em;
}
table#field_stormorganization_attached_values thead {
  display: none;
}

/*
 * "SuiteDesk Person" node form.
 */
#edit-field-stormperson-name-0-value,
#edit-field-stormperson-lastname-0-value {
  width: 100%;
}
table#field_stormperson_attached_values {
  margin-top: -0.5em;
}
table#field_stormperson_attached_values thead {
  display: none;
}

/*
 * "SuiteDesk Project" node form.
 */
fieldset.group-stormproject-subprojects {
  border: 0;
  margin-top: .8em;
  padding: 0;
}
fieldset.group-stormproject-subprojects legend {
  display: none;
}
#edit-field-stormproject-team-value-wrapper {
  margin: 1.4em 0 .4em;
}
table#field_stormproject_attached_values {
  margin-top: -0.5em;
}
table#field_stormproject_attached_values thead,
form.stormproject_node_form fieldset.book-outline-form {
  display: none;
}

/*
 * "SuiteDesk Task" node form.
 */
#edit-durationunit-wrapper {
  margin-bottom: 1.2em; /* Solving field position in responsive actions */
}
table#field_stormtask_attached_values {
  margin-top: -0.5em;
}
table#field_stormtask_attached_values thead {
  display: none;
}

/*
 * "SuiteDesk Ticket" node form.
 */
table#field_stormticket_attached_values {
  margin-top: -0.5em;
}
table#field_stormticket_attached_values thead {
  display: none;
}

/*
 * "SuiteDesk Event" node form.
 */
table#field_stormevent_attach_values {
  margin-top: -0.5em;
}
table#field_stormevent_attach_values thead {
  display: none;
}
#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label {
  float: left;
  width: 7.24%;
  margin: 0 .44% 1.4em 0;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  #edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label {
    height: 2.8em;
  }
}
#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label input {
  margin: 2px 0 .3em 2px;
}
#edit-field-stormevent-color-value-856-wrapper label {
  background: #ac725e;
  color: #ac725e;
}
#edit-field-stormevent-color-value-857-wrapper label {
  background: #f83a22;
  color: #f83a22;
}
#edit-field-stormevent-color-value-858-wrapper label {
  background: #ff7537;
  color: #ff7537;
}
#edit-field-stormevent-color-value-859-wrapper label {
  background: #42d692;
  color: #42d692;
}
#edit-field-stormevent-color-value-860-wrapper label {
  background: #16a765;
  color: #16a765;
}
#edit-field-stormevent-color-value-861-wrapper label {
  background: #fbe983;
  color: #fbe983;
}
#edit-field-stormevent-color-value-862-wrapper label {
  background: #fad165;
  color: #fad165;
}
#edit-field-stormevent-color-value-863-wrapper label {
  background: #9fe1e7;
  color: #9fe1e7;
}
#edit-field-stormevent-color-value-864-wrapper label {
  background: #4986e7;
  color: #4986e7;
}
#edit-field-stormevent-color-value-865-wrapper label {
  background: #9a9cff;
  color: #9a9cff;
}
#edit-field-stormevent-color-value-866-wrapper label {
  background: #cca6ac;
  color: #cca6ac;
}
#edit-field-stormevent-color-value-867-wrapper label {
  background: #c2c2c2;
  color: #c2c2c2;
}
#edit-field-stormevent-color-value-868-wrapper label {
  background: #000;
  color: #000;
}
#edit-field-stormevent-place-0-value-wrapper + .form-item + fieldset > legend {
  display: none;
} /*
#edit-field-stormevent-date-value-wrapper label,
#edit-field-stormevent-date-value2-wrapper label {
  display: block;
  float: left;
  width: 9em;
} */
#edit-field-stormevent-date-rrule-UNTIL-datetime-wrapper {
  padding-top: 1em;
} /*
#edit-field-stormevent-date-rrule-UNTIL-datetime-wrapper label {
  display: block;
  float: left;
  width: 4em;
}
#edit-field-stormevent-date-rrule-advanced-BYDAY {
  max-width: 300px;
} */

/*
 * "SuiteDesk Note" node form.
 */
table#field_stormnote_attached_values {
  margin-top: -0.5em;
}
table#field_stormnote_attached_values thead {
  display: none;
}

/*
 * "SuiteDesk Idea" node form.
 */
#block-storm-stormidea {
  margin-top: -12px;
}
#block-storm-stormidea h2.title,
#block-storm-stormidea .content label {
  display: none;
}
#block-storm-stormidea .content {
  margin: 0;
}
#block-storm-stormidea .content .node-form {
  position: relative;
}
#block-storm-stormidea .content .node-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 39px;
}
#block-storm-stormidea .content .node-form input {
  width: 84%;
}
@media (max-width: 959px) {
  #block-storm-stormidea .content .node-form input {
    width: 80%;
  }
}
@media (max-width: 799px) {
  #block-storm-stormidea .content .node-form input {
    width: 76%;
  }
}
@media (max-width: 529px) {
  #block-storm-stormidea .content .node-form button span {
    display: none;
  }
  #block-storm-stormidea .content .node-form input {
    width: 78%;
  }
}
@media (max-width: 399px) {
  #block-storm-stormidea .content .node-form input {
    width: 72%;
  }
}

/*
 * "SuiteDesk Dok" node form.
 */
#edit-access-public-wrapper,
#edit-access-authorised-wrapper {
  margin: .5em 0;
}
table#field_stormdok_attach_values {
  margin-top: -0.5em;
}
table#field_stormdok_attach_values thead {
  display: none;
}

/*
 * "SuiteDesk Task & Ticket" comment form.
 */
table#field_stormtaskc_attach_values thead,
table#field_stormticketc_attach_values thead {
  display: none;
}
#edit-field-stormtaskc-title-0-value,
#edit-field-stormticketc-title-0-value {
  width: 100%;
}
#edit-field-stormtaskc-category-value-wrapper,
#edit-field-stormtaskc-status-value-wrapper,
#edit-field-stormtaskc-priority-value-wrapper,
#edit-field-stormticketc-category-value-wrapper,
#edit-field-stormticketc-status-value-wrapper,
#edit-field-stormticketc-priority-value-wrapper {
  float: left;
  margin-right: 1em;
}
#edit-field-stormtaskc-priority-value-wrapper,
#edit-field-stormticketc-priority-value-wrapper {
  margin-right: 2em;
}
#edit-field-stormtaskc-manager-value-wrapper,
#edit-field-stormticketc-assigned-value-wrapper {
  clear: both;
  line-height: 2.4em;
}