﻿/* Typography 
Explicitly define a Segoe UI font-family so that we can assign Segoe UI 
Semilight to an appropriate font-weight.
*/
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic");
}
/* Mixins */
/* Mixins for elements so we can use them in our reset and in proper form element LESS files (Reset.less, Input.less, Button.less).*/
/*loading spinner using css and one element*/
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
/* Color Palette variables*/
/* Sizing Variables */
/* Background colors */
/* Media Query Mixins */
.RadDock .rdCenter .rdCommands a,
.RadDock .rdCenter .rdCommands a span {
  text-indent: 0 !important;
}
.RadDock .rdCenter .rdCommands a {
  margin-top: 1px;
  width: 14px;
  margin-left: 5px;
}
.RadDock .rdCenter .rdCommands a span {
  position: relative;
  background: none !important;
  opacity: .5;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.RadDock .rdCenter .rdCommands a span:before {
  position: absolute;
  left: 0;
  cursor: pointer;
  line-height: 19px;
}
.RadDock .rdCenter .rdCommands a span:hover {
  opacity: 1;
}
.AddNewItem:before {
  content: "\f067";
  color: #1cb24b;
  font-family: FontAwesome;
  font-size: 14px;
}
.ChangeFilter:before {
  content: "\f0b0";
  color: #174a63;
  font-family: FontAwesome;
  font-size: 14px;
}
.OpenTaskWindow:before {
  content: "\f08e";
  color: #174a63;
  font-family: FontAwesome;
  font-size: 14px;
}
.RefreshWidget:before {
  content: "\f021";
  color: #1cb24b;
  font-family: FontAwesome;
  font-size: 14px;
}
.ExpandAll:before {
  content: "\f065";
  color: #174a63;
  font-family: FontAwesome;
  font-size: 14px;
}
.rdCommands a[title="Configure"] span:before {
  content: "\f013";
  color: #808080;
  font-family: FontAwesome;
  font-size: 14px;
}
.rdClose:before {
  content: "\f00d";
  color: #f05667;
  font-family: FontAwesome;
  font-size: 14px;
}
.rdExpand:before {
  content: "\f078";
  color: #174a63;
  font-family: FontAwesome;
  font-size: 14px;
}
.rdCollapse:before {
  content: "\f077";
  color: #174a63;
  font-family: FontAwesome;
  font-size: 14px;
}
.RadDock .rdTable .rdTop .rdLeft,
.RadDock .rdTable .rdTop .rdRight,
.RadDock .rdTable .rdMiddle .rdLeft,
.RadDock .rdTable .rdMiddle .rdRight,
.RadDock .rdTable .rdBottom .rdLeft,
.RadDock .rdTable .rdBottom .rdCenter,
.RadDock .rdTable .rdBottom .rdRight {
  /* the bottom of all widgets looks weird on Firefox 4/5 unless we add this line */
  font-size: 12px !important;
}
/* Company Flash Report Temp styles.
	TODO: Move to LESS. */
.companyflashreport_container {
  max-height: 300px;
  background-color: #F5F5F5;
  min-width: 600px;
}
.CompanyFlashReportTempTitle {
  padding: 3px;
  font-style: italic;
  background-color: #FFFFFF;
}
.CompanyFlashReportTempTitleAlt {
  padding: 3px;
  font-style: italic;
  background-color: #EEEEEE;
}
.CompanyFlashReportTempData {
  text-align: right;
  padding: 3px;
  background-color: #FFFFFF;
}
.CompanyFlashReportTempDataAlt {
  text-align: right;
  padding: 3px;
  background-color: #EEEEEE;
}
.CompanyFlashReportTempHeader {
  font-style: italic;
  text-align: right;
  padding: 3px;
  white-space: pre-line;
  background-color: #EEEEEE;
  border-bottom: 1px solid #C0C0C0;
}
/* Company Flash Report Perm styles.
	TODO: Move to LESS. */
.CompanyFlashReportPermTitle {
  padding: 3px;
  font-style: italic;
  background-color: #FFFFFF;
}
.CompanyFlashReportPermTitleAlt {
  padding: 3px;
  font-style: italic;
  background-color: #EEEEEE;
}
.CompanyFlashReportPermData {
  text-align: right;
  padding: 3px;
  background-color: #FFFFFF;
}
.CompanyFlashReportPermDataAlt {
  text-align: right;
  padding: 3px;
  background-color: #EEEEEE;
}
.CompanyFlashReportPermHeader {
  font-style: italic;
  text-align: right;
  padding: 3px;
  white-space: pre-line;
  background-color: #EEEEEE;
  border-bottom: 1px solid #C0C0C0;
}
/* From DashboardWidget.Launcher */
.launchpadAction:hover {
  cursor: hand;
  cursor: pointer;
}
.container {
  display: block;
  width: 100%;
  margin: 2px 10px 4px 10px;
}
.container .item {
  padding: 0;
}
