/* Orion Theme for iMIS */
@import url("//fonts.googleapis.com/css?family=Muli:400,400i,600,700");
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
.body-main,
.col-primary {
  background-color: #e8ebf0;
}

/* Primary Navigation and Main Content
   ========================================================================== */
/* required to make the left bar span the full height */
.wrapper {
  min-height: 100vh;
  height: auto;
  position: relative;
  min-width: 290px;
}

.sidebar-fixed .wrapper {
  min-height: 100%;
  height: 100%;
  position: static;
}

.sidebar-fixed .wrapper.nav-expanded {
  overflow-x: hidden;
}

.header, .breadcrumb, .sidebar, .main, .footer-main, .CommandBar {
  padding-left: 10px;
  padding-right: 10px;
}

.col-secondary {
  width: 220px;
  position: absolute;
  min-height: 100%;
}

@media (max-width: 767px) {
  .col-secondary {
    /* hide the nav by default on small screens */
    visibility: hidden;
  }
}

.sidebar-fixed .col-secondary {
  position: fixed;
  height: 100%;
}

.col-primary {
  min-height: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .col-primary,
  .footer-main {
    /* on desktop make sure to give room for the left nav */
    margin-left: 220px;
  }
}

@media (max-width: 767px) {
  .nav-expanded .col-secondary {
    visibility: visible;
  }
  .nav-expanded .col-primary,
  .nav-expanded .footer-main {
    transform: translate3d(220px, 0, 0);
  }
}

.container {
  padding-left: 10px;
  padding-right: 10px;
}

.header {
  margin-bottom: 10px;
}

.CommandBar {
  margin-bottom: 1em;
}

/* Auxiliary & Footer Areas
   ========================================================================== */
/* This applies to the navigation list in the auxiliary area and the footer area */
@media (min-width: 768px) {
  .footer-main .footer-left {
    float: left;
  }
  .footer-main .footer-right {
    float: right;
  }
}

.PageTasksPanel {
  display: inline-block;
}

/* Sticky Footer
   ========================================================================== */
.col-primary {
  min-height: 100%;
  margin-bottom: -90px;
}

@media (min-width: 768px) {
  .col-primary {
    margin-bottom: -50px;
  }
}

.col-primary:after {
  content: '';
  display: block;
}

.col-primary:after,
.footer-main {
  height: 90px;
}

@media (min-width: 768px) {
  .col-primary:after,
  .footer-main {
    height: 50px;
  }
}

.footer-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sidebar-fixed .footer-main {
  position: relative;
}

@media (min-width: 768px) {
  .footer-main .footer-left {
    float: left;
  }
  .footer-main .footer-right {
    float: right;
  }
}

/* Sidebar
   ========================================================================== */
/* This is used in Communities to display the navigation */
@media (min-width: 992px) {
  .has-sidebar .sidebar {
    width: 28%;
    float: left;
  }
  .has-sidebar .main {
    width: 72%;
    float: right;
  }
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: Muli, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.428571429;
  color: #222;
}

a, .Link {
  color: #00759b ;
  text-decoration: none;
}

a:visited, .Link:visited {
  color: #00759b ;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active {
  color: #004f68 ;
  text-decoration: underline ;
}

a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited {
  color: #999999 ;
  text-decoration: none ;
}

.RadGrid a, .RadToolTip a, .k-grid a {
  color: #00759b  !important;
  text-decoration: none;
}

.RadGrid a:visited, .RadToolTip a:visited, .k-grid a:visited {
  color: #00759b  !important;
}

.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active, .k-grid a:hover, .k-grid a:focus, .k-grid a:active {
  color: #004f68  !important;
  text-decoration: underline  !important;
}

.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadGrid a:disabled, .RadGrid a:disabled:hover, .RadGrid a:disabled:focus, .RadGrid a:disabled:active, .RadGrid a:disabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited, .RadToolTip a:disabled, .RadToolTip a:disabled:hover, .RadToolTip a:disabled:focus, .RadToolTip a:disabled:active, .RadToolTip a:disabled:visited, .k-grid a.aspNetDisabled, .k-grid a.aspNetDisabled:hover, .k-grid a.aspNetDisabled:focus, .k-grid a.aspNetDisabled:active, .k-grid a.aspNetDisabled:visited, .k-grid a:disabled, .k-grid a:disabled:hover, .k-grid a:disabled:focus, .k-grid a:disabled:active, .k-grid a:disabled:visited {
  color: #999999  !important;
  text-decoration: none  !important;
}

.RadGrid a.TextButton {
  color: #fff !important;
  text-decoration: none !important;
}

h1, .h1, .PageTitle {
  font-size: 250%;
  font-family: inherit;
  font-weight: 600;
  color: inherit;
  margin-top: 0;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #5dae3f;
  padding: 20px;
  margin: 0;
}

h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle {
  min-height: 0;
  border-bottom-style: solid;
}

h2, .h2, .PanelTitle {
  font-size: 150%;
  font-family: inherit;
  font-weight: 600;
  color: #222;
  line-height: 1.45em;
}

h3, .SectionTitle {
  font-size: 130%;
  font-family: inherit;
  font-weight: 600;
  color: inherit;
}

h4, .SectionLabel, h5 {
  margin: 0 0 .2em;
}

h4, .h4, .SectionLabel {
  font-size: 120%;
  font-family: inherit;
  font-weight: 600;
  color: inherit;
}

h5, .h5 {
  font-size: 100%;
  font-family: inherit;
  font-weight: 600;
  color: #222;
}

h6, .h6 {
  font-size: 85%;
  font-family: inherit;
  font-weight: 600;
  color: #222;
  margin: 0;
}

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #ddd;
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: .6em;
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #a5dced;
}

/**
      * This automatically resizes images when they're too large to fit in their container. 
      * It may override any user-defined width/height on images. If the behavior is unwanted, 
      * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
      * apply as desired.
      */
img {
  max-width: 100%;
  height: auto !important;
}

/**
      * Sometimes images should not be resized. This class can be used as a wrapper or directly
      * on the image to avoid the resizing.
      */
img.ImgNoResize, .ImgNoResize img {
  max-width: none;
}

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px;
}

.bg-img-full-size {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-dark {
  background-color: #333333;
}

.bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 {
  color: #fff;
}

.bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active {
  color: #fff;
  text-decoration: underline;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@-webkit-keyframes slide-down-with-delay {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  25% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-with-delay {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  25% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-up-with-delay {
  0% {
    transform: translateY(75px);
    opacity: 0;
  }
  25% {
    transform: translateY(75px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-up-with-delay {
  0% {
    transform: translateY(75px);
    opacity: 0;
  }
  25% {
    transform: translateY(75px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes appear-zoom-out-with-delay {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  25% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes appear-zoom-out-with-delay {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  25% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes appear-zoom-in-with-delay {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  25% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes appear-zoom-in-with-delay {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  25% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes soft-zoom-motion {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: translateY(1);
  }
}

@keyframes soft-zoom-motion {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: translateY(1);
  }
}

@-webkit-keyframes bubble-effect {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  25% {
    opacity: 0.5;
  }
  40% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bubble-effect {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  25% {
    opacity: 0.5;
  }
  40% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

input,
button,
select,
textarea {
  font-family: Muli, Helvetica, Arial, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake {
  display: inline-block;
  height: 33px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.428571429;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input,
  .input-fake {
    transition: none;
  }
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.input-fake:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder, .input-fake::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder, .input-fake::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder, .input-fake:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}

select::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .uneditable-input::-ms-input-placeholder, .input-fake::-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.uneditable-input::placeholder,
.input-fake::placeholder {
  color: #999999;
  opacity: 1;
}

.input-fake:focus-within {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #555555;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
  color: #555555;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 33px;
  padding: 0;
  font-size: 100%;
  line-height: 1.428571429;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    transition: none;
  }
}

.RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
  padding: 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbFocused {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.RadComboBox.RadComboBox_MetroTouch .rcbInput {
  height: 100%;
  padding: 5px 10px;
}

.RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
  /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
  padding: 2px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #999999;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 5px 5px 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
  height: 1.4em;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
  font: inherit;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
  padding-top: 5px;
  padding-bottom: 5px;
}

.RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput {
  height: auto !important;
  /* IE11 */
}

.RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox {
  height: 33px;
  padding: 5px 10px;
  border-color: #ccc;
  font: inherit;
  color: #555555;
}

.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus {
  border-color: #66afe9;
}

.RadUpload.RadUpload .ruFakeInput {
  height: 31px;
  padding: 0;
  border-radius: 5px;
}

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.HtmlEditorTextBoxStyle .reContent {
  border-radius: 5px;
}

.HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td {
  background-color: transparent;
}

/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker + .TimeZoneLabel {
  margin-left: .5em;
}

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 33px;
  border-radius: 5px;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  background-image: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-multi .chosen-choices {
    transition: none;
  }
}

.chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}

.chosen-container-active .chosen-choices {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

textarea {
  height: auto;
}

select {
  border: 1px solid #ccc;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.428571429;
  border-radius: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .btn,
  .TextButton,
  .TextButtonWithImage,
  .RadUpload .ruButton,
  .RadUploadProgressArea .ruButton {
    transition: none;
  }
}

.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited {
  text-decoration: none;
}

.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn, .btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled],
fieldset[disabled]
.TextButton,
.TextButton.aspNetDisabled,
.TextButtonWithImage.disabled,
.TextButtonWithImage[disabled],
fieldset[disabled]
.TextButtonWithImage,
.TextButtonWithImage.aspNetDisabled,
.RadUpload .ruButton.disabled,
.RadUpload .ruButton[disabled],
fieldset[disabled]
.RadUpload .ruButton,
.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled]
.RadUploadProgressArea .ruButton,
.RadUploadProgressArea .ruButton.aspNetDisabled {
  opacity: .55;
  box-shadow: none;
}

a.TextButton.disabled,
a.TextButton[disabled],
fieldset[disabled] a.TextButton,
a.TextButton.aspNetDisabled {
  pointer-events: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  text-decoration: none;
  background-color: #0096c7;
  background-image: linear-gradient(to bottom, #0096c7 0%, #008ab7 100%);
  background-repeat: repeat-x;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  border-width: 0;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited {
  color: #fff;
  background-color: #00779e;
  border-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, #0083ad 0%, #00779e 100%);
  background-repeat: repeat-x;
}

.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
}

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active, fieldset[disabled]
.TextButton, fieldset[disabled]
.TextButton:hover, fieldset[disabled]
.TextButton:focus, fieldset[disabled]
.TextButton:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active, fieldset[disabled]
.TextButtonWithImage, fieldset[disabled]
.TextButtonWithImage:hover, fieldset[disabled]
.TextButtonWithImage:focus, fieldset[disabled]
.TextButtonWithImage:active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active, fieldset[disabled]
.ruButton, fieldset[disabled]
.ruButton:hover, fieldset[disabled]
.ruButton:focus, fieldset[disabled]
.ruButton:active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active, fieldset[disabled]
.RadGrid input.TextButton, fieldset[disabled]
.RadGrid input.TextButton:hover, fieldset[disabled]
.RadGrid input.TextButton:focus, fieldset[disabled]
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active {
  background-color: #0096c7;
  border-color: transparent;
}

/* some Telerik overrides */
.ruButton {
  background-color: #0096c7 !important;
  color: #fff !important;
  cursor: pointer;
  border-radius: 5px !important;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 5px 10px;
  line-height: 1.428571429;
  border-radius: 5px;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff;
  text-decoration: none;
  background-color: #e98300;
  background-image: linear-gradient(to bottom, #e98300 0%, #da7a00 100%);
  background-repeat: repeat-x;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  border-width: 0;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  color: #fff;
  background-color: #c06c00;
  border-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, #d07500 0%, #c06c00 100%);
  background-repeat: repeat-x;
}

.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
}

.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
.RadGrid input.PrimaryButton, fieldset[disabled]
.RadGrid input.PrimaryButton:hover, fieldset[disabled]
.RadGrid input.PrimaryButton:focus, fieldset[disabled]
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  background-color: #e98300;
  border-color: transparent;
}

/* white button */
.WhiteButton {
  color: #222;
  text-decoration: none;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%);
  background-repeat: repeat-x;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  border-width: 0;
}

.WhiteButton:hover, .WhiteButton:focus, .WhiteButton:active, .WhiteButton:visited {
  color: #222;
  background-color: #ebebeb;
  border-color: #e0e0e0;
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 100%);
  background-repeat: repeat-x;
}

.WhiteButton:active {
  background-image: none;
}

.WhiteButton[disabled], .WhiteButton[disabled]:hover, .WhiteButton[disabled]:focus, .WhiteButton[disabled]:active, fieldset[disabled] .WhiteButton, fieldset[disabled] .WhiteButton:hover, fieldset[disabled] .WhiteButton:focus, fieldset[disabled] .WhiteButton:active, .WhiteButton.aspNetDisabled, .WhiteButton.aspNetDisabled:hover, .WhiteButton.aspNetDisabled:focus, .WhiteButton.aspNetDisabled:active {
  background-color: #fff;
  border-color: #fff;
}

/* text button */
.TextButtonOutline {
  color: #0096c7;
  border-color: #0096c7;
  background-color: transparent;
}

.TextButtonOutline:hover, .TextButtonOutline:focus {
  color: #fff;
  background-color: #0096c7;
  border-color: #0096c7;
}

.TextButtonOutline[disabled], .TextButtonOutline[disabled]:hover, .TextButtonOutline[disabled]:focus, .TextButtonOutline[disabled]:active, fieldset[disabled] .TextButtonOutline, fieldset[disabled] .TextButtonOutline:hover, fieldset[disabled] .TextButtonOutline:focus, fieldset[disabled] .TextButtonOutline:active, .TextButtonOutline.aspNetDisabled, .TextButtonOutline.aspNetDisabled:hover, .TextButtonOutline.aspNetDisabled:focus, .TextButtonOutline.aspNetDisabled:active {
  color: #0096c7;
  background-color: transparent;
}

.TextButtonOutline:not(:disabled):not(.disabled):active, .TextButtonOutline:not(:disabled):not(.disabled).active,
.show > .TextButtonOutline.dropdown-toggle {
  color: #fff;
  background-color: #0096c7;
  border-color: #0096c7;
}

/* primary button outline */
.PrimaryButtonOutline {
  color: #e98300;
  border-color: #e98300;
  background-color: transparent;
}

.PrimaryButtonOutline:hover, .PrimaryButtonOutline:focus {
  color: #fff;
  background-color: #e98300;
  border-color: #e98300;
}

.PrimaryButtonOutline[disabled], .PrimaryButtonOutline[disabled]:hover, .PrimaryButtonOutline[disabled]:focus, .PrimaryButtonOutline[disabled]:active, fieldset[disabled] .PrimaryButtonOutline, fieldset[disabled] .PrimaryButtonOutline:hover, fieldset[disabled] .PrimaryButtonOutline:focus, fieldset[disabled] .PrimaryButtonOutline:active, .PrimaryButtonOutline.aspNetDisabled, .PrimaryButtonOutline.aspNetDisabled:hover, .PrimaryButtonOutline.aspNetDisabled:focus, .PrimaryButtonOutline.aspNetDisabled:active {
  color: #e98300;
  background-color: transparent;
}

.PrimaryButtonOutline:not(:disabled):not(.disabled):active, .PrimaryButtonOutline:not(:disabled):not(.disabled).active,
.show > .PrimaryButtonOutline.dropdown-toggle {
  color: #fff;
  background-color: #e98300;
  border-color: #e98300;
}

/* white button outline */
.WhiteButtonOutline {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}

.WhiteButtonOutline:hover, .WhiteButtonOutline:focus {
  color: #222;
  background-color: #fff;
  border-color: #fff;
}

.WhiteButtonOutline[disabled], .WhiteButtonOutline[disabled]:hover, .WhiteButtonOutline[disabled]:focus, .WhiteButtonOutline[disabled]:active, fieldset[disabled] .WhiteButtonOutline, fieldset[disabled] .WhiteButtonOutline:hover, fieldset[disabled] .WhiteButtonOutline:focus, fieldset[disabled] .WhiteButtonOutline:active, .WhiteButtonOutline.aspNetDisabled, .WhiteButtonOutline.aspNetDisabled:hover, .WhiteButtonOutline.aspNetDisabled:focus, .WhiteButtonOutline.aspNetDisabled:active {
  color: #fff;
  background-color: transparent;
}

.WhiteButtonOutline:not(:disabled):not(.disabled):active, .WhiteButtonOutline:not(:disabled):not(.disabled).active,
.show > .WhiteButtonOutline.dropdown-toggle {
  color: #333333;
  background-color: #fff;
  border-color: #fff;
}

/* Facebook sign in button */
.TextButton.Facebook {
  color: #fff;
  text-decoration: none;
  background-color: #3b5998;
  background-image: linear-gradient(to bottom, #3b5998 0%, #37538d 100%);
  background-repeat: repeat-x;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  border-width: 0;
}

.TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
  color: #fff;
  background-color: #30487b;
  border-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, #344e86 0%, #30487b 100%);
  background-repeat: repeat-x;
}

.TextButton.Facebook:active {
  background-image: none;
}

.TextButton.Facebook[disabled], .TextButton.Facebook[disabled]:hover, .TextButton.Facebook[disabled]:focus, .TextButton.Facebook[disabled]:active, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
  background-color: #3b5998;
  border-color: transparent;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #fff;
  text-decoration: none;
  background-color: #0077b5;
  background-image: linear-gradient(to bottom, #0077b5 0%, #006da6 100%);
  background-repeat: repeat-x;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  border-width: 0;
}

.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
  color: #fff;
  background-color: #005c8c;
  border-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, #00669c 0%, #005c8c 100%);
  background-repeat: repeat-x;
}

.SignInButton.LinkedIn:active {
  background-image: none;
}

.SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
  background-color: #0077b5;
  border-color: transparent;
}

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
  border-radius: 8px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
  border-radius: 11px;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #00759b;
  text-shadow: none;
  box-shadow: none;
  border: none;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.428571429;
  border-radius: 5px;
  color: #00759b ;
  text-decoration: none;
}

.LinkButton:visited {
  color: #00759b ;
}

.LinkButton:hover, .LinkButton:focus, .LinkButton:active {
  color: #004f68 ;
  text-decoration: underline ;
}

.LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited {
  color: #999999 ;
  text-decoration: none ;
}

@media (min-width: 992px) {
  .StandardButtonMd {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.428571429;
    border-radius: 5px;
  }
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #003a4d;
}

.CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus,
.CalloutArea1 .TextButton.PrimaryButton:hover,
.CalloutArea1 .TextButton.PrimaryButton:active,
.CalloutArea1 .TextButton.PrimaryButton:focus,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea2 .btn.PrimaryButton:hover,
.CalloutArea2 .btn.PrimaryButton:active,
.CalloutArea2 .btn.PrimaryButton:focus,
.CalloutArea2 .TextButton.PrimaryButton:hover,
.CalloutArea2 .TextButton.PrimaryButton:active,
.CalloutArea2 .TextButton.PrimaryButton:focus,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
  color: #fff;
  background-color: #000c0f;
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.btn.DangerButton {
  color: #fff;
  background: #c74b49;
}

.btn.SuccessButton {
  color: #fff;
  background: #008943;
}

/* ==========================================================================
   ORION THEME STYLES
   ========================================================================== */
/* Headings
   ========================================================================== */
h3, .h3, .SectionTitle,
h4, .h4, .SectionLabel,
h5, .h5,
h6, .h6 {
  font-family: inherit;
  font-weight: 600;
}

.panel-heading.Distinguish, h2, .TitleBarCaption {
  border-bottom: none;
}

.panel-heading-options .IconSprite,
.panel-heading-options .panel-heading-collapse-img {
  margin-left: 4px;
  margin-right: 0;
}

.Distinguish h2.panel-title + .panel-heading-options .IconSprite, .Distinguish h2.panel-title +
.panel-heading-options .panel-heading-collapse-img {
  margin-top: 7px;
}

.Distinguish h3.panel-title + .panel-heading-options .IconSprite, .Distinguish h3.panel-title +
.panel-heading-options .panel-heading-collapse-img {
  margin-top: 2px;
}

.panel-heading-collapse-img,
.PanelHeadCollapseImage {
  opacity: .7;
}

.panel-heading-collapse-img:hover,
.PanelHeadCollapseImage:hover {
  opacity: 1;
}

.panel-body {
  padding: 15px;
}

.panel-heading.Distinguish {
  padding: 10px 15px;
}

.panel-heading.Distinguish + .panel-body, .panel-heading.Distinguish + .panel-body-container .panel-body {
  padding-top: 0;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  padding-top: 6px;
  padding-bottom: 6px;
}

.panel-body > .cco {
  margin: -15px -15px -15px -15px;
}

.panel-heading.Distinguish + .panel-body-container .panel-body > .cco {
  margin-top: 0;
}

.panel-border > .panel-body-container > .panel-body > .cco {
  padding-top: 5px;
}

/* Grids
   ========================================================================== */
/* Narrow the gap between columns*/
.row {
  margin-left: -10px;
  margin-right: -10px;
}

.row::after {
  display: block;
  clear: both;
  content: "";
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-12::after, .col-sm-12::after, .col-md-12::after, .col-lg-12::after, .col-xs-11::after, .col-sm-11::after, .col-md-11::after, .col-lg-11::after, .col-xs-10::after, .col-sm-10::after, .col-md-10::after, .col-lg-10::after, .col-xs-9::after, .col-sm-9::after, .col-md-9::after, .col-lg-9::after, .col-xs-8::after, .col-sm-8::after, .col-md-8::after, .col-lg-8::after, .col-xs-7::after, .col-sm-7::after, .col-md-7::after, .col-lg-7::after, .col-xs-6::after, .col-sm-6::after, .col-md-6::after, .col-lg-6::after, .col-xs-5::after, .col-sm-5::after, .col-md-5::after, .col-lg-5::after, .col-xs-4::after, .col-sm-4::after, .col-md-4::after, .col-lg-4::after, .col-xs-3::after, .col-sm-3::after, .col-md-3::after, .col-lg-3::after, .col-xs-2::after, .col-sm-2::after, .col-md-2::after, .col-lg-2::after, .col-xs-1::after, .col-sm-1::after, .col-md-1::after, .col-lg-1::after {
  display: block;
  clear: both;
  content: "";
}

/* Forms
   ========================================================================== */
label, .Label {
  font-weight: 600;
}

/* Boxed style
   ========================================================================== */
.GridCardStyle .RadGrid.RadGrid .rgRow, .GridCardStyle .RadGrid.RadGrid .rgAltRow,
.GridCardStyleNoHover .RadGrid.RadGrid .rgRow,
.GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow {
  border-radius: 3px;
}

.GridCardStyle .RadGrid.RadGrid .rgRow:hover, .GridCardStyle .RadGrid.RadGrid .rgAltRow:hover, .Alerts .AlertSet,
.panel-border,
.panel-group .panel,
.ContentBorder,
.TagBrowserWrapper,
.system-status-row {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}

.TagBrowserWrapper {
  border-radius: 0 0 3px 3px;
}

.TagBrowserWrapper {
  border: 1px solid #ddd;
}

@media (max-width: 991px) {
  .check-in-grid .check-in-row {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  }
}

.panel-border .NeutralShading,
.EmptyMasterContentPanel .NeutralShading {
  background-color: #eeeeee;
}

/* Styled grids
   ========================================================================== */
/* Use iPart class "SearchResultsCards" to display card-style search results */
.GridCardStyle .RadGrid.RadGrid,
.GridCardStyleNoHover .RadGrid.RadGrid {
  background-color: #fff;
  border: none;
  padding: 15px;
}

.GridCardStyle .RadGrid.RadGrid .rgMasterTable,
.GridCardStyleNoHover .RadGrid.RadGrid .rgMasterTable {
  background-color: transparent;
}

.GridCardStyle .RadGrid.RadGrid .rgRow, .GridCardStyle .RadGrid.RadGrid .rgAltRow,
.GridCardStyleNoHover .RadGrid.RadGrid .rgRow,
.GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow {
  display: block;
  margin-bottom: 1em;
  border: 1px solid transparent;
  background-color: #f5f5f5;
  border-radius: 3px;
}

.GridCardStyle .RadGrid.RadGrid .rgRow td, .GridCardStyle .RadGrid.RadGrid .rgAltRow td,
.GridCardStyleNoHover .RadGrid.RadGrid .rgRow td,
.GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow td {
  border: none;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.GridCardStyle .panel-border .RadGrid.RadGrid,
.GridCardStyleNoHover .panel-border .RadGrid.RadGrid {
  padding: 0;
}

.GridCardStyle .RadGrid.RadGrid .rgRow:hover, .GridCardStyle .RadGrid.RadGrid .rgAltRow:hover {
  border-color: #ddd;
}

/* Alerts
   ========================================================================== */
.Alerts .AlertItem {
  background-color: #fff;
}

/* Icons
   ========================================================================== */
.dropdown .caret, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before, .sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before, .nav-aux-cart a:before,
.search-toggle:before, .header-search > .header-search:before {
  background-image: url("images/NavSprite.png");
  background-repeat: no-repeat;
  content: '';
  display: block;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .dropdown .caret, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before, .sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before, .nav-aux-cart a:before,
  .search-toggle:before, .header-search > .header-search:before {
    background-image: url("images/NavSprite@2x.png");
    background-size: 512px 24px;
  }
}

.dropdown .caret, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before, .sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before {
  width: 16px;
  height: 16px;
}

.nav-aux-cart a:before,
.search-toggle:before, .header-search > .header-search:before {
  width: 24px;
  height: 24px;
  margin: 5px;
}

.dropdown .caret {
  border: none;
  display: inline-block;
  background-position: -208px 0;
}

/* Staff sign in page
   ========================================================================== */
.Wrapper-StaffSignIn {
  background: #002633;
}

.Wrapper-StaffSignIn .col-secondary, .Wrapper-StaffSignIn .sidebar, .Wrapper-StaffSignIn .header {
  display: none;
}

.Wrapper-StaffSignIn .footer-main .footer-inner {
  border: none;
}

.Wrapper-StaffSignIn .footer-main .footer-inner a:link {
  color: #fff;
}

.Wrapper-StaffSignIn .col-primary {
  margin-left: 0;
  position: relative;
  background: #002633;
  overflow: hidden;
}

.Wrapper-StaffSignIn .col-primary:before, .Wrapper-StaffSignIn .col-primary:after {
  content: '';
  display: block;
  position: absolute;
  transform: rotate(-35deg);
}

@media (min-width: 992px) {
  .Wrapper-StaffSignIn .col-primary:before, .Wrapper-StaffSignIn .col-primary:after {
    width: 100vw;
  }
}

.Wrapper-StaffSignIn .col-primary:before {
  top: -150vh;
  left: -50vw;
  width: 150vw;
  height: 300vh;
  background: url(images/triangles.svg) top left repeat-y;
  background-size: 200%;
  mix-blend-mode: difference;
  -webkit-filter: brightness(0.3);
  filter: brightness(0.3);
  opacity: 0.45;
  z-index: 2;
}

@media (min-width: 992px) {
  .Wrapper-StaffSignIn .col-primary:before {
    background-size: 100vw;
  }
}

.Wrapper-StaffSignIn .col-primary:after {
  width: 150vw;
  height: 150vh;
  bottom: -50vh;
  right: -50vw;
  background: linear-gradient(0deg, #002632 65%, rgba(0, 38, 50, 0) 90%, rgba(0, 38, 50, 0) 60%);
  z-index: 3;
}

.Wrapper-StaffSignIn .col-primary input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.Wrapper-StaffSignIn .col-primary input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.t-ie .Wrapper-StaffSignIn .col-primary:before {
  width: 250vw;
  background-size: 100%;
}

@media (min-width: 768px) {
  .t-ie .Wrapper-StaffSignIn .col-primary:before {
    background-size: 250vw;
  }
}

@media (min-width: 992px) {
  .t-ie .Wrapper-StaffSignIn .col-primary:before {
    width: 300vw;
    background-size: 200vw;
  }
}

.Wrapper-StaffSignIn .col-primary {
  display: flex;
  margin-bottom: 0;
}

.Wrapper-StaffSignIn .main {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  -webkit-animation: appear-zoom-out-with-delay 2s ease-in 0.5s 1 forwards;
          animation: appear-zoom-out-with-delay 2s ease-in 0.5s 1 forwards;
  z-index: 99;
  min-height: 100vh;
}

@media (min-width: 768px) {
  .Wrapper-StaffSignIn .main {
    width: 60%;
  }
}

.Wrapper-StaffSignIn .main > div {
  width: 100%;
}

.SignInPageLogo {
  margin: 0 auto;
  max-width: 20em;
  text-align: center;
}

.SignInPageLogo img {
  margin: 20px;
  max-width: 260px;
}

.SignInPageLogo h1 {
  color: #fff;
  font-size: 2.5em;
  position: relative;
}

@media (min-width: 992px) {
  .SignInPageLogo {
    max-width: 25em;
    text-align: left;
  }
  .SignInPageLogo img {
    margin: 20px 0;
  }
  .SignInPageLogo h1 {
    font-size: 2.3vw;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 0 0 20px;
    margin-left: -20px;
  }
  .SignInPageLogo h1:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: -52px;
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%);
    transform: rotate(40deg);
  }
  .SignInPageLogo h1:after {
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    right: -62px;
    width: 70px;
    height: 1px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%);
    transform: rotate(40deg);
  }
}

.SignInPage, .SignInPage label, .SignInPage a:link {
  color: #fff;
}

.SignInPage .SignIn {
  max-width: 20em;
}

@respond-to ('grids large') {
  .SignInPage .SignIn {
    margin-left: 30px;
  }
}

.SignInPage .panel-heading.Distinguish {
  border-bottom: none;
  text-align: center;
  padding-bottom: 0;
}

.SignInPage .panel {
  background: transparent;
  border: none;
}

.SignInPage .LineThru {
  color: #002632;
}

.SignInPage label.contact-signin-label, .SignInPage h2 {
  position: absolute;
  left: -10000px;
}

.SignInPage div[id*='forgotPasswordUserLinkDiv'] {
  display: none;
}

.SignInPage input[type="text"], .SignInPage input[type="password"], .SignInPage[type="submit"] {
  font-size: 16px;
  height: 45px;
  color: #fff;
}

.SignInPage input[type="text"]:focus, .SignInPage input[type="text"]:hover, .SignInPage input[type="password"]:focus, .SignInPage input[type="password"]:hover, .SignInPage[type="submit"]:focus, .SignInPage[type="submit"]:hover {
  transition: all 0.2s ease-in;
  transform: scale(1.01);
}

.SignInPage input[type="text"]:placeholder, .SignInPage input[type="password"]:placeholder, .SignInPage[type="submit"]:placeholder {
  color: #fff;
  text-transform: uppercase;
}

.SignInPage input[type="text"], .SignInPage input[type="password"] {
  background: rgba(169, 172, 180, 0.2);
  border: 1px solid #e2e9f2;
}

.SignInPage input[type="submit"] {
  width: 50%;
  margin: 0 auto 1em auto;
  display: block;
}

@media (min-width: 768px) {
  .SignInPage input[type="submit"] {
    margin: 0 0 1em auto;
  }
}

.SignInPage .forgot-link-field a, .SignInPage .forgot-link-field a:hover {
  display: block;
  color: #fff;
}

.PersonDisplay.SelectedItem a, .PersonDisplay.SelectedItem a:hover, .PersonDisplay.SelectedItem a:focus, .PersonDisplay.SelectedItem a:active {
  color: #222;
}

/* Banner images
   ========================================================================== */
/* Support background image with text overlay */
.bg-img-conference-tall {
  background-color: #081337;
  background-image: url("../../images/samples/annualconference/conferencebannertall.jpg");
}

.bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/samples/member/cairnsnight.jpg");
}

.bg-img-tiger-tall {
  background-color: #04080B;
  background-image: url("../../images/samples/donor/tiger-tall.jpg");
  background-position: center center;
}

.banner-tall, .banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 5px;
}

.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 {
  color: #fff;
}

.banner-text h2 {
  font-size: 100%;
}

.banner-tall {
  height: 500px;
  max-width: 300px;
}

.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}

.banner-short {
  min-height: 150px;
  max-width: 300px;
}

.banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* Panel Editor and read-only forms
   ========================================================================== */
.PanelEditorReadOnlyForm label, .PanelEditorReadOnlyForm .Label,
.PanelEditorEditForm label,
.PanelEditorEditForm .Label {
  font-weight: normal;
  font-size: 90%;
  color: #626262;
}

.PanelEditorReadOnlyForm .PanelField,
.PanelEditorEditForm .PanelField {
  border-bottom: 1px dotted #ddd;
}

.PanelEditorReadOnlyForm .PanelField .PanelFieldValue,
.PanelEditorEditForm .PanelField .PanelFieldValue {
  min-height: 1.4em;
}

.PanelEditorReadOnlyForm .TwoColumns, .PanelEditorReadOnlyForm .ThreeColumns,
.PanelEditorEditForm .TwoColumns,
.PanelEditorEditForm .ThreeColumns {
  padding-right: 2em;
}

.mini-profile-banner-large .PanelField .Label {
  font-weight: normal;
  font-size: 90%;
  color: #626262;
}

/* Mini profile
   ========================================================================== */
.mini-profile a.SectionLabel {
  /* make sure the clickable contact name looks like a link */
  text-decoration: underline;
}

/* Other
========================================================================== */
/* Green badges, currently used for the PLUS indicator */
.PlusLink:after,
.PlusFeature label:after {
  background-color: #5dae3f;
}

/* Logo overrides */
a.logo {
  margin: 5px auto;
  width: 110px;
  height: 35.2px;
}

/* ==========================================================================
   HEADER NAVIGATION
   ========================================================================== */
.header {
  min-height: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.obo-on .header {
  background-color: #e98300;
}

.navbar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.navbar-header .navbar-right, .navbar-header .account-menu {
  align-self: stretch;
  margin-left: auto;
  display: flex;
  align-items: center;
}

.navbar-header .account-toggle-wrapper {
  -ms-grid-row-align: stretch;
      align-self: stretch;
}

.navbar-header .account-toggle {
  height: 100%;
}

/* Toggles and auxiliary navigation
   ========================================================================== */
.account-menu > li > a,
.header .NavigationUnorderedList > li > a {
  font-weight: bold;
}

.account-menu > li > a, .account-menu > li > a:hover, .account-menu > li > a:visited, .account-menu > li > a:active,
.header .NavigationUnorderedList > li > a,
.header .NavigationUnorderedList > li > a:hover,
.header .NavigationUnorderedList > li > a:visited,
.header .NavigationUnorderedList > li > a:active {
  text-decoration: none;
  color: #222;
}

.account-menu > li > a:hover, .account-menu > li > a:focus, .account-menu > li > a:active,
.header .NavigationUnorderedList > li > a:hover,
.header .NavigationUnorderedList > li > a:focus,
.header .NavigationUnorderedList > li > a:active,
.ste-toggle:hover,
.ste-toggle:focus,
.ste-toggle:active,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active {
  /* need to provide a fallback color for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.05);
}

.ste-toggle,
.navbar-toggle,
.obo-toggle,
.batch-toggle,
.transaction-date-toggle,
.page-statistics-toggle,
.nav-aux-cart a,
.list-toggle {
  border-radius: 5px;
  border: none !important;
  vertical-align: middle;
}

.ste-toggle,
.navbar-toggle,
.obo-toggle,
.batch-toggle,
.transaction-date-toggle,
.page-statistics-toggle,
.list-toggle {
  margin-left: 5px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.nav-aux-cart .nav-text {
  position: absolute;
  left: -10000px;
  z-index: 2000;
  font-size: 70%;
}

.header .NavigationLink {
  margin-left: 5px;
}

.nav-expanded .primary-nav-toggle,
.search-dropdown.open .search-toggle,
.ste-toggle.on,
.obo-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on,
.page-statistics-toggle.on,
.list-toggle.on {
  background-color: #003a4d;
}

.nav-expanded .primary-nav-toggle:hover, .nav-expanded .primary-nav-toggle:focus, .nav-expanded .primary-nav-toggle:active,
.search-dropdown.open .search-toggle:hover,
.search-dropdown.open .search-toggle:focus,
.search-dropdown.open .search-toggle:active,
.ste-toggle.on:hover,
.ste-toggle.on:focus,
.ste-toggle.on:active,
.obo-toggle.on:hover,
.obo-toggle.on:focus,
.obo-toggle.on:active,
.batch-toggle.on:hover,
.batch-toggle.on:focus,
.batch-toggle.on:active,
.transaction-date-toggle.on:hover,
.transaction-date-toggle.on:focus,
.transaction-date-toggle.on:active,
.page-statistics-toggle.on:hover,
.page-statistics-toggle.on:focus,
.page-statistics-toggle.on:active,
.list-toggle.on:hover,
.list-toggle.on:focus,
.list-toggle.on:active {
  background-color: #005875;
}

.navbar-toggle {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
}

.primary-nav-toggle .icon-bar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #222;
}

.nav-expanded .primary-nav-toggle .icon-bar {
  background-color: #fff;
}

.nav-aux-cart a,
.search-toggle {
  padding: 0 !important;
  background-image: none;
  width: 34px;
  height: 34px;
  display: inline-block;
}

.nav-aux-cart a:before {
  background-position: -320px 0;
}

.search-toggle:before {
  background-position: -344px 0;
}

.open .search-toggle:before {
  background-position: -368px 0;
}

/* set up the header search magnifying glass icon */
.header-search > .header-search {
  position: relative;
}

.header-search > .header-search:before {
  position: absolute;
  background-position: -392px 0;
  margin-top: 13px;
  margin-bottom: 13px;
}

.header-search > .header-search .search-field {
  padding-left: 31px;
}

/* Badges
   ========================================================================== */
/* Badges indicate numbers like the number of items in your cart */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '(';
}

.cartCenter span:after {
  content: ')';
}

.nav-aux-cart a {
  position: relative;
}

.nav-aux-cart .nav-text + span {
  /* Position the badge */
  position: absolute;
  top: -2px;
  right: -1px;
  text-align: center;
  min-width: 1.5em;
}

.nav-aux-cart .cartCenter {
  /* Style the badge */
  color: #fff;
  background-color: #5dae3f;
  border-radius: 2px;
  font-size: 78%;
  line-height: 1;
  padding: 0 2px 1px;
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}

.nav-aux-cart .cartCenter span:before, .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

/* Dropdowns
   ========================================================================== */
/* Dropdowns are used for the account area and the search toggle */
@media (max-width: 767px) {
  .search-dropdown,
  .account-menu > .dropdown {
    /* this is necessary to allow the search box to span the full width */
    position: static;
  }
  .search-dropdown > .dropdown-menu,
  .account-menu > .dropdown > .dropdown-menu {
    width: 100%;
  }
}

/* Account area
   ========================================================================== */
.account-menu .obo-actions a {
  text-decoration: none;
}

.account-menu .profile-picture-wrapper .picture-primary {
  left: 10px;
}

.account-menu .profile-picture-wrapper .picture-secondary {
  border: 2px solid #e98300;
}

/* Search
   ========================================================================== */
.search-field {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
}

.search-field.Watermarked {
  color: #999999;
}

.header-search-submit {
  display: none;
}

.navbar-left .header-search .search-field {
  width: 22em;
}

@media (max-width: 767px) {
  .navbar-left .header-search {
    /* This is the search bar on the left - only displayed on large screens*/
    display: none;
  }
}

.search-dropdown {
  display: inline-block;
  vertical-align: bottom;
}

.search-dropdown .dropdown-menu > .header-search {
  padding: 3px 20px;
}

.search-dropdown .search-field {
  width: 100%;
}

@media (min-width: 768px) {
  .search-dropdown {
    display: none;
  }
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
/* Logo
   ========================================================================== */
.logo {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  background-image: url("images/iMIS-logo.svg#white");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 50px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .logo {
    background-size: 110px 35.2px;
  }
}

/* Navigation Tree
   ========================================================================== */
.col-secondary,
.sub-nav-body {
  background-color: #003a4d;
}

.sub-nav-body .RadTreeView_Orion .rtLI::after {
  display: block;
  clear: both;
  content: "";
}

.sub-nav-body .RadTreeView_Orion .rtIn {
  margin: 0;
  border: none;
}

.sub-nav-body .RadTreeView_Orion .rtIn .rtTemplate {
  display: inline-block;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  white-space: normal;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI .rtSp {
  display: none;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI .rtIn, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI .rtIn a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.sub-nav-body .RadTreeView_Orion .rtHover .rtIn, .sub-nav-body .RadTreeView_Orion .rtSelected .rtIn {
  border: none;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI:hover > div,
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > .rtActive,
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > .rtSelected,
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > .child-is-selected-wrapper {
  background-color: #002633;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div {
  padding: 0;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn {
  padding: 10px 36px 10px 12px;
  font-weight: 600 !important;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI div.SubNavigationSeparator {
  margin: .5em .7em;
  padding: 0;
  border-bottom: 1px solid #9cbec9;
  border-bottom: 1px solid rgba(156, 190, 201, 0.45);
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI div.SubNavigationSeparator .rtIn {
  display: none;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL {
  background-color: #002633;
  padding: 5px 0;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtTop, .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtMid, .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtBot {
  padding: 0;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtIn {
  padding: 6px 36px 6px 30px;
  border-left: 4px solid transparent;
  color: #9cbec9;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtSelected .rtIn,
.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .child-is-selected-wrapper .rtIn,
.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtLI:hover > div .rtIn {
  color: #fff;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtSelected .rtIn {
  font-weight: 600 !important;
  border-left-color: #0096c7;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL ul.rtUL .rtIn {
  /* third level nav needs more padding
        * note that fourth level is not currently supported */
  padding-left: 46px;
}

.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtSp + .PlusLink {
  /* for non-expandable Plus links give it a little extra space*/
  padding-right: 6px;
}

/* Navigation icons
   ========================================================================== */
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before {
  margin-right: 5px;
}

.sub-nav-body .RadTreeView_Orion .rtPlus, .sub-nav-body .RadTreeView_Orion .rtMinus {
  float: right;
  height: 32px;
  width: 36px;
  margin-right: 0;
  padding-right: 4px;
  cursor: pointer;
  margin-top: 0;
}

.sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before {
  height: 16px;
  width: 16px;
  background-position: -176px 0;
  margin: 8px 8px;
}

.sub-nav-body .RadTreeView_Orion .rtLI:hover > div .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtLI:hover > div .rtMinus:before, .sub-nav-body .RadTreeView_Orion .child-is-selected-wrapper .rtPlus:before, .sub-nav-body .RadTreeView_Orion .child-is-selected-wrapper .rtMinus:before, .sub-nav-body .RadTreeView_Orion .rtSelected .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtSelected .rtMinus:before {
  background-position: -192px 0px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before {
  float: left;
  height: 17px;
  width: 16px;
  /* make sure no icons are visible by default */
  background-position: 0 16px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before {
  vertical-align: text-bottom;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtPlus, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtMinus {
  height: 40px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtPlus:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtMinus:before {
  margin-top: 12px;
  margin-bottom: 12px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CommunityLink:before {
  background-position: 0px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .MembershipLink:before {
  background-position: -16px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .FundraisingLink:before {
  background-position: -32px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .EventsLink:before {
  background-position: -48px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CommerceLink:before {
  background-position: -64px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .EducationLink:before {
  background-position: -80px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .ReportsLink:before {
  background-position: -96px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .RiSELink:before {
  background-position: -112px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .MarketingLink:before {
  background-position: -128px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .ProcessMgrLink:before {
  background-position: -144px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .SetupLink:before {
  background-position: -160px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .FinanceLink:before {
  background-position: -480px 1px;
}

.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CheckInLink:before {
  background-position: -496px 1px;
}

.sub-nav-body .RadTreeView_Orion .rtImg {
  /* Custom icons */
  max-width: 16px;
  max-height: 16px;
  float: left;
  position: relative;
  top: 10px;
  left: 10px;
}

/* Sub nav header
   ========================================================================== */
/* this is not used in the master page, but can apply in other controls */
.SubNavigationHead {
  font-weight: 600;
  font-size: 150%;
  line-height: 1.3;
  padding: .2em .3em;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer-main {
  font-size: 90%;
  text-align: center;
  color: #3c3b3b;
}

.footer-main .footer-inner {
  border-top: 1px solid #ddd;
}

.footer-main .footer-left, .footer-main .footer-right {
  padding-top: 11px;
  padding-bottom: 9px;
}

.footer-main a {
  text-decoration: underline;
}

.footer-main a, .footer-main a:visited {
  color: #3c3b3b;
}

.footer-main a:hover, .footer-main a:active {
  color: #555555;
}

.footer-main .NavigationListItem {
  border-left: 1px solid #999999;
  padding-left: 5px;
  padding-right: 5px;
}

.footer-main .NavigationListItem:first-child {
  padding-left: 0;
  border-left: none;
}

.footer-main .NavigationListItem:first-child > a {
  padding-left: 0;
}

.footer-main .footer-information {
  border-left: 1px solid #999999;
  padding-left: 12.5px;
  padding-right: 12.5px;
}

@media (max-width: 991px) {
  .footer-main .footer-information {
    display: none;
  }
  .footer-main .NavigationUnorderedList {
    margin-right: 0;
  }
  .footer-main .NavigationListItem:last-child {
    padding-right: 0;
  }
  .footer-main .NavigationListItem:last-child > a {
    padding-right: 0;
  }
}

.footer-main select {
  /* shrink the language switcher for better alignment */
  height: 24px;
  padding: 2px 5px;
}

.footer-main .footer-left {
  /* vertically align links with the translation drop-down */
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStrip.RadTabStrip_Orion .rtsLink, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink,
.RadTabStrip.SubTabStrip .rtsLink,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink {
  background-color: transparent;
  border-width: 0 0 4px 0;
  border-style: solid;
  border-color: transparent;
  padding: 8px 5px 4px 5px;
  margin-right: 0px;
}

.RadTabStrip.RadTabStrip_Orion .rtsLink, .RadTabStrip.RadTabStrip_Orion .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLink:focus, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus,
.RadTabStrip.SubTabStrip .rtsLink,
.RadTabStrip.SubTabStrip .rtsLink:hover,
.RadTabStrip.SubTabStrip .rtsLink:active,
.RadTabStrip.SubTabStrip .rtsLink:focus,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:hover,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:active,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:focus,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink:hover,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink:active,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink:focus,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:active,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus {
  color: #222;
}

.RadTabStrip.RadTabStrip_Orion .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLink:focus, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus,
.RadTabStrip.SubTabStrip .rtsLink:hover,
.RadTabStrip.SubTabStrip .rtsLink:active,
.RadTabStrip.SubTabStrip .rtsLink:focus,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:hover,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:active,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:focus,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink:hover,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink:active,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink:focus,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:active,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus {
  border-color: #999;
  text-decoration: none !important;
}

.RadTabStrip.RadTabStrip_Orion .rtsLink .rtsOut, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink .rtsOut,
.RadTabStrip.SubTabStrip .rtsLink .rtsOut,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink .rtsOut,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink .rtsOut,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink .rtsOut {
  padding: 0;
}

.RadTabStrip.RadTabStrip_Orion .rtsLink.rtsSelected, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsSelected,
.RadTabStrip.SubTabStrip .rtsLink.rtsSelected,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink.rtsSelected,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink.rtsSelected,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsSelected {
  color: #222;
  background-color: transparent;
  border-color: #006f94;
  font-weight: 600;
}

.RadTabStrip.RadTabStrip_Orion .rtsLink.rtsDisabled, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsDisabled,
.RadTabStrip.SubTabStrip .rtsLink.rtsDisabled,
.RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink.rtsDisabled,
.RadTabStripVertical.RadTabStrip_Orion .rtsLink.rtsDisabled,
.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsDisabled {
  background-color: transparent;
  color: #999;
  border-color: transparent;
}

.RadTabStrip.RadTabStrip_Orion,
.RadTabStrip.SubTabStrip {
  border-bottom: 2px solid #777;
  padding: 0 15px;
}

.RadTabStripBottom.RadTabStrip_Orion {
  border-bottom: none;
  border-top: 2px solid #777;
}

.RadTabStripBottom.RadTabStrip_Orion .rtsLink {
  border-width: 4px 0 0 0;
  padding: 4px 5px 8px 5px;
}

.RadTabStrip.SubTabStrip {
  border-bottom: 1px solid #ddd;
}

.RadTabStrip.SubTabStrip a.rtsLink {
  border-bottom: 3px solid transparent;
  transition: none;
}

.RadTabStrip.SubTabStrip a.rtsLink.rtsSelected {
  border-bottom-color: #999999;
  font-weight: 600;
}

.tabs-wrapper.tabs-vertical {
  grid-column-gap: 10px;
}

@media (max-width: 767px) {
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion {
    display: block;
    border-bottom: 2px solid #777;
    padding: 0 15px;
  }
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLevel {
    width: 100%;
  }
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLI {
    display: inline-block;
    float: left;
  }
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLink, .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsIn {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsIn, .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsTxt {
    padding: 0;
  }
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLink {
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
  }
  .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLI {
    margin-bottom: .5em;
  }
}

.RadMultiPage,
.ContentTabbedDisplay:not(.panel-border) {
  background-color: transparent;
  border-style: none;
}

.RadTabStrip + .RadMultiPage {
  padding: 10px 0 0 0;
}

@media (min-width: 768px) {
  .RadTabStripVertical + .RadMultiPage {
    padding: 0;
  }
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #a5dced;
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch {
  color: #222;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td {
  border-left-color: transparent;
}

.RadGrid.RadGrid_MetroTouch td.rgPagerCell {
  border-width: 0;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child {
  padding: 7px 12px;
}

.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child {
  /* reset the padding for expand/collapse column */
  padding-left: 0;
  padding-right: 0;
}

.RadGrid.RadGrid_MetroTouch .rgCommandRow {
  background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton {
  background-color: #0096c7;
  border-color: #0096c7;
  color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel {
  background-color: #0096c7;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgHeader {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.RadGrid.RadGrid_MetroTouch .rgHeader:hover {
  overflow: visible;
}

.RadGrid.RadGrid_MetroTouch .rgHeader:hover a, .RadGrid.RadGrid_MetroTouch .rgHeader:hover span[onclick] {
  z-index: 100;
}

.RadGrid.RadGrid_MetroTouch .rgHeader.text-hide, .RadGrid.RadGrid_MetroTouch .rgHeader.rgExpandCol {
  font-size: 0;
}

.RadGrid.RadGrid_MetroTouch .rgHeader a:not(.Link), .RadGrid.RadGrid_MetroTouch .rgHeader span[onclick] {
  /* Note:There are a couple of places where we want the link to be styled 
                   (e.g. the header link in duplciate merge), so make sure those still look like links
                */
  color: #222 !important;
  text-decoration: none !important;
}

.RadGrid.RadGrid_MetroTouch .rgHeader input[type="radio"] {
  /* For duplicate merge */
  vertical-align: unset;
}

.RadGrid.RadGrid_MetroTouch th.rgSorted {
  color: #222;
}

.RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted a:not(.Link), .RadGrid.RadGrid_MetroTouch th.rgSorted span[onclick] {
  background-color: #e0e8eb;
}

.RadGrid.RadGrid_MetroTouch .rgRow, .RadGrid.RadGrid_MetroTouch .rgAltRow {
  background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgRow:hover, .RadGrid.RadGrid_MetroTouch .rgAltRow:hover {
  background-color: #f5f5f5;
}

.RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgSorted {
  border-top: 1px solid #ddd;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgRow:first-child td, .RadGrid.RadGrid_MetroTouch .rgRow:first-child td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgAltRow:first-child td, .RadGrid.RadGrid_MetroTouch .rgAltRow:first-child td.rgSorted {
  border-top-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgRow .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow .rgHeader a, .RadGrid.RadGrid_MetroTouch .rgAltRow .rgHeader, .RadGrid.RadGrid_MetroTouch .rgAltRow .rgHeader a {
  background-color: #f5f5f5;
}

.RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow:hover, .RadGrid.RadGrid_MetroTouch td.rgSelectedRow {
  background-color: #eeeeee;
  border-top-color: #ddd;
  color: #222;
}

.RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow:hover a, .RadGrid.RadGrid_MetroTouch td.rgSelectedRow a {
  color: #00759b;
}

.RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a:after,
.RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick]:after,
.RadGrid.RadGrid_MetroTouch .rgHeader .rgSortAsc,
.RadGrid.RadGrid_MetroTouch .rgHeader .rgSortDesc {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  background-image: none !important;
  margin: 0;
  float: none;
  width: 5px;
  height: 7px;
}

.RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a,
.RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick] {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}

.RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a:after,
.RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick]:after {
  border-bottom: 7px solid #999999;
  visibility: hidden;
  position: absolute;
  right: 3px;
  bottom: 18%;
}

.RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a:hover:after,
.RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick]:hover:after {
  visibility: visible;
}

.RadGrid.RadGrid_MetroTouch .rgSortAsc, .RadGrid.RadGrid_MetroTouch .rgSortDesc {
  margin-left: 5px;
  margin-bottom: 2px;
}

.RadGrid.RadGrid_MetroTouch .rgSortAsc {
  border-bottom: 7px solid #222;
}

.RadGrid.RadGrid_MetroTouch .rgSortDesc {
  border-top: 7px solid #222;
}

.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
  color: #222;
}

.RadGrid.RadGrid_MetroTouch td.rgSorted, .RadGrid.RadGrid_MetroTouch .rtAltRow td.rgSorted {
  background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgRow:last-child td, .RadGrid.RadGrid_MetroTouch .rgAltRow:last-child td {
  border-bottom-width: 0;
}

/* RadComboBox
    ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon {
  font: 16px/1 "TelerikWebUI";
}

/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch {
  border: none;
  background-color: transparent;
}

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton {
  background-color: #0096c7;
  border-color: #0096c7;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_MetroTouch .rsAptIn {
  border-top: none;
}

.RadScheduler.RadScheduler_MetroTouch .rsHeader {
  border-color: #0096c7;
  background-color: #0096c7;
}

.RadScheduler.RadScheduler_MetroTouch .rsHeader ul a {
  border-color: #0096c7;
}

.RadScheduler.RadScheduler_MetroTouch .rsHeader h2 {
  font-family: Muli, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

@media (max-width: 991px) {
  .RadScheduler.RadScheduler_MetroTouch .rsHeader {
    height: auto;
  }
  .RadScheduler.RadScheduler_MetroTouch .rsHeader ul {
    clear: left;
    margin-top: 0;
    margin-bottom: -19px;
  }
  .RadScheduler.RadScheduler_MetroTouch .rsHeader ul a,
  .RadScheduler.RadScheduler_MetroTouch .rsHeader ul .rsSelected em {
    padding-top: 10px;
  }
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
  color: #ffffff;
}

.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #006f94;
}

.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #006f94;
}

.RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #006f94;
}

.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #006f94;
  background-color: #006f94;
  color: #FFF !important;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #0096c7;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #0096c7;
  background-color: #0096c7;
}

.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #fff;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_MetroTouch .rwTable .rwTitlebarControls {
  height: 40px;
}

.RadWindow.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
  padding-top: 2px;
}

.RadWindow.RadWindow_MetroTouch .rwTable ul.rwControlButtons {
  margin-top: 3px;
}

.RadWindow.RadWindow_MetroTouch td.rwWindowContent iframe {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_MetroTouch {
  line-height: 2 !important;
}

.RadTreeView.RadTreeView_MetroTouch .rtSp {
  height: 28px;
}

.RadTreeView.RadTreeView_MetroTouch .rtPlus, .RadTreeView.RadTreeView_MetroTouch .rtMinus {
  margin-top: 0;
}

.RadTreeView.RadTreeView_MetroTouch .rtIn {
  padding-left: 6px;
  padding-right: 6px;
}

.RadTreeView.RadTreeView_MetroTouch .rtHover .rtIn {
  background-color: #a5dced;
  border-color: #a5dced;
}

.RadTreeView.RadTreeView_MetroTouch .rtSelected .rtIn {
  border-color: #0096c7;
  background: #0096c7;
}

/* RadPicker
   ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_MetroTouch, .RadCalendar.RadCalendar_MetroTouch .rcMainTable {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
  border-color: #0096c7;
}

.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
  color: #0096c7;
}

.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #0096c7;
}

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #0096c7;
  background: #0096c7;
}

.RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span {
  /* The Sunday column is not rendering correctly because it's in a <th>
           instead of a <td>. This corrects the issue.
        */
  display: block;
  padding: .08em .4em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th {
  font-size: 100%;
  padding: 0;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
  background: #0096c7;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #0096c7;
  border-color: #0096c7;
}

.RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
  border-color: #0096c7;
  background: #0096c7;
}

.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  background-color: #0096c7;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* RadInput
   ========================================================================== */
a.riDown, a.riUp {
  text-indent: -2222px;
}

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border-radius: 5px;
  opacity: .70;
  transition: opacity 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .SocialSprite {
    transition: none;
  }
}

.SocialSprite.LargeButtons {
  width: 32px;
  height: 32px;
}

.SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
  opacity: 1;
}

.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon {
  background-position: 0 0;
  background-color: #3b5998;
}

.SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0 -80px;
}

.SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon {
  background-position: -40px 0;
  background-color: #00a0d1;
}

.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -80px;
}

.SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon {
  background-position: -80px 0;
  background-color: #0077b5;
}

.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -80px;
}

.SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon {
  background-position: -120px 0;
  background-color: #c4302b;
}

.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -80px;
}

.SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon {
  background-position: -160px 0;
  background-color: #0a629a;
}

.SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -80px;
}

.SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon {
  background-position: -200px 0;
  background-color: #0a629a;
}

.SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -80px;
}

.SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon {
  background-position: -240px 0;
  background-color: #db4a39;
}

.SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -80px;
}

.SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon {
  background-position: -280px 0;
  background-color: #00aff0;
}

.SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -80px;
}

.SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:hover, a:hover .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:focus, a:focus .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:active, a:active .SocialSprite.InstagramIcon {
  background-position: -360px 0;
  background-color: #e1306c;
}

.SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:hover, a:hover .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:focus, a:focus .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:active, a:active .SocialSprite.InstagramIcon.LargeButtons {
  background-position: -360px -80px;
}

.SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:hover, a:hover .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:focus, a:focus .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:active, a:active .SocialSprite.SnapchatIcon {
  background-position: -400px 0;
  background-color: #fffc00;
}

.SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:hover, a:hover .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:focus, a:focus .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:active, a:active .SocialSprite.SnapchatIcon.LargeButtons {
  background-position: -400px -80px;
}

/**** End Social Netowrking Icon Styling ****/
/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #5dae3f;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: .3em;
}

.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #00759b;
}

.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
  background-color: #0096c7;
  color: #fff;
}

.RadTreeView.GLE .rtImg {
  border-radius: 5px;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #fff;
}

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
  background-color: #005875;
}

.mini-profile-banner-large .panel-heading, .mini-profile-banner-large .panel-heading h1, .mini-profile-banner-large .panel-heading h2, .mini-profile-banner-large .panel-heading h3, .mini-profile-banner-large .panel-heading h4, .mini-profile-banner-large .panel-heading h5,
.mini-profile-banner-small .panel-heading,
.mini-profile-banner-small .panel-heading h1,
.mini-profile-banner-small .panel-heading h2,
.mini-profile-banner-small .panel-heading h3,
.mini-profile-banner-small .panel-heading h4,
.mini-profile-banner-small .panel-heading h5 {
  color: #fff;
}

.mini-profile-banner-large a, .mini-profile-banner-large a:hover, .mini-profile-banner-large a:active, .mini-profile-banner-large a:visited,
.mini-profile-banner-small a,
.mini-profile-banner-small a:hover,
.mini-profile-banner-small a:active,
.mini-profile-banner-small a:visited {
  color: #222;
  text-decoration: underline;
}

.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  /* Style the name like an h2 */
  font-family: inherit;
  font-weight: 600;
  font-size: 150%;
}

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  background-color: #005875;
}

.mini-profile-banner-large .profile-picture-container,
.mini-profile-banner-small .profile-picture-container {
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
  padding: 8px;
  border-radius: 5px;
}

.mini-profile-banner-large .profile-picture-container img,
.mini-profile-banner-small .profile-picture-container img {
  border-radius: 3px;
}

@media (min-width: 768px) {
  .mini-profile-banner-large .mini-profile-name-section,
  .mini-profile-banner-large .mini-profile-address-section {
    background-color: #005875;
  }
  .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-name-section a, .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-large .mini-profile-name-section label, .mini-profile-banner-large .mini-profile-name-section .Label,
  .mini-profile-banner-large .mini-profile-address-section,
  .mini-profile-banner-large .mini-profile-address-section a,
  .mini-profile-banner-large .mini-profile-address-section .SectionLabel,
  .mini-profile-banner-large .mini-profile-address-section label,
  .mini-profile-banner-large .mini-profile-address-section .Label {
    color: #fff;
  }
}

/* Account page banner
   ========================================================================== */
.account-page-with-banner .user-message-area,
.account-page-with-banner .account-page-top-area {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #005875;
}

.account-page-with-banner .user-message-area::after,
.account-page-with-banner .account-page-top-area::after {
  display: block;
  clear: both;
  content: "";
}

.account-page-with-banner .mini-profile-banner-large,
.account-page-with-banner .col-sm-12 .mini-profile-banner-small {
  /* assume the large banner is always full width, 
                small banner is full width when in a col-12 row
            */
  margin-left: -10px;
  margin-right: -10px;
}

.account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section,
.account-page-with-banner .col-sm-12 .mini-profile-banner-small .mini-profile-picture-section {
  padding-left: 15px;
}

.account-page-with-banner.EasyEditOn .mini-profile-banner-large,
.account-page-with-banner.EasyEditOn .mini-profile-banner-small,
.account-page-with-banner.EasyEditOn .ContentItemContainer > .account-page-top-area {
  /* to get rid of the gap created by the easy edit borders */
  margin-left: -11px;
  margin-right: -11px;
  margin-top: -1px;
}

.account-page-with-banner .account-page-top-area {
  margin-bottom: -.9em;
}

.account-page-with-banner .account-page-top-area .panel-heading.Distinguish {
  padding-left: 0;
  padding-right: 0;
}

.account-page-with-banner .account-page-top-area .panel-body {
  padding: 0;
}

/* ==========================================================================
   SEARCH
   ========================================================================== */
.SearchField {
  float: left;
  padding-left: 0;
}

.SearchResultSummary {
  padding: .5em;
}

.SearchResultSummary .ListItemTitle.SearchResultLink {
  margin-left: 8.5em;
}

.SearchResultSummary .ListItemTitle.SearchResultLink a {
  font-weight: 600;
  font-size: 135%;
  text-decoration: none;
}

.SearchResultSummary .SearchResult {
  margin-bottom: 0;
}

.SearchResultSummary .ImageSection {
  margin-top: -35.85px;
  margin-right: .8em;
}

@media (min-width: 992px) {
  .SearchResultSummary .ImageSection {
    width: 11em;
    /* Line the picture up with the top of the row */
  }
  .SearchResultSummary .ImageSection img {
    max-width: 11em;
  }
  .SearchResultSummary .ListItemTitle.SearchResultLink,
  .SearchResultSummary .Description {
    margin-left: 12.8em;
  }
}

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: transparent;
}

.EventSummary .PhotoArea {
  padding-right: 2em;
  padding-bottom: 2em;
}

.EventSummary .Description {
  padding-bottom: 2em;
}

.EventSummary .PhotoArea img {
  border: 1px solid #ddd !important;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #a5dced;
}

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: Muli, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
  color: #333333;
}

.ProgramGroup .PanelBody,
.ProgramGroup .panel-body {
  padding: 0;
}

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #fff;
  padding: 1em;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #0096c7;
}

.ProgressTrackerNavigation:hover {
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px 0px #999999;
  box-shadow: 0 2px 3px 0px #999999;
  border-color: #999999;
  opacity: 0.9;
  cursor: pointer;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #a5dced;
}

.ProgressTracker2 .ProgressTrackerPanel::after {
  display: block;
  clear: both;
  content: "";
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: inherit;
  font-weight: 600;
}

.ProgressTracker2 div p {
  background-color: #e8ebf0;
  color: #006f94;
  margin-bottom: 0;
}

.ProgressTracker2 .ProgressBar {
  margin: 10px;
}

.ProgressTracker2 .ProgressBar > span {
  background-color: #8ddb70;
}

.ProgressTracker2 .SuccessfulMessage {
  background-color: #20bff3;
  color: #222;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  border: none !important;
  margin-top: -3px;
}

.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 123.5295%;
}

.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #222;
}

.CommunityLinksBlock a:hover {
  background-color: #a5dced;
  color: #222;
  text-decoration: none;
}

.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #006f94;
  color: White;
  font-weight: bold;
  text-decoration: none;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #006f94;
}

.CommunityItemTitle {
  font-size: 110%;
  padding: .25em 0;
}

.CommunityProfilePicture img {
  border-radius: 5px;
}

.CommunityReplyForm,
.CommunityCommentItem {
  background: #fff;
  border-left: 10px solid #ddd;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: #fff;
}

/* For adding comments */
.CommunityWikiReplyForm {
  background: #fff;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   OBJECT BROWSER
   ========================================================================== */
.ObjectBrowserWrapper,
.TagBrowserWrapper {
  background-color: #fff;
}

.OBNavIcon {
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}

.ObjectBrowserContentList td {
  padding-top: 1px;
  padding-bottom: 0;
}

.ObjectBrowserContentListName {
  line-height: 2;
}

.ObjectBrowserIcon {
  background-position: 0 6px;
}

.ObjectBrowserContentItem.hover, .ObjectBrowserContentItem:hover, .ObjectBrowserContentItem:focus {
  background-color: #a5dced;
}

.ObjectBrowserContentItem.selected, .ObjectBrowserContentItem:active {
  background-color: #0096c7;
}

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body,
.ProgressTracker_Dashboard_Overview .panel-body {
  padding-top: 0;
}

.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  font-size: 120%;
  display: block;
  margin-top: 10px;
}

.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-left: -15px;
  margin-right: -15px;
}

.ProgressTracker2 ul,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard_Overview ul {
  margin: 0;
  padding: 0;
}

.ProgressTracker2 ul, .ProgressTracker2 li,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard li,
.ProgressTracker_Dashboard_Overview ul,
.ProgressTracker_Dashboard_Overview li {
  list-style-type: none;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count,
.ProgressTracker_Dashboard_Overview .count {
  font-weight: 600;
  display: block;
  line-height: 1;
  letter-spacing: -1px;
}

.ProgressTracker2 .label,
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  line-height: 1;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
}

.ProgressTracker2 .ProgressBar > span,
.ProgressTracker_Dashboard .ProgressBar > span,
.ProgressTracker_Dashboard_Overview .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #5dae3f;
  position: relative;
  overflow: hidden;
}

.ProgressTracker2 p,
.ProgressTracker_Dashboard p,
.ProgressTracker_Dashboard_Overview p {
  margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
  padding-bottom: 0;
}

.ProgressTracker_Dashboard .inset {
  display: block;
  padding-bottom: 15px;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
  /* default the overview PTs to the same height */
  min-height: 10em;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent;
}

.ProgressTracker_Dashboard_Overview .count {
  font-size: 250%;
}

.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px;
}

.StaffDashboard h2,
.StaffDashboard .panel-heading.Distinguish,
.StaffDashboard .PanelHead.Distinguish,
.StaffDashboard .TitleBarCaption {
  border-bottom-color: transparent;
}

.StaffDashboard h2.Collapsible,
.StaffDashboard .panel-heading.Distinguish.Collapsible,
.StaffDashboard .PanelHead.Distinguish.Collapsible,
.StaffDashboard .TitleBarCaption.Collapsible {
  border-bottom-color: #ddd;
}

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
  background-color: #fff;
  padding: 15px;
}

.AltBgColor2 > .panel {
  background-color: #00abbe;
}

a:hover .AltBgColor2 > .panel, a:active .AltBgColor2 > .panel, a:focus .AltBgColor2 > .panel {
  background-color: #009daf;
}

.AltBgColor2 > .panel.panel-border {
  border-color: #0094a5;
}

.AltBgColor2 > .panel, .AltBgColor2 > .panel h2 {
  color: #fff;
}

.AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor2 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColor3 > .panel {
  background-color: #5dae3f;
}

a:hover .AltBgColor3 > .panel, a:active .AltBgColor3 > .panel, a:focus .AltBgColor3 > .panel {
  background-color: #57a23b;
}

.AltBgColor3 > .panel.panel-border {
  border-color: #539b38;
}

.AltBgColor3 > .panel, .AltBgColor3 > .panel h2 {
  color: #fff;
}

.AltBgColor3 > .panel a, .AltBgColor3 > .panel a:hover, .AltBgColor3 > .panel a:active, .AltBgColor3 > .panel a:focus, .AltBgColor3 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor3 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColor4 > .panel {
  background-color: #e98300;
}

a:hover .AltBgColor4 > .panel, a:active .AltBgColor4 > .panel, a:focus .AltBgColor4 > .panel {
  background-color: #da7a00;
}

.AltBgColor4 > .panel.panel-border {
  border-color: #d07500;
}

.AltBgColor4 > .panel, .AltBgColor4 > .panel h2 {
  color: #fff;
}

.AltBgColor4 > .panel a, .AltBgColor4 > .panel a:hover, .AltBgColor4 > .panel a:active, .AltBgColor4 > .panel a:focus, .AltBgColor4 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor4 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColor5 > .panel {
  background-color: #8e51ae;
}

a:hover .AltBgColor5 > .panel, a:active .AltBgColor5 > .panel, a:focus .AltBgColor5 > .panel {
  background-color: #854ca4;
}

.AltBgColor5 > .panel.panel-border {
  border-color: #80499d;
}

.AltBgColor5 > .panel, .AltBgColor5 > .panel h2 {
  color: #fff;
}

.AltBgColor5 > .panel a, .AltBgColor5 > .panel a:hover, .AltBgColor5 > .panel a:active, .AltBgColor5 > .panel a:focus, .AltBgColor5 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor5 > .panel .ProgressBar > span {
  background-color: #fff;
}