/*
Template: 	Poliz.es
FileName:	poliz.es.dashboard.css
Notes:		CSS file for Dashboard page.
*/

/* ========================= SECTION ========================= */
body {
	background-image: none;
	background-color: #000000;
	color:#FFF;
}
h2{
	color:#FFF;
	border:none;
	margin:0;
	padding:0;
	font-size: 2em;
	line-height: 2em;
}
h2 i.fa{font-size:70%;}
.GreenText{color: #2ecc71; font-size:80%;}
.RedText{color: #e74c3c; font-size:80%;}

div#main div.row{
	margin: 0px;
	padding: 1em;
}

div#main div.row div.col-md-4{
	/*border: 1px gray solid;*/
}

div#main div.row.top{
}
div#main div.row.middle{
	position: absolute;
    bottom: 20em;
    width: 100%;
}
div#main div.row.bottom{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

div#main div.row.spreadsheet iframe{
	width: 100%;
	height: 1200px;
}

.gradientback{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50%;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(139,255,242,0) 0%, rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

/* ========================= DATE TIME ========================= */
div#datetime_module div#date{
	font-size:150%;
}
div#datetime_module div#time{
	font-size:500%;
	line-height:1em;
}
div#datetime_module div#timeZone{
	/*font-size:xx-small;
	margin-top: .5em;*/
	font-size: .8em;
	color:#b3b3b3;
}
/* ========================= END DATE TIME ===================== */

/* ========================= WEATHER =========================== */
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#weather_module div#wind{
	text-align: right;
	font-size: .8em;
	color:#b3b3b3;
}

div#weather_module div#current{
	font-size:500%;
	line-height:1em;
	text-align: right;
}

div#weather_module div#forecast{
	text-align: right;
	color: #f2f2f2;
}
div#weather_module div#forecast ul{
	list-style-type: none;
	line-height: 1.5em;
}
div#weather_module div#forecast ul li span{
	margin-left:1em;
}
div#weather_module div#forecast ul li span.min{color:#b3b3b3;}

div#weather_module i {
  font-size:150%;
  font-family: weather;
  font-style: normal;
}
div#weather_module i#spin_weather{
	font: normal normal normal 14px/1 FontAwesome;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }
.icon-48:before { content: ","; }
/* ========================= END WEATHER =========================== */

/* ========================= STOCKS ========================= */
div#stocks_module div#date{
	font-size:150%;
}
div#stocks_module div#dvStockTicker ul{
	list-style:none;
	padding:0;
	line-height: 1.5em;
}
div#stocks_module div#dvStockTicker ul li {display: table-row;}
div#stocks_module div#dvStockTicker ul li span{display:table-cell;padding-right: 1em;}
div#stocks_module div#dvStockTicker ul li span.price{color:#b3b3b3;}


div#stocks_module .up_green{
	background: url(http://www.codescratcher.com/wp-content/uploads/2014/11/up.gif) no-repeat left center;
	padding-left: 10px;
	margin-right: 5px;
}
div#stocks_module .down_red{
	background: url(http://www.codescratcher.com/wp-content/uploads/2014/11/down.gif) no-repeat left center;
	padding-left: 10px;
	margin-right: 5px;
}
/* ========================= END STOCKS ===================== */

/* ========================= MESSAGE ========================= */
div#message_module div#message{
	margin:0 auto;
	text-align: center;
	font-size: 7em;
}
/* ========================= END MESSAGE ========================= */

/* ========================= NEWS ========================= */
div#news_module div#dvNews ul{
	list-style:none;
	padding:0;
	line-height: 1.5em;
	font-size:90%;
}
div#news_module div#dvNews ul li span.pubDate{
	font-size:80%;
	color:#b3b3b3;
	
}
/* ========================= END NEWS ========================= */

/* ========================= SPOTIFY ========================= */
div#spotify_module div#dvSpotify{ padding: 2em 0 0 0; display: inline-block; width: 100%;}
div#spotify_module div#dvSpotify img.spotifyImg{float:left; width:40px; margin-right:.5em;}
div#spotify_module div#dvSpotify span.song{}
div#spotify_module div#dvSpotify span.artist{font-size:90%;color:#b3b3b3!important;display:table-cell;}
/* ========================= END SPOTIFY ========================= */

/* ========================= TRAVEL TIME ========================= */
div#travel_module div#dvTravel{ padding-left: 2em;}
/* ========================= END TRAVEL TIME ========================= */

/* ========================= CALENDAR ========================= */
div#ics_module div#dvICS ul{ 
	list-style:none;
	padding:0;
	line-height: 1.5em;
	font-size:90%;
}
div#ics_module div#dvICS ul li{ 
	margin-bottom: 0.5em;
}
div#ics_module div#dvICS ul li span.day{
	border: 1px solid #b3b3b3;
	float:left;
	width: 25px;
    font-size: smaller;
    text-align: center;
    line-height: 12px;
}
div#ics_module div#dvICS ul li span.summary{
	padding-left: 8px;
	position: fixed;
}
div#ics_module div#dvICS ul li span.summary.big{padding-left: 33px;}
div#ics_module div#dvICS ul li span.date, span.location{
	font-size:80%;
	color:#b3b3b3;
}
div#ics_module div#dvICS ul li span.location{padding-left: 8px;}
/* ========================= END CALENDAR ========================= */