/* CSS Document */

@charset "UTF-8";

html {
    height: 100%;
}

body {
  	overflow-x: hidden;
	min-height: 100%;
	height: 100%;
	min-width: 100%;
	width: 100%;
    margin: 0;
	background: #0d0243;
	background: -moz-linear-gradient(top, #3f167d 0%, #0d0243 100%) repeat-x;
	background: -webkit-linear-gradient(top, #3f167d 0%,#0d0243 100%) repeat-x;
	background: linear-gradient(to bottom, #3f167d 0%,#0d0243 100%) repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f167d', endColorstr='#0d0243',GradientType=0 );
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body#login h2 { color: #fff }

button.btn-primary, input.btn-primary, button.btn-primary:hover, button.btn-primary.hover, button.btn-primary:active, button.btn-primary.active, button.btn-primary.focus, button.btn-primary:focus, input.btn-primary:hover {
	background-color: #effd0a;
	border-color: #effd0a;
	color: #0d0243; 
}

button.edit, button.delete, button.edit_job, button.delete_job, button.edit_conv, button.delete_conv {
	background-color: #effd0a;
	border-color: #effd0a;
	color: #0d0243;
}

.na-gradient {
	background: #0d0243;
	background: -moz-linear-gradient(top, #3f167d 0%, #0d0243 100%) repeat-x;
	background: -webkit-linear-gradient(top, #3f167d 0%,#0d0243 100%) repeat-x;
	background: linear-gradient(to bottom, #3f167d 0%,#0d0243 100%) repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f167d', endColorstr='#0d0243',GradientType=0 );
	color: #0d0243;
	color: -moz-linear-gradient(top, #3f167d 0%, #0d0243 100%) repeat-x;
	color: -webkit-linear-gradient(top, #3f167d 0%,#0d0243 100%) repeat-x;
	color: linear-gradient(to bottom, #3f167d 0%,#0d0243 100%) repeat-x;
	fill: #0d0243;
	fill: -moz-linear-gradient(top, #3f167d 0%, #0d0243 100%) repeat-x;
	fill: -webkit-linear-gradient(top, #3f167d 0%,#0d0243 100%) repeat-x;
	fill: linear-gradient(to bottom, #3f167d 0%,#0d0243 100%) repeat-x;
}

.na-yellow { color: #effd0a; fill: #effd0a; }

.na-darkblue { color: #0d0243; fill: #0d0243; }

.na-white { color: #ffffff; fill: #ffffff; }

.box {
  	background: #0d0243 none repeat scroll 0 0;
    border-radius: 3px;
    border-top: 3px solid #effd0a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    position: relative;
    width: 100%;
	display: table;
}

.box .box-header {
    padding:10px;
    text-align:center;
    font-size:24px;
}

body#charts div.container-fluid div.row div.col-md-12 h4 {
	color:#effd0a;
}

body#charts div.container-fluid div.row div.box div.box-header {
	color:#effd0a;
}

.box .box-body {
    padding:10px;
}

.box .box-footer {
    padding:10px;
    text-align:center;
    font-size:12px;
	color:#fff;
	background-color: #3f167d
    
}

.box .box-footer span.conv {
	color:#effd0a;
    font-size:18px;
    font-weight:bold;
}

.box .box-footer span.loss {
	color:#ff3d00;
    font-size:18px;
    font-weight:bold;
}

.box .box-footer span.win {
	color:#64dd17;
    font-size:18px;
    font-weight:bold;
}

div#ajax_content table td.jobs {
	white-space: normal !important;
}

div#ajax_content table tr.marked {
	background-color: #773bd9
}

table:hover {
	cursor:default
}

td {
	white-space:nowrap !important;
	overflow:hidden !important;
	vertical-align:middle !important;
}

.container-fluid thead.thead-inverse, .container-fluid tfoot.thead-inverse {
	color:#fff;
	background-color: #3f167d
}

.container-fluid .thead-inverse td {
	color:#fff;
	padding: 12px 8px 12px 8px !important;
	background-color: #3f167d
}

.container-fluid td {
	color:#fff;
}

.container-fluid div.bootstrap-datetimepicker-widget td {
	color:#3f167d;
}

.container-fluid table tr { border-top: 2px solid #3d1e6f }

div#ajax_content table tr:hover { background-color: #3f167d; border-top: 2px solid #0d0243; border-bottom: 2px solid #0d0243 }

.navbar-inverse {
    background-color: #0d0243;
    border: none;
}

ul.nav.navbar-nav li.active a { background-color: #3c1579 }

div.container-fluid div.box-header .select-wrapper {
	display: inline-block;
	margin: 10px 10px 0 0;
	width:200px;
	position: relative;
}

div.container-fluid div.box-header .select-wrapper select {
	-moz-appearance: none;
  	-webkit-appearance: none;
  	appearance: none;
  	border: none;
	background-color: #3c1579;
	color: #fff;
  	width: 100%;
  	height: 40px;
  	padding-left: 10px;
  	outline: none;
  	cursor: pointer;
}

div.container-fluid div.box-header select::-ms-expand {
	display: none;
}

div.container-fluid div.box-header select:focus::-ms-value {
	background-color: transparent;
}

div.container-fluid div.box-header .select-wrapper:before {
	font-family: 'Glyphicons Halflings';
	content:"\e259";
	font-size: 15px;
	position: absolute;
	right: 10px;
	top: 9px;
	color: #fff;
	pointer-events: none;
}

/* Taskplaner */

div.taskplaner table td button.task-btn { 
    width:100%;
    padding:10px;
    border: none !important;
	color: #fff; 
}

div.taskplaner table tr:hover { background-color: #3f167d; border-top: 2px solid #0d0243; border-bottom: 2px solid #0d0243 }

div.taskplaner table td button.task-btn div { width:5px; height:10px; margin-right:8px; display:inline-block !important }
div.taskplaner table td button.task-btn.blue, div.taskplaner table td button div.blue { background-color:#00a2ff }
div.taskplaner table td button.task-btn.yellow, div.taskplaner table td button div.yellow { background-color:#ff9e00 }
div.taskplaner table td button.task-btn.green, div.taskplaner table td button div.green { background-color:#00a908 }
div.taskplaner table td button.task-btn.red, div.taskplaner table td button div.red { background-color:#d0001d }
div.taskplaner table td button.task-btn.transparent { background-color:transparent }
div.taskplaner table td button.task-btn.transparent span { background-color:transparent !important }
div.taskplaner table td button.task-btn.white { background-color:#fff }
div.taskplaner table td button.task-btn.white span { color:#0d0243 !important }

div.taskplaner table td div.tbl-marker { background-color:#effd0a; width:5px }

/* AJAX */

div#ajax_loading {
    background-image:url(../images/ajax-loader.gif);
	width:50px;
	height:50px;
	margin:auto
}

@media screen and (max-width: 824px) {
	
	div.box-header > div > div > div.pull-left { text-align: left !important }
	div.select-wrapper { width:100% !important }
	div.box-header > div > div > div.pull-right { width:100% !important }
	div#ajax_content > table { border-color:transparent !important }
	div#ajax_content > table > thead, div#ajax_content > table > tfoot { display:none !important }
	div#ajax_content > table > tbody > tr, div#ajax_content > table > tfoot > tr { width:100% !important }
	div#ajax_content > table > tbody > tr > td { display:none !important; border:none !important; border-color:transparent !important }
	div#ajax_content > table > tbody > tr > td.jobs, #ajax_content > table > tbody > tr > td.td-btn { width:100% !important; display:table-cell !important }

}