/* Copyright 2009, Red Hat, Inc.
 *
 * Portions adapted from Mx's data/style/default.css
 *   Copyright 2009 Intel Corporation
 *
 * This program is free software; you can redistribute it and/or modify it
 * under the terms and conditions of the GNU Lesser General Public License,
 * version 2.1, as published by the Free Software Foundation.
 *
 * This program is distributed in the hope it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
 */

/* GNOME-Shell theme 'GnomishDark' by Pedram Pourang (aka. Tsu Jan): tsujan2000@gmail.com  */

/*Set the default font*/
stage {
	font-family: /*cantarell, */sans-serif;
}

/* links */

.shell-link {
	color: #0000ff;
	text-decoration: underline;
}

.shell-link:hover {
	color: #565656;
}

.label-shadow {
	color: rgba(0,0,0,0);
}

StScrollBar
{
	padding: 0px;
}

/* vertical fading of notification ScrollView*/
/*StScrollView.vfade
{
  -st-vfade-offset: 68px;
}*/

StScrollView StScrollBar
{
	min-width: 8px;
	min-height: 16px;
}


StScrollBar StBin#trough {
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(0,0,0,0.6);
	background-gradient-end: rgba(150,150,150,0.6);
	border-radius: 4px;
}

StScrollBar StButton#vhandle
{
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(250,250,250,0.9);
	background-gradient-end: rgba(50,50,50,0.7);
	border-radius: 4px;
}

StScrollBar StButton#hhandle
{
	background-gradient-direction: vertical;
	background-gradient-start: rgba(250,250,250,0.9);
	background-gradient-end: rgba(50,50,50,0.7);
	border-radius: 4px;
}

StScrollBar StButton#vhandle:hover
{
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(250,250,250,0.9);
	background-gradient-end: rgba(100,100,100,0.9);
}

StScrollBar StButton#hhandle:hover
{
	background-gradient-direction: vertical;
	background-gradient-start: rgba(250,250,250,0.9);
	background-gradient-end: rgba(100,100,100,0.9);
}

StScrollBar StButton#hhandle:active
{
	background-gradient-direction: vertical;
	background-gradient-start: rgba(50,50,50,0.7);
	background-gradient-end: rgba(250,250,250,0.9);
}

StScrollBar StButton#vhandle:active
{
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(50,50,50,0.7);
	background-gradient-end: rgba(250,250,250,0.9);
}

/* Check Boxes */

.check-box ShellGenericContainer {
	spacing: .8em;
}

.check-box StBin {
	width: 24px;
	height: 22px;
	background-image: url("checkbox-off.svg");
}

.check-box:focus StBin {
	background-image: url("checkbox-off-focused.svg");
}

.check-box:checked StBin {
	background-image: url("checkbox.svg");
}

.check-box:focus:checked StBin {
	background-image: url("checkbox-focused.svg");
}

/* PopupMenu */

.popup-menu-boxpointer {
	-arrow-border-radius: 16px;
	-arrow-background-color: rgba(0,0,0,0.0);
	-arrow-border-color: rgba(0,0,0,0.0);
	background-gradient-direction: vertical;
	background-gradient-start: rgba(50,50,50,0.7);
	background-gradient-end: rgba(0,0,0,0.7);
	box-shadow: 1px 4px 10px 4px rgba(0,0,0,0.6);
	padding: 2px 0px 0px 2px;
}

.popup-menu {
	color: #ffffff;
	font-size: 8pt;
	min-width: 85px;
	border-radius: 5px;
	padding: 4px;
}

/*.popup-submenu-menu-item:open {
	background-color: #4c4c4c;
}*/

.popup-sub-menu {
	background-color: rgba(0,0,0,0.5);
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.5);
}

.popup-sub-menu:scrolled .popup-menu-item:ltr {
	padding-right: 0em;
}

.popup-sub-menu:scrolled .popup-menu-item:rtl {
	padding-left: 0em;
}

.popup-sub-menu StScrollBar {
	padding: 4px;
}

.popup-sub-menu StScrollBar StBin#trough {
	border-width: 0px;
}

/*.popup-sub-menu StScrollBar StBin#vhandle {
	background-color: #4c4c4c;
	border-width: 0px;
}*/

.popup-combo-menu {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(101,101,101,0.9);
	background-gradient-end: rgba(0,0,0,0.9);
	color: #ffffff;
	border: 1px solid rgba(169,169,169,0.7);
	border-radius: 4px;
	padding: 4px;
	/*box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.6);*/
}

.popup-menu-item.status-chooser-combo
 {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(150,150,150,0.5);
	background-gradient-end: rgba(0,0,0,0.3);
	/*font-size: 8.5pt;
	font-weight: bold;
	color: #ffffff;*/
	border-radius: 4px;
	/* don't move when hovering */
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5);
	/*padding: 0.4em 1.4em;*/
}

/* The remaining popup-menu sizing is all done in ems, so that if you
 * override .popup-menu.font-size, everything else will scale with it.
 */
.popup-menu-content {
	padding: 0.3em 0.3em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.popup-menu-item {
	color: #ffffff;
	font-size: 8.5pt;
	font-weight: bold;
	padding: 0.5em 1.5em;
	spacing: 1em;
}

.popup-menu-item:active {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.9);
	background-gradient-end: rgba(128,128,128,0.8);
	color: #000000;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5);
	padding: 0.4em 1.4em;
}

.popup-menu-item:insensitive {
	color: #9f9f9f;
}

.popup-image-menu-item {
}

.popup-combobox-item {
	spacing: 1em;
}

.popup-separator-menu-item {
	-gradient-height: 1px;
	-gradient-start: rgba(255,255,255,0.0);
	-gradient-end: rgba(255,255,255,0.3);
	-margin-horizontal: 0.5em;
	height: 0.1em; 
}

.popup-alternating-menu-item:alternate {
	font-weight: bold;
}

.popup-slider-menu-item {
	height: 1em;
	min-width: 13em;
	-slider-height: 0.3em;
	-slider-background-color: rgba(0,0,0,0.7);
	-slider-border-color: rgba(255,255,255,0.6);
	-slider-active-background-color: rgba(255,255,255,0.8);
	-slider-active-border-color: rgba(255,255,255,0.4);
	-slider-border-width: 1px;
	-slider-handle-radius: 0.5em;
}

.popup-device-menu-item {
	spacing: .5em;
}

.popup-status-menu-item {
	font-weight: normal;
	color: #999;
}

.popup-inactive-menu-item, .popup-inactive-menu-item:insensitive {
	color: white;
}

.popup-subtitle-menu-item, .popup-subtitle-menu-item:insensitive {
	font-weight: bold;
	color: white;
}

.popup-menu-icon {
	icon-size: 1.14em;
}

/* Switches */
.toggle-switch {
	width: 65px;
	height: 22px;
}

.toggle-switch-us {
	background-image: url("toggle-off-us.png");
	background-size: contain;
}
.toggle-switch-us:checked {
	background-image: url("toggle-on-us.png");
	background-size: contain;
}

.toggle-switch-intl {
	background-image: url("toggle-off-intl.png");
	background-size: contain;
}
.toggle-switch-intl:checked {
	background-image: url("toggle-on-intl.png");
	background-size: contain;
}

.nm-menu-item-icons {
	spacing: .5em;
}

/* Buttons */

.dash-search-button {
	color: white;
	border: 2px solid rgba(255,255,255,0.2);
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255, 255, 255, 0.2);
	background-gradient-end: rgba(255, 255, 255, 0);
}

.dash-search-button:hover {
	background-gradient-start: rgba(255, 255, 255, 0.3);
	background-gradient-end: rgba(255, 255, 255, 0.1);
}

.dash-search-button:selected,
.dash-search-button:focus {
	border: 2px solid rgba(255,255,255,0.5);
}

.dash-search-button:active,
.dash-search-button:pressed {
	background-gradient-start: rgba(255, 255, 255, 0);
	background-gradient-end: rgba(255, 255, 255, 0.2);
}

/* Panel */

#panel {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(88,88,88,0.7);
	background-gradient-end: rgba(0,0,0,0.6);
	color: rgba(255,255,255,0.98);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 24px;
	box-shadow: 0px 3px 12px rgba(0,0,0,0.9);
	font-family: "Bitstream Charter", serif;
	font-size: 10pt;
}

#panelLeft, #panelRight {
	spacing: 4px;
	font-weight: bold;
}

#panelCenter {
	spacing: 4px;
	font-weight: bold;
	font-style: italic;
}

#panelLeft:ltr {
	padding-right: 4px;
}

#panelLeft:rtl {
	padding-left: 4px;
}

#panelRight:ltr {
	padding-left: 4px;
}

#panelRight:rtl {
	padding-right: 4px;
}

/*.panel-corner {
	-panel-corner-radius: 10px;
	-panel-corner-background-color: black;
	-panel-corner-inner-border-width: 2px;
	-panel-corner-inner-border-color: transparent;
	-panel-corner-outer-border-width: 1px;
	-panel-corner-outer-border-color: #536272;
}

.panel-corner:active,
.panel-corner:overview,
.panel-corner:focus {
	-panel-corner-inner-border-color: rgba(255,255,255,0.8);
}*/

#appMenu {
	spacing: 4px;
}

.panel-button #appMenuIcon {
	app-icon-bottom-clip: 0px;
}

.panel-button:active #appMenuIcon,
.panel-button:checked #appMenuIcon,
.panel-button:focus #appMenuIcon {
	app-icon-bottom-clip: 1px;
}

.app-menu-icon {
	width: 24px;
	height: 24px;
}

.panel-button {
	-natural-hpadding: 9px;
	-minimum-hpadding: 4px;
	transition-duration: 100;
	border-radius: 3px;
}

.panel-button:hover {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.4);
	background-gradient-end: rgba(71,71,71,0.4);
	transition-duration: 250;
}

.panel-button:active,
.panel-button:overview,
.panel-button:focus {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.4);
	background-gradient-end: rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.2);
	color: white;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}

.panel-status-button:active,
.panel-status-button:checked,
.panel-status-button:focus {
	background-image: url("panel-button-highlight-narrow.svg");
}

.panel-button:active > .system-status-icon,
.panel-button:checked > .system-status-icon,
.panel-button:focus > .system-status-icon {
	icon-shadow: black 0px 2px 2px;
}

/* space between Panel and its menus */
.panel-menu {
	-boxpointer-gap: 1px
}

.panel-status-button-box {
	spacing: 3px;
}

#panelActivities {
	border-radius-topleft: 0px;
	border-radius-bottomleft: 0px;
}

/* User Menu */

#panelUserMenu {
	/* space between the icon
	   and the user name */
	spacing: 3px;
}

.status-chooser {
	spacing: .4em;
}

.status-chooser .popup-menu-item,
.status-chooser-combo .popup-menu-item {
	padding: .5em;
}

.status-chooser-combo .popup-menu-item:active {
	/* don't move when hovering */
	padding: .4em;
}

.status-chooser-user-icon {
	border: 2px solid #8b8b8b;
	border-radius: 5px;
	width: 48pt;
	height: 48pt;
	background-size: contain;
}

.status-chooser-user-icon:hover {
	border: 2px solid #bbbbbb;
}

.status-chooser-user-name {
	font-weight: bold;
	font-size: 1.3em;
	min-width: 120pt;
}

/*.status-chooser-combo {
	border: 1px solid transparent;
}

.status-chooser-combo.popup-combo-menu {
	background-color: rgba(0,0,0,0.7);
	padding: .4em 0em;
	border-radius: 4px;
	border: 1px solid #5f5f5f;
	color: #ffffff;
	font-size: 10.5pt;
}*/

.status-chooser-status-item,
.status-chooser-combo .popup-combobox-item {
	spacing: .4em;
}

.system-status-icon {
	icon-size: 1.14em;
}

/* Overview */

#overview {
	spacing: 20px;
	background-color: rgba(0,0,0,0.4);
}

.workspace-controls {
	/* Amount visible before hovering */
	visible-width: 20px; /* 281px to show complete thumbnails for me */
}

.workspace-thumbnails-background {
	padding: 10px;
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(255,255,255,0.1);
	background-gradient-end: rgba(255,255,255,0.2);
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset 1px 0px 0px 0px rgba(255,255,255,0.2);
	border-radius: 4px 0px 0px 4px;
	border-right:none;
}

.workspace-thumbnails-background:rtl {
	border-right: 1px;
	border-left: 0px;
	border-radius: 0px 4px 4px 0px;
}

.workspace-thumbnails {
	border-radius: 4px;
	spacing: 10px;
}

.workspace-thumbnail-indicator {
	outline: 1px solid white;
	border: 1px solid black;
}

.window-caption {
	spacing: 50px;
	-shell-caption-spacing: 10px;
	background-gradient-direction: vertical;
	background-gradient-end: rgba(255,255,255,0.04);
	background-gradient-start: rgba(255,255,255,0.5);
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.8);
	font-size: 8.5pt;
	font-weight: bold;
	padding: 4px 15px;
	text-align: center;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 0px;
}

.window-close, .notification-close {
	background-image: url("close-window.svg");
	height: 24px;
	width: 24px;
	-st-background-image-shadow: -2px 2px 6px rgba(0,0,0,0.5);
}

.window-close {
	/* center is 24px/2 = 12px */
	-shell-close-overlap: 12px;
}

.window-close:rtl {
	-st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

.notification-close {
	/* the same as for windows */
	-shell-close-overlap-x: 12px;
	-shell-close-overlap-y: 12px;
}

/* Dash */

#dash {
	color: #000;
	padding: 4px 0px;
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(255,255,255,0.2);
	background-gradient-end: rgba(255,255,255,0.1);
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset -1px 0px 0px 0px rgba(255,255,255,0.2);
	border-left: 0px;
	border-radius: 0px 4px 4px 0px;
}

#dash:rtl {
	border-left: 1px;
	border-right: 0px;
	border-radius: 4px 0px 0px 4px;
}

.placeholder {
	background-image: url("dash-placeholder.svg");
	background-size: contain;
}

#viewSelector {
	spacing: 16px;
	font-size: 12pt;
}

/*#viewSelectorTabBar {
	padding: 16px;
}*/

/* Search Box */

/*#searchArea {
	padding: 0px 24px;
}*/

/* Dash to Dock (extension) */

#dashtodockContainer #dash {
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(0,0,0,0.65);
	background-gradient-end: rgba(50,50,50,0.65);
	border-color: rgba(50,50,50,0.7);
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
	border-radius: 0px 5px 5px 0px;
	/*background-gradient-direction: none;
	background: rgba(0,0,0,0.65) url("dashtodock/bg.svg");
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
	box-shadow: inset -1px 0px 0px 0px rgba(255,255,255,0.15);*/
}

#dashtodockContainer .dash-item-container > StButton {
	transition-duration: 250;
	background-size: contain;
}

#dashtodockContainer:ltr .running1 {
	background-image: url("dashtodock/one.svg");
}

#dashtodockContainer:rtl .running1 {
	background-image: url("dashtodock/one_rtl.svg");
}

#dashtodockContainer:ltr .running2 {
	background-image: url("dashtodock/two.svg");
}

#dashtodockContainer:rtl .running2 {
	background-image: url("dashtodock/two_rtl.svg");
}

#dashtodockContainer:ltr .running3 {
	background-image: url("dashtodock/three.svg");
}

#dashtodockContainer:rtl .running3 {
	background-image: url("dashtodock/three_rtl.svg");
}

#dashtodockContainer:ltr .running4 {
	background-image: url("dashtodock/four.svg");
}

#dashtodockContainer:rtl .running4 {
	background-image: url("dashtodock/four_rtl.svg");
}

#searchEntry {
	padding: 4px 12px;
	border-radius: 15px;
	color: rgba(255,255,255,0.5);
	font-weight: bold;
	font-size: 10pt;
	border: 2px solid rgba(255,255,255,0.2);
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.3);
	background-gradient-end: rgba(255,255,255,0.3);
	selected-color: black;
	caret-color: rgba(255,255,255,0.8);
	caret-size: 1px;
	width: 200px;
	transition-duration: 300;
	box-shadow: outset 0px 1px 1px 0px rgba(0,0,0,0.3);
}

#searchEntry:focus,
#searchEntry:hover {
	border: 2px solid rgba(255,255,255,0.35);
	color: rgba(255,255,255,0.8);
}

#searchEntry:hover {
	transition-duration: 300;
}

#searchEntry:focus {
	color: rgba(255,255,255,0.7);
	font-weight: bold;
	transition-duration: 0;
}

.search-entry-icon {
	icon-size: 1.2em;
	color: #949494;
}

/* Search Results */

#searchResults {
	padding: 20px 10px 10px 10px;
	spacing: 18px;
}

#searchResultsContent {
	padding-right: 20px;
	spacing: 36px;
}

#searchResultsContent:rtl {
	padding-right: 0px;
	padding-left: 20px;
}

.search-statustext, /* different? */
.search-section-header {
	padding: 10px 12px;
	spacing: 10px;
	color: rgba(255,255,255,0.8);
	font-weight: bold;
	font-style: italic;
	text-shadow: rgba(0,0,0,0.23) 0px -1px 0px;
}

.search-section-results {
	color: #ffffff;
	padding: 6px;
}

.search-section-list-results {
	spacing: 1px;
}

.results-container {
	spacing: 1px;
}

/* Text labels are an odd number of pixels tall. The uneven top and bottom
 * padding compensates for this and ensures that the label is vertically
 * centered */
.dash-search-button {
	border-radius: 16px;
	padding-top: 4px;
	padding-bottom: 5px;
	width: 300px;
	font-weight: bold;
}

.dash-search-button:focus,
.dash-search-button:selected {
	padding-top: 3px;
	padding-bottom: 4px;
	width: 298px;
}

.dash-label {
	border-radius: 4px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.8);
	background-gradient-end: rgba(0,0,0,0.7);
	border: 1px solid rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.98);
	padding: 4px;
	font-family: "Bitstream Charter", serif;
	font-size: 10pt; /*8.5pt;*/
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

/* Application Launchers and Grid */

.icon-grid {
	spacing: 36px;
	-shell-grid-horizontal-item-size: 100px;
	-shell-grid-vertical-item-size: 100px;
}

.icon-grid .overview-icon {
	icon-size: 64px;
}

.all-app {
	padding: 2px 16px 2px 16px;
	spacing: 30px;
}

.all-app:rtl {
	padding-right: 16px;
	padding-left: 16px;
}

.app-filter {
	font-size: 10pt;
	font-weight: bold;
	color: rgba(255,255,255,0.8); 
	height: 25px;
	width: 200px;
	padding: 5px 0px 5px 8px ;
	text-shadow: rgba(0,0,0,0.7) 0px -1px 0px;
}

.app-filter:hover {
	color: #fff;
	background-image: url("filter-hover.svg");
	background-position: 140px 10px;
}

.app-filter:hover:rtl {
	color: #fff;
	background-image: url("filter-hover-rtl.svg");
	background-position: 10px 10px;
}

.app-filter:selected {
	color: #fff;
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0);
	border-radius: 4px;
}

.app-filter:selected:rtl {
	color: #fff;
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(255,255,255,0);
	background-gradient-end: rgba(255,255,255,0.3);
	border-radius: 4px;
}

.app-filter:focus {
	outline: 1px solid #aaa;
}

.dash-item-container > StButton {
	padding: 4px 8px;
}

.app-well-app > .overview-icon,
.show-apps > .overview-icon,
.search-result-content > .overview-icon {
	border-radius: 4px;
	/* this should be repeated below */
 	padding: 3px;
	border: 1px rgba(0,0,0,0);
	font-size: 8pt;
	color: white;
	transition-duration: 100;
	text-align: center;
}

.contact-details-status {
	font-size: 11pt;
}

.app-well-app.running > .overview-icon {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.4);
	background-gradient-end: rgba(255,255,255,0.04);
	box-shadow: inset 0px -1px 1px 0px rgba(255,255,255,0.4);
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
	color: rgba(255,255,255,0.9);
	padding: 3px;
}

.app-well-app:focus > .overview-icon,
.search-result-content:focus > .overview-icon,
.show-apps:focus > .overview-icon,
.app-well-app:selected > .overview-icon,
.search-result-content:selected > .overview-icon {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.04);
	background-gradient-end: rgba(255,255,255,0.7);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5);
	color: black;
}

.app-well-app:hover > .overview-icon,
.show-apps:hover > .overview-icon,
.search-result-content:hover > .overview-icon {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.7);
	background-gradient-end: rgba(255,255,255,0.04);
	color: rgba(255,255,255,0.9);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 3px;
	transition-duration: 100;
}

.app-well-menu {
	font-size: 8pt;
}

.show-apps:checked > .overview-icon {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.04);
	background-gradient-end: rgba(255,255,255,0.7);
	transition-duration: 100;
}

.show-apps {
	padding: 4px 0;
}

.show-apps-icon {
	color: #c8c8c8;
}

.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
	color: black;
}

.show-apps:hover .show-apps-icon {
	color: white;
}

/* LookingGlass */

#LookingGlassDialog
{
	background-color: rgba(0,0,0,0.85);
	spacing: 4px;
	padding: 4px;
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 4px;
	color: #88ff66;
}

#LookingGlassDialog > #Toolbar
{
	border: 1px solid grey;
	border-radius: 4px;
}

#LookingGlassDialog .labels {
	spacing: 4px;
}

#LookingGlassDialog .notebook-tab {
	-natural-hpadding: 12px;
	-minimum-hpadding: 6px;
	font-weight: bold;
	padding-left: .4em;
	padding-right: .4em;
}

#LookingGlassDialog .notebook-tab:hover {
	color: white;
}

#LookingGlassDialog .notebook-tab:selected {
	border: 1px solid #88ff66;
	border-radius: 2px;
	padding: 2px 3px;
}

#LookingGlassDialog .lg-inspector-title {
	font-weight: bold;
	padding-bottom: 8px;
}

.lg-dialog StEntry {
	color: #88ff66;
	selection-background-color: #88ff66;
	selected-color: black;
}

.lg-completions-text {
    font-size: .9em;
    font-style: italic;
}

.lg-obj-inspector-title {
	spacing: 4px;
}

.lg-obj-inspector-button {
	border: 1px solid #88ff66;
	padding: 4px;
	border-radius: 4px;
}

.lg-obj-inspector-button:hover {
	border: 1px solid white;
}

.lg-dialog .shell-link {
	color: #79c3ff;
}

.lg-dialog .shell-link:hover {
	color: #dddddd;
}

#LookingGlassDialog StBoxLayout#EvalBox
{
	padding: 4px;
	spacing: 4px;
}

#LookingGlassDialog StBoxLayout#ResultsArea
{
	spacing: 4px;
}

#lookingGlassExtensions {
	padding: 4px;
}

.lg-extension-list {
	padding: 4px;
	spacing: 6px;
}

.lg-extension {
	border: 1px solid #6f6f6f;
	border-radius: 4px;
	padding: 4px;
}

.lg-extension-name {
	font-weight: bold;
}

.lg-extension-meta {
	spacing: 6px;
}

#LookingGlassPropertyInspector {
	background: rgba(0, 0, 0, 0.9);
	border: 2px solid grey;
	border-radius: 4px;
	padding: 6px;
	color: #88ff66;
}

/* Calendar popup */

#calendarEventsArea {
	/* this is the width of the second column of the popup */
	min-width: 100px;
}

.calendar-vertical-separator {
	-stipple-width: 1px;
	-stipple-color: rgba(255,255,255,0.3);
	width: 0.4em;
}

#calendarPopup {
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 0px 0px 4px 4px;
	color: rgba(0,0,0,0.6);
}

#calendarPopup .calendar {
	padding: 10px;
}

.calendar {
	padding: .2em .2em;
	spacing-rows: 2px;
	spacing-columns: 2px;
}

.calendar-month-label {
	color: rgba(255,255,255,0.9);
	font-size: 8pt;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.7) 1px 1px 0px;
}

.calendar-change-month-back {
	background-image: url("calendar-arrow-left.svg");
	height: 20px;
	width: 20px;
	border-radius: 3px;
}

.calendar-change-month-back:rtl {
	background-image: url("calendar-arrow-right.svg");
}

.calendar-change-month-back:hover {
	background-color: rgba(255,255,255,0.2);
}
.calendar-change-month-back:active {
	background-color: rgba(255,255,255,0.3);
}

.calendar-change-month-forward {
	background-image: url("calendar-arrow-right.svg");
	height: 20px;
	width: 20px;
	border-radius: 3px;
}

.calendar-change-month-forward:rtl {
	background-image: url("calendar-arrow-left.svg");
}

.calendar-change-month-forward:hover {
	background-color: rgba(255,255,255,0.2);
}
.calendar-change-month-forward:active {
	background-color: rgba(255,255,255,0.3);
}

.datemenu-date-label {
	color: rgba(255,255,255,0.6);
	font-size: 8pt;
	font-weight: bold;
	padding: 0.4em 0.4em;
}

.calendar-day-base {
	border-radius: 4px;
	color: rgba(255,255,255,1);
	font-size: 8pt;
	height: 2.3em;
	width: 2.3em;
	text-align: center;
}

.calendar-day-base:hover {
	background: rgba(255,255,255,0.7);
	color: #000;
}

.calendar-day-base:active {
	background: rgba(255,255,255,0.9);
	color: #000;
}

.calendar-day-heading {
	font-weight: bold;
	color: rgba(255,255,255,0.8);
	text-shadow: rgba(0,0,0,0.7) 1px 1px 0px;
}

.calendar-week-number {
	color: rgba(255,255,255,0.8);
	font-size: 7pt;
}

/* Hack used in lieu of border-collapse - see calendar.js */
.calendar-day {
	border: 1px solid rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.9);
	border-top-width: 0;
	border-left-width: 0;
	font-weight: bold;
	border-radius: 4px;
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.3);
	text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
}

.calendar-day-top {
	border-top-width: 1px;
}

.calendar-day-left {
	border-left-width: 1px;
}

.calendar-work-day {
}

.calendar-nonwork-day {
	background-color: rgba(255,255,255,0.1);
}

.calendar-today {
	color: #ffffff;
	font-weight: bold;
	background-color: rgba(170,170,170,0.7);
	border-radius: 4px;
}

.calendar-other-month-day {
	color: rgba(255,255,255,0.4);
	font-weight: bold;
	font-size: 7pt;
}

.calendar-day-with-events {
	font-weight: bold;
	/*color: #cccccc;*/
}

.events-header-vbox {
	spacing: 10px;
	padding-right: 1.75em;
}

.events-header-vbox:rtl {
	padding-right: 0em;
	padding-left: 1.75em;
}

.events-header-hbox {
	spacing: 8px;
	padding: 0.3em;
}

.events-day-header {
	font-size: 8pt;
	color: rgba(255,255,255,0.8);
	font-weight: bold ;
	padding-left: 1.8em;
	padding-top: 0.8em;
}

.events-day-header:rtl {
	padding-left: 0em;
	padding-right: 0.3em;
}

.events-day-dayname {
	font-size: 8pt;
	color: rgba(255,255,255,0.5);
	font-weight: bold;
	text-align: left;
	text-shadow: rgba(0,0,0,0.7) 0px 1px 0px;
}

.events-day-dayname:rtl {
	text-align: right;
}

.events-day-time {
	font-size: 8pt;
	font-weight: bold;
	color: rgba(255,255,255,0.7);
	text-align: right;
}

.events-day-time:rtl {
	text-align: left;
}

.events-day-task {
	font-size: 8pt;
	font-weight: bold;
	color: rgba(255,255,255,0.5);
}

.events-day-name-box {
	min-width: 15pt;
}

.events-time-box {
	min-width: 53px;
	padding-right: 6pt;
}

.events-time-box:rtl {
	padding-right: 0px;
	padding-left: 6pt;
}

.events-event-box {
}

.url-highlighter {
	link-color: #b6d0e6;
}

/* Message Tray */
#message-tray {
	background-color: black;
	color: rgba(255,255,255,0.9);
	transition-duration: 250;
}

#message-tray:keyboard {
	background-gradient-end: rgba(0,0,0,0.8);
}

#message-tray:overview {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.0);
	background-gradient-end: rgba(0,0,0,0.8);
	outline: 1px solid rgba(128, 128, 128, 0.3);
}

.notification-icon-button,
.hotplug-notification-item,
.hotplug-resident-eject-button {
	color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-gradient-direction: vertical;
	background-gradient-start: rgba(150, 150, 150, 0.7);
	background-gradient-end: rgba(0, 0, 0, 0.7);
}

.notification-icon-button:hover,
.hotplug-notification-item:hover,
.hotplug-resident-eject-button:hover {
	background-gradient-start: rgba(102, 102, 102, 0.7);
	background-gradient-end: rgba(26, 26, 26, 0.7);
}

.notification-icon-button:active,
.hotplug-notification-item:active,
.hotplug-resident-eject-button:active {
	background-gradient-start: rgba(0, 0, 0, 0.7);
	background-gradient-end: rgba(150, 150, 150, 0.7);
}

.notification-icon-button:insensitive,
.notification-button:insensitive {
	color: #616161;
}

.notification {
	background-gradient-direction: vertical;
	background-gradient-end: rgba(0,0,0,0.7);
	background-gradient-start: rgba(0,0,0,0.8);
	border-bottom: 0px;
	border-radius: 9px 9px 0px 0px;
	box-shadow: inset 0px 1px 1px 0px rgba(153,153,153,0.5);
	color: rgba(255,255,255,0.8);
	padding: 8px 40px 15px 15px;
	spacing-columns: 10px;
	spacing-rows: 10px;
}

.notification, #notification-container {
	font-size: 8.7pt;
	width: 350px;
}

.notification.multi-line-notification {
	padding-bottom: 15px;
}

.notification-unexpanded {
	/* We want to force the actor at a specific size, irrespective
	   of its minimum and preferred size, so we override both */
	min-height: 36px;
	height: 36px;
}

/* We use row-span = 2 for the image cell, which prevents its height preferences to be
   taken into account during allocation, so its height ends up being limited by the height
   of the content in the other rows. To avoid showing a stretched image, we set the minimum
   height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
.notification-with-image {
	min-height: 159px;
}

/* here arrows are nice */
.summary-boxpointer {
	-arrow-border-radius: 8px;
	-arrow-background-color: rgba(0,0,0,0.8);
	-arrow-border-width: 2px;
	-arrow-border-color: rgba(255,255,255,0.15);
	-arrow-base: 36px;
	-arrow-rise: 18px;
	color: white;
	-boxpointer-gap: 1px;
}

/* compensation for ordinary notification */
.summary-boxpointer .notification {
	background-gradient-direction: vertical;
	background-gradient-end: rgba(0,0,0,0);
	background-gradient-start: rgba(0,0,0,0);;
	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0);
	padding-bottom: 12px;
}

.summary-boxpointer #summary-right-click-menu {
	padding-top: 12px;
	padding-bottom: 12px;
}

.summary-boxpointer #summary-right-click-menu .popup-menu-item {
	color: white;
}

.summary-boxpointer #summary-right-click-menu .popup-menu-item:active {
	color: black;
}

.summary-notification-stack-scrollview {
	max-height: 18em;
	padding-top: 6px;
	padding-bottom: 6px;
}

.summary-notification-stack-scrollview:ltr {
	padding-right: 8px;
}

.summary-notification-stack-scrollview:rtl {
	padding-left: 8px;
}

.notification-scrollview {
	max-height: 10em;
}

.notification-scrollview:ltr > StScrollBar {
	padding-left: 6px;
}

.notification-scrollview:rtl > StScrollBar {
	padding-right: 6px;
}

.notification-body {
	spacing: 5px;
}

.notification-actions {
	spacing: 5px;
}

.notification-button {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(150, 150, 150, 0.7);
	background-gradient-end: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: rgba(255,255,255,0.9);
	font-size: 8.5pt;
	font-weight: bold;
	padding: 4px 15px 4px;
	text-align: center;
	text-shadow: rgba(0,0,0,0.9) 0px 1px 0px;
}

.notification-button:hover {
	background-gradient-start: rgba(102, 102, 102, 0.7);
	background-gradient-end: rgba(26, 26, 26, 0.7);
	
}

.notification-button:active {
	background-gradient-start: rgba(0, 0, 0, 0.7);
	background-gradient-end: rgba(150, 150, 150, 0.7);
}

.notification-button:focus {
	box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.43);
	border: 1px solid rgba(0, 0, 0, 0.0);
}

.notification-button:focus:active {
	box-shadow: inset -1px -1px 1px 0px rgba(255,255,255,0.4);
}

.notification-icon-button {
	border-radius: 5px;
	padding: 5px;
}

.notification-icon-button:focus,
.hotplug-notification-item:focus {
	box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.43);
}

.notification-icon-button:focus:active {
	box-shadow: inset -1px -1px 1px 0px rgba(255,255,255,0.4);
}

.notification-icon-button > StIcon {
	icon-size: 36px;
}

.secondary-icon {
	icon-size: 1.09em;
}

.hotplug-transient-box {
	spacing: 6px;
	padding: 2px 72px 2px 12px;
}

.hotplug-notification-item {
	padding: 2px 10px;
	border-radius: 18px;
	font-size: 10.5pt;
}

.hotplug-notification-item:focus {
	padding: 1px 71px 1px 11px;
}

.hotplug-notification-item-icon {
	icon-size: 24px;
	padding: 2px 5px;
}

.hotplug-resident-box {
	spacing: 8px;
}

.hotplug-resident-mount {
	spacing: 8px;
	border-radius: 4px;

	color: #ccc;
}

.hotplug-resident-mount:hover {
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(255, 255, 255, 0.1);
	background-gradient-end: rgba(255, 255, 255, 0);

	color: white;
}

.hotplug-resident-mount-label {
	color: inherit;
	padding-left: 6px;
}

.hotplug-resident-mount-icon {
	icon-size: 24px;
	padding-left: 6px;
}

.hotplug-resident-eject-icon {
	icon-size: 16px;
}

.hotplug-resident-eject-button {
	padding: 7px;
	border-radius: 5px;
	color: #ccc;
}

.chat-log-message {
	color: #919191;
}

.chat-group-sent, .chat-group-meta {
	padding: 8px 0;
}

.chat-sent {
	padding-left: 4px;
	border-radius: 4px;
}

.chat-received:rtl {
	padding-left: 0px;
	padding-right: 4px;
}

.chat-sent {
	padding-left: 18pt;
	border-radius: 4px;
	color: #969696;
}

.chat-sent:rtl {
	padding-left: 0px;
	padding-right: 18pt;
}

.chat-meta-message {
	padding-left: 4px;
	border-radius: 4px;
	font-size: 9pt;
	color: #bbbbbb;
}

.chat-meta-message:rtl {
	padding-left: 0px;
	padding-right: 4px;
}

.subscription-message {
	font-style: italic;
}

/* empathy messaging */
.notification StEntry {
	padding: 4px 7px;
	border-radius: 15px;
	color: #A6A6A6;
	selected-color: black;
	border: 1px solid rgba(0,0,0,0.1);
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.7);
	background-gradient-end: rgba(89,89,89,0.7);
	transition-duration: 300;

	caret-color: #666666;
	caret-size: 1px;
}

.notification StEntry:focus {
	color: #ffffff;
	background-gradient-start: rgba(0,0,0,0.7);
	background-gradient-end: rgba(102,102,102,0.7);
	box-shadow: inset 0px -1px 1px 0px rgba(255,255,255,0.3);

	caret-color: #a8a8a8;
	selection-background-color: #808080;
}

/* tray icons */
#summary-mode {
	height: 64px;
	/* buttons are big; no need to this */
	/*spacing: 10px;*/
}

.summary-source-button {
	padding: 4px 2px 4px 2px;
	color: #fff;
	text-shadow: black 0px 2px 2px;
}

.summary-source-button:last-child:ltr {
	padding-right: 4px; /* same as the values in .summary-source */
}

.summary-source-button:last-child:rtl {
	padding-left: 4px; /* same as the values in .summary-source */
}

.summary-source-button:hover .summary-source {
	background-color: rgba(255,255,255,0.1);
}

.summary-source-button:focus .summary-source,
.summary-source-button:selected .summary-source {
	background-color: rgba(255,255,255,0.2);
}

.summary-source {
	border-radius: 4px;
	padding: 0px 4px 0px 4px;
	transition-duration: 100;
}

.summary-source-counter {
	background-image: url("summary-counter.svg");
	background-size: 2.5em;
	font-size: 10pt;
	font-weight: bold;
	height: 2.5em;
	width: 2.5em;
	-shell-counter-overlap-x: 4px;
	-shell-counter-overlap-y: 4px;
}

/* App Switcher */
#altTabPopup {
	padding: 11px;
	spacing: 16px;
	background: rgba(0,0,0,0.3);
}

.switcher-list {
	padding: 10px 20px 10px 20px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(111,111,111,0.4);
	background-gradient-end: rgba(0,0,0,0.8);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.2);
	border-radius: 6px;
	color: rgba(255,255,255,0.8);
	font-weight: bold;
	font-size: 12px;
	text-shadow: rgba(0,0,0,0.3) 0px 1px 0px;
}

.switcher-list-item-container {
	spacing: 16px;
}

.thumbnail-scroll-gradient-left {
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(51, 51, 51, 1.0);
	background-gradient-end: rgba(51, 51, 51, 0);
	border-radius: 4px;
	border-radius-topright: 0px;
	border-radius-bottomright: 0px;
	width: 60px;
}

.thumbnail-scroll-gradient-right {
	background-gradient-direction: horizontal;
	background-gradient-start: rgba(255,255, 51, 0);
	background-gradient-end: rgba(51, 51, 51, 1.0);
	border-radius: 4px;
	border-radius-topleft: 0px;
	border-radius-bottomleft: 0px;
	width: 60px;
}

.switcher-list .item-box {
	padding: 10px;
	border-radius: 4px;
}

.switcher-list .item-box:outlined {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0.6);
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.3);
	color: rgba(0,0,0,0.7);
}

.switcher-list .item-box:selected {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(111,111,111,0.6);
	background-gradient-end: rgba(255,255,255,0.7);
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.4);
	color: rgba(0,0,0,0.8);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.4); 
}

.switcher-list .thumbnail-box {
	padding: 2px;
	spacing: 4px;
}

.switcher-list .thumbnail {
	width:  250px;
}

.switcher-list .separator {
	width: 1px;
	background-color: rgba(255,255,255,0.2);
}

.ripple-box {
	width: 52px;
	height: 52px;
	background-image: url("corner-ripple-ltr.png");
	background-size: contain;
}

.ripple-box:rtl {
	background-image: url("corner-ripple-rtl.png");
}

.switcher-arrow {
	border-color: rgba(0,0,0,0);
	color: #808080;
}

.switcher-arrow:highlighted {
	border-color: rgba(0,0,0,0);
	color: white;
}

/* Workspace Switcher */
.workspace-switcher-group {
	padding: 12px;
}

.workspace-switcher-container {
	padding: 10px 20px 10px 20px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.6);
	background-gradient-end: rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.2);
	border: 1px solid rgba(0,0,0,0.4);
	border-radius: 4px;
	padding: 20px;
}

.workspace-switcher {
	padding: 10px 20px 10px 20px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.6);
	background-gradient-end: rgba(255,255,255,0.4);
	border: 1px solid rgba(0,0,0,0.4);
	border-radius: 4px;
	padding: 4px;
	spacing: 8px;
	box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.6);
}

.ws-switcher-active-up {
	background-color: rgba(255,255,255,0.7);
	background-image: url("ws-switch-arrow-up.svg") ;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.9);
	height: 100px;
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.4); 
}

.ws-switcher-active-down {
	background-color: rgba(255,255,255,0.7);
	background-image: url("ws-switch-arrow-down.svg");
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.4); 
	height: 100px;
}

.ws-switcher-box {
	height: 96px;
	background: rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 6px 0px rgba(0,0,0,0.4);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
}

/* Modal Dialogs */

.modal-dialog {
	border-radius: 10px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(100,100,100,0.8);
	background-gradient-end: rgba(0,0,0,0.8);
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.6);
	color: rgba(255,255,255,0.6);
	font-size: 10pt;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}

.modal-dialog-button-box {
	spacing: 50px;
}

.modal-dialog-button {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.98);
	background-gradient-end: rgba(170,170,170,0.7);
	border-radius: 6px;
	border: 2px solid rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5);
	color: rgba(0,0,0,0.9);
	font-size: 8pt;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
}

.modal-dialog-button:hover {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.98);
	background-gradient-end: rgba(200,200,200,0.9);
}

.modal-dialog-button:active,
.modal-dialog-button:pressed {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(170,170,170,0.7);
	background-gradient-end: rgba(255,255,255,0.98);
}

.modal-dialog-button:insensitive {
	color: rgb(60, 60, 60);
}

.modal-dialog-button:focus {
	border: 2px solid rgba(255,255,255,0.4);
}

/* Run Dialog */
.run-dialog-label {
	font-family: "Bitstream Charter", serif;
	font-size: 11pt; /*9pt;*/
	font-style: italic;
	color: rgba(255,255,255,0.8);
	text-align: center;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.run-dialog-error-label {
	font-size: 8pt;
	color: rgba(255,255,255,0.8);
	text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
}

.run-dialog-error-box {
	padding-top: 15px;
	spacing: 5px;
}

.run-dialog-entry {
	font-size: 10pt;
	font-weight: bold;
	color: rgba(255,255,255,0.8);
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,0.1);
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.8);
	background-gradient-end: rgba(77,77,77,0.7);
	box-shadow: inset 0px -1px 1px 0px rgba(255,255,255,0.3);
	padding: 4px 7px;

	caret-color: #a8a8a8;
	caret-size: 1px;
	selection-background-color: #808080;
}

.run-dialog {
	padding: 15px;
	border-radius: 9px 9px 3px 3px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(120,120,120,0.9);
	background-gradient-end: rgba(20,20,20,0.8);
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.3);
}

.lightbox {
	background-color: rgba(0, 0, 0, 0.3);
}

/* End Session Dialog */
.end-session-dialog {
	spacing: 42px;
}

.end-session-dialog-subject {
	font-size: 12pt;
	font-weight: bold;
	color: rgba(255,255,255,0.9);
	text-shadow: rgba(0,0,0,0.9) 0px 1px 0px;
	padding-top: 15px;
	text-align: center;
	padding-left: 17px;
	padding-bottom: 30px;
}

.end-session-dialog-subject:rtl {
	padding-left: 0px;
	padding-right: 17px;
}

.end-session-dialog-description {
	font-size: 10pt;
	color: rgba(255,255,255,0.6);
	padding-bottom: 30px;
	text-align: center;
	padding-left: 17px;
}

.end-session-dialog-description:rtl {
	padding-right: 17px;
}

.end-session-dialog-logout-icon {
	border: 2px solid #8b8b8b;
	border-radius: 5px;
	width: 48px;
	height: 48px;
	background-size: contain;
}

.end-session-dialog-shutdown-icon {
	width: 100px;
	height: 100px;
	color: red;
}

.end-session-dialog-app-list {
	font-size: 8pt;
	max-height: 200px;
	padding-top: 42px;
	padding-left: 49px;
	padding-right: 32px;
}

.end-session-dialog-app-list:rtl {
	padding-right: 49px;
	padding-left: 32px;
}

.end-session-dialog-app-list-item {
	color: #ccc;
}

.end-session-dialog-app-list-item:hover {
	color: white;
}

.end-session-dialog-app-list-item:ltr {
	padding-right: 1em;
}

.end-session-dialog-app-list-item:rtl {
	padding-left: 1em;
}

.end-session-dialog-app-list-item-icon:ltr {
	padding-right: 17px;
}

.end-session-dialog-app-list-item-icon:rtl {
	padding-left: 17px;
}

.end-session-dialog-app-list-item-name {
	font-size: 10pt;
}

.end-session-dialog-app-list-item-description {
	font-size: 8pt;
	color: #fff;
}

/* ShellMountOperation Dialogs */
.shell-mount-operation-icon {
	icon-size: 48px;
}

.mount-password-reask {
	color: red;
}

.show-processes-dialog,
.mount-question-dialog {
	spacing: 24px;
}

.show-processes-dialog-subject,
.mount-question-dialog-subject {
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
	padding-left: 17px;
	padding-bottom: 6px;
}

.show-processes-dialog-subject:rtl,
.mount-question-dialog-subject:rtl {
	padding-left: 0px;
	padding-right: 17px;
}

.show-processes-dialog-description,
.mount-question-dialog-description {
	font-size: 10pt;
	color: white;
	padding-left: 17px;
	width: 28em;
}

.show-processes-dialog-description:rtl,
.mount-question-dialog-description:rtl {
	padding-right: 17px;
}

.show-processes-dialog-app-list {
	font-size: 10pt;
	max-height: 200px;
	padding-top: 24px;
	padding-left: 49px;
	padding-right: 32px;
}

.show-processes-dialog-app-list:rtl {
	padding-right: 49px;
	padding-left: 32px;
}

.show-processes-dialog-app-list-item {
	color: #ccc;
}

.show-processes-dialog-app-list-item:hover {
	color: white;
}

.show-processes-dialog-app-list-item:ltr {
	padding-right: 1em;
}

.show-processes-dialog-app-list-item:rtl {
	padding-left: 1em;
}

.show-processes-dialog-app-list-item-icon:ltr {
	padding-right: 17px;
}

.show-processes-dialog-app-list-item-icon:rtl {
	padding-left: 17px;
}

.show-processes-dialog-app-list-item-name {
	font-size: 10pt;
}

/* Password or Authentication Dialog */
.prompt-dialog {
	/* this is the width of the entire modal popup */
	width: 500px;
}

.prompt-dialog-main-layout {
	spacing: 24px;
	padding: 10px;
}

.prompt-dialog-message-layout {
	spacing: 16px;
}

.prompt-dialog-headline {
	font-size: 12pt;
	font-weight: bold;
	color: rgba(255,255,255,0.98);
	padding-top: 15px;
	text-align: center;
}

.prompt-dialog-password-box {
	padding-top: 0.35em;
	spacing: 1em;
	padding-bottom: 1em;
}

.prompt-dialog-password-entry,
.login-dialog-prompt-entry {
	padding: 4px 7px;
	border-radius: 15px;
	color: #A6A6A6;
	selected-color: black;
	border: 1px solid rgba(0,0,0,0.0);
	background-color: rgba(56,56,56);
	transition-duration: 300;
	box-shadow: inset 0px 1px 1px 0px rgba(80,80,80,0.8);

	caret-color: #666666;
	caret-size: 1px;
}

.prompt-dialog-password-entry:focus,
.login-dialog-prompt-entry:focus {
	color: #ffffff;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.7);
	background-gradient-end: rgba(102,102,102,0.7);
	box-shadow: inset 0px -1px 1px 0px rgba(255,255,255,0.3);

	caret-color: #a8a8a8;
	selection-background-color: #808080;
}

.prompt-dialog-password-entry .capslock-warning,
.login-dialog-prompt-entry .capslock-warning {
	icon-size: 16px;
	warning-color: #999;
	padding: 0 4px;
}

.login-dialog-prompt-entry:insensitive {
	color: rgba(255,255,255,0.4);
}

.prompt-dialog-error-label {
	font-size: 9pt;
	color: red;
	padding-bottom: 15px;
	text-align: center;
}

.prompt-dialog-info-label {
	font-size: 8pt;
	padding-bottom: 8px;
}

/* hide "abc" */
.hidden {
	color: rgba(0,0,0,0);
}

.prompt-dialog-null-label {
	font-size: 8pt;
	padding-bottom: 8px;
}

/* Polkit Dialog */

.polkit-dialog-user-layout {
	padding-left: 10px;
	spacing: 10px;
}

.polkit-dialog-user-layout:rtl {
	padding-left: 0px;
	padding-right: 10px;
}

.polkit-dialog-user-root-label {
	color: rgba(255,255,255,0.98);
	background-color: red;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.3);
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.polkit-dialog-user-icon {
	border: 2px solid #8b8b8b;
	border-radius: 5px;
	background-size: contain;
	width: 48pt;
	height: 48pt;
}

/* Network Agent Dialog */

.network-dialog-secret-table {
	spacing-rows: 15px;
	spacing-columns: 1em;
}

.keyring-dialog-control-table {
	spacing-rows: 15px;
	spacing-columns: 1em;
}

/* Magnifier */

.magnifier-zoom-region {
	border: 2px solid rgba(128, 0, 0, 255);
}

.magnifier-zoom-region.full-screen {
	border-width: 0px;
}

/* On-screen Keyboard */

#keyboard {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.2);
	background-gradient-end: rgba(255,255,255,0.1);
}

.keyboard-layout {
	spacing: 10px;
	padding: 10px;
}

.keyboard-row {
	spacing: 15px;
}

.keyboard-key {
	min-height: 30px;
	min-width: 30px;
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.98);
	background-gradient-end: rgba(170,170,170,0.7);
	font-size: 14pt;
	font-weight: bold;
	border-radius: 10px;
	border: 2px solid #a0a0a0;
	color: black;
}

.keyboard-key:grayed {
	color: #808080;
	border-color: #808080;
}

.keyboard-key:checked,
.keyboard-key:hover {
	color: white;
	background: #303030;
	border: 3px solid white;
}

.keyboard-key:active {
  	background: #808080;
}

.keyboard-subkeys {
	color: white;
	padding: 5px;
	-arrow-border-radius: 10px;
	-arrow-background-color: #dadada;
	-arrow-border-width: 2px;
	-arrow-border-color: black;
	-arrow-base: 20px;
	-arrow-rise: 10px;
	-boxpointer-gap: 5px;
}

/* IBus Candidate Popup */
.candidate-index {
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.candidate-label {
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.candidate-label:selected {
	border-radius: 4px;
	background-color: rgba(255,255,255,0.33);
}

/* Login Dialog */

.login-dialog-banner {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: #666666;
	padding-bottom: 1em;
}

.login-dialog-title {
	font-size: 14pt;
	font-weight: bold;
	color: #666666;
	padding-bottom: 2em;
}

.login-dialog {
	/* Reset border and background */
	border: none;
	background-color: transparent;

	border-radius: 16px;
	min-height: 150px;
	max-height: 700px;
	min-width: 350px;
}

.login-dialog-prompt-login-hint-message {
	font-size: 10.5pt;
}

.login-dialog-user-list-view {
	-st-vfade-offset: 1em;
}

.login-dialog-user-list {
	spacing: 12px;
	padding: .2em;
}

.login-dialog-user-list-item {
	border-radius: 10px;
	padding: .2em;
}

.login-dialog-user-list-item:ltr {
	padding-right: 1em;
}

.login-dialog-user-list-item:rtl {
	padding-left: 1em;
}

.login-dialog-user-list-item .login-dialog-user-list-item-name {
	font-size: 20pt;
	padding-left: 1em;
}

.login-dialog-user-list:expanded .login-dialog-user-list-item {
    color: #666666;
}

.login-dialog-user-list-item,
.login-dialog-user-list-item:hover .login-dialog-user-list-item-name,
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus .login-dialog-user-list-item-name,
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
	color: white;
	text-shadow: black 0px 2px 2px;
}

.login-dialog-user-list-item:hover {
	background-color: rgba(255,255,255,0.1);
}

.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
	background-color: rgba(255,255,255,0.33);
}

.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
	background-image: url("logged-in-indicator.svg");
	background-size: contain;
}

.login-dialog-user-list-item-text-box {
	padding: 0 0.5em;
}

.login-dialog-user-list-item .login-dialog-timed-login-indicator {
	background-color: rgba(0,0,0,0.0);
	height: 2px;
}

.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
	background-color: #8b8b8b;
}

.login-dialog-user-list-item-icon {
	border: 2px solid #8b8b8b;
	border-radius: 8px;
	width: 64px;
	height: 64px;
}

.login-dialog-not-listed-label {
	font-size: 10.5pt;
	font-weight: bold;
	color: #666666;
	padding-top: 1em;
}

.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
	color: #E8E8E8;
}

.login-dialog-username {
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
	text-shadow: black 4px 4px 3px 0px;
}

.login-dialog-prompt-layout {
	padding-top: 24px;
	padding-bottom: 12px;
	spacing: 8px;
}

.login-dialog-prompt-label {
	color: #eeeeee;
	font-size: 14px;
}

.login-dialog-prompt-entry {
	width: 15em;
}

.login-dialog-session-list {
	color: #ffffff;
	font-size: 10.5pt;
}

.login-dialog-session-list-button {
	padding: 4px;
}

.login-dialog-session-list-button:focus {
	background-color: #4c4c4c;
}

.login-dialog-session-list-button:active {
	background-color: #4c4c4c;
}

.login-dialog-session-list-button:hover {
	font-weight: bold;
}

.login-dialog-session-list-scroll-view {
	background-gradient-start: rgba(80,80,80,0.3);
	background-gradient-end: rgba(80,80,80,0.7);
	background-gradient-direction: vertical;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9);
	border-radius: 8px;
	border: 1px solid rgba(80,80,80,1.0);
	padding: .5em;
}

.login-dialog-session-list-item:focus {
	background-color: #666666;
}

.login-dialog-session-list-triangle {
	padding-right: .5em;
}

.login-dialog-session-list-item-box {
	spacing: .25em;
}

.login-dialog-session-list-item-dot {
	width: .75em;
	height: .75em;
}


.login-dialog .modal-dialog-button {
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 3px 18px;
}

.login-dialog .modal-dialog-button:focus {
    padding: 2px 17px;
    border: 2px solid #8b8b8b;
}

.login-dialog .modal-dialog-button:default {
	background-gradient-start: #6793c4;
	background-gradient-end: #335d8f;
	background-gradient-direction: vertical;
	padding: 2px 17px;
	border: 2px solid #16335d;
}

.login-dialog .modal-dialog-button:default:focus {
    border: 2px solid #377fe7;
}

.login-dialog .modal-dialog-button:default:hover {
	background-gradient-start: #74a0d0;
	background-gradient-end: #436d9f;
}

.login-dialog .modal-dialog-button:default:active,
.login-dialog .modal-dialog-button:default:pressed {
	background-gradient-start: #436d9f;
	background-gradient-end: #74a0d0;
}

.login-dialog-message-warning {
	color: orange;
}

.unlock-dialog-user-name-container {
	spacing: .4em;
}

/* Screen shield */

.screen-shield-background {
	background: black;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.9);
}

#lockDialogGroup {
	background: #2e3436 url(noise-texture.png);
	background-repeat: repeat;
}

.screen-shield-arrows {
	padding-bottom: 3em;
}

.screen-shield-arrows Gjs_Arrow {
	color: white;
	width: 80px;
	height: 48px;
	-arrow-thickness: 12px;
	-arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.screen-shield-contents-box {
    spacing: 48px;
}

.screen-shield-clock {
	color: white;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.5em;
}

.screen-shield-clock-time {
	font-size: 72pt;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
}

.screen-shield-clock-date {
	font-size: 28pt;
}

#screenShieldNotifications {
	border-radius: 8px;
	background-color: rgba(0.0, 0.0, 0.0, 0.9);
	border: 2px solid #868686;
	max-height: 500px;
	padding: 18px 0;
	box-shadow: .5em .5em 20px rgba(0, 0, 0, 0.5);
}

.screen-shield-notifications-box {
	spacing: 18px;
}

.screen-shield-notification-source {
	padding: 0 24px;
	spacing: 5px;
}

.screen-shield-notification-label {
	font-size: 1.2em;
	font-weight: bold;
	color: #babdb6;
}

/* Remove background from notifications, otherwise
   opacity is doubled and they look darker
*/
.screen-shield-notifications-box .notification {
	background-color: transparent;
}

/* Override padding on resident notifications, since
   the notifications box has its own spacing
*/
.screen-shield-notifications-box .summary-notification-stack-scrollview {
	padding-top: 0px;
	padding-bottom: 0px;
}
