/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Routines.less
 */
.place-left {
  float: left !important;
  margin-right: 10px;
}
.place-right {
  float: right !important;
  margin-left: 10px;
}
.scroll-y,
.scroll-vertical {
  overflow-y: scroll;
}
.scroll-x,
.scroll-horizontal {
  overflow-x: scroll;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.pos-fix {
  position: fixed;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.no-overflow {
  overflow: hidden;
}
.no-display {
  display: none;
}
.as-block {
  display: block;
  float: none !important;
}
.as-inline-block {
  display: inline-block;
}
.nlm {
  margin-left: 0 !important;
}
.nrm {
  margin-right: 0 !important;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.padding15 {
  padding: 15px;
}
.padding20 {
  padding: 20px;
}
.padding30 {
  padding: 30px;
}
.padding40 {
  padding: 40px;
}
.padding80 {
  padding: 80px;
}
.selected {
  border: 4px #2d89ef solid;
}
.selected:after {
  width: 0;
  height: 0;
  border-top: 40px solid #2d89ef;
  border-left: 40px solid transparent;
  position: absolute;
  display: block;
  right: 0;
  content: ".";
  top: 0;
  z-index: 1001;
}
.selected:before {
  position: absolute;
  content: "\e08a";
  color: #fff;
  right: 4px;
  font-family: iconFont;
  z-index: 1002;
}
.border {
  border: 1px #ccc solid;
}
/*
Icon Set:	Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons
License:	Aribitrary -- http://licence.visualidiot.com/


Icon Set:	Meteocons -- http://www.alessioatzeni.com/meteocons/
License:	Arbitrary -- http://www.alessioatzeni.com/meteocons/#about


Icon Set:	IcoMoon - Free -- http://keyamoon.com/icomoon/
License:	CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
*/
@font-face {
  font-family: 'iconFont';
  src: url('../fonts/iconFont.eot');
  src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.svg#iconFont') format('svg'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'iconFont';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  border: 1px transparent solid;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'iconFont';
  font-style: normal;
  speak: none;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 2px;
  -webkit-font-smoothing: antialiased;
  border: 1px transparent solid;
}
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333332em;
  margin-top: -8px;
}
button.mini,
.button.mini {
  font-size: .9em !important;
}
a [class^="icon-"],
a [class*=" icon-"] {
  border: 1px transparent solid;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  width: 1.875em;
}
.icon-home:before {
  content: "\e000";
}
.icon-newspaper:before {
  content: "\e001";
}
.icon-pencil:before {
  content: "\e002";
}
.icon-droplet:before {
  content: "\e003";
}
.icon-pictures:before {
  content: "\e004";
}
.icon-camera:before {
  content: "\e005";
}
.icon-music:before {
  content: "\e006";
}
.icon-film:before {
  content: "\e007";
}
.icon-camera-2:before {
  content: "\e008";
}
.icon-spades:before {
  content: "\e009";
}
.icon-clubs:before {
  content: "\e00a";
}
.icon-diamonds:before {
  content: "\e00b";
}
.icon-broadcast:before {
  content: "\e00c";
}
.icon-mic:before {
  content: "\e00d";
}
.icon-book:before {
  content: "\e00e";
}
.icon-file:before {
  content: "\e00f";
}
.icon-new:before {
  content: "\e010";
}
.icon-copy:before {
  content: "\e011";
}
.icon-folder:before {
  content: "\e012";
}
.icon-folder-2:before {
  content: "\e013";
}
.icon-tag:before {
  content: "\e014";
}
.icon-cart:before {
  content: "\e015";
}
.icon-basket:before {
  content: "\e016";
}
.icon-calculate:before {
  content: "\e017";
}
.icon-support:before {
  content: "\e018";
}
.icon-phone:before {
  content: "\e019";
}
.icon-mail:before {
  content: "\e01a";
}
.icon-location:before {
  content: "\e01b";
}
.icon-compass:before {
  content: "\e01c";
}
.icon-history:before {
  content: "\e01d";
}
.icon-clock:before {
  content: "\e01e";
}
.icon-bell:before {
  content: "\e01f";
}
.icon-calendar:before {
  content: "\e020";
}
.icon-printer:before {
  content: "\e021";
}
.icon-mouse:before {
  content: "\e022";
}
.icon-screen:before {
  content: "\e023";
}
.icon-laptop:before {
  content: "\e024";
}
.icon-mobile:before {
  content: "\e025";
}
.icon-cabinet:before {
  content: "\e026";
}
.icon-drawer:before {
  content: "\e027";
}
.icon-drawer-2:before {
  content: "\e028";
}
.icon-box:before {
  content: "\e029";
}
.icon-box-add:before {
  content: "\e02a";
}
.icon-box-remove:before {
  content: "\e02b";
}
.icon-download:before {
  content: "\e02c";
}
.icon-upload:before {
  content: "\e02d";
}
.icon-database:before {
  content: "\e02e";
}
.icon-flip:before {
  content: "\e02f";
}
.icon-flip-2:before {
  content: "\e030";
}
.icon-undo:before {
  content: "\e031";
}
.icon-redo:before {
  content: "\e032";
}
.icon-forward:before {
  content: "\e033";
}
.icon-reply:before {
  content: "\e034";
}
.icon-reply-2:before {
  content: "\e035";
}
.icon-comments:before {
  content: "\e036";
}
.icon-comments-2:before {
  content: "\e037";
}
.icon-comments-3:before {
  content: "\e038";
}
.icon-comments-4:before {
  content: "\e039";
}
.icon-comments-5:before {
  content: "\e03a";
}
.icon-user:before {
  content: "\e03b";
}
.icon-user-2:before {
  content: "\e03c";
}
.icon-user-3:before {
  content: "\e03d";
}
.icon-busy:before {
  content: "\e03e";
}
.icon-loading:before {
  content: "\e03f";
}
.icon-loading-2:before {
  content: "\e040";
}
.icon-search:before {
  content: "\e041";
}
.icon-zoom-in:before {
  content: "\e042";
}
.icon-zoom-out:before {
  content: "\e043";
}
.icon-key:before {
  content: "\e044";
}
.icon-key-2:before {
  content: "\e045";
}
.icon-locked:before {
  content: "\e046";
}
.icon-unlocked:before {
  content: "\e047";
}
.icon-wrench:before {
  content: "\e048";
}
.icon-equalizer:before {
  content: "\e049";
}
.icon-cog:before {
  content: "\e04a";
}
.icon-pie:before {
  content: "\e04b";
}
.icon-bars:before {
  content: "\e04c";
}
.icon-stats-up:before {
  content: "\e04d";
}
.icon-gift:before {
  content: "\e04e";
}
.icon-trophy:before {
  content: "\e04f";
}
.icon-diamond:before {
  content: "\e050";
}
.icon-coffee:before {
  content: "\e051";
}
.icon-rocket:before {
  content: "\e052";
}
.icon-meter-slow:before {
  content: "\e053";
}
.icon-meter-medium:before {
  content: "\e054";
}
.icon-meter-fast:before {
  content: "\e055";
}
.icon-dashboard:before {
  content: "\e056";
}
.icon-fire:before {
  content: "\e057";
}
.icon-lab:before {
  content: "\e058";
}
.icon-remove:before {
  content: "\e059";
}
.icon-briefcase:before {
  content: "\e05a";
}
.icon-briefcase-2:before {
  content: "\e05b";
}
.icon-cars:before {
  content: "\e05c";
}
.icon-bus:before {
  content: "\e05d";
}
.icon-cube:before {
  content: "\e05e";
}
.icon-cube-2:before {
  content: "\e05f";
}
.icon-puzzle:before {
  content: "\e060";
}
.icon-glasses:before {
  content: "\e061";
}
.icon-glasses-2:before {
  content: "\e062";
}
.icon-accessibility:before {
  content: "\e063";
}
.icon-accessibility-2:before {
  content: "\e064";
}
.icon-target:before {
  content: "\e065";
}
.icon-target-2:before {
  content: "\e066";
}
.icon-lightning:before {
  content: "\e067";
}
.icon-power:before {
  content: "\e068";
}
.icon-power-2:before {
  content: "\e069";
}
.icon-clipboard:before {
  content: "\e06a";
}
.icon-clipboard-2:before {
  content: "\e06b";
}
.icon-playlist:before {
  content: "\e06c";
}
.icon-grid-view:before {
  content: "\e06d";
}
.icon-tree-view:before {
  content: "\e06e";
}
.icon-cloud:before {
  content: "\e06f";
}
.icon-cloud-2:before {
  content: "\e070";
}
.icon-download-2:before {
  content: "\e071";
}
.icon-upload-2:before {
  content: "\e072";
}
.icon-upload-3:before {
  content: "\e073";
}
.icon-link:before {
  content: "\e074";
}
.icon-link-2:before {
  content: "\e075";
}
.icon-flag:before {
  content: "\e076";
}
.icon-flag-2:before {
  content: "\e077";
}
.icon-attachment:before {
  content: "\e078";
}
.icon-eye:before {
  content: "\e079";
}
.icon-bookmark:before {
  content: "\e07a";
}
.icon-bookmark-2:before {
  content: "\e07b";
}
.icon-star:before {
  content: "\e07c";
}
.icon-star-2:before {
  content: "\e07d";
}
.icon-star-3:before {
  content: "\e07e";
}
.icon-heart:before {
  content: "\e07f";
}
.icon-heart-2:before {
  content: "\e080";
}
.icon-thumbs-up:before {
  content: "\e081";
}
.icon-thumbs-down:before {
  content: "\e082";
}
.icon-plus:before {
  content: "\e083";
}
.icon-minus:before {
  content: "\e084";
}
.icon-help:before {
  content: "\e085";
}
.icon-help-2:before {
  content: "\e086";
}
.icon-blocked:before {
  content: "\e087";
}
.icon-cancel:before {
  content: "\e088";
}
.icon-cancel-2:before {
  content: "\e089";
}
.icon-checkmark:before {
  content: "\e08a";
}
.icon-minus-2:before {
  content: "\e08b";
}
.icon-plus-2:before {
  content: "\e08c";
}
.icon-enter:before {
  content: "\e08d";
}
.icon-exit:before {
  content: "\e08e";
}
.icon-loop:before {
  content: "\e08f";
}
.icon-arrow-up-left:before {
  content: "\e090";
}
.icon-arrow-up:before {
  content: "\e091";
}
.icon-arrow-up-right:before {
  content: "\e092";
}
.icon-arrow-right:before {
  content: "\e093";
}
.icon-arrow-down-right:before {
  content: "\e094";
}
.icon-arrow-down:before {
  content: "\e095";
}
.icon-arrow-down-left:before {
  content: "\e096";
}
.icon-arrow-left:before {
  content: "\e097";
}
.icon-arrow-up-2:before {
  content: "\e098";
}
.icon-arrow-right-2:before {
  content: "\e099";
}
.icon-arrow-down-2:before {
  content: "\e09a";
}
.icon-arrow-left-2:before {
  content: "\e09b";
}
.icon-arrow-up-3:before {
  content: "\e09c";
}
.icon-arrow-right-3:before {
  content: "\e09d";
}
.icon-arrow-down-3:before {
  content: "\e09e";
}
.icon-arrow-left-3:before {
  content: "\e09f";
}
.icon-menu:before {
  content: "\e0a0";
}
.icon-enter-2:before {
  content: "\e0a1";
}
.icon-backspace:before {
  content: "\e0a2";
}
.icon-backspace-2:before {
  content: "\e0a3";
}
.icon-tab:before {
  content: "\e0a4";
}
.icon-tab-2:before {
  content: "\e0a5";
}
.icon-checkbox:before {
  content: "\e0a6";
}
.icon-checkbox-unchecked:before {
  content: "\e0a7";
}
.icon-checkbox-partial:before {
  content: "\e0a8";
}
.icon-radio-checked:before {
  content: "\e0a9";
}
.icon-radio-unchecked:before {
  content: "\e0aa";
}
.icon-font:before {
  content: "\e0ab";
}
.icon-paragraph-left:before {
  content: "\e0ac";
}
.icon-paragraph-center:before {
  content: "\e0ad";
}
.icon-paragraph-right:before {
  content: "\e0ae";
}
.icon-paragraph-justify:before {
  content: "\e0af";
}
.icon-left-to-right:before {
  content: "\e0b0";
}
.icon-right-to-left:before {
  content: "\e0b1";
}
.icon-share:before {
  content: "\e0b2";
}
.icon-new-tab:before {
  content: "\e0b3";
}
.icon-new-tab-2:before {
  content: "\e0b4";
}
.icon-embed:before {
  content: "\e0b5";
}
.icon-code:before {
  content: "\e0b6";
}
.icon-bluetooth:before {
  content: "\e0b7";
}
.icon-share-2:before {
  content: "\e0b8";
}
.icon-share-3:before {
  content: "\e0b9";
}
.icon-mail-2:before {
  content: "\e0ba";
}
.icon-google:before {
  content: "\e0bb";
}
.icon-google-plus:before {
  content: "\e0bc";
}
.icon-google-drive:before {
  content: "\e0bd";
}
.icon-facebook:before {
  content: "\e0be";
}
.icon-instagram:before {
  content: "\e0bf";
}
.icon-twitter:before {
  content: "\e0c0";
}
.icon-feed:before {
  content: "\e0c1";
}
.icon-youtube:before {
  content: "\e0c2";
}
.icon-vimeo:before {
  content: "\e0c3";
}
.icon-flickr:before {
  content: "\e0c4";
}
.icon-picassa:before {
  content: "\e0c5";
}
.icon-dribbble:before {
  content: "\e0c6";
}
.icon-deviantart:before {
  content: "\e0c7";
}
.icon-github:before {
  content: "\e0c8";
}
.icon-github-2:before {
  content: "\e0c9";
}
.icon-github-3:before {
  content: "\e0ca";
}
.icon-github-4:before {
  content: "\e0cb";
}
.icon-github-5:before {
  content: "\e0cc";
}
.icon-git:before {
  content: "\e0cd";
}
.icon-github-6:before {
  content: "\e0ce";
}
.icon-wordpress:before {
  content: "\e0cf";
}
.icon-joomla:before {
  content: "\e0d0";
}
.icon-blogger:before {
  content: "\e0d1";
}
.icon-tumblr:before {
  content: "\e0d2";
}
.icon-yahoo:before {
  content: "\e0d3";
}
.icon-amazon:before {
  content: "\e0d4";
}
.icon-tux:before {
  content: "\e0d5";
}
.icon-apple:before {
  content: "\e0d6";
}
.icon-finder:before {
  content: "\e0d7";
}
.icon-android:before {
  content: "\e0d8";
}
.icon-windows:before {
  content: "\e0d9";
}
.icon-soundcloud:before {
  content: "\e0da";
}
.icon-skype:before {
  content: "\e0db";
}
.icon-reddit:before {
  content: "\e0dc";
}
.icon-linkedin:before {
  content: "\e0dd";
}
.icon-lastfm:before {
  content: "\e0de";
}
.icon-delicious:before {
  content: "\e0df";
}
.icon-stumbleupon:before {
  content: "\e0e0";
}
.icon-pinterest:before {
  content: "\e0e1";
}
.icon-xing:before {
  content: "\e0e2";
}
.icon-flattr:before {
  content: "\e0e3";
}
.icon-foursquare:before {
  content: "\e0e4";
}
.icon-paypal:before {
  content: "\e0e5";
}
.icon-yelp:before {
  content: "\e0e6";
}
.icon-libreoffice:before {
  content: "\e0e7";
}
.icon-file-pdf:before {
  content: "\e0e8";
}
.icon-file-openoffice:before {
  content: "\e0e9";
}
.icon-file-word:before {
  content: "\e0ea";
}
.icon-file-excel:before {
  content: "\e0eb";
}
.icon-file-powerpoint:before {
  content: "\e0ec";
}
.icon-file-zip:before {
  content: "\e0ed";
}
.icon-file-xml:before {
  content: "\e0ee";
}
.icon-file-css:before {
  content: "\e0ef";
}
.icon-html5:before {
  content: "\e0f0";
}
.icon-html5-2:before {
  content: "\e0f1";
}
.icon-css3:before {
  content: "\e0f2";
}
.icon-chrome:before {
  content: "\e0f3";
}
.icon-firefox:before {
  content: "\e0f4";
}
.icon-IE:before {
  content: "\e0f5";
}
.icon-opera:before {
  content: "\e0f6";
}
.icon-safari:before {
  content: "\e0f7";
}
.icon-IcoMoon:before {
  content: "\e0f8";
}
.icon-sunrise:before {
  content: "\e0f9";
}
.icon-sun:before {
  content: "\e0fa";
}
.icon-moon:before {
  content: "\e0fb";
}
.icon-sun-2:before {
  content: "\e0fc";
}
.icon-windy:before {
  content: "\e0fd";
}
.icon-wind:before {
  content: "\e0fe";
}
.icon-snowflake:before {
  content: "\e0ff";
}
.icon-cloudy:before {
  content: "\e100";
}
.icon-cloud-3:before {
  content: "\e101";
}
.icon-weather:before {
  content: "\e102";
}
.icon-weather-2:before {
  content: "\e103";
}
.icon-weather-3:before {
  content: "\e104";
}
.icon-lines:before {
  content: "\e105";
}
.icon-cloud-4:before {
  content: "\e106";
}
.icon-lightning-2:before {
  content: "\e107";
}
.icon-lightning-3:before {
  content: "\e108";
}
.icon-rainy:before {
  content: "\e109";
}
.icon-rainy-2:before {
  content: "\e10a";
}
.icon-windy-2:before {
  content: "\e10b";
}
.icon-windy-3:before {
  content: "\e10c";
}
.icon-snowy:before {
  content: "\e10d";
}
.icon-snowy-2:before {
  content: "\e10e";
}
.icon-snowy-3:before {
  content: "\e10f";
}
.icon-weather-4:before {
  content: "\e110";
}
.icon-cloudy-2:before {
  content: "\e111";
}
.icon-cloud-5:before {
  content: "\e112";
}
.icon-lightning-4:before {
  content: "\e113";
}
.icon-sun-3:before {
  content: "\e114";
}
.icon-moon-2:before {
  content: "\e115";
}
.icon-cloudy-3:before {
  content: "\e116";
}
.icon-cloud-6:before {
  content: "\e117";
}
.icon-cloud-7:before {
  content: "\e118";
}
.icon-lightning-5:before {
  content: "\e119";
}
.icon-rainy-3:before {
  content: "\e11a";
}
.icon-rainy-4:before {
  content: "\e11b";
}
.icon-windy-4:before {
  content: "\e11c";
}
.icon-windy-5:before {
  content: "\e11d";
}
.icon-snowy-4:before {
  content: "\e11e";
}
.icon-snowy-5:before {
  content: "\e11f";
}
.icon-weather-5:before {
  content: "\e120";
}
.icon-cloudy-4:before {
  content: "\e121";
}
.icon-lightning-6:before {
  content: "\e122";
}
.icon-thermometer:before {
  content: "\e123";
}
.icon-compass-2:before {
  content: "\e124";
}
.icon-none:before {
  content: "\e125";
}
.icon-Celsius:before {
  content: "\e126";
}
.icon-Fahrenheit:before {
  content: "\e127";
}
.icon-forrst:before {
  content: "\e128";
}
.icon-headphones:before {
  content: "\e129";
}
.icon-bug:before {
  content: "\e12a";
}
.icon-cart-2:before {
  content: "\e12b";
}
.icon-earth:before {
  content: "\e12c";
}
.icon-battery:before {
  content: "\e12d";
}
.icon-list:before {
  content: "\e12e";
}
.icon-grid:before {
  content: "\e12f";
}
.icon-alarm:before {
  content: "\e130";
}
.icon-location-2:before {
  content: "\e131";
}
.icon-pointer:before {
  content: "\e132";
}
.icon-diary:before {
  content: "\e133";
}
.icon-eye-2:before {
  content: "\e134";
}
.icon-console:before {
  content: "\e135";
}
.icon-location-3:before {
  content: "\e136";
}
.icon-move:before {
  content: "\e137";
}
.icon-gift-2:before {
  content: "\e138";
}
.icon-monitor:before {
  content: "\e139";
}
.icon-mobile-2:before {
  content: "\e13a";
}
.icon-switch:before {
  content: "\e13b";
}
.icon-star-4:before {
  content: "\e13c";
}
.icon-address-book:before {
  content: "\e13d";
}
.icon-shit:before {
  content: "\e13e";
}
.icon-cone:before {
  content: "\e13f";
}
.icon-credit-card:before {
  content: "\e140";
}
.icon-type:before {
  content: "\e141";
}
.icon-volume:before {
  content: "\e142";
}
.icon-volume-2:before {
  content: "\e143";
}
.icon-locked-2:before {
  content: "\e144";
}
.icon-warning:before {
  content: "\e145";
}
.icon-info:before {
  content: "\e146";
}
.icon-filter:before {
  content: "\e147";
}
.icon-bookmark-3:before {
  content: "\e148";
}
.icon-bookmark-4:before {
  content: "\e149";
}
.icon-stats:before {
  content: "\e14a";
}
.icon-compass-3:before {
  content: "\e14b";
}
.icon-keyboard:before {
  content: "\e14c";
}
.icon-award-fill:before {
  content: "\e14d";
}
.icon-award-stroke:before {
  content: "\e14e";
}
.icon-beaker-alt:before {
  content: "\e14f";
}
.icon-beaker:before {
  content: "\e150";
}
.icon-move-vertical:before {
  content: "\e151";
}
.icon-move-horizontal:before {
  content: "\e153";
}
.icon-steering-wheel:before {
  content: "\e152";
}
.icon-volume-3:before {
  content: "\e154";
}
.icon-volume-mute:before {
  content: "\e155";
}
.icon-play:before {
  content: "\e156";
}
.icon-pause:before {
  content: "\e157";
}
.icon-stop:before {
  content: "\e158";
}
.icon-eject:before {
  content: "\e159";
}
.icon-first:before {
  content: "\e15a";
}
.icon-last:before {
  content: "\e15b";
}
.icon-play-alt:before {
  content: "\e15c";
}
.icon-battery-empty:before {
  content: "\e15d";
}
.icon-battery-half:before {
  content: "\e15e";
}
.icon-battery-full:before {
  content: "\e15f";
}
.icon-battery-charging:before {
  content: "\e160";
}
.icon-left-quote:before {
  content: "\e161";
}
.icon-right-quote:before {
  content: "\e162";
}
.icon-left-quote-alt:before {
  content: "\e163";
}
.icon-right-quote-alt:before {
  content: "\e164";
}
.icon-smiley:before {
  content: "\e165";
}
.icon-umbrella:before {
  content: "\e166";
}
.icon-info-2:before {
  content: "\e167";
}
.icon-chart-alt:before {
  content: "\e168";
}
/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Variables.less
 */
.fg-color-blue {
  color: #2d89ef !important;
}
.fg-color-blueLight {
  color: #eff4ff !important;
}
.fg-color-blueDark {
  color: #2b5797 !important;
}
.fg-color-green {
  color: #00a300 !important;
}
.fg-color-greenLight {
  color: #99b433 !important;
}
.fg-color-greenDark {
  color: #1e7145 !important;
}
.fg-color-red {
  color: #b91d47 !important;
}
.fg-color-yellow {
  color: #ffc40d !important;
}
.fg-color-orange {
  color: #e3a21a !important;
}
.fg-color-orangeDark {
  color: #da532c !important;
}
.fg-color-pink {
  color: #9f00a7 !important;
}
.fg-color-pinkDark {
  color: #7e3878 !important;
}
.fg-color-purple {
  color: #603cba !important;
}
.fg-color-darken {
  color: #1d1d1d !important;
}
.fg-color-lighten {
  color: #d5e7ec !important;
}
.fg-color-white {
  color: #ffffff !important;
}
.fg-color-grayDark {
  color: #525252 !important;
}
.bg-color-blue {
  background-color: #2d89ef !important;
}
.bg-color-blueLight {
  background-color: #3C78A0 !important;
  /*background-color: #eff4ff !important;*/
}
.bg-color-blueDark {
  background-color: #23465E !important;
  /*background-color: #2b5797 !important; Nigel changed this*/
}
.bg-color-green {
  background-color: #00a300 !important;
}
.bg-color-greenLight {
  background-color: #99b433 !important;
}
.bg-color-greenDark {
  background-color: #1e7145 !important;
}
.bg-color-red {
  background-color: #b91d47 !important;
}
.bg-color-yellow {
  background-color: #ffc40d !important;
}
.bg-color-orange {
  background-color: #e3a21a !important;
}
.bg-color-orangeDark {
  background-color: #da532c !important;
}
.bg-color-pink {
  background-color: #9f00a7 !important;
}
.bg-color-pinkDark {
  background-color: #7e3878 !important;
}
.bg-color-purple {
  background-color: #603cba !important;
}

.bg-color-darken {
  background-color: #1d1d1d !important;
}
.bg-color-lighten {
  background-color: #d5e7ec !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}
[class*=border-color] {
  border: 2px solid;
}
.border-color-blue {
  border-color: #2d89ef !important;
}
.border-color-blueLight {
  border-color: #eff4ff !important;
}
.border-color-blueDark {
  border-color: #2b5797 !important;
}
.border-color-green {
  border-color: #00a300 !important;
}
.border-color-greenLight {
  border-color: #99b433 !important;
}
.border-color-greenDark {
  border-color: #1e7145 !important;
}
.border-color-red {
  border-color: #b91d47 !important;
}
.border-color-yellow {
  border-color: #ffc40d !important;
}
.border-color-orange {
  border-color: #e3a21a !important;
}
.border-color-orangeDark {
  border-color: #da532c !important;
}
.border-color-pink {
  border-color: #9f00a7 !important;
}
.border-color-pinkDark {
  border-color: #7e3878 !important;
}
.border-color-purple {
  border-color: #603cba !important;
}
.border-color-darken {
  border-color: #1d1d1d !important;
}
.border-color-lighten {
  border-color: #d5e7ec !important;
}
.border-color-white {
  border-color: #ffffff !important;
}
.border-color-grayDark {
  border-color: #525252 !important;
}
*:hover[class=outline-color] {
  outline: 3px solid;
}
.outline-color-blue {
  outline-color: #2d89ef !important;
}
.outline-color-blueLight {
  outline-color: #eff4ff !important;
}
.outline-color-blueDark {
  outline-color: #2b5797 !important;
}
.outline-color-green {
  outline-color: #00a300 !important;
}
.outline-color-greenLight {
  outline-color: #99b433 !important;
}
.outline-color-greenDark {
  outline-color: #1e7145 !important;
}
.outline-color-red {
  outline-color: #b91d47 !important;
}
.outline-color-yellow {
  outline-color: #ffc40d !important;
}
.outline-color-orange {
  outline-color: #e3a21a !important;
}
.outline-color-orangeDark {
  outline-color: #da532c !important;
}
.outline-color-pink {
  outline-color: #9f00a7 !important;
}
.outline-color-pinkDark {
  outline-color: #7e3878 !important;
}
.outline-color-purple {
  outline-color: #603cba !important;
}
.outline-color-darken {
  outline-color: #1d1d1d !important;
}
.outline-color-lighten {
  outline-color: #d5e7ec !important;
}
.outline-color-white {
  outline-color: #ffffff !important;
}
.outline-color-grayDark {
  outline-color: #525252 !important;
}
/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Bricks.less
 *
 */
.item-margin {
  margin: 0 10px 10px 0;
}
.column-margin {
  margin: 0 20px 10px 0;
}
.group-margin {
  margin: 0 80px 10px 0;
}
.brick {
  position: relative;
  margin: 0 10px 10px 0;
  display: block;
  float: none !important;
}
.short-brick {
  position: relative;
  margin: 0 10px 10px 0;
  display: block;
  float: none !important;
  width: 150px;
  height: 150px;
}
.medium-brick {
  position: relative;
  margin: 0 10px 10px 0;
  display: block;
  float: none !important;
  width: 310px;
  height: 150px;
}

.badge {
    .brick;
    width: @subunit*7;
    height: @subunit*6;
    padding-top: @subunit;
    #font > .control;
    color: @darken;
    text-align: center;
}

.square {
  display: block;
  float: left;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}

.centered {
	margin: 10px 0 0 10px;
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Tiles.less
 *
 */
.tile-group {
  margin: 0 auto 0 auto;
  max-width: 960px;
  height: auto;
  min-height: 1px;

}
.tile {
	display: block;
	float: left;
	/*background-color: #3C78A0;*/
	width: 150px;
	height: 150px;
	cursor: pointer;
	box-shadow: inset 0px 0px 1px #FFFFCC;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	/*font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 11pt;*/
	letter-spacing: 0.02em;
	line-height: 1.5em;/* was 20px*/
	margin: 0 10px 10px 0;
	overflow: hidden;
}
.tile * {
  	/*color: #FFA407;*/
}
.tile .tile-content {
	position: absolute;
	top:0;
	z-index: 10;
	/* Nigel added abbove and removed below
	width: 100%;
	height: 100%;*/
	vertical-align: top;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 16px;*/
	font-size: 0.9em;
	color: #ffffff;

	
}
.tile .tile-content:hover {
	color: #ffffff;/*color: rgba(0, 0, 0, 0.8);*/
	overflow: visible;
}
.tile .tile-content:active {
  color: rgba(0, 0, 0, 0.4);
}

.tile .tile-content h3 a,
.tile .tile-content p a {
  color: #ffffff;
}

.tile .tile-content h1,
.tile .tile-content h2,
.tile .tile-content h3,
.tile .tile-content h4,
.tile .tile-content h5,
.tile .tile-content h6,
.tile .tile-content p,
.tile .tile-content a {
  padding: 0;
  margin: 0;
  /*line-height: 20px;*/
  color: #FFA407;
  text-decoration:none;
}

.tile .tile-content h1:hover,
.tile .tile-content h2:hover,
.tile .tile-content h3:hover,
.tile .tile-content h4:hover,
.tile .tile-content h5:hover,
.tile .tile-content h6:hover,
.tile .tile-content p:hover,
.tile .tile-content a:hover {
  color: #ffffff;
}

.tile .tile-content p {
  /*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;*/
  color: #ffffff;
  /*line-height: 16px;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile .tile-content p:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .tile-content p:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .tile-content p:hover {
  color: #ffffff;
}


.tile.icon  > .tile-content {
  padding: 0;
}
.tile.icon  > .tile-content  > img {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
}
.tile.image  > .tile-content,
.tile.image-slider  > .tile-content {
  padding: 0;
}
.tile.image  > .tile-content  > img,
.tile.image-slider  > .tile-content  > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.tile.image-set  > .tile-content {
  margin: 0;
  padding: 0;
  width: 25% !important;
  height: 50%;
  float: left;
  border: 1px #1e1e1e solid;
}
.tile.image-set  > .tile-content  > img {
  min-width: 100%;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.tile.image-set .tile-content:first-child {
  width: 50% !important;
  float: left;
  height: 100%;
}
.tile.double {
  width: 310px;
}
.tile.triple {
  width: 470px;
}
.tile.quadro {
  width: 630px;
}
.tile.half-vertical {
  height: 70px;
}
.tile.double-vertical {
  height: 310px;
}
.tile.triple-vertical {
  height: 470px;
}
.tile.quadro-vertical {
  height: 630px;
}
.tile .brand,
.tile .tile-status {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}
.tile .brand:before,
.tile .tile-status:before,
.tile .brand:after,
.tile .tile-status:after {
  display: table;
  content: "";
}
.tile .brand:after,
.tile .tile-status:after {
  clear: both;
}
.tile .brand  > .badge,
.tile .tile-status  > .badge {
  position: absolute;
  bottom: 5;
  right: 5;
  right: 5px;
  margin-bottom: 0;
  color: #ffffff;
  width: 16px;
  height: 16px;
  text-align: center;
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  padding-top: 3px;
}
.tile .brand  > .badge.activity,
.tile .tile-status  > .badge.activity {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGMSURBVDhPvZMtTwNBEIbv2mtScaICcQJRgSgJCQIEhqSiAlEHAlFRwU/ov0AgUEgUsrIkiJIgMOAQJFSQQAIJJBWIu95Hj2eGvXIpB3W8yWTn452Z3dld25pDmqZuFEWdcrm8jr6JK7Bt+wb9Ft85+vsXswBxHHdIfmFNi4TYG7InXAp6ss52kCTJIc6e6KzSVbrdYzrYDaSFXZU4uEQ8x3FW1ZpMJge5Tn3IdQ3kID5iw4zHTqIsUEP3TWCA7WhgDjRZg/eUFRCR3Fl3KYJjyfALIUU46jHcsSlQl8FdmQJnhrcQJFbJ6QZB0LDDMNyS4XBFo1Kp9Gw4/wi247GLHmvNuBaC47Y5gtzIQB1mBmMGdDSdTpfV+QdM8vfcsqkap6ClgQIQa+a4bXViPGRO5ILjuBqYAwk7yIfhXcNz9CljDFkkST6P4JGjnHA7d+gBxAY3tIve1Khljbi1beKvakHQp0uhfTrMjvOL9H3fX9FE8OM7yxAhdem4QWHZkSufSoTYaaVSkY9kYFmfXgyTciI3uacAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.alert,
.tile .tile-status  > .badge.alert {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFeSURBVDhPpZMtT8RAEIbb7YoTJ04gkQgQuBNIEpB4LD8AwQ9AkCCQhGAvQSAuKHCIE0gEP+DEISAhQYK4pE0/eWa65a7lSvh4k8nsvDv77sxs67UhSZLNNE0LZ3uO/gLj/J+hAkVRWI1+geqMCuR5fkKZoyiKViX+DuQu094wy7KhEmEYrkAk0qt4Nk5R77GszQCuE8fxIXxY8ZJjgiBY8n3/UcTwlsQDNifGmF29AcBtITyGOyan47gXXFfW2g/q+yi+VeptJhVgR1KRHp4HZI+bzknQlhYcvpQZuHRF8xmnCDyLL8MZEI9o4YkW3h1VB+o73DJp3to08l7xsw9Lng5i1EiSSV/Pcbdwzfk8MLcNqjIyye1STnHD5joln7lYcGWtXaP8gYsFfeJyHvR9waExt3wKsV74L3Brn/geu3OUDqiL1T7nNoEK8mLi9RUoZYqlsv4pqtf459/oeR8seozS7mDHCwAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.available,
.tile .tile-status  > .badge.available {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKvSURBVHjahJA/bJR1HMY/31977x33r2LuClc1LYM9TSAUr5gqtkVJjAkSFxYHE3VgaWRw0cUwOagxMZLApoXFBIwuHVSoQYkVMBXUpqSkMW9jaS25plh7/3rv+3scTIwixs/8PHn+2Bk/SVtN2mqxacYOKw13KfNiXtlneihmDONXqs0VVs/VXP1UqJvnc8qBeZoWYWf9JHXVqWkj2EX55G76X86R4W40aDHNzMdzLBwJLLEWm6fTI+o0knvZ+dkgO/cDfGczTNpl5gjxePrpY0SPMKwKT1A5nCe7Y4ofDgQEv/Ghn2AqunZabUmR9Fb8gQoaUVIVFTSiokaV0qDu0T694Y+rGbWktnQ5+nHiuP+IjrFjR4cqevj9wBK8beO87t6jiyzbKJAiIEWSreQxjAm7QGyeAwzRzb39i/7WFbdV2bGs0nxvs7zjxtlOgRwZPP6v7R5PmhQPUOKEneFLd4UECfqs51WXU/opDL6wb/mdDfJkEfrXgUKk2UKbiM/5BoD76d7reujOANwgJH9H8p14PDnSzBGySZsSReecDIAIDxj/jxH/LcQtW7UJ0E8f69RwuP+0Ohwb1CnTS0CCW6zK3Wb9a4AnNcgWktRoYHdpYhgtWvypfRSARVv5yVXd2smGWuzTHo7qeRZZpk7zH00cRos2ITd5yT/HQY0gPKGW3u0YPvZ06HB77tO2hx5jN5HFTNk11lgHRIs2VW5Tp8kRf5g3eYUUSa5y/eKsfn7NTvlPaCjqelwDF3bx4ADAeXeJc1xijpCYmDJ9jKrCIe0H4IaF81/56VGDJTvtPwV1IFmhTO/4AOWDSQIAWmwiRIokADEx08xeXGD5hUjxQp0GnQCdOAKS1RnNP7tO7VDOMmO9bB8qUQRghVVCW7raUOPEvH45W7IidRoA/DEAmmk0pL+n6f4AAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.unavailable,
.tile .tile-status  > .badge.unavailable {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKASURBVHjalJK9axxXFMV/772ZzOysVqvRDgtaSSwpJYFwY3ATEpIm5KNLawgp3Ljz/5E2bu20CYQUBoMNNnaRMkUKqYiQtIgdCQ0TaVc7M29n3nspzC7GMYYcuMWFe7jnHI4YjUY453DOYYyh0+l8opT63vO8L8MwbAshqKqq0lo/c849rqrquXMOIcSbGY1GWGsxxny0urr6MI7jH5RSAFhrAZBSLvc8z3+dTqf3lFL/SCnxAIwxwdra2tP19fXPAC4vL8myjKIoAIiiiF6vR7/fJ0mS75RSH19dXX0hpbwWx8fHrKys/JwkyV1rLYeHh5yenuKc420lzjm2trbY3d3F8zzyPH8ynU6/ERcXF3fiOP7D930ODg44OjoiDMOl7AWstZRlyXA4ZH9/H2MM4/H4K+l53n3f98myjJOTE4Ig+A95kUMURZydnXF+fo5SiiiKHkjf9z9f+AaWst+HRfKL2yiKbssgCNrOOWaz2Xs/vwulFLPZjLquCcPwDcM5x//B2/dyPp9XC3/WWoQQHyQbY2i32/i+T1VVTtZ1/QogSZJlGz/02VpLkiQAlGX5l2ya5mHTNPT7fba3tynLctnAd8llWTIYDNjY2MBaS1EUP0qt9YvJZPI7wM7ODsPhEK01WmuapqFpGrTWVFXFYDBgb28PIQTX19ev67r+TYzHY7TW3W63+zKO41sAaZqSZRk3NzcAtNtter0em5ubAEwmk7/zPP9USjkWaZoyn89xziWdTudRt9v9etGFuq4B8H1/aSXP89dFUdx1zp065xBpmlLXNUIIjDG0Wq1vPc+7H4bhnVarhRCCsiwpiuJPY8xPRVH8EgQBxhistfw7ABpxTL93U9x/AAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .badge.away,
.tile .tile-status  > .badge.away {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAJ2SURBVHjajJI7iFVnFIW//d9zz52ZO2fG14gzJBgbp5JYKPh+NqKxsxWMRZoBCxu1sAuBKFaClj5KDUQhRXybCIqICjqNYjFDhtExN45e7/uc8y+L/yJGp3A1+2fDWv/ea23zlQvIp0gpRgfrWbZRNrhP0cAOopEyGGSvWmQz15zq59SeuC5LsAis0MJ85SLKG8jXY3pXnKb8/X6iBAB8KLhuzZtQf/gbrWc/WTGetSgnAg9qlCiv/pNk1RYAqz3A6jeg/SyoxMtReRNKNsLAhj24gWW0726H+B3+9Rmyd3fPp5KyXMpf/SqNL5KelEIdH5Ke9Ejj8+SnjyrLWkolZbX7f/jZk5h/e3WN7197j0I/NnMMN3MYoiXgBv6/g+rQmUJDR/Ajv4BP0eylnU5u/pgK/Vj9Ee6/411y8gm5a4b1Qfwt9uYUrnoTXBGLvzvoFCXbDLDaVcjfd38WX0JBRCnUroRW/M1qRzRSxgPt55+NPRc8FJJgbtaB4rBz+phRxtcj//hylr5s4YDScvDVT0KfCw7yGpRGIYohfS2H3v4NoL6tYL3BbWwOsoHawY3y1tDJpp46p8pp5U2UrEcLD0BnCtT4bBIXyJ0J/Pwf0eAu8ELtiROO5uQtazy9LMAvPoKGDoU00n/CSr4K2RTkFfyCMRj+OWg2Ht9RNv27+X/PId8cVN+62/SvWAngqtehdq17yjmURlHfZjRvdxi98fyFr/21GWfT5ivnkQehRfSOnqV35S4KpW4w7ZB/1NNNMYf6wzukk3ulbBI1iIJkBBZX1Bn/gby621wyRrx0DcXhQGzPYOnEY/nmKbVeXLTicNcn+DAArZ4503S5ZjkAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.busy,
.tile .tile-status  > .badge.busy {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKNSURBVHjajJI9a1RBGIWfGeLdmPXuKkR0Q0RTmFsFUxgQNcaPRonpbAW1sAlY2IhFfoCIVSDaaVImFhYWmkTxAwJBVgttNqTYQFAjAWPi7t3svXeOxeC3hQdeZpiZ887DmTFuchIlCUoSTLOJ6erqV7F4QYXCaTo68hgDHz82WFmZsbXauKrVWYUhBjCNBsZNTaF6HdVqAT09tzlw4BJhyD8Vx1Au36dSuWyC4LPJMlpwDur1HH19jzh48DiAefUK8+QJVCrgHHR3o2PHUH8/HD16jkKhi7m5UwTBF9zdu6RzcxOJpFRSduOG1N4u5XJ+3LlTam2Vtm+XGxlR2mgokZTOzz90o6PgpqcPpRsbP83GSKWSFEXS/v2+okjq7JRA7vp1pZLSZlPJ5OQZqx07hrVtG+b1a+zNm7B7N4ShR/8u56CtDfbswYyNYZ8+hS1bMPv2XbUKw5MGMNPTsLEBhQJIfwco+SZJAo8f+7XOzj5LR0cegIUFb/715j/lnKerVKDZhFLJWlnrN9OU/1aW/Zha8+FDA4Dublhfh+8N/yVr4etXiCIIAvj0SZa1tRcAOnECtm6FWg2M+dtsDGxu8uMsYJaX31q7unpbcYyOHEFXrsDyMtTrv5NY683VKu7iRTQ4CBKqVm/h7twhnZ9/kEhK41ju2jWpWJTa2qRdu3zl81I+r2x4WNnamv8H5fKLZHQU48bHURwXdfjwM3p6egHs7CzMzPi0swyiCA0MoKEhj76wsOiePx/AmPfGTUwgQFI7UXSP3t5BcjmPvrnp37+19Wf65fJLlpbOK02XqNdpAaClBYJgVe/enWV9fciE4TB79x6iVPLGlRVMtfpGcTymxcUpUyr5nIBvAwDWIWcndiwtQAAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.newMessage,
.tile .tile-status  > .badge.newMessage {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhP1ZE9DgIhFIQhobDYg1haWniMbSw9j0exsfMAeg9L7Sy2kPATnCFI2LgYtjJOMjx4vPkoED+X5OK934cQ+thpFOYvSqmdMMascVDOuQMcGn1GptNaL4W1dgBkMwOSw8jeBJszIKMwexFAN0A+wnQG0Lh4wv0EJIb5AO4fRX8MoDFAlZAyPJSztOSSfiYLAYeyxTcdURcIrqSUJ7iLA4UmAdQbgnqvhakqgEoQXQtTXwEtIuCa9n8pIV67VJf6AmhGmgAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.paused,
.tile .tile-status  > .badge.paused {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVDhPY/j9+7fDnz9//mPBCQxQgE8NE1QN2WDUgFEDQGDUgIE3gIEBAArtNKc4HT7sAAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .badge.playing,
.tile .tile-status  > .badge.playing {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEXSURBVDhPY4CBnz9/pvz+/dsFyiUaMEFpBiYmJhkgtf3v37/t////Z4GIEgZwA0CAkZGRBai5AmjIYSCtABXGC1AMQAIWf/78OQ/EEVA+ToDLAJBrBIDUcqBrZgNdwwMRxQQ4DYABoOYUoCGngYFsABVCAQQNgAINYCAf//XrVwGUDwfEGgDyEgfQkH5guGwGukoEKky8AUhA5sePH6DwAQOSDAC6YgIzM7MpJyfnHagQcQYAnfwGiD2BmguBhvyBCoMBMQbsYWFh0WVlZd0B5aMAnAYAbfzz79+/SqBmV6CtL6DCGACXAQ+ABliysbF1QPk4AYYBQI0rgH7VBWo+AxXCC+AGADV+AVKJQL9GAp0MYhMBGBgA8v5j1f90TA8AAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.error,
.tile .tile-status  > .badge.error {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFiSURBVDhPjVM7TsNQELRjy8ISBQeIREtBEYnQUXCINFTkCCBxgNwAJI5AaejSpaCAEqRINBTcIQ1SbD9/mHmfZP3iSIw0ytt9O7O7thMGHpqmGVZVNQnD8AwcMde27RL8rOt6nqbpjy7sA4RTpdQKv20fcbcuy/IOZrGVbIHLpz7RHr52TJCYukuMeU+6WDBjdxej4UyLubMbm0KdBDyTzHWEyY01UEVRnA4Q8IEdaZVAFEW3yD/g+IzzFc6VuTFAHAPXO7vLKQi5q+suuOD+X15yx4ToEXON1QB3B6ZkC3Qd+q8Kaxzbo0TMCTLPefPAfPS8nTeOtnk1YEfMsf11pIm+y/P8BLusmaCZrevsLE1QO3F51FzopJyCQil2pAnFoLLxI7X6z8SxkVjgeMn4H/jGQz3Ht/BrY2MC85nrsI/sjNpDKzMTSODzHPELQ9EY1H9ndFqCHxC/JEnyrgs1guAPTvwreuY0IiIAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.attention,
.tile .tile-status  > .badge.attention {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEbSURBVDhPtZI9bsJAEIVZ7ANQ5gApEomChjoNBUUOkSJFivSUQE3JEThCCo4BkotcIVKKNEi2vP7hveVZrMFgKPJJo915szOzf51/Jc/zhbV2Jfc+kiR5QrLNsqzEMJJ8O0hcM1kWlWUZKtQOOo69ZGdpmn4ofB12QsI3k1BoRtP8F7Gell0GnT6rrpJ4HOfzUiU1ww7o9HepAGI2juNHyeegw7Ja3FRA9iW5jv9slSl0WqD2rEYjF7Hy68E7gCPNORpjpk44sg2CYAg969JTxVoywYIXmlyfAS77jRPDZ8PZN5j3KfiEYeh2yG07wQN5P4g/d9H9Hf5ZMkHM/QO5NbCzh6IoJgbVI/iNBdrALnY8An9X+w9rpLPbA/sADga+JgSiAAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .name,
.tile .tile-status  > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 15px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #ffffff;
}
.tile .brand  > .name:hover,
.tile .tile-status  > .name:hover {
  color: #ffffff;
}
.tile .brand  > .name  > [class*=icon-],
.tile .tile-status  > .name  > [class*=icon-] {
  font-size: 24px;
}
.tile .brand  > .icon,
.tile .tile-status  > .icon {
  margin: 5px 15px;
  width: 32px;
  height: 32px;
}
.tile .brand  > .icon  > [class*=icon-],
.tile .tile-status  > .icon  > [class*=icon-] {
  font-size: 32px;
}
.tile .brand  > .icon  > img,
.tile .tile-status  > .icon  > img {
  width: 100%;
  height: 100%;
}
.tile .brand  > .text,
.tile .tile-status  > .text {
  position: absolute;
  left: 60px;
  top: 5px;
  right: 50px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #000000;
  color: #ffffff;
  line-height: 14px;
}
.tile .brand  > .text:hover,
.tile .tile-status  > .text:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .brand  > .text:active,
.tile .tile-status  > .text:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .brand  > .text:hover,
.tile .tile-status  > .text:hover {
  color: #ffffff;
}
.tile:hover {
  outline: 3px #FFA407 solid;
}

.tile.right {
	float:right;
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Tables.less
 *
 */
table {
  width: 100%;
  border-collapse: separate;
  margin: 0 0 20px;
}
table thead tr th,
table thead tr td {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 5px;
  padding-top: 10px;
  padding-left: 5px;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-left: 1px transparent solid;
  border-top: 1px transparent solid;
  /*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;*/
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  background-color: #FFA407
 
}
table thead tr th.right,
table thead tr td.right {
  text-align: right;
  padding-right: 10px;
}
table thead tr th.last,
table thead tr td.last {
  border-right: 1px transparent solid;
}
table thead tr th:last-child,
table thead tr td:last-child {
  border-right: 1px transparent solid;
}
table tbody tr {
  border: 1px #fff solid;
}
table tbody tr td {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  padding: 3px 10px;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  box-sizing: border-box;
}
table tbody tr td.right {
  text-align: right;
}
table tbody tr td.center {
  text-align: center;
}
table tbody tr td.last {
  border-right: 1px transparent solid;
}
table tbody tr td:last-child {
  border-right: 1px transparent solid;
}
table tbody tr.success {
  background-color: #00a300 !important;
}
table tbody tr.error {
  background-color: #b91d47 !important;
}
table tbody tr.warning {
  background-color: #e3a21a !important;
}
table tbody tr.info {
  background-color: #2d89ef !important;
}
table tbody tr.info td,
table tbody tr.warning td,
table tbody tr.error td,
table tbody tr.success td {
  color: #ffffff !important;
}
table tbody tr.selected-row {
  background-color: rgba(28, 183, 236, 0.1) !important;
}
table tbody tr.selected-row td:first-child {
  border-left: 1px #1c98cc solid;
}
table tbody tr.selected-row td:last-child {
  border-right: 1px #1c98cc solid;
}
table tbody tr.selected-row td {
  border-top: 1px #1c98cc solid;
  border-bottom: 1px #1c98cc solid;
}
table.striped tbody tr:nth-child(odd) {
  background-color: rgba(35, 70, 94,1)/*#f9f9f9;*/
}
table.hovered {
  border-collapse: separate !important;
}
table.hovered thead tr th:hover,
table.hovered thead tr td:hover {
  border: 1px #1c98cc solid;
  background: rgba(28, 183, 236, 0.1);
}
table.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
table.hovered tbody tr:hover td:first-child {
  border-left: 1px #1c98cc solid;
}
table.hovered tbody tr:hover td:last-child {
  border-right: 1px #1c98cc solid;
}
table.hovered tbody tr:hover td {
  border-top: 1px #1c98cc solid;
  border-bottom: 1px #1c98cc solid;
}
table.bordered {
  border-collapse: separate !important;
  border: 1px #ccc solid !important;
}
table.bordered tbody tr:last-child td {
  border-bottom: 0;
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * images.less
 *
 *//*
.image-collection {
  position: relative;
  margin-left: 0;
  list-style: none;
  *zoom: 1;
}
.image-collection:before,
.image-collection:after {
  display: table;
  content: "";
}
.image-collection:after {
  clear: both;
}
.image-collection  > div,
.image-collection  > li {
  width: 220px;
  height: 121px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: inset 0px 0px 1px #FFFFCC;
  float: left;
  background: #cccccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAP5SURBVGhD7ZdBSBRRGIB319VW8OBhAwMhgwIPQgpGHYoMDeoYeAkSDBKSEIw8BCUd7FahgZDQxZtBFw9BRkIGezA0FAo0EBIyCCrwILjq6vb9M/8uM7szu+7qaAvzweP9/3tv3vz//978703Ax8fHx2cvBLW2sbW11R4MBp+o6sjOzs7zioqKIVUPjZDWNjC+iqouV2FMNfWh4+hAKRFMJpNhtkxvKBS6iC6RF2oo9aboyrKWw2CNLfypvLx8KLi9vT2IE73aUWqMB4n+b/ZzVBtKCgKfCCYSiaTqJcmBO0DUVlnxacoK+/gn395x2uoo52iL6LBdc5AOvMHIZ+FwOIahCW1LQ18EW67Q9wC12WzNj+cOYNgKVQcZY8psyc/GxsYtVmYQZ1JZ0RWvHYiVlZVdw5A/qhtgYAPtjWwhSR6zODfPmDWz10THvEbMmc69dGAJA5pShskWweABym2XyE5hS3ckEllUPbC+vn6SLTfDeNdT35OTGGMTnC8SecP4zc3NZvQ52vtcjBdacHiOsX2qByorK5eoOkzNGU9WACNHMKZbZCJei/FfckUxE57p4aI4rGoAGz9QtZiaHU8cwPhjGPxL5Fwvd4OViuN0U2o7cdhKdnprdGbgxRaSNJkyvpOqIOMFno+w91+oGkCexCnbR57C1QEmGWIpLxDNE9bCRJfoG9FhWdAXU1Ei2apiwfDseYpxsDFngjJpdGTg9j8wjLF32YcSzWVrkXxOXzeTv9LhNmj/pqLM06hiwfCs3JIbVBVdzpMsHB0g8u9UdIUJHcfggPEi6jBV2oBi4DBLP49Nf1W04egAL5e/rpy4jcEx42ZLnWCM7QArFOvzOHNERRtuW+iR5G5Vs2Bp26jumZodSZsqyjzTKhYFH2/6eeu8VtwciOLxDIb+IJN8txZpo/89xfFA4rmzKso88yoWDNFf4fn0CiCfU9HGvp8DvHiNyB3lhXHkKPMvIBfzw3STeUZFiMfj9cgLRmsGjiuwFzC2ilWS/C+yRLBL5AIZTxkvkPnuqJiFJyexfHwYcAoHVkXnVB2g7aHRmZ950vRldT51oZNVlKyWxb6vgMDLohj9UlW5WvTjwFWKYy4X6JPD6iljz6SMpy1C9MfcjBe8vE5L5ujnMHysqhhUzfa6gZGnkSXLSSL4yrjP1BOMnZVxAv1hgjCG2G62OOOpAwLRGyUzdVFn/Ua6gfE1anzee5QnW8gKxnRizAKBMj7sXDA2wvlzXzIX6q4ugZ6vgBUMlL09wZb5yKrI9xCnVNNei95K3cZK5f0PtnKgDnhBCK8d79mlQoglS9/fS5DFEGmtByHGSuw6S/wnzJIcrqvs4+Pj41MMgcA/8Fr5zKgSl7AAAAAASUVORK5CYII%3D) 50% no-repeat;
  display: table-cell;
  vertical-align: middle !important;
  text-align: center;
}
.image-collection  > div  > img,
.image-collection  > li  > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.image-collection  > div  > .overlay,
.image-collection  > li  > .overlay {
  position: absolute;
  width: 100%;
  height: 55px;
  overflow: hidden;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 8pt;
  text-align: left;
  line-height: 12px;
  padding: 5px 10px;
  opacity: .8;
  bottom: -55px;
}
.image-collection  > div:hover .overlay,
.image-collection  > li:hover .overlay {
  -webkit-transform: translate(0, -55px);
  -ms-transform: translate(0, -55px);
  -o-transform: translate(0, -55px);
  -moz-transform: translate(0, -55px);
  transform: translate(0, -55px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s easet;
}
.image-collection.p16x9  > div {
  width: 220px;
  height: 121px;
}
.image-collection.p4x3  > div {
  width: 220px;
  height: 165px;
}
.image-container {
  position: relative;
  padding: 5px 5px 50px;
  background-color: #1e1e1e;
  width: 220px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.image-container img {
  width: 100%;
  height: auto;
}
.image-container  > .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  font-size: 8pt;
  color: #fff;
  line-height: 14px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-container.light {
  background-color: #ccc;
}
.image-container.light  > .overlay {
  color: #1e1e1e;
}