div.desktop-message {
  background-color: #FBFCDB;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  margin: 4px;
  min-height: 38px;
  padding: 12px;
}
div.desktop-message:first-child {
  margin-top: 24px;
}
div.desktop-message > form {
  float: right;
  margin: 4px 12px;
}
div.desktop-message .jp-button {
  float: right;
  margin: 4px 12px;
}
.ui-tooltip {
  border: 1px solid #aaa;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  max-width: 250px;
  padding: 12px;
  z-index: 10;
}
.grid .ui-sortable-helper .label {
  display: none;
}
.grid > .folder-header {
  height: 20px;
  margin: 5px 5px 0 5px;
}
.grid > .folder-header .option {
  float: right;
}
.grid > .folder-header > h1 {
  display: inline;
  margin: 0;
  padding: 0;
}
.grid-folders {
  padding: 1px;
}
.grid-folder {
  background-color: #faf396;
  background-image: linear-gradient(190deg, #faf396 0%, #fbe57d 100%);
  background-image: -moz-linear-gradient(260deg, #faf396 0%, #fbe57d 100%);
  background-image: -webkit-linear-gradient(260deg, #faf396 0%, #fbe57d 100%);
  border: 1px solid #e5c27e;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset, 0 36px 24px rgba(255, 255, 255, 0.75) inset;
  margin-bottom: 20px;
  min-height: 177px;
}
.grid-desktop {
  padding: 1px;
}
.grid > .cell .folder {
  height: 62px;
  padding: 9px;
  position: relative;
  width: 102px;
}
.grid > .cell .folder .folder-icon {
  height: 60px;
  width: 100px;
  background: white url('folder_closed.png') no-repeat 10px 10px;
  border-radius: 10px;
}
.grid > .cell .open-folder > .folder-icon {
  background-image: url('folder_open.png');
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;
}
.cell-alert {
  background: repeating-linear-gradient(-45deg, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 15px, rgba(255, 255, 255, 0.2) 15px, rgba(255, 255, 255, 0.2) 30px);
}
div.desktop-folders h2 {
  margin: 0;
  padding: 0;
}
div.desktop-folders .folder {
  border-radius: 20px;
  box-shadow: inset 0 0 4px #616161;
  margin-bottom: 10px;
  padding: 5px 0 5px 0;
}
div.desktop-folders .folder-closed {
  padding: 5px 0 5px 0;
}
div.desktop-folders .folder .folder-head {
  height: 20px;
  margin: 5px;
  padding: 0 10px;
}
div.desktop-folders .folder-open .folder-head {
  /* 	margin-bottom: 2px; */
}
div.desktop-folders .folder .left-img {
  float: left;
  height: 50px;
  width: 50px;
  margin: -8px 5px -8px -10px;
}
.desktop-sorter-holder {
  float: right;
  margin: 0 6px;
  width: 220px;
}
.desktop-sorter {
  width: 220px;
}
.desktop-sorter > div.desktop-sorter-opener {
  background-color: #EEE;
  background-image: linear-gradient(175deg, #FCFCFC, #EEE);
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0px;
  padding: 2px 2px 4px 2px;
  text-align: right;
  width: 220px;
}
.desktop-sorter > .desktop-sorter-opener > img {
  margin: 4px 4px -4px 4px;
}
.desktop-sorter > .desktop-sorter-menu {
  background-image: linear-gradient(175deg, #FCFCFC, #EEE);
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  border-top-width: 0;
  display: none;
  margin: 0px;
  padding: 0;
  width: 224px;
}
.desktop-sorter-menu-entry {
  border-bottom: 1px solid #ccc;
  display: block;
  margin: 0;
  padding: 4px;
}
.desktop-sorter-menu-entry:last-child {
  border-bottom: none;
}
.desktop-sorter-menu-entry-status {
  float: left;
  width: 20px;
}
/* :hover -> open */
.desktop-sorter:hover > .desktop-sorter-menu {
  display: block;
  position: absolute;
}
.desktop-sorter:hover > .desktop-sorter-opener {
  border-radius: 4px 4px 0 0;
}
.desktop-sorter > .desktop-sorter-opener:hover {
  background-color: #DDD;
  background-image: linear-gradient(175deg, #EEE, #DDD);
}
.desktop-sorter-menu > .desktop-sorter-menu-entry:hover {
  background-color: #DDD;
  background-image: linear-gradient(175deg, #EEE, #DDD);
}
.desktop-view-switcher {
  float: right;
  margin: 0 6px;
  padding: 4px;
}
.desktop-view-switcher > input.jp-button {
  margin: -5px 10px 0 10px;
}
img.desktop-login-splash {
  display: block;
  margin: 0 auto;
  padding: 50px 0;
}
div.jp-login-wrap {
  margin: 0 auto 100px auto;
}
div.jp-login-head {
  height: 21px;
}
div.desktop-applib {
  position: absolute;
  top: 0;
}
div.desktop-applib > a {
  height: 80px;
  left: 446px;
  position: absolute;
  top: 8px;
  width: 80px;
}
div.desktop-applib > a > img {
  height: 80px;
  width: 80px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > div.rightwing {
  border-left: 1px solid #9e9e9e;
  padding: 10px;
  width: 55px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > div.rightwing > img {
  display: block;
  margin: auto;
  height: 55px;
  width: 55px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-edit,
div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-status {
  border-left: 1px solid #9e9e9e;
  height: 55px;
  margin: -10px -10px 0 10px;
  padding: 10px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-edit {
  width: 267px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-edit {
  height: 60px;
  padding-top: 5px;
  width: 267px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-edit > a.option {
  display: block;
  margin-bottom: 2px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-status {
  width: 240px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > div.desktop-app-status-icons {
  border-left: 1px solid #9e9e9e;
  height: 75px;
  margin: -10px -10px 0 10px;
  padding: 8px 10px 0 0;
  width: 16px;
}
div.desktop-folders .folder div.h2-planelist > .h2-plane > div.desktop-app-status-icons > img {
  margin: 0 5px 1px 5px;
}
.folder-closed > div.h2-planelist {
  display: none;
}
#jp_content.desktop-login-form {
  margin: 0 auto;
  width: 662px;
}
.jp-button.rfloat {
  margin-left: 1em;
}
a.h2-big-round-icon {
  margin-top: -6px;
}
a.h2-big-round-icon.on {
  background-color: #f5faf9;
}
body.govos17 #jp_content.desktop-content {
  padding-bottom: 10px;
}
body.govos17 .desktop-apps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
  font-size: 16px;
}
body.govos17 .desktop-apps .desktop-app {
  box-sizing: border-box;
  width: 300px;
  height: 150px;
  overflow: hidden;
  margin: 0 0 10px 10px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px rgba(127, 127, 127, 0.3);
}
body.govos17 .desktop-apps .desktop-app > .desktop-app-icon {
  float: left;
  width: 75px;
  height: 75px;
  margin: -10px 10px 10px -10px;
  border-bottom-right-radius: 5px;
}
body.govos17 .desktop-apps .desktop-app > .desktop-app-title {
  display: block;
  height: 55px;
}
body.govos17 .desktop-apps .desktop-app > .desktop-app-icons {
  float: right;
  width: 16px;
}
body.govos17 .desktop-apps .desktop-app > .desktop-app-icons > span {
  margin-bottom: 5px;
}
body.govos17 .desktop-apps > .desktop-group {
  width: 960px;
  margin: 20px -10px 0 -10px;
  box-shadow: 0 0 2px rgba(127, 127, 127, 0.3);
}
body.govos17 .desktop-apps > .desktop-group > .desktop-group-head {
  background-color: #FFFFFF;
  padding: 20px;
  font-size: 20px;
  border: 1px solid #d9d9d9;
  border-width: 1px 0;
}
body.govos17 .desktop-apps > .desktop-group > .desktop-group-head > img:first-child {
  width: 50px;
  height: 50px;
  margin: -10px 10px -10px -10px;
}
body.govos17 .desktop-apps > .desktop-group > .desktop-group-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 10px 10px 10px;
  background-color: #e8e8e8;
  border-bottom: 1px solid #d9d9d9;
}
img.app-icon {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  height: 100px;
  margin: 8px 10px 12px 10px;
  width: 100px;
  z-index: 1;
}
img.half.app-icon {
  border-radius: 5px;
  height: 50px;
  margin: 3px 5px 7px 5px;
  width: 50px;
}
div.h2-planelist > .h2-plane > .leftwing {
  float: left;
  margin: -10px 10px -10px -10px;
}
div.h2-planelist > .h2-plane .leftwing {
  height: 75px;
  width: 75px;
}
.desktop-app-text {
  width: calc(100% - 450px);
}
div.h2-planelist > .h2-plane {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.38);
  height: 55px;
  margin: 10px;
  overflow: hidden;
  padding: 10px;
  font-size: 13px;
  display: flex;
}
div.h2-planelist > .h2-plane > .rightwing {
  float: right;
  height: 75px;
  margin: -10px -10px -10px 10px;
}
@media screen and (max-width: 960px) {
  div.h2-planelist > .h2-plane > .rightwing {
    display: none !important;
  }
  .desktop-app-text {
    width: calc(100% - 350px) !important;
  }
}
@media screen and (max-width: 640px) {
  div.h2-planelist > .h2-plane {
    display: block !important;
    height: auto !important;
  }
  .desktop-app-text {
    width: calc(100% - 120px) !important;
    float: left !important;
  }
  div.desktop-folders .folder div.h2-planelist > .h2-plane > div.desktop-app-status-icons {
    float: left !important;
  }
  div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-status {
    width: auto !important;
    float: left !important;
    border: none !important;
    height: auto !important;
    adding-top: 20px !important;
    padding-left: 0px !important;
  }
  div.desktop-folders .folder div.h2-planelist > .h2-plane > .app-edit {
    width: auto !important;
    float: left !important;
    border: none !important;
    height: auto !important;
    adding-top: 20px !important;
    padding-left: 0px !important;
  }
}
details.folder > summary {
  padding-left: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
details.folder > summary:focus {
  border-color: #3065cf;
  border-width: thin;
  border-style: solid;
  box-shadow: inset 0 0 0 3px white, 0 0 4px #9e9e9e;
}
.h2-plane:focus {
  border-color: #3065cf;
  border-width: thin;
  border-style: solid;
}