body {
	color: #efefef;
    background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), #0c0c0c center center/cover no-repeat fixed;
}

body .container {
	background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), #161616 center center/cover no-repeat fixed;
}

body .container .header {
    background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), #111 center center/cover no-repeat fixed;
    border-bottom: 2px solid #600000;
}

body .container .footer {
    background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), #090909 center center/cover no-repeat fixed;
	border-top: 2px solid #600000;
}

div.social.ng-binding {
	display: none;
}

body .container .body a {
	color: #a00000;
}

body .container .header .state {
    float: left;
    color: #009000;
    width: 595px;
    padding: 13px 15px;
    margin: 10px 20px;
    border: 1px #009000 solid;
    font-weight: 300;
    font-size: 18px;
    overflow: hidden;
    line-height: normal;
    display: inline-block;
    background-color: #fff;
    text-overflow: ellipsis;
    position: relative;
    height: 25px;
}

body .container .body {
    padding-top: 72px;
}

body .container .body .mainmenu {
    padding-left: 0px;
    min-height: 100%;
    border-right: 2px solid black;
    background: url(https://css.vengefulsyndicate.com/theme.park/Resources/blur-noise.png), #0c0c0c center center/cover no-repeat fixed;
}

body .container .body .content .tasks .tasklist .task:first-child {
    padding-top: 30px;
}

body .container .body .content .tasks .tasklist .task {
    border-top: 2px solid #000;
}

body .container .body .content .tasks .tasklist .task:last-child {
    border-bottom: 2px solid #000;
}

body .container .body .content {
    padding-left: 300px;
}

div.connection-lost div.title, div.modal-dialog div.title {
    border: 1px solid #000;
    background-color: #300000;
}

div.connection-lost div.content, div.modal-dialog div.content {
    background-color: #101010;
    border: 1px solid #000;
    padding: 20px;
}


h1,
h2 {
	font-weight: 300;
	color: #81c401
}

h1 {
	margin: 10px 0
}

h3 {
	font-weight: 400
}

a {
	text-decoration: none
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

hr {
	border: none;
	border-bottom: 1px #ddd solid
}

textarea {
	max-width: 94%
}

.external-link-image {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	height: 16px;
	width: 16px;
	background: url(../img/external-link-hover.png);
	background-size: 16px
}

a .external-link-image {
	background: url(../img/external-link.png);
	background-size: 16px
}

.header a:hover .external-link-image {
	background: url(../img/external-link-hover.png);
	background-size: 16px
}

.button {
	background: #900000;
}

.button:hover {
	background: #a00000
}

#folder_path_picker,
#restore_file_picker,
.step3 source-folder-picker {
	border: 1px solid #d3d3d3;
}

.ui-match {
	font-weight: 700;
	color: #006400
}

.exceptiontext {
	background-color: #d3d3d3;
	color: #000
}

ul.tabs > li {
	display: inline;
	margin-right: 10px;
	border: 1px solid #900000;
	padding: 5px
}

ul.tabs > li.active {
	background-color: #900000;
	color: #fff
}

ul.tabs > li.active > a {
	background-color: #900000;
	color: #fff
}

ul.tabs > li.active.disabled {
	border: 1px solid #d3d3d3;
	background-color: #d3d3d3;
	color: grey;
	cursor: default
}

ul.tabs > li.active.disabled > a {
	background-color: #d3d3d3;
	color: grey;
	cursor: default
}

.logpage .button {
	text-align: center;
	margin-right: 10px;
	border: 1px solid #900000;
	padding: 5px;
	background-color: #900000;
	color: #fff;
	cursor: pointer
}

.exportpage .commandline div {
	background-color: #d3d3d3;
	color: #000
}

.notification .title {
	border: 1px solid #900000;
	background-color: #900000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	color: #d3d3d3;
	width: 100%;
	text-align: center;
	clear: both
}

.notification .content {
	background-color: #fff;
	border: 1px solid #900000;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.warning {
	margin: 10px;
	font-style: italic;
	color: #f49b42
}

body .container .header a {
	color: #900000
}

body .container .header a.active,
body .container .header a:hover {
	color: #4f4f4f
}

body .container .header .state {
	color: #009000;
	border: 1px #009000 solid;
	background-color: #303030; */
    text-shadow: 0 0 3px #000, 0 0 5px #000;
}

body .container .header .state .progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: rgba(129, 196, 1, .1);
	z-index: 5
}

body .container .body a {
	color: #900000
}

body .container .body .mainmenu > ul > li > a.home.active {
	background: #600000 url(../img/mainmenu/over/home.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.add.active {
	background: #600000 url(../img/mainmenu/over/add.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.restore.active {
	background: #600000 url(../img/mainmenu/over/restore.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.pause.active {
	background: #600000 url(../img/mainmenu/over/pause.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.resume.active {
	background: #600000 url(../img/mainmenu/over/resume.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.settings.active {
	background: #600000 url(../img/mainmenu/over/settings.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.log.active {
	background: #600000 url(../img/mainmenu/over/log.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.about.active {
	background: #600000 url(../img/mainmenu/over/about.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.pause.open.active > span {
	background: url(../img/mainmenu/over/arrow_down.png) right center no-repeat
}

body .container .body .mainmenu > ul > li > a.add:hover {
	background: #900000 url(../img/mainmenu/over/add.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.restore:hover {
	background: #900000 url(../img/mainmenu/over/restore.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.pause:hover {
	background: #900000 url(../img/mainmenu/over/pause.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.pause:hover > span {
	background: url(../img/mainmenu/over/arrow_right.png) right center no-repeat
}

body .container .body .mainmenu > ul > li > a.pause.open:hover > span {
	background: url(../img/mainmenu/over/arrow_down.png) right center no-repeat
}

body .container .body .mainmenu > ul > li > a.pause.open > span {
	background: url(../img/mainmenu/arrow_down.png) right center no-repeat
}

body .container .body .mainmenu > ul > li > a.resume:hover {
	background: #900000 url(../img/mainmenu/over/resume.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.settings:hover {
	background: #900000 url(../img/mainmenu/over/settings.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.log:hover {
	background: #900000 url(../img/mainmenu/over/log.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.logout:hover {
	background: #900000 url(../img/mainmenu/over/logout.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.home:hover {
	background: #900000 url(../img/mainmenu/over/home.png) no-repeat 8px 7px
}

body .container .body .mainmenu > ul > li > a.about:hover {
	background: #900000 url(../img/mainmenu/over/about.png) no-repeat 8px 7px
}

body .container .body .contextmenu li a {
	color: #900000;
}

body .container .body .contextmenu li a:hover {
	background: #900000;
	color: #fff
}

body .container .body .content .tasks .tasklist .progress-small {
	text-align: center;
	height: 18px;
	background: rgba(255, 255, 255, .25)
    text-shadow: 0 0 3px #000, 0 0 5px #000;
}

body .container .body .content .tasks .tasklist .progress-small-bg {
	border: 1px #900000 solid;
	width: 200px
}

body .container .body .content .tasks .tasklist dl.taskmenu p {
	display: inline;
	margin-right: 10px;
	color: #900000;
	cursor: pointer
}

body .container .body .content div.add .steps .step,
body .container .body .content div.restore .steps .step {
	color: #c7e5f6
}

body .container .body .content div.add .steps .step span,
body .container .body .content div.restore .steps .step span {
	border: 4px #c7e5f6 solid;
}

body .container .body .content div.add .steps .step.active,
body .container .body .content div.restore .steps .step.active {
	color: #900000
}

body .container .body .content div.add .steps .step.active span,
body .container .body .content div.restore .steps .step.active span {
	border: 4px #900000 solid;
	background: #900000;
	color: #fff
}

body .container .body .content div.add .steps .step.active h2,
body .container .body .content div.restore .steps .step.active h2 {
	color: #900000
}

body .container .body .content div.add .steps-legend li,
body .container .body .content div.restore .steps-legend li {
	color: #c7e5f6;
}

body .container .body .content div.add .steps-legend li.active,
body .container .body .content div.restore .steps-legend li.active {
	color: #900000
}

body .container .body .content div.add .steps-boxes .step1 li.strength.score-0,
body .container .body .content div.restore .steps-boxes .step1 li.strength.score-0 {
	color: red
}

body .container .body .content div.add .steps-boxes .step1 li.strength.score-1,
body .container .body .content div.restore .steps-boxes .step1 li.strength.score-1 {
	color: #f70
}

body .container .body .content div.add .steps-boxes .step1 li.strength.score-2,
body .container .body .content div.restore .steps-boxes .step1 li.strength.score-2 {
	color: #aa0
}

body .container .body .content div.add .steps-boxes .step1 li.strength.score-3,
body .container .body .content div.restore .steps-boxes .step1 li.strength.score-3 {
	color: #070
}

body .container .body .content div.add .steps-boxes .step1 li.strength.score-4,
body .container .body .content div.restore .steps-boxes .step1 li.strength.score-4 {
	color: #427e27
}

body .container .body .content div.add .steps-boxes .step1 li.strength.score-x,
body .container .body .content div.restore .steps-boxes .step1 li.strength.score-x {
	color: red
}

body .container .body .content div.add .steps-boxes .step5 .advancedoptions li > a,
body .container .body .content div.restore .steps-boxes .step5 .advancedoptions li > a {
	background: #900000;
	color: #fff !important;
}

body .container .body .content div.add form .input.password .tools ul li.strength.useless,
body .container .body .content div.restore form .input.password .tools ul li.strength.useless {
	color: red
}

body .container .body .content div.add form .input.password .tools ul li.strength.average,
body .container .body .content div.restore form .input.password .tools ul li.strength.average {
	color: #ff0
}

body .container .body .content div.add form .input.password .tools ul li.strength.good,
body .container .body .content div.restore form .input.password .tools ul li.strength.good {
	color: #900000
}

body .container .footer a {
	color: #900000
}

body #modal-menu a {
}

.remodal {
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	background: #fff;
}

span.info {
	background: #900000;
	color: #fff;
}

.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}

.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}

.progress .progress-bar {
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.tree-view span.nodeLabel.selected {
	border: 1px solid #aaa;
	background-color: #ddd;
	padding: 1px 3px
}

.tree-view li .node {
	padding-bottom: 5px
}

.tree-view li div.selected {
	border-color: #add8e6;
	background-color: #add8e6
}

#login h2 {
    background: #600000;
    color: #fff;
}

#login fieldset {
    background-color: #202020;
}

#login fieldset input[type="submit"] {
    background: #600000;
    color: #fff;
}

#login fieldset input[type="submit"]:hover {
    background: #900000;
}

#login fieldset input[type="email"], #login fieldset input[type="password"] {
    background: #333;
    color: #fff;
}