html, body {
	font-family: 'Roboto', sans-serif;
	background-color:#444;
}

/* width */
::-webkit-scrollbar {
	width: 8px;
	height:8px;
	background-color: #e4e4e4;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: 0px 0px 0px 1px rgba(192,192,192,1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(192,192,192,1);
	box-shadow: 0px 0px 0px 1px rgba(192,192,192,1);
    background-color: #e4e4e4;
}

::-webkit-scrollbar-track:vertical:corner-present {
	-webkit-box-shadow: 1px -2px 0px 2px rgba(192,192,192,1);
	-moz-box-shadow: 1px -2px 0px 2px rgba(192,192,192,1);
	box-shadow: 1px -2px 0px 2px rgba(192,192,192,1);
}

::-webkit-scrollbar-track:horizontal:corner-present {
	-webkit-box-shadow: 0px 0px 0px 1px rgba(192,192,192,1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(192,192,192,1);
	box-shadow: 0px 0px 0px 1px rgba(192,192,192,1);
}

/* Handle */
::-webkit-scrollbar-thumb {

	box-shadow: inset 0px 0px 3px 1px rgba(192,192,192,0.8);
	background-color:#555;
	border-radius:4px;
	border:1px solid #e4e4e4;
}

::-webkit-scrollbar-corner {
	background-color:#e4e4e4;
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	APP
/*-----------------------------------------------------------------------------------*/

#page {
	background:url('../../images/backgrounds/electricity.jpg');
	background-attachment: fixed;
    background-size: cover;
	background-position:bottom;
    background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	DESKTOP
/*-----------------------------------------------------------------------------------*/

#desktop ul li a {
	cursor:default;
	color:#fff;
	border-color:transparent;
	text-decoration:none;
}

#desktop ul li a:hover {
	text-decoration: none;
	border-color:#1a8ad2;
	background-color:rgba(207, 236, 249, 0.45);
}

#desktop ul li a:focus {
	background-color:rgba(207, 236, 249, 0.65);
	border-color:#1a8ad2;
}


/*-----------------------------------------------------------------------------------*/
/*	2.	SYSTEM TASK AREA
/*-----------------------------------------------------------------------------------*/

#menu-dx {
	border-color: #bbb;
}

#show-desktop {
    border-color: #bbb;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	TASKBAR
/*-----------------------------------------------------------------------------------*/

#taskbar nav {
	border-radius:0;
	background-color:#e9e9e9;
	background: linear-gradient(to bottom,  #e9e9e9 0%,#bbbabb 100%); /* W3C */
	border-color:#e4e4e4;
}

/* Dropdown Button */
#taskbar nav .dropbtn {
	border-color: transparent;
    background: transparent;
    font-weight: bold;
	color:#333;
	text-decoration: none;
}

#taskbar nav .dropbtn:hover {
	color:#333;
}

/* Dropdown button on hover & focus */
#taskbar nav .dropbtn:focus {
	background: #ddd;
	border-color: #bbb;
	color:#333;
}

/* Dropdown Content (Hidden by Default) */
#taskbar nav .dropdown-content {
	    padding: 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: rgba(0,0,0,0.65);
	box-shadow: inset 0 0 1px #fff, 0 1px 7px rgba(0, 0, 0, .8);
	-moz-box-shadow: inset 0 0 1px #fff, 0 1px 7px rgba(0, 0, 0, .8);
	-webkit-box-shadow: inset 0 0 1px #fff, 0 1px 7px rgba(0, 0, 0, .8);
}

#taskbar.bottom .dropdown-content {
    margin-bottom: 1px;
}

#taskbar nav .dropdown-content .container {
	background:#e9e9e9;
}

/* Links inside the dropdown */
#taskbar nav .dropdown-content a {
    color: black;
    padding: 8px 4px;
    text-decoration: none;
}

/* Change color of dropdown links on hover */
#taskbar nav .dropdown-content a:hover {
	background-color: #f1f1f1;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	TASK MANAGER
/*-----------------------------------------------------------------------------------*/


#task-manager .ui-state-highlight { 
	border-color: transparent;
}

#task-manager > li > a.flash {
	background: #E4AD08!important;
}

#task-manager > li > a {
	border-color: #aaa;
	background-color: #e9e9e9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#bbbabb));
	text-decoration:none;
	color:#999;
}

#task-manager > li > a:hover {
	color:#333;
}

#task-manager > li.active > a {
	background: #f4f4f4;
	border-color:#bbb;
	color:#333;
	border-bottom-color: #1a8ad2;
}

#task-manager > li.ui-state-highlight {

	border-color: #999;
	background-color: #e9e9e9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#bbbabb));
	text-decoration:none;
	color:#777;
}


/*-----------------------------------------------------------------------------------*/
/*	2.	CONTROL MENUS
/*-----------------------------------------------------------------------------------*/

#start-menu a.dropbtn::before {

    background-image: url(../../images/bolt.svg);

}

#start-menu a.dropbtn:hover::before, #start-menu a.dropbtn:focus::before, #start-menu a.dropbtn:active::before {
    background-color: transparent;	
}

#start-menu .fa-2x {
   font-size: 1em;
}

#startMenu-Content {
	background: rgba(0,0,0,0.65);
	box-shadow: inset 0 0 1px #fff, 0 1px 7px rgba(0, 0, 0, .8);
}

#startMenu-Content div.left-menu {
    border-color: #e4e4e4;
    border-radius: 4px;
    background: #fff;
}



#startMenu-Content div ul li a {
	margin: 0 5px;
}

#startMenu-Content div.left-menu li a {
	border-color:transparent;
	color:#4b4b4b;
}

#startMenu-Content div.left-menu li a:hover {
	border-color: #7da2ce;
	border-radius: 3px;
	background-color:#dcebfd;
	box-shadow: inset 0 0 1px #fff;
	background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));
}

#startMenu-Content div.right-menu li.divider {
	border-color: #ccc;
	margin:0 5px;
}

#startMenu-Content div.right-menu li a {
	color:#fff;
	border-color:transparent;
}

#startMenu-Content div.right-menu li a:hover {
	
	border-color:#555;
	border-radius:3px;
	background-color:#517384;
	-webkit-box-shadow: inset 0 0 1px #fff;
	background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384)); 
}

/*-----------------------------------------------------------------------------------*/
/*	01.	Window
/*-----------------------------------------------------------------------------------*/

.window {
	background: #f5f5f5;
	border-color:transparent;
}

.window.focused {
	box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 22px 70px 4px rgba(0,0,0,0.26), 0 0 0 -1px rgba(0, 0, 0, 0.1);
	background: rgba(255,255,255,.90);
	border-color:#296ea3;
}

.window.maximized {
	border-radius:0;
	background:#DEDEDE;
}

.window.trigger-left, .window.trigger-right {
	/*box-shadow:none;*/
	background:#ccc;
}

.window-dropdown a > .window-icon {
	color: #fff;
	text-shadow: 0 1px 1px #999;
}

.window.focused .window-dropdown a > .window-icon {
	color:#fff;
	text-shadow: 0 1px 1px #333;
}

/* Dropdown Content (Hidden by Default) */
.window-control-dropdown {
	    padding: 2px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: rgba(0,0,0,0.65);
}

.window-control-dropdown {
	box-shadow: 2px 2px 6px rgba(0,0,0,.25);
}



.window-control-dropdown .container {
	background:#e9e9e9;
}

.window-control-dropdown ul li.divider {
	border-color: #ccc;
}

/* Links inside the dropdown */
.window-control-dropdown a {
    color: black;
    padding: 8px 4px;
    text-decoration: none;
}

/* Change color of dropdown links on hover */
.window-control-dropdown a:hover {
	background-color: #f1f1f1;
}



h1.titleInside {
	color:#fff;
	text-decoration:none;
	text-shadow: 0 1px 1px #999;
	font-weight: 700;
	background: #DEDEDE;
}

.window.focused h1.titleInside {
	background-color:#296ea3;
	color:#fff;
	text-shadow: 0 1px 1px #333;
}

.window.focused #window-icon a > .window-icon {
	color:#fff;
	text-shadow: 0 1px 1px #333;
}

nav.control-window a {
    color: #fff;
    text-shadow: 0 1px 1px #333;
}


nav.control-window a.close {
    background: #b73838;
	opacity:1;
}
nav.control-window a.close:hover {
	background: #FD4E4E;
	color:#fff;
}
nav.control-window a.close:active {
	background: #c72f2b;
}

nav.control-window a.maximize:hover, nav.control-window a.minimize:hover {
    text-shadow: 0px 2px 3px #666;
}

nav.control-window a.maximize:active, nav.control-window a.minimize:active {
    text-shadow: 0px 1px 1px #666;
}

nav.control-window a.deactivate {
    background: #b5b5b5;
}
.container-inside h2 {
	color:#000;
}


.mask {
	background: rgba(255, 255, 255, 0);
}

.window-trigger {
	border-color: #fff;
	background:#ccc;
}

.dot {
    border: 10px solid #fff;
   box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 22px 70px 4px rgba(255,255,255,0.56), 0 0 0 -1px rgba(255, 255, 255, 0.3);
    background: transparent;
}


/*-----------------------------------------------------------------------------------*/
/*	2.	SYSTEM APPLETS
/*-----------------------------------------------------------------------------------*/

#connection {
	color:#23AE72;
}

#fullscreen {
	color:#333;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	CALENDAR CONTENT
/*-----------------------------------------------------------------------------------*/




#dropdown-calendar {
	background: rgba(0,0,0,0.65);
	box-shadow: inset 0 0 1px #fff, 0 1px 7px rgba(0, 0, 0, .8);
}

#dropdown-calendar .calendar .table td.invalid {
	background:#eee;
}

#dropdown-calendar .calendar .table td.event a {
	background:#ccc;
}


#clndr .clndr .clndr-controls {
  background-color: #296ea3;
  color: white;
}

#clndr .clndr .clndr-controls .clndr-previous-button:hover,
#clndr .clndr .clndr-controls .clndr-next-button:hover {
  background-color: #1a8ad2;
}


#clndr .clndr .days-container .days {
  background-color: #ebebeb;
}
#clndr .clndr .days-container .days .day,
#clndr .clndr .days-container .days .empty {
  color: #212121;
}

#clndr .clndr .days-container .days .day.adjacent-month,
#clndr .clndr .days-container .days .empty.adjacent-month {
  color: rgba(0, 0, 0, 0.3);
}

#clndr .clndr .days-container .days .headers {
  background-color: #1a8ad2;
}
#clndr .clndr .days-container .days .headers .day-header {
  color: white;
}