@font-face {
    font-family: 'MeteoconsRegular';
    src: url('/plugins/Wallboard/files/meteocons-webfont.eot');
    src: url('/plugins/Wallboard/files/meteocons-webfont.eot?#iefix') format('embedded-opentype'),
         url('/plugins/Wallboard/files/meteocons-webfont.woff') format('woff'),
         url('/plugins/Wallboard/files/meteocons-webfont.ttf') format('truetype'),
         url('/plugins/Wallboard/files/meteocons-webfont.svg#MeteoconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body.small-monitor {
  	background-color: transparent; 
	color: #474747; 
	font-family: Segoe UI, Helvetica, Verdana, Arial, sans-serif; 
	margin: 0px;
	font-size: 1vw; 
}


.full-width {
	width: 100%;
}


#small-monitor table {
	font-size: 5vw; 
}


#small-monitor a {
	color: #F72;
	text-decoration: none;

}

h1 {
   font-size: 4vw;
   font-weight: normal;
   margin-bottom: 0px;
}

h2 {
   font-size: 3vw;
   font-weight: normal;
   margin-bottom: 0px;
}

h3 {
   font-size: 2vw;
   font-weight: normal;
   margin-bottom: 0px;
}

.days{
   font-size: 8vw;
   margin-top: -0.2em;
   font-weight: normal;  
   float: left;
   line-height: 1.33em;
   margin-bottom: -0.1em;
}

.days-running{
}

.days-finished{
 color: #f0b400;
}

.days-delay{
 color: #ff4145;
}

.subdays{
   font-size: 2.25vw;
   # margin-top: 0.25em;
   font-weight: normal;
   float: left;
   padding-left: 0.3em;
   margin-bottom: 0px;	
}


.kpi{
   font-size: 10vw;
   margin-top: -0.26em;
   font-weight: normal;  
   text-align: right;

   line-height: 1.33em;
   margin-bottom: -0.1em;

}

.kpidescr{
   font-size: 2vw;
   margin-top: 0.25em;
   font-weight: normal;
   text-align: right;
   padding-left: 0.5em;
   margin-bottom: 0px;	
}

#small-monitor .kpi{
   font-size: 10vw;
   margin-top: -0.26em;
   font-weight: normal;  
   text-align: right;

   line-height: 1.33em;
   margin-bottom: -0.1em;

}

#small-monitor .kpidescr{
   font-size: 4vw;
   margin-top: 0.25em;
   font-weight: normal;
   text-align: right;
   padding-left: 0.5em;
   margin-bottom: 0px;	
	
}
.kpismall h2 {
   font-size: 3vw;
   margin-top: -0.26em;
   font-weight: normal;  
   text-align: right;

   line-height: 1.33em;
   margin-bottom: -0.1em;


}

.clear{
 clear: both;
}

.releasedescr {
   font-size: 3vw;
   margin-top: 0px;
   line-height: 1em;
   margin-bottom:0px;
}

.tasktable {
   font-size: 2.25vw;
   margin-top: -0.25em;
   font-weight: normal;
}

table.tasktable  {
   background-color: transparent !important;
}

.right {
  text-align: right;
}


.status-10,
.status-20,
.status-30{
 color: #ff4145;
}

.status-40,
.status-50,
.status-53,
.status-56,
.status-60 {
 color: #f0b400;
}

.status-80 {
 color: #7fd5ab;
}

.status-90 {
 color: #aaaaaa;
}

.status-hide {
 color: #EEE;
}


tr {
  
  vertical-align: top;
	
}

.one-third {

	width: 33%;
        float: left;
}

.two-third {

	width: 67%;
        float: left;
}


.one-fourth {

	width: 25%;
	float: left;
}

.one-fifth {

	width: 20%;
	float: left;
}

.one-sixth {

	width: 16.6%;
	float: left;
}


.one-half {
	width: 50%;
	float: left;
}


.three-fourth {
	width: 75%;
	float: left;
}

.kpinum {
	width: 22%;
}

.kpigraph {
	width: 72%;
}

.wb-box {
	width: 100%;
	float: left;
	padding: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	# margin-Right: 10px;
	# margin-Top: 10px;
	position: relative;
}

.wb-box-hd {
	width: 100%;
	float: none;
	padding: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-Right: 10px;
	margin-Top: 10px;
	position: relative;
}

.burndownchart {
    width: 100%;
}

#small-monitor .wb-box-hd {
	padding: 0px;
}



.hd-monitor{
   background-color: #000000; 
   margin-top:0px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:20px;
}

.inner-monitor {
  	background-color: #333333; 
   	# margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#small-monitor.hd-monitor{
   background-color: transparent; 
   margin-top:0px;
   margin-left:0px;
   margin-right:0px;
   margin-bottom:0px;
}

#small-monitor .inner-monitor {
  	background-color: transparent; 
   	# margin-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}



.container-monitor {
	width: 100%;
}


.hjob {
	width: 50%;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}


.last {

	# margin-right:0px;
	padding-right: 0px;
}


.people-box {
	width: 100%;
	float: left;
	# padding: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-Right: 10px;
	# margin-Top: 10px;
	position: relative;
	padding-left:10px;
}

.people-box h1 {
    font-size: 2vw;
    margin: 0;
    color: #FFFFFF;
    # float: left;
#    padding-left:10px;	
}


#hstatus-green_anime ,
#hstatus-green  {
  	background-color: #7fd5ab; 
}

#hstatus-red_anime ,
#hstatus-red  {
  	background-color: #d57d7d; 
}


.backgroundGray{
  background-color: #888888 !important; 
}




div.projectTitle {
}

div.daytogo {
  	# background-color: #d57d7d; 
	# float: right;
}

div.hstatus-disabled  {
  	background-color: #aaaaaa; 
	display: none;
}

.projecttitle h1 {
       margin-top: 0px;
}

.meteosign {
  color: #FFFFFF;
  font-size: 5vw;
  font-family : MeteoconsRegular;
  float: right;
}

.hjob h1 {
    font-size: 2.25vw;
    margin: 0;
    color: #FFFFFF;
    float: left;
    position: absolute;
    bottom: 10px;
}


.open-tks h1 {

  color: #01beff;
}

.new-tks h1 {

  color: #ffa400;
}

.red {
  color: #ff3001;
}

.red-dark {
  color: #bb0000;
}

.red-dark2 {
  color: #dd0000;
}


.green {
  color: #7fd5ab;
}

.orange {

  color: #ffa400;
}

.people-total {
 float: left;
 font-size: 2.5vw;
 # padding-left: 10px;
 # padding-top: 10px;
}

.people-graph {
 float: left;

}

.jqplot-point-label {
  font-size: 2.5vw;
  color: #ffffff;
  #text-shadow: 1px 1px #505050;
  font-family: Segoe UI, Helvetica, Verdana, Arial, sans-serif;
}

.people-monitor {
	margin-top: -20px;
}