/** ----------------------------------
 * notch-pane
 */
.notch-pane.mobile {
    -fx-background-color: -white;
}

/** ----------------------------------
 * PrettyScrollPane
 */
.scroll-pane.mobile {
    -fx-fit-to-width: true;
}

.scroll-pane.mobile .viewport {
    -fx-background-color: -white;
}

/** ----------------------------------
 * BackButton
 */
.back-button {
    -fx-background-color: transparent;
    -fx-padding: 5px 10px;
    -fx-padding: 5px 10px;
}

.back-button .ikonli-font-icon {
    -fx-icon-size: 25px;
    -fx-icon-color: -grey-60;
}

/** ----------------------------------
 * CategoryView
 */
.category-view {
    -fx-background-color: -white;
    -fx-padding: 5px 2px;
    -fx-vgap: 12px;
}

.category-view .button {
    -fx-content-display: top;
    -fx-background-color: transparent;
    -fx-font-size: 12px;
    -fx-icon-color: -grey-100;
    -fx-padding: 0 5px;
}

.category-view:md .button {
    -fx-font-size: 13px;
}

.category-view:lg .button {
    -fx-font-size: 15px;
}

.category-view .button .ikonli-font-icon {
    -fx-icon-size: 20px;
}

.category-view:md .button .ikonli-font-icon {
    -fx-icon-size: 25px;
}

.category-view:lg .button .ikonli-font-icon {
    -fx-icon-size: 28px;
}

.category-view .tools-button .ikonli-font-icon {
    -fx-icon-color: #237fb0;
}

.category-view .videos-button .ikonli-font-icon {
    -fx-icon-color: #FF5733;
}

.category-view .books-button .ikonli-font-icon {
    -fx-icon-color: #3357FF;
}

.category-view .tutorials-button .ikonli-font-icon {
    -fx-icon-color: #FF33A8;
}

.category-view .tips-button .ikonli-font-icon {
    -fx-icon-color: #FFBD33;
}

.category-view .blog-button .ikonli-font-icon {
    -fx-icon-color: #8D33FF;
}

.category-view .docs-button .ikonli-font-icon {
    -fx-icon-color: #31a18c;
}

.category-view .companies-button .ikonli-font-icon {
    -fx-icon-color: #FF5733;
}

/** ----------------------------------
 * CategoryAdvancedView
 */
.category-tile-view {
    -fx-background-color: -white;
    -fx-padding: 5px 2px;
    -fx-vgap: 20px;
    -fx-hgap: 15px;
}

.category-tile-view .category-tile {
    -fx-background-color: -white;
    -fx-background-radius: 12px;
    -fx-border-color: -grey-10;
    -fx-border-radius: 12px;
    -fx-padding: 10px;
    -fx-max-height: 200px;
}

.category-tile-view:sm .category-tile {
    -fx-max-height: 200px;
}

.category-tile-view .category-tile-0 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: #3d3dd7;
}

.category-tile-view .category-tile-1 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: -red;
}

.category-tile-view .category-tile-2 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: -blue;
}

.category-tile-view .category-tile-3 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: -green;
}

.category-tile-view .category-tile-4 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: -dark-green;
}

.category-tile-view .category-tile-5 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: -purple;
}

.category-tile-view .category-tile-6 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: -orange;
}

.category-tile-view .category-tile-7 > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-color: #237fb0;
}

.category-tile-view .category-tile .title {
    -fx-font-family: "Roboto Condensed";
    -fx-font-weight: bold;
    -fx-font-size: 18px;
    -fx-text-fill: -grey-100;
    -fx-padding: 10px 0 5px 0;
}

.category-tile-view .category-tile .description {
    -fx-font-family: "Roboto Condensed";
    -fx-text-fill: -grey-60;
}

.category-tile-view:sm .category-tile .description {
    -fx-font-size: 14px;
}

.category-tile-view:md .category-tile .description {
    -fx-font-size: 15px;
}

.category-tile-view:lg .category-tile .description {
    -fx-font-size: 16px;
}

.category-tile-view .category-tile > .graphic-wrapper {
    -fx-max-width: 35px;
    -fx-max-height: 35px;
}

.category-tile-view .category-tile > .graphic-wrapper .ikonli-font-icon {
    -fx-icon-size: 35px;
}

/** ----------------------------------
 * CategoryPreviewView
 */
.category-preview-view {
}

.category-preview-view > .header {
    -fx-background-color: transparent;
    -fx-padding: 10px 0 5px 0;
    -fx-alignment: center-left;
    -fx-spacing: 10px;
}

.category-preview-view > .header > .title {
    -fx-font-family: "Roboto Condensed";
    -fx-font-weight: bold;
    -fx-font-size: 18px;
    -fx-text-fill: -grey-100;
}

.category-preview-view:md > .header > .title {
    -fx-font-size: 19px;
}

.category-preview-view:lg > .header > .title {
    -fx-font-size: 20px;
}

.category-preview-view > .header > .spacer {
    -fx-background-color: -grey-10;
    -fx-max-height: 0.5px;
}

.category-preview-view > .header > .more-button {
    -fx-background-color: transparent;
    -fx-text-fill: -grey-60;
    -fx-font-size: 14px;
    -fx-content-display: right;
    -fx-padding: 5px 0 5px 5px;
    -fx-background-radius: 25px;
}

.category-preview-view > .header > .more-button:pressed {
    -fx-background-color: #E2E2E266;
}

.category-preview-view:md > .header > .more-button {
    -fx-font-size: 15px;
}

.category-preview-view:lg > .header > .more-button {
    -fx-font-size: 16px;
}

.category-preview-view > .header > .more-button .ikonli-font-icon {
    -fx-icon-size: 18px;
    -fx-icon-color: -grey-60;
}

.category-preview-view:md > .header > .more-button .ikonli-font-icon {
    -fx-icon-size: 20px;
}

.category-preview-view:lg > .header > .more-button .ikonli-font-icon {
    -fx-icon-size: 22px;
}

.category-preview-view > .content {
    -fx-spacing: 5px;
}

.category-preview-view > .content > .category-cell {
    -fx-padding: 2px 0 6.5px 0;
    -fx-spacing: 15px;
    -fx-border-color: -grey-10;
    -fx-border-width: 0 0 0.5px 0;
}

.category-preview-view > .content > .category-cell.single-cell,
.category-preview-view > .content > .category-cell.last-cell {
    -fx-border-color: transparent;
}

.category-preview-view > .content > .category-cell .avatar-view {
    -fx-avatar-size: 60px;
}

.category-preview-view > .content > .category-cell:social-enabled .avatar-view {
    -fx-avatar-size: 100px;
}

.category-preview-view:md > .content > .category-cell .avatar-view {
    -fx-avatar-size: 80px;
}

.category-preview-view:md > .content > .category-cell:social-enabled .avatar-view {
    -fx-avatar-size: 115px;
}

.category-preview-view:lg > .content > .category-cell .avatar-view {
    -fx-avatar-size: 100px;
}

.category-preview-view:lg > .content > .category-cell:social-enabled .avatar-view {
    -fx-avatar-size: 125px;
}

.category-preview-view > .content > .category-cell .cell-content {
    -fx-spacing: 3px;
}

.category-preview-view > .content > .category-cell .cell-content > .title {
    -fx-font-family: "Roboto Condensed";
    -fx-font-weight: bold;
    -fx-font-size: 15px;
    -fx-text-fill: -grey-100;
    -fx-padding: 2px 0 2px 0;
}

.category-preview-view:md-lg > .content > .category-cell .cell-content > .title {
    -fx-font-size: 19px;
    -fx-padding: 2px 0 10px 0;
}

.category-preview-view > .content > .category-cell:social-enabled .cell-content > .title {
    -fx-font-size: 17px;
}

.category-preview-view:md-lg > .content > .category-cell:social-enabled .cell-content > .title {
    -fx-font-size: 18px;
}

.category-preview-view > .content > .category-cell .cell-content > .description {
    -fx-font-family: "Roboto Condensed";
    -fx-text-fill: -grey-60;
    -fx-alignment: top-left;
    -fx-font-size: 13px;
}

.category-preview-view:md > .content > .category-cell .cell-content > .description {
    -fx-font-size: 16px;
}

.category-preview-view:lg > .content > .category-cell .cell-content > .description {
    -fx-font-size: 17px;
}

.category-preview-view > .content > .category-cell:social-enabled .cell-content > .description {
    -fx-font-size: 13px;
}

.category-preview-view:md > .content > .category-cell:social-enabled .cell-content > .description {
    -fx-font-size: 14px;
}

.category-preview-view:lg > .content > .category-cell:social-enabled .cell-content > .description {
    -fx-font-size: 15px;
}

.category-preview-view > .content > .category-cell:pressed {
    -fx-background-color: -grey-10;
}

.category-preview-view > .content > .category-cell .footer {
    -fx-spacing: 15px;
    -fx-alignment: center-right;
}

.category-preview-view > .content > .category-cell .footer > .label {
    -fx-font-family: "Roboto Condensed";
    -fx-font-size: 14px;
    -fx-text-fill: -grey-30;
}

.category-preview-view:md-lg > .content > .category-cell .footer > .label {
    -fx-font-size: 15px;
}

.category-preview-view > .content > .category-cell .footer > .label .ikonli-font-icon {
    -fx-icon-size: 17px;
    -fx-icon-color: -grey-30;
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title {
    -fx-alignment: center-left;
    -fx-text-fill: #555;
    -fx-font-family: "Spline Sans Medium";
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper {
    -fx-background-color: -grey-10;
    -fx-pref-width: 30px;
    -fx-pref-height: 30px;
    -fx-background-radius: 1000px;
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.javafx {
    -fx-background-color: rgb(104, 104, 204);
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.mobile {
    -fx-background-color: rgb(61, 185, 131);
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.raspberry-pi {
    -fx-background-color: #fd2a68;
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title .ikonli-font-icon {
    -fx-icon-color: #ffffff;
    -fx-icon-size: 20px;
}

.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.raspberry-pi .ikonli-font-icon {
    -fx-icon-size: 18px;
}

/** ------------------------------------
 * WeekLinksLiteView
 **/
.week-links-view {
    -fx-background-color: -white;
    -fx-spacing: 10px;
}

.week-links-view:lg {
    -fx-spacing: 15px;
}

.week-links-view .label {
    -fx-text-fill: -grey-100;
}

.week-links-view .title-box {
    -fx-spacing: 10px;
}

.week-links-view .view-all-button {
    -fx-text-fill: -grey-60;
    -fx-background-color: transparent;
    -fx-background-radius: 30px;
    -fx-font-family: "Roboto Condensed";
    -fx-font-size: 16px;
    -fx-content-display: right;
}

.week-links-view .view-all-button:pressed {
    -fx-background-color: #E2E2E266;
}

.week-links-view .view-all-button .ikonli-font-icon {
    -fx-icon-color: -grey-60;
    -fx-icon-size: 22px;
}

.week-links-view:lg .title {
    -fx-font-size: 24px;
}

.week-links-view .subtitle {
    -fx-text-fill: -grey-60;
}

.week-links-view:lg .subtitle {
    -fx-font-size: 16px;
}

.week-links-view:md .title {
    -fx-font-size: 20px;
}

.week-links-view:sm-md > .content-box .subtitle {
    -fx-font-size: 14px;
}

.week-links-view:sm .title {
    -fx-font-size: 18px;
}

.week-links-view:sm .subtitle {
    -fx-text-alignment: center;
    -fx-padding: 0 0 5px 0;
}

.week-links-view .md-view {
    -fx-background-radius: 10px;
    -fx-background-color: #fefefe;
    -fx-border-color: -grey-10;
    -fx-border-radius: 10px;
}

.week-links-view:md-lg .md-view {
    -fx-padding: 10px 15px;
}

.week-links-view:sm .md-view {
    -fx-padding: 5px 10px;
}

.week-links-view .md-view .markdown-listitem-dot {
    -fx-text-fill: -mdfx-font-color;
}

/** ----------------------------------
 * MobileHomePage
 */
.mobile-home-page {
    -fx-background-color: -white;
}

.mobile-home-page .mobile-search-text-field {
    -fx-padding: 0px 10px;
}

.mobile-home-page .mobile-search-text-field .right-box {
    -fx-alignment: center-right;
    -fx-spacing: 10px;
}

.mobile-home-page .content-box {
    -fx-padding: 5px 15px 50px 15px;
    -fx-spacing: 30px;
}

.mobile-home-page:sm .content-box {
    -fx-spacing: 15px;
}

.mobile-home-page > .search-wrapper {
    -fx-padding: 10px 15px 10px 15px;
    -fx-alignment: center-left;
}

/** ----------------------------------
 * MainPage
 */
.main-page .drawer {
    -fx-border-color: transparent transparent transparent transparent;
    -fx-background-color: -background;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 10, 0.2, 0, 0); /* 20% alpha */;
}

.main-page .drawer > .handle {
    -fx-background-color: -background;
    -fx-padding: 6px 0px;
}

.main-page .drawer > .handle > .region {
    -fx-pref-width: 50px;
    -fx-pref-height: 4px;
    -fx-background-radius: 8px;
    -fx-background-color: -grey-30;
}

.categories-selection-view {
    -fx-font-size: 12px;
    -fx-padding: 0px 10px 35px 10px;
}

.categories-selection-view > .logo-box {
    -fx-padding: 0px 15px 0px 0px;
    -fx-alignment: bottom-right;
    -fx-spacing: 30px;
    -fx-fit-to-height: false;
}

.categories-selection-view > .logo-box > .hbox {
    -fx-fit-to-height: false;
    -fx-alignment: bottom-left;
    -fx-spacing: 10px;
}

.categories-selection-view > .logo-box > .hbox > .vbox {
    -fx-alignment: bottom-left;
}

.categories-selection-view > .logo-box > .hbox > .vbox > .label {
    -fx-text-fill: -grey-60;
    -fx-font-family: "Spline Sans";
    -fx-font-size: 10px;
}

.categories-selection-view > .toggle-button {
    -fx-content-display: top;
    -fx-background-color: transparent;
    -fx-text-fill: -grey-60;
    -fx-padding: 10px 0px;
    -fx-graphic-text-gap: 0px;
    -fx-font-family: "Spline Sans";
    -fx-font-size: 12px;
}

.categories-selection-view > .toggle-button .ikonli-font-icon {
    -fx-icon-size: 24px;
    -fx-icon-color: -grey-60;
}

.categories-selection-view > .toggle-button:selected {
    -fx-text-fill: -bright-blue;
}

.categories-selection-view > .toggle-button:selected .ikonli-font-icon {
    -fx-icon-color: -bright-blue;
}

/** ----------------------------------
 * MobileSearchTextField
 */
.mobile-search-text-field {
    -fx-background-radius: 1000px;
    -fx-padding: 6px 10px;
}

.mobile-search-text-field > .ikonli-font-icon {
    -fx-icon-size: 20px;
}

.mobile-search-text-field .text-field {
    -fx-background-color: white;
    -fx-padding: 0px;
}

.mobile-search-text-field .button {
    -fx-border-color: -light-blue;
    -fx-border-width: 0 0 0 2px;
    -fx-border-insets: 4px 0px;
    -fx-text-fill: -bright-blue;
    -fx-padding: 4 5px 4 10px;
    -fx-background-color: white;
    -fx-background-insets: 4px;
}

.mobile-search-text-field .arrow-button {
    -fx-background-color: -grey-20;
    -fx-background-radius: 50%;
    -button-size: 16px;
    -fx-min-width: -button-size;
    -fx-min-height: -button-size;
    -fx-max-width: -button-size;
    -fx-max-height: -button-size;
}

.mobile-search-text-field .arrow-button:pressed {
    -fx-background-color: -grey-30;
}

.mobile-search-text-field .arrow-button > .arrow {
    -fx-shape: "M9.99998 11.2122L6.36343 14.8487L5.15125 13.6366L8.78779 10L5.15125 6.36346L6.36343 5.15128L9.99998 8.78782L13.6365 5.15128L14.8487 6.36346L11.2122 10L14.8487 13.6366L13.6365 14.8487L9.99998 11.2122Z";
    -fx-background-color: white;
    -arrow-size: 7px;
    -fx-min-width: -arrow-size;
    -fx-min-height: -arrow-size;
    -fx-max-width: -arrow-size;
    -fx-max-height: -arrow-size;
}

/** ----------------------------------
 * HomePageHeader
 */
.home-page-header {
    -fx-alignment: center;
    -fx-background-color: white;
}

.home-page-header:sm {
    -fx-spacing: 20px;
    -fx-padding: 10px 0;
}

.home-page-header:md-lg {
    -fx-spacing: 10px;
    -fx-padding: 30px 0;
}

.home-page-header:md-lg .label1 {
    -fx-padding: 0 0 0 20px;
}

.home-page-header:sm .jfxcentral-logo {
    -fx-fit-width: 86px;
}

.home-page-header:md-lg .jfxcentral-logo {
    -fx-fit-width: 100px;
}

.home-page-header .right-side {
    -fx-spacing: 4px;
}

.home-page-header .fx-logo {
    -fx-fit-width: 88px;
    -fx-fit-height: 30px;
}

.home-page-header:sm .label {
    -fx-font-size: 20px;
}

.home-page-header:md-lg .label {
    -fx-font-size: 35px;
}

.home-page-header .row2 {
    -fx-alignment: center-left;
    -fx-spacing: 4px;
}

/** ----------------------------------
 * LotwPageView
 */
.lotw-page-view {
    -fx-background-color: -white;
}

.lotw-page-view .content-wrapper {
    -fx-padding: 0px 0px 0px 0px;
}

/** ----------------------------------
 * SearchTextView
 */
.search-text-view {
    -fx-padding: 0 20px;
}

.search-text-view .search-text-field {
    -fx-padding: 8px;
}

/** ----------------------------------
 * MobilePageHeader
 */
.mobile-page-header {
    -fx-background-color: -white;
    -fx-alignment: center;
}

.mobile-page-header > .top-box {
    -fx-alignment: center-left;
}

.mobile-page-header > .top-box .button {
    -fx-padding: 8px;
    -fx-background-radius: 50px;
    -fx-background-color: white;
}

.mobile-page-header > .top-box .button:pressed {
    -fx-background-color: -grey-10;
}

.mobile-page-header > .top-box .button .ikonli-font-icon {
    -fx-icon-size: 24px;
    -fx-icon-color: -grey-60;
}

.mobile-page-header .title {
    -fx-font-size: 16px;
    -fx-font-family: "Spline Sans SemiBold";
    -fx-graphic-text-gap: 15px;
    -fx-padding: 2px 40px;
    -fx-text-alignment: center;
}

.mobile-page-header .title.long-title {
    -fx-font-size: 13px;
    -fx-font-family: "Spline Sans Medium";
}

.mobile-page-header .title .ikonli-font-icon {
    -fx-icon-size: 24px;
}

.mobile-page-header .title .avatar-view {
    -fx-avatar-size: 25px;
    -fx-scale-x: 1.1;
    -fx-scale-y: 1.1;
}

/** ----------------------------------
 * ListView (Mobile)
 */
.list-view.mobile {
    -fx-background-color: -white;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.list-view.mobile:focused {
    -fx-background-color: -white;
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-padding: 0;
}

.list-view.mobile .scroll-bar:vertical,
.list-view.mobile .scroll-bar:vertical:focused {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
}

.list-view.mobile .scroll-bar:vertical > .thumb {
    -fx-scale-x: 0.7;
}

.list-view.mobile .scroll-bar:vertical > .thumb {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-background-radius: 4px;
}

.list-view.mobile:hover .scroll-bar:vertical > .thumb {
    -fx-background-color: #bbb;
}

.list-view.mobile .scroll-bar:vertical > .thumb:hover,
.list-view.mobile .scroll-bar:vertical > .thumb:pressed {
    -fx-background-color: -grey-60;
}

.list-view.mobile .scroll-bar:vertical > .track,
.list-view.mobile .scroll-bar:vertical > .track-background {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 1px 0;
    -fx-background-radius: 0;
}

.list-view.mobile .scroll-bar > .increment-button,
.list-view.mobile .scroll-bar > .decrement-button {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.list-view.mobile .scroll-bar:vertical > .increment-button > .increment-arrow,
.list-view.mobile .scroll-bar:vertical > .decrement-button > .decrement-arrow {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-shape: null;
}

.list-view.mobile .list-cell:odd {
    -fx-background-color: -white;
}

.list-view.mobile .list-cell:pressed {
    -fx-background-color: -grey-10;
}

.list-view.mobile .list-cell:empty {
    -fx-background-color: -white;
    -fx-border-color: transparent;
}

.list-view.mobile .list-cell {
    -fx-background-color: -white;
}

/** ----------------------------------
 * mobile-details-page
 */
.mobile-details-page {
    -fx-background-color: -white;
    -fx-alignment: top-center;
    -fx-spacing: 15px;
}

.mobile-details-page .simple-overview-box .body-box {
    -fx-padding: 0px 15px;
}

.mobile-details-page .simple-overview-box .body-box .custom-markdown-view {
    -fx-padding: 0px;
}

.mobile-details-page .details-page-content-wrapper {
    -fx-alignment: top-center;
}

.mobile-details-page .overview-box .content-box {
    -fx-alignment: top-center;
}

.mobile-details-page .overview-box > .content-box > .header {
    -fx-background-color: transparent;
    -fx-spacing: 10px;
}

.mobile-details-page .overview-box > .content-box > .header .header-title {
    -fx-text-fill: -grey-100;
}

.mobile-details-page .overview-box > .content-box > .header .spacer {
    -fx-background-color: -grey-10;
    -fx-max-height: 1px;
}

.mobile-details-page .overview-box .top-box-wrapper > .top-box {
    -fx-spacing: 5px;
}

.mobile-details-page .overview-box > .content-box .top-box > .field-title,
.mobile-details-page .overview-box > .content-box .top-grid > .field-title {
    -fx-text-fill: -grey-20;
    -fx-font-size: 13px;
}

.mobile-details-page .company-overview-box .body-box .image-wrapper {
    -fx-background-color: null;
    -fx-border-color: -grey-10;
}

.mobile-details-page .company-overview-box .body-box .image-wrapper {
    -fx-min-height: 130px;
    -fx-pref-height: 130px;
    -fx-max-height: 130px;
}

.mobile-details-page .company-overview-box .body-box .image-wrapper .preview-image {
    -fx-fit-width: 300px;
    -fx-fit-height: 100px;
}

/** ----------------------------------
 * SimplePlaceholder
 */
.simple-placeholder-label {
    -fx-font-size: 20px;
    -fx-text-fill: -grey-60;
    -fx-font-family: "Spline Sans Medium";
    -fx-content-display: top;
    -fx-graphic-text-gap: 15px;
}

.simple-placeholder-label .ikonli-font-icon {
    -fx-icon-size: 35px;
    -fx-icon-color: -grey-60;
}

/** ----------------------------------
 * MobileListView
 */
.model-list-view {
    -fx-padding: 10px 15px 0 15px;
    -fx-spacing: 15px;
    -fx-background-color: -white;
}

.model-list-view .list-view .model-list-cell {
    -fx-cell-size: 80px;
    -fx-padding: 10px 5px;
    -fx-background-insets: 3px 0;
    -fx-border-color: -grey-10;
    -fx-border-width: 0 0 0.5px 0;
    -fx-background-color: -white;
}

.model-list-view .list-view .model-list-cell > .container {
    -fx-spacing: 15px;
    -fx-alignment: center-left;
}

.model-list-view .list-view .model-list-cell .right-box {
    -fx-spacing: 5px;
}

.model-list-view .list-view .model-list-cell .title-label {
    -fx-font-family: "Spline Sans SemiBold";
    -fx-font-size: 14px;
    -fx-text-fill: -grey-100;
}

.model-list-view .list-view .model-list-cell .summary-label {
    -fx-font-size: 14px;
    -fx-alignment: center-left;
    -fx-text-fill: -grey-60;
}

.model-list-view .list-view .model-list-cell .avatar-view {
    -fx-avatar-size: 55px;
    -fx-avatar-type: SQUARE;
}

.rounded-preview-page .list-view .model-list-cell .avatar-view {
    -fx-avatar-type: CIRCLE;
}

.blogs-category-page .list-view .model-list-cell .avatar-view {
    -fx-avatar-type: PLAIN;
}

/** ----------------------------------
 * MobileBlogOverviewBox
 */
.mobile-blog-overview-box {
    -fx-background-color: -white;
}

.mobile-blog-overview-box .header {
    -fx-background-color: -grey-10;
    -fx-padding: 5px 20px;
}

.mobile-blog-overview-box .header .header-title {
    -fx-text-fill: #646262;
}

.mobile-blog-overview-box .list-wrapper {
    -fx-padding: 0 10px 0 10px;
}

.mobile-blog-overview-box .list-view .post-view-cell {
    -fx-padding: 10px 5px 10px 10px;
    -fx-background-color: -white;
}

.mobile-blog-overview-box .list-view .post-view-cell .content-box {
    -fx-alignment: center-left;
    -fx-border-color: -grey-10;
    -fx-border-width: 0 0 0.5px 0;
    -fx-border-insets: 0 0 -10 0;
    -fx-spacing: 10px;
}

.mobile-blog-overview-box .list-view .post-view-cell .time-label {
    -fx-font-size: 13px;
    -fx-text-fill: -grey-60;
}

.mobile-blog-overview-box .list-view .post-view-cell .title-label {
    -fx-font-size: 15px;
    -fx-text-fill: -grey-100;
    -fx-pref-height: 40px;
    -fx-alignment: center-left;
}

/** ----------------------------------
 * MobileRefreshPage
 */
.mobile-refresh-page {
    -fx-background-color: #070B32;
}

.mobile-refresh-page > .content-box {
    -fx-alignment: top-center;
    -fx-padding: 90px 0 40px 0;
    -fx-spacing: 20px;
}

.mobile-refresh-page > .content-box > .custom-image-view {
    -fx-fit-height: 50px;
}

.mobile-refresh-page .bottom-box {
    -fx-spacing: 15px;
    -fx-alignment: top-center;
    -fx-padding: 0 0 25px 0;
}

.mobile-refresh-page .bottom-box > .start-button {
    -fx-font-family: "Spline Sans SemiBold";
    -fx-font-size: 1.2em;
    -fx-text-fill: rgb(201, 87, 5);
    -fx-background-insets: 0;
    -fx-background-color: rgb(242, 172, 60);
    -fx-background-radius: 1000px;
    -fx-border-radius: 12px;
    -fx-border-color: transparent;
    -fx-pref-width: 185px;
    -fx-padding: 5px 10px;
}

.mobile-refresh-page .bottom-box > .welcome-label {
    -fx-font-family: "Roboto Condensed";
    -fx-font-size: 1.5em;
    -fx-text-fill: -bright-blue;
    -fx-padding: 5px 25px;
    -fx-border-color: -bright-blue;
    -fx-border-width: 0 1px 0 1px;
}

.mobile-refresh-page .bottom-box > .desc-label {
    -fx-font-family: "Spline Sans";
    -fx-font-size: 1.1em;
    -fx-text-fill: -grey-30;
}

.mobile-refresh-page .bottom-box .load-label {
    -fx-font-family: monospace;
    -fx-font-size: 1.2em;
    -fx-text-fill: -grey-60;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-padding: 25px 20px 5px 20px;
    -fx-border-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #fc8cff 0.0%, #2bd4fc 50.0%, #2eff8a 100.0%);
    -fx-border-width: 0 0 1px 0;
}

.mobile-refresh-page .update-content-box {
    -fx-alignment: center;
    -fx-padding: 0 50px;
    -fx-spacing: 15px;
}

.mobile-refresh-page .update-content-box .custom-image-view {
    -fx-fit-width: 400px;
}

.mobile-refresh-page .update-content-box .dividing-line {
    -fx-border-color: #75767660;
    -fx-border-width: 0 0 1px 0;
    -fx-padding: 0 0 10px 0;
}

.mobile-refresh-page .update-content-box > .label {
    -fx-font-family: "Roboto Condensed";
    -fx-font-size: 1.3em;
    -fx-text-fill: -grey-30;
}

/** ----------------------------------
 * IntroPane
 */
.intro-pane {
    -fx-background-color: #0f0832;
    -fx-padding: 30px 0px 25px 0px;
    -fx-spacing: 40px;
}

.intro-pane .dot-box {
    -fx-spacing: 10px;
    -fx-alignment: center;
    -fx-padding: 5px 0 20px 0;
}

.intro-pane .dot-box .dot {
    -size: 8px;
    -fx-opacity: .5;
    -fx-background-color: white;
    -fx-pref-width: -size;
    -fx-pref-height: -size;
    -fx-max-width: -size;
    -fx-max-height: -size;
    -fx-min-width: -size;
    -fx-min-height: -size;

    -fx-background-radius: 1000;
}

.intro-pane .dot-box .dot.selected {
    -fx-opacity: 1;
}

/** ----------------------------------
 * IntroCard
 */
.intro-card {
    -fx-alignment: center;
    -fx-spacing: 20px;
}

.intro-card .title {
    -fx-font-family: "Spline Sans Medium";
    -fx-text-fill: -light-blue;
    -fx-font-size: 24px;
}

.intro-card .image-wrapper {
}

.intro-card .description {
    -fx-font-family: "Spline Sans";
    -fx-text-fill: #8a8e91;
    -fx-padding: 0px 50px;
    -fx-text-alignment: center;
    -fx-font-size: 14px;
}

/** ----------------------------------
 * MobileSearchPage
 */
.mobile-search-view {
    -fx-padding: 0 15px;
}

.mobile-search-view .placeholder-vbox {
    -fx-padding: 10px 10px 0 10px;
    -fx-spacing: 20px;
}

.mobile-search-view .placeholder-vbox .tips-box,
.mobile-search-view .placeholder-vbox .random-box {
    -fx-spacing: 15px;
}

.mobile-search-view .placeholder-vbox .label {
    -fx-font-family: "Roboto Condensed";
}

.mobile-search-view .placeholder-vbox .tips-box .tips-title,
.mobile-search-view .placeholder-vbox .random-box .random-header .label {
    -fx-font-size: 16px;
}

.mobile-search-view .placeholder-vbox .tips-box .tips-content {
    -fx-font-size: 14px;
    -fx-text-fill: #727272;
    -fx-padding: 0 0 0 22px;
}

.mobile-search-view .placeholder-vbox .random-box {
    -fx-spacing: 5px;
}

.mobile-search-view .placeholder-vbox .random-box .random-header {
    -fx-alignment: center-left;
}

.mobile-search-view .placeholder-vbox .random-box .random-header .button {
    -fx-background-color: #f5f5f5;
    -fx-background-insets: 0;
    -fx-text-fill: -grey-100;
    -fx-font-size: 14px;
    -fx-content-display: graphic-only;
    -fx-padding: 3px 10px;
}

.mobile-search-view .placeholder-vbox .random-box .random-header .button:pressed {
    -fx-background-color: -grey-10;
}

.mobile-search-view .placeholder-vbox .random-box .random-content {
    -fx-padding: 10px 0 0 0;
    -fx-hgap: 15px;
    -fx-vgap: 8px;
    -fx-alignment: center-left;
}

.mobile-search-view .placeholder-vbox .random-box .random-content .label {
    -fx-font-family: "Spline Sans";
    -fx-font-size: 12px;
    -fx-text-fill: #6b6a6a;
    -fx-border-color: -grey-10;
    -fx-border-radius: 20px;
    -fx-border-width: 1px;
    -fx-padding: 5px 10px;
    -fx-background-radius: 20px;
}

.mobile-search-view .placeholder-vbox .random-box .random-content .label:pressed {
    -fx-background-color: -grey-10;
}

/** ----------------------------------
 * MobilePersonDetailView
 */
.mobile-person-detail-view {
    -fx-alignment: top-center;
    -fx-spacing: 5px;
    /*-fx-padding: 5px 15px;*/
}

.mobile-person-detail-view > .top-pane {
    -fx-padding: 7px 0 0 0;
    -fx-background-color: white;
}

.mobile-person-detail-view > .top-pane .avatar-view {
    -fx-border-color: -white;
    -fx-border-radius: 50%;
    -fx-border-width: 2px;
    -fx-avatar-size: 60px;
    -fx-effect: dropshadow(three-pass-box, rgb(125, 125, 125, 0.6), 5, 0, 0, 0);
}

.mobile-person-detail-view > .person-content-box {
    -fx-alignment: top-center;
    -fx-spacing: 5px;
}

.mobile-person-detail-view > .person-content-box > .name {
    -fx-font-family: "Spline Sans SemiBold";
    -fx-font-size: 20px;
    -fx-padding: 0 15px 5px 15px;
    -fx-border-color: -grey-10;
    -fx-border-width: 0 0 1px 0;
}

.mobile-person-detail-view > .person-content-box > .badges {
    -fx-alignment: center;
    -fx-spacing: 10px;
}

.mobile-person-detail-view > .person-content-box > .badges .badge-item {
    -fx-font-family: "Spline Sans";
    -fx-padding: 1px 5px;
    -fx-background-color: -light-blue;
    -fx-background-radius: 10px;
}

.mobile-person-detail-view > .person-content-box > .description {
    -fx-padding: 5px 20px;
    -fx-text-alignment: center;
    -fx-font-family: "Spline Sans";
    -fx-text-fill: #555;
    -fx-font-size: 14px;
}

/** ----------------------------------
 * LinkedObjectsBox
 */
.linked-objects-box {
    -fx-padding: 5px 15px;
    -fx-spacing: 15px;
    -fx-max-width: 800px;
}

/** ----------------------------------
 * LearnCategoryBox
 */
.learn-category-box {
    -fx-spacing: 10px;
}

.learn-category-box > .title {
    -fx-font-family: "Spline Sans SemiBold";
    -fx-font-size: 20px;
    -fx-text-fill: -grey-100;
    -fx-padding: 10px 0 5px 0;
}

.learn-category-box > .content {
    -fx-spacing: 5px;
}

.learn-category-box .learn-category-cell .title {
    -fx-font-family: "Spline Sans SemiBold";
    -fx-font-size: 14px;
}

.learn-category-box .learn-category-cell {
    -fx-spacing: 5px;
    -fx-border-color: -grey-10;
    -fx-border-radius: 10px;
    -fx-padding: 10px 5px 5px 5px;
    -fx-background-radius: 10px;
}

.learn-category-box .learn-category-cell .description {
    -fx-text-fill: -grey-60;
}

/** ----------------------------------
 * LearnListCell
 */
.learn-list-cell {
    -fx-padding: 10px 5px;
    -fx-border-color: -grey-10;
    -fx-border-width: 0 0 1px 0;
}

.learn-list-cell > .container {
    -fx-spacing: 10px;
    -fx-alignment: center-left;
}

.learn-list-cell > .container > .title {
    -fx-font-family: "Spline Sans Medium";
    -fx-font-size: 14px;
    -fx-text-fill: -grey-100;
}

.learn-list-cell .author-box {
    -fx-spacing: 5px;
    -fx-alignment: center-right;
}

.learn-list-cell .author-box .avatar-view {
    -fx-avatar-size: 28px;
}

/** ----------------------------------
 * MobilePagination
 */
.mobile-pagination {
    -fx-background-color: -white;
}

.mobile-pagination .nav-box {
    -fx-spacing: 10px;
    -fx-alignment: center;
    -fx-padding: 5px;
    -fx-background-color: -background;
    -fx-border-color: -grey-10;
    -fx-border-width: 1px 0 0 0;
}

.mobile-pagination .nav-box .page-label {
    -fx-font-size: 15px;
    -fx-text-fill: -grey-60;
    -fx-alignment: center;
}

.mobile-pagination .nav-box .nav-button {
    -fx-background-color: -white;
    -fx-background-radius: 50px;
    -fx-border-color: -grey-10;
    -fx-text-fill: -grey-60;
    -fx-content-display: graphic-only;
    -fx-padding: 5px;
    -fx-border-radius: 50px;
}

.mobile-pagination .nav-box .nav-button:pressed {
    -fx-background-color: -grey-10;
    -fx-background-radius: 50px;
}

.mobile-pagination .nav-box .nav-button .ikonli-font-icon {
    -fx-icon-size: 20px;
    -fx-icon-color: -grey-100;
}

/** ----------------------------------
 * LotwPagination
 */
.lotw-pagination .scroll-pane .custom-markdown-view {
    -fx-padding: 10px 15px 10px 15px;
}

.lotw-pagination .scroll-pane .custom-markdown-view .markdown-text {
}

/** ----------------------------------
 * LearnPagination
 */
.learn-pagination .author-box {
    -fx-spacing: 10px;
    -fx-alignment: center-right;
    -fx-padding: 0 0 5px 0;
}

.learn-pagination .author-box .avatar-view {
    -fx-avatar-size: 28px;
    -fx-border-color: -grey-30;
    -fx-border-radius: 30px;
}

.learn-pagination .author-box .date-label {
    -fx-font-size: 15px;
    -fx-text-fill: -grey-60;
}

.learn-pagination > .content-wrapper .content-box {
    -fx-padding: 0 20px 10px 20px;
}