﻿/* Variables */
/* 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 */
/*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;
  }
}
.dynamiccontrolpanel input {
  padding: 4px !important;
  border: 1px solid #6788BE !important;
  width: 250px !important;
}
a.rfdSkinnedButton {
  text-decoration: none !important;
}
a.rtbWrap:hover {
  text-decoration: none !important;
}
a.rtsLink:hover {
  text-decoration: none !important;
}
.rtbTemplate .templatetext {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  cursor: default;
  padding: 3px 3px;
}
.noBorderTable td {
  border: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Date Picker */
.checkboxdropdown {
  position: relative;
  display: inline;
}
.checkboxdropdown li.rcbItem {
  margin: 0px !important;
  padding: 0px !important;
}
.checkboxdropdown .checkall {
  position: absolute;
  right: 22px;
  top: 0px;
  cursor: pointer;
  background-color: #ffffff;
}
.RadCalendarPopup {
  z-index: 7000 !important;
}
.RadCalendarFastNavPopup {
  z-index: 7010 !important;
}
.RadMenu_Fixed {
  position: fixed !important;
}
.rsTopWrap {
  width: 100% !important;
}
.ReportToolBar .rtbMiddle,
.ReportToolBar .rtbOuter {
  border: 0px !important;
}
.RadTabStrip .rtsOut,
.RadTabStripVertical .rtsOut {
  padding-right: 2px !important;
  border-right: 1px solid #C4D9EF;
}
.RadTabStrip .rtsLink,
.RadTabStripVertical .rtsLink {
  padding-left: 3px !important;
  border-bottom: 1px solid #C4D9EF;
}
.RadTabStrip .rtsLink:hover {
  background-color: #eeffff;
  background-image: none !important;
}
.RadTabStrip .rtsLink:hover * {
  background-image: none !important;
}
.RadTabStripTop_Windows7 .rtsLevel1 .rtsLink,
.RadTabStripTop_Windows7 .rtsLevel1 .rtsOut,
.RadTabStripBottom_Windows7 .rtsLevel1 .rtsLink,
.RadTabStripBottom_Windows7 .rtsLevel1 .rtsOut,
.RadTabStripTop_Windows7 .rtsLevel1,
.RadTabStripBottom_Windows7 .rtsLevel1 {
  background-image: none !important;
}
.RadTabStripTop_Windows7 .rtsLevel1 .rtsSelected,
.RadTabStripTop_Windows7 .rtsLevel1 .rtsSelected:hover {
  background-color: #ffffff !important;
}
.DashboardCalendar_DateWithEvents {
  background-color: #E3EEFF !important;
}
/* ================== RAD v2 controls =================== */
.report div.RadGrid_Office2007 {
  border: 0 !important;
}
.nobackground .rmLeftImage {
  background-image: none !important;
}
.RadDock .rdContent {
  width: auto !important;
  margin-left: -6px;
  margin-right: -6px;
  border-bottom: 1px solid #adb2b8;
}
.RadDock .rdMiddle .rdCenter {
  position: relative;
}
.RadDock .rdBottom td {
  display: none;
}
.RadGrid_Telerik .rgSelectedRow {
	background-color: #EEEED2 !important;
}
.rgGroupHeader div div {
  font-size: 18px;
}
.chrome .RadComboBox_Vista .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_Vista .rcbDisabled {
  color: #3A3A3A !important;
}
.chrome .RadInput_Default .riDisabled,
html body .RadInput_Disabled_Default {
  color: #3A3A3A !important;
}
.selected_layout {
  font-weight: bold !important;
}
.MultipleRowsColumns.RadComboBoxDropDown {
  overflow: hidden;
}
.MultipleRowsColumns.RadComboBoxDropDown .rcbList {
  float: left;
}
.MultipleRowsColumns .rcbItem,
.MultipleRowsColumns .rcbHovered {
  float: left;
  margin: 0 1px;
  min-height: 13px;
  overflow: hidden;
  padding: 2px 2px 2px 2px;
  width: 20px;
}
/* ================== JQuery Controls =================== */
/* rad filter user control */
.ucFilter {
  position: relative;
}
.ucFilter .RadFilter {
  min-width: 10px !important;
}
.ucFilter .RadFilter li {
  min-width: 500px !important;
}
.ucFilter .rfPreviewTop {
  display: none !important;
  clear: none !important;
  float: left;
  padding: 0 !important;
}
.popout .ucFilter .rfPreviewTop {
  display: none !important;
  clear: both !important;
  margin-bottom: 5px !important;
}
.ucFilter .rfLines {
  position: absolute;
  border: 1px solid silver;
  background-color: #DFE9F5;
  padding: 5px;
  z-index: 10;
}
.popout .ucFilter .rfLines {
  position: relative !important;
  border: 0 !important;
  padding: 0 !important;
}
.ucFilter .rfApply {
  position: absolute;
  padding-top: 7px !important;
  left: 150px;
  z-index: 11;
}
.popout .ucFilter .rfApply {
  position: relative !important;
  padding: auto !important;
  left: 0px !important;
}
.ucFilter .filteredit {
  display: inline;
  margin-left: 5px;
  clear: right;
  padding: 0 7px;
  background: transparent url(../../images/icons/14/edit.png) no-repeat;
  cursor: pointer;
}
.ucFilter.open .filteredit {
  background: transparent url(../../images/icons/14/cross.png) no-repeat;
}
/* JQuery UI */
.ui-progressbar {
  border: 1px solid #CCC;
  height: 25px;
}
.ui-progressbar-value {
  background-color: #4F4F4F;
  height: 100%;
}
.grayedout {
  color: #bbb !important;
}
/* Tooltip TableSorter */
table.tablesorter {
  font-family: Segoe UI !important;
  margin: 10px 0pt 15px;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #FFF;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px;
  color: #777777;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}
table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter thead tr th.sort-asc::after {
  content: "\25b2";
}
table.tablesorter thead tr th.sort-desc::after {
  content: "\25bc";
}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}
table.tablesorter tfoot td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color: #EEEEEE;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url('../../images/bits/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
  background-image: url('../../images/bits/desc.gif');
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}
table.tablesorter tbody tr td.nowrap {
  white-space: nowrap;
}
/* MultiSelectRadio Dropdown */
.multiselectradiomaindiv {
  width: 235px;
  background-image: url(../../images/bits/ddl.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 3px 20px 0px 3px;
  height: 20px;
  background-color: #FFFFFF;
  border-color: #6788BE;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}
.multiselectradiomaindiv .dropdownselectedvaluediv {
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  color: #333333;
}
.multiselectradiodropdownlistdiv {
  width: 252px;
  background-color: #FFFFFF;
  border: 1px solid #C6C7D2;
  position: absolute;
  z-index: 9000000;
  display: none;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  padding: 3px;
}
/* To remove extra space below the dropdown in some cases, re: ER-4750, see comment by Kevin on 5/10/13 at 12:01 */
/* The "body" part is here in order to make it more specific than just ".select2-offscreen", which is in order to override */
body .select2-offscreen {
  top: 0px;
}
input.timepicker-icon {
  background: url('../../images/icons/time.png') right center no-repeat;
}
.pager .k-icon.disabled {
  opacity: 0.5;
  cursor: pointer;
}

input.ruButton.ruBrowse {
	background-position: 0 100%;
	padding: .4em 1em !important;
	width: auto;
}