.desktop-container.show .desktop-content-item-main {
    opacity: 1;
    -webkit-transition: top 0s ease-in-out, opacity .6s;
    -moz-transition: top 0s ease-in-out, opacity .6s;
    -o-transition: top 0s ease-in-out, opacity .6s;
    -ms-transition: top 0s ease-in-out, opacity .6s;
    transition: top 0s ease-in-out, opacity .6s
}
.desktop-tiles-wrapper {
    height: 470px;
    position: absolute;
    top: 50%;
    left: 120px;
    margin-top: -235px
}
.desktop-widget {
    margin: 11px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    background: #fff;
    overflow: hidden;
    position: relative;
    padding: 9px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.desktop-widget h2 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font: bold 16px Calibri, sans-serif;
    text-transform: uppercase;
    color: #fff
}
.desktop-widget h3 {
    position: absolute;
    top: 10px;
    left: 10px;
    font: 16px Calibri, sans-serif;
    color: #fff
}
.desktop-widget-full-user-profile .user-profile-app-avatar {
    float: left;
    position: static;
    margin-right: 11px
}
.desktop-widget-full-user-profile > img {
    overflow: hidden
}
.desktop-widget-innser-content h4 {
    font: 35px Calibri, sans-serif;
    color: #fff;
    margin: 0
}
.desktop-widget-innser-content p {
    font: 18px Calibri, sans-serif;
    text-transform: uppercase;
    color: #fff
}
.desktop-widget-no-padding {
    padding: 0
}
.desktop-widget-color-orange {
    background: #f47855
}
.desktop-widget-color-gray {
    background: #bbb
}
.desktop-widget-color-dblue {
    background: #6a73c3
}
.desktop-widget-color-lblue {
    background: #5ec3db
}
.desktop-widget-color-green {
    background: #aed477
}
.desktop-widget-color-purple {
    background: #ae68bb
}
.desktop-widget-color-lpink {
    background: #e47c7c
}
.desktop-widget-color-white {
    background: #fff
}
.desktop-widget-color-white h2,
.desktop-widget-color-white h3,
.desktop-widget-color-white p {
    color: #000
}
.desktop-widget1x4 {
    width: 192px;
    height: 212px
}
.desktop-widget2x4 {
    width: 406px;
    height: 212px
}
.desktop-widget4x4 {
    width: 406px;
    height: 445px
}
#desktop-title {
    position: absolute;
    left: 45px;
    right: 115px;
    top: 13px;
    font-size: 18px;
    font-family: Calibri, sans-serif
}
#desktop-tiles {
    overflow-y: auto;
    overflow-x: hidden
}
#desktop-tiles-container {
    width: 100%;
    text-align: center;
    padding-top: 88px;
    padding-bottom: 100px
}
.desktop-tile-container {
    display: inline-block;
    width: 375px;
    height: 376px;
    overflow: hidden;
    border-radius: 4px;
    margin-left: 15px;
    margin-right: 15px;
    vertical-align: top;
    background-color: #7c139b;
    margin-top: 32px;
    position: relative;
    text-align: left;
    box-shadow: 1px 4px 6px rgba(0, 0, 0, .7)
}
.desktop-tile-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif
}
.desktop-tile-container h3 {
    display: none
}
.profile-picture-wrapper {
    position: absolute;
    left: 19px;
    bottom: 20px;
    z-index: 10;
    width: 149px;
    height: 149px;
    overflow: hidden
}
.profile-picture-wrapper img {
    background-repeat: no-repeat;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .4), -2px 0 2px rgba(0, 0, 0, .4);
    margin-right: 2px;
    margin-bottom: 3px;
    margin-left: 3px;
    display: inline-block;
    max-width: 100%
}
.desktop-app-name {
    height: 116px;
    color: #757575;
    font-size: 36px;
    font-weight: 300;
    text-align: left;
    padding: 32px 33px 0 33px;
    background-color: #fff;
    border: 1px solid #bbbbbb;
    font-family: 'Lato', sans-serif
}
.app-total-counter {
    float: right
}
.desktop-app-widget-additional-info {
    font-size: 36px;
    top: 30px;
    right: 32px;
    position: absolute;
    font-weight: 100;
    color: #757575 !important;
    font-family: 'Lato', sans-serif
}
.desktop-widget-innser-content-courses {
    text-align: left
}
.desktop-tile-course-author {
    font-size: 16px;
    color: rgba(255, 255, 255, .7)
}
.desktop-tile-course-title {
    font-size: 24px;
    color: #fff
}
#app-users .desktop-widget-full-user-profile {
    margin-bottom: 32px
}
.desktop-tile-course-author,
.desktop-tile-course-title,
.desktop-widget-full-user-profile h4,
.desktop-widget-full-user-profile p,
.desktop-app-name,
.desktop-tile-course-title,
.desktop-tile-course-author {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.desktop-widget-innser-content-courses li {
    margin-bottom: 21px
}
.desktop-widget-full-user-profile {
    overflow: hidden
}
.desktop-widget-full-user-profile img {
    display: block
}
.desktop-widget-full-user-profile .user-profile-app-avatar {
    float: left;
    width: 48px;
    height: 48px
}
.desktop-widget-full-user-profile div {
    overflow: hidden
}
.desktop-widget-full-user-profile h4 {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 3px
}
.desktop-widget-full-user-profile p {
    text-transform: capitalize;
    font-size: 16px;
    color: rgba(255, 255, 255, .7)
}
.desktop-widget-full-user-profile h4,
.desktop-widget-full-user-profile p,
.desktop-app-description {
    font-family: 'Lato', sans-serif
}
.desktop-widget-innser-content {
    clear: both;
    margin-bottom: 35px
}
.desktop-app-main-info {
    height: 260px;
    overflow: hidden;
    padding: 15px 18px
}
.desktop-app-main-info * {
    color: #fff
}
.desktop-app-main-info img {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}
.desktop-tile-container:hover .desktop-app-widget-icon {
    bottom: -10px
}
.book-cover-wrapper {
    width: 102px;
    height: 124px;
    margin-left: 15px;
    margin-bottom: 10px;
    overflow-y: hidden
}
.book-cover-wrapper img {
    margin: 0 2px 4px 2px;
    max-width: 98px;
    max-height: 121px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .4), -2px 0px 2px rgba(0, 0, 0, .4)
}
#app-book .desktop-widget-full-user-profile {
    height: 130px;
    position: absolute;
    bottom: 10px;
    left: 17px;
    right: 10px;
    padding: 0 2px;
    z-index: 10
}
.desktop-tile-storage {
    position: absolute;
    bottom: 10px;
    right: 15px;
    height: 60px;
    left: 19px;
    text-align: right
}
.desktop-tile-storage span {
    display: inline-block
}
.sky-drive-app {
    width: 66px;
    height: 59px;
    background: url(../images/documents_dropbox.png)
}
.one-drive-app {
    width: 80px;
    height: 59px;
    background: url(../images/documents_dropbox.png) -141px top no-repeat;
}
.dropbox-app {
    width: 66px;
    height: 59px;
    margin-left: 8px;
    background: url(../images/documents_dropbox.png) -75px top no-repeat
}
.book-cover-wrapper:first-child {
    margin-left: 0
}
.app-profile-img {
    position: relative
}
.desktop-app-description {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    line-height: 28px
}
#desktop-tiles-container {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}
.container-no-opacity {
    opacity: 0
}