/*
    colors:
    darkest: #2B2B2B
    dark: #313335
    light: #3C3F41
    lightest #BBBBBB
    #515658
*/
    .swiper-container {
        width: 650px;
		height: 130px;
        padding-top: 5px;
        padding-bottom: 5px;
		display: inline-block;
    }
    .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 120px;
        height: 120px;
    }
body {
    background-color: #2B2B2B;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #BBBBBB;
	background-image: url(../images/stars.png);
	background-repeat: repeat;
	height: 100%;
}
.footer {
	background-color: rgba(0,0,0,0);
	border: none;
}
.navbar-inverse {
	background-color: rgba(34,34,34,0.5);
	border: none;
}
.navbar-inverse  .navbar-nav > .active > a {
	background-color: rgba(0,0,0,0.5);
}
.navbar-inverse  .navbar-nav > .active > a:hover {
	background-color: rgba(0,0,0,0.5);
}
.wrap {
	background: linear-gradient(to top, rgb(46,35,66) 0%,transparent 100%);
	background: -webkit-gradient(linear, left top, left bottom, rgb(46,35,66) 0%,transparent 100%);
}
::-webkit-scrollbar {
    width: 16px;
}
::-webkit-scrollbar-corner { background: rgb(34,34,34); }
::-webkit-scrollbar-track-piece { background: rgb(34,34,34); }
::-webkit-scrollbar:horizontal {
    height: 16px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px black;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #A9B7C6;
    -webkit-box-shadow: inset 0 0 6px rgb(34,34,34);
}
/*::-webkit-scrollbar-thumb:window-inactive {
    background: #007F00;
}*/
::selection {
    background: #AAAAAA; /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: #AAAAAA; /* Gecko Browsers */
}
.container .gridster li {
    background-color: rgba(49,51,53,0.5);
    list-style-type: none;
	margin-bottom: 10px;
}
.dashboard-control {
    height: 60px;
// background-color: #3C3F41;
    width: 1530px;
    margin: auto;
    -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
}
.savebutton{
	display: inline-block;
	margin-left: 7px;
}
.savebutton img {
	height: 37px;
}
.dashboard-control-button {
    height: 30px;
    width: 60px;
//background-color: #3C3F41;
    background: linear-gradient(to bottom, #3C3F41 0%, #2B2B2B 100%);
    text-align: center;
    /* margin-top: 5px; */
    line-height: 30px;
    /* position: absolute; */
    cursor: pointer;
}
.dashboard-control-button:hover {
    background: linear-gradient(to bottom, #BBBBBB 0%, #3C3F41 100%);
    color: #FFF;
}
.dashboard-control-button:active {
    background: linear-gradient(to bottom, #FFF 0%, #BBBBBB 100%);
    color: #2B2B2B;
}
.kat-1 .kat-button-1 {background:#444}
.kat-2 .kat-button-2 {background:#444}
.kat-3 .kat-button-3 {background:#444}
.kat-4 .kat-button-4 {background:#444}
.kat-5 .kat-button-5 {background:#444}
.kat-6 .kat-button-6 {background:#444}
.kat-7 .kat-button-7 {background:#444}

.dashboard-control-button-wrapper {
    padding-top: 7px;
    padding-left: 7px;
    display: inline-block;
}
.gridster li header {
    background: rgba(81,86,88,0.5);
    display: block;
    line-height: normal;
    height: 20px;
    text-align: right;
}
#sunburst svg {
    padding: 35px 45px 35px 45px;
}
#sunburst {
    height: calc(100% - 20px);
}
path {
    stroke: #2B2B2B;
    fill-rule: evenodd;
}
#power-gauge g.pointer {
    fill: #e85116;
    stroke: #b64011;
}

#power-gauge g.label text {
    text-anchor: middle;
    font-size: 14px;
    font-weight: bold;
    fill: #666;
}
.controls {
    width: 100%;
    height: 45px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.search-wrapper {
    display: inline-block;
}
.search-wrapper input.search {
    background-color: #3C3F41;
    color: #BBBBBB;
    border: 1px solid black;
}