/* Colors */
* {
    -fx-black: #141414;
    -fx-white: #eff1f5;
    -fx-lightgrey: #dfdfdf;
    
    -fx-darkblue: #333645;
    -fx-lightblue: #0095d9;
    -fx-red: #df5b66;
    
    -fx-green: #718c00;
    -fx-yellow: #c99e00;
    -fx-blue: #4271ae;
    -fx-purple: #9469af;
    -fx-cyan: #3e999f;
}

/* Default */
.parent {
    -fx-background-color: -fx-white;
}

.jfx-button {
    -fx-background-color: transparent;
    -fx-text-fill: -fx-black;
}

.jfx-text-field {
    -jfx-focus-color: -fx-lightblue;
}

.jfx-text-area {
    -jfx-focus-color: -fx-lightblue;
}

.jfx-combo-box {
    -jfx-focus-color: -fx-lightblue;
}

.jfx-check-box {
    -jfx-checked-color: -fx-lightblue;
}

.jfx-radio-button {
    -jfx-selected-color: -fx-lightblue;
}

.jfx-progress-bar > .track, .jfx-progress-bar > .bar {
    -fx-background-radius: 0;
    -fx-background-insets: 0;
}

.jfx-progress-bar > .bar {
    -fx-background-color: -fx-lightblue;
}


/* JFXTabPane */
.tab {
    -fx-pref-width: 120;
    -fx-pref-height: 35;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
    -fx-background-radius: 0;
}

.tab-pane *.tab-header-area *.tab-header-background {
    -fx-background-color: -fx-lightgrey;
}


.jfx-tab-pane .headers-region .tab .tab-container .tab-label {
    -fx-text-fill: -fx-darkblue;
    -fx-font-size: 14;
}

.jfx-tab-pane .tab-header-background {
    -fx-background-color: -fx-lightgrey;
}

.jfx-tab-pane .tab-header-area .jfx-rippler {
    -jfx-rippler-fill: #d0d0d0c2;
}

.jfx-tab-pane .tab-selected-line {
    -fx-background-color: -fx-lightblue;
}

.jfx-tab-pane .headers-region .tab:selected .tab-container .tab-label {
    -fx-text-fill: -fx-lightblue;
}


/* JFXListView */
.jfx-list-cell {
    -fx-background-insets: 0.0;
    -fx-background-color: transparent;
    -fx-text-fill: -fx-black;
}

.jfx-list-cell:focused {
    -fx-background-color: transparent;
    -fx-text-fill: -fx-lightblue;
}

.jfx-list-cell:selected {
    -fx-background-color: -fx-lightblue;
    -fx-text-fill: white;
}

.jfx-list-view {
    -fx-background-insets: 0;
    -fx-border-color: -fx-darkblue;
    -fx-cell-vertical-margin: 10.0;
    -fx-vertical-gap: 10;
    -fx-pref-width: 150;
}

.jfx-list-view .scroll-bar:vertical {
    -fx-scale-x: 0;
}


.user-menu-list {
    -fx-border-color: transparent;
}

.user-menu-list .list-cell:hover {
    -fx-background-color: -fx-lightblue;
    -fx-text-fill: -fx-white;
}


.online-user-list {
    -fx-background-insets: 0;
    -fx-background-color: transparent;
}

.online-user-list .list-cell {
    -fx-background-color: transparent;
    -fx-text-fill: -fx-white;
}
.online-user-list .list-cell .jfx-rippler {
    -jfx-rippler-fill: transparent;
}

.online-user-list .list-cell:focused {
    -fx-background-color: transparent;
    -fx-text-fill: -fx-white;
}

.online-user-list .list-cell:selected {
    -fx-background-color: transparent;
    -fx-text-fill: -fx-white;
}


/* Buttons */
.lightBlueBtn {
    -jfx-button-type: RAISED;
    -fx-background-color: -fx-lightblue;
    -fx-text-fill: white;
}

.darkBlueBtn {
    -jfx-button-type: RAISED;
    -fx-background-color: -fx-darkblue;
    -fx-text-fill: white;
}

.redBtn {
    -jfx-button-type: RAISED;
    -fx-background-color: #df5b66;
    -fx-text-fill: white;
}

.transparentBtn {
    -jfx-button-type: FLAT;
    -fx-background-color: transparent;
    -fx-text-fill: black;
}

.roundBtn {
    -fx-background-radius: 500;
    -fx-background-color: -fx-lightblue;
    -fx-text-fill: white;
    -fx-font-size: 20;
    
    -fx-min-width: 50px;
    -fx-min-height: 50px;
    -fx-max-width: 50px;
    -fx-max-height: 50px;
}

.uploadAvatarBtn {
    -fx-background-radius: 500;
    -fx-background-color: -fx-lightblue;
    -fx-text-fill: white;
    -fx-font-size: 15;
    
    -fx-min-width: 30px;
    -fx-min-height: 30px;
    -fx-max-width: 30px;
    -fx-max-height: 30px;
}

.textBtn {
    -fx-background-color: transparent;
    -fx-text-fill: black;
}

.textBtn:hover {
    -fx-underline: true;
}

.textBtn-delete {
    -fx-padding: -20 0 -20 0;
    -fx-background-color: transparent;
    -fx-text-fill: #bc3d3d;
}

.textBtn-delete:hover {
    -fx-underline: true;
}


/* Login Panel */
.titlebar {
    -fx-background-color: -fx-darkblue;
}


/* Student/Teacher Panels */
.banner {
    -fx-background-color: -fx-lightgrey;
}

.sidebar {
    -fx-background-color: -fx-darkblue;
}

.sidebarBtn {
    -fx-background-radius: 0;
    -fx-padding: 15 15 15 30;
    
    -fx-background-color: -fx-darkblue;
    -fx-text-fill: #ffffff;
    -fx-alignment: center-left;
    -fx-font-size: 16 px;
}




.table-view {
    -fx-table-header-border-color: transparent;
    -fx-table-cell-border-color: -fx-box-border;
    -fx-background-color: transparent;
}

.table-view .filler, .table-view .column-header
{
    -fx-size: 40;
    -fx-border-style: null;
    -fx-border-color: rgb(200.0, 200.0, 200.0);
    -fx-border-width: 0 0 1 0;
    -fx-background-color: transparent;
}

.table-view .show-hide-columns-button
{
    -fx-background-color: transparent;
}

.table-view .column-header .label,
.table-view .column-drag-header .label
{
    -fx-alignment: CENTER_LEFT;
}

.table-view .column-header-background
{
    -fx-background-color: transparent;
}

.table-row-cell {
    -fx-cell-size: 30px;
}

.table-cell {
    -fx-border-color: transparent; 
    -fx-border-width: 1;
}


/* FileTab / CodeArea Related */
.minimal-tab {
    -fx-pref-width: 160;
    -fx-pref-height: 35;
    -fx-border-width: 2px;
    -fx-border-color: #cacaca;
    -fx-background-color: #cacaca;
    -fx-font-size: 12px;
}

.minimal-tab:selected {
    -fx-border-color: -fx-white;
    -fx-background-color: #f4f4f4;
}

.minimal-tab:selected .tab-label {
    -fx-text-fill: -fx-black;
}

.minimal-tab .tab-close-button {
    -fx-background-color: -fx-black;
}

.minimal-tab:selected .tab-close-button {
    -fx-background-color: -fx-black;
}

.code-anchor {
    -fx-pref-width: 776;
    -fx-pref-height: 500;
}

.code-vbox {
    -fx-pref-width: 776;
    -fx-pref-height: 555;
    -fx-padding: 5px;
}

.code-area {
    -fx-pref-width: 776;
    -fx-pref-height: 555;
    -fx-background-color: -fx-white;
}


/* message */
.jfx-toggle-button {
    -jfx-toggle-color: -fx-lightblue;
}

.jfx-snackbar-content {
	-fx-background-color: -fx-lightblue;
	-fx-pref-width: 400.0px;
}

.jfx-snackbar-toast {
	-fx-text-fill: -fx-white;
}


/* proctor */
.jfx-slider .thumb{
	-fx-background-color: -fx-lightblue;
}

.jfx-slider .track {
	-fx-background-color: -fx-lightgrey;
}

.jfx-slider StackPane{
    -fx-background-color: -fx-lightblue;
}﻿

.finish-label {
    -fx-text-fill: -fx-green;
}