/*
Button control.
*/

.win-command {
   background: none;
   background-clip: border-box;
   height: 55px; /* height is 88px (label) or 68px (no label) */
   padding: 2px 0 ; /* bottom dependent on label/img, 2px margin */
   margin: 0 5px;
   border: 0;
   min-width: 55px;
   text-align: center;
   font-size: 9pt;
   font-weight: normal;
   line-height: 16px;
   float:left;
   padding-top:2px;  
   color:White;
   margin-top: 4px;
   padding-bottom:0px !important;
}

.win-command-small {
   background: none;
   background-clip: border-box;
   height: 40px; /* height is 88px (label) or 68px (no label) */
   padding: 2px 0 ; /* bottom dependent on label/img, 2px margin */
   margin: 0 5px;
   border: 0;
   min-width: 40px;
   text-align: center;
   font-size: 9pt;
   font-weight: normal;
   line-height: 16px;
   float:left;
   padding-top:2px;  
   color:White;
   margin-top: 4px;
   padding-bottom:2px !important;
}

a.win-command {
   min-height: 32px; /* content (20px) + padding + border */
}

/*
Command button icons.
*/
.win-commandicon {
   display: inline-block;
   margin: 0 28px; /* padding for command buttons, 2px/side for focus */
   min-width: 0;
   min-height: 0;
   padding: 0;

   /* Normal sizing */
   width: 40px;
   height: 40px;
   box-sizing: border-box;
   cursor: default;
}
.win-commandimage {
   font-family: "IcoMoon";
   letter-spacing: 0;

   /* Applications provide their own content, like . */
   vertical-align: middle;
   font-size: 14pt;
   margin: -2px;
   line-height: 40px; /* line-height must match the content box height */
   background-position: 0 0;
   /*background-origin: border-box;*/
   display: inline-block;
   /* Still 40px */
   width: 40px;
   height: 40px;
   background-size: 160px 80px;
}

.win-commandimage-small {
    background-position: 0 0;
    background-size: 160px 80px;
    display: inline-block;
    font-family: "IcoMoon";
    font-size: 9pt;
    height: 20px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0px !important;
    vertical-align: middle;
    width: 20px;
}

.win-commandimage-medium {
    background-position: 0 0;
    background-size: 160px 80px;
    display: inline-block;
    font-family: "IcoMoon";
    font-size: 12pt;
    height: 35px;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0 4px !important;
    vertical-align: middle;
    width: 35px;
    margin: 0 auto;
}


/*
Command button "ring".
*/
.win-commandring,
hover .win-commandring,
active .win-commandring,
win-command:disabled .win-commandring,
win-command .win-commandring {
   border-width: 2px;
   border-style: solid;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-clip: border-box;
   width:35px;
   height:35px;
   margin: 0 auto;
}


win-command:hover:active .win-commandring,
win-command[aria-checked=true] .win-commandring,
win-command[aria-checked=true]:active .win-commandring,
win-command[aria-checked=true]:disabled .win-commandring,
win-command[aria-checked=true]:disabled:active .win-commandring {
   background-clip: border-box;
  
}

.win-commandring-small,
hover .win-commandring-small,
active .win-commandring-small,
win-command-small:disabled .win-commandring-small,
win-command-small .win-commandring-small{
   border-width: 2px;
   border-style: solid;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-clip: border-box;
   width:25px;
   height:25px;
   margin: 0 auto;
}

win-command-small:hover:active .win-commandring-small,
win-command-small[aria-checked=true] .win-commandring-small,
win-command-small[aria-checked=true]:active .win-commandring-small,
win-command-small[aria-checked=true]:disabled .win-commandring-small,
win-command-small[aria-checked=true]:disabled:active .win-commandring-small {
   background-clip: border-box;
  
}

/*
Command button labels.
*/

win-command .win-label,
.win-label {
  position: relative;
   line-height: 18px;
   display: block;
   max-width: 88px; /* 100px button, but allow for 2px margins and 4px padding on each side */
   padding-left: 6px;  /* 12px between buttons, 6px per side, minus 2px margins */
   padding-right: 6px;
   overflow: hidden;
   word-wrap: break-word;
   word-break: keep-all;
   top: 1px;
   font-size:12px;
}

win-command-small .win-label-small,
.win-label-small {
  position: relative;
   line-height: 12px;
   display: block;
   max-width: 88px; /* 100px button, but allow for 2px margins and 4px padding on each side */
   padding-left: 6px;  /* 12px between buttons, 6px per side, minus 2px margins */
   padding-right: 6px;
   overflow: hidden;
   word-wrap: break-word;
   word-break: keep-all;
   top: 1px;
   font-size:10px;
}

a.win-command,
a.win-command:hover {
   text-decoration: none
}

.win-command:hover 
{
    color:#99B433;
    cursor: pointer;
}

.win-command-small:hover 
{
    color:#99B433;
    cursor: pointer;
}

/*
AppBarCommand separator.
*/
hr.win-command {
   display: inline-block;
   padding: 0;
   margin: 14px 29px 34px 30px;
   width: 1px;
   height: 40px;
   border: 0;
   vertical-align: top;
}

/*
AppBar Edgy Container
*/
.win-appbar {
   z-index: 1001;
   border-width: 0;
   width: 100%;
   height: auto;
   left: 0;
   position: fixed;
}

/*
AppBar control.
*/
.win-commandlayout {
   /*text-align: right;*/
   padding-left: 10px;
   /*padding-right: calc(((100% + 5px) mod 20px) + 5px);*/
   /*width: calc(100% - 10px - (((100% + 5px) mod 20px) + 5px));*/

   /* Hide whitespace between buttons. */
   font-size: 0;

   min-height: 88px;
}
.win-commandlayout .win-selection {
   float: left;
}


/* Narrow buttons and no labels when < 1024px. */
@media (max-width: 1023px) {
   a.win-command .win-label,
   button.win-command .win-label {
      display: none;
   }
   a.win-command .win-commandicon,
   button.win-command .win-commandicon {
      margin: 0 8px; /* 2px margin for focus */
   }
   .win-commandlayout {
      min-height: 68px;
   }
   hr.win-command {
      margin-bottom: 14px;
      margin-top: 14px;
   }
}

@media (min-width: 321px) and (max-width: 1023px) {
   hr.win-command {
      margin-left: 10px;
      margin-right: 9px;
   }
}

/*
Back button.
*/
.win-backbutton {
   position: absolute;
   left: 10px;
   top: 8px;
   display: inline-block;
   min-width: 0;
   min-height: 0;
   background-clip: border-box;
   box-sizing: border-box;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border-width: 2px;
   border-style: solid;
   padding: 0;
   text-align: center;

   /* Normal sizing. */
   width: 38px;
   height: 38px;
   font-size: 20px;
   line-height: 38px; /* line-height must match the content box height. */
   vertical-align: baseline;
}
.win-backbutton::before {
   font-weight: normal;
	font-family: 'IcoMoon';
   content: "\e05d";
   vertical-align: 24%;
}
.win-backbutton:disabled, .win-backbutton:disabled:active {
   background-clip: padding-box;
   visibility: hidden;
}

.metrouicss .shortcut-small {
  width: 40px;
  height: 40px;
  min-height:40px !importaint;
  min-width:40px !importaint;
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
  text-decoration: none;
  background: #F3F3F3;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-bottom: 2px transparent solid;
  position: relative;
}
.metrouicss .shortcut-small:hover {
  border-color: red;
}
.metrouicss .shortcut-small:active {
  background: #F3F3F3;
  top: 1px;
  left: 1px;
}
.metrouicss .shortcut-small > .icon {
  margin-top: .25em;
  margin-bottom: .25em;
  color: #888;
  display: block;
  float: none;
}
.metrouicss .shortcut-small > .icon [class^="icon-"],
.metrouicss .shortcut-small > .icon [class*=" icon-"] {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.metrouicss .shortcut-small > .label {
  display: block;
  font-weight: 400;
  color: #666;
}
.metrouicss .shortcut-small > .badge {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #2d89ef;
  padding: 5px;
  margin: 0 !important;
  text-align: center;
  display: block;
  font-size: 9pt;
  color: #fff;
}
.metrouicss a.shortcut-small {
  padding: 12px 0;
}
.metrouicss a.shortcut-small .label {
  font-size: 9pt;
}


.first-name-span {
    display: block;
    font-family: 'Segoe UI Light','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-size: 20pt;
    font-weight: 200;
    letter-spacing: 0.01em;
    line-height: 24pt;
    margin: 0;
    clear:both;
}

.command-badge
{
    font-size: 9px; left: 21px; padding: 1px;position: relative;top: -32px;
}

.command-badge-small
{
    font-size: .6em; left: 18px; padding-left: 1px;padding-right: 1px;position: relative;top: -27px;
}

.nav-control-left {
    position: fixed;
    top: 50%;
    left: 5px;
    width: 45px;
    height: 116px;
    margin-top: -20px;
    font-size: 130pt;
    font-weight: 100;
    line-height: 75px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: .65;
}

.nav-control-right {
    position: fixed;
    top: 50%;
    right: 5px;
    width: 45px;
    height: 116px;
    margin-top: -20px;
    font-size: 130pt;
    font-weight: 100;
    line-height: 75px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: .65;
}
.nav-control-left:hover
{
    opacity: 1;
}
.nav-control-right:hover
{
    opacity: 1;
}


img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}