.subscriptionsPageContainer .subscriptionsBody .moduleSubscriptionList.objectiveMetricSelected .msHeader .backButton[uib-rating] span:focus, /* disables focus outline on rating stars */
[data-ng-click]:focus, [ng-click]:focus { /* disables focus outline on ng-click elements */
    outline: none;
}

.no-animate-hide.ng-hide.ng-hide-animate {
  display: none !important;
}

hr:not(.bootstrap) {
  margin: 0;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}

.nobootstrap-fieldset {
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  /* margin-inline-start: 2px; */
  /* margin-inline-end: 2px; */
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: min-content;
}

fieldset.nobootstrap-fieldset legend {
  font-size: 1em;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  width: auto;
}

h1.nobootstrap {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

input[type=checkbox]:not(.form-check-input),
input[type=radio]:not(.form-check-input) {
  /* restore default margin to checkboxes */
  margin: 3px;
}

/* stops modals created by $uibModal from loading with a line before the content is compiled */
.modal-dialog-noborder-when-loading .modal-content:not(.modal-content-ready) {
  border: 0;
}

/* custom max-width for bootstrap modal */
.modal-dialog.modal-md-lg {
  max-width: 570px;
}

/*#region Overall Design Styling*/
.menuItem /*If updating this, also update .g, .att, etc.*/
{	
	border: 1px solid transparent;
	border-bottom: 1px solid #BCBCBC;
	color: #788196 !important;
	cursor: pointer;
	padding: 4px 1px 1px 4px;    
}
.menuItem:nth-of-type(odd) { background-color: #FAFAFA; }
.menuItem:nth-of-type(even) { background-color: #EEEEEE; }

.menuItem:hover, .menuItem.selected, .menuItem2:hover, .challItem:not(.h):hover
{	
	border: 1px solid #0078AC;
}

/*Date Range Picker to match group selectors*/
.DateRangePicker .menuItem { background-color: white; }
.DateRangePicker .menuItem.selected { background-color: #0078AC; color: white !important; }
.DateRangePicker .menuItem:hover { border: 1px solid #788196; }

.DateRangePickerContainer .daysOfWeek {
  float:left;
  margin-left: 2px;
  height: 24px;
  display: flex;
}
  .dateRangeSelectorHolder .DateRangePickerContainer .daysOfWeek {
    height: 39px;
  }
  .DateRangePickerContainer .daysOfWeek table {
  	margin: auto 0;
  }
  
  .DateRangePickerContainer .daysOfWeek input {
    margin: 0;
    margin-left: 3px;
  }

  .DateRangePickerContainer .daysOfWeek label {
    margin-left: 2px;
    vertical-align: top;
    margin-bottom: 0px;
  }

/*Other Pickers to match group selectors*/
.picker .menuItem { background-color: white; }
.picker .menuItem.selected { background-color: #0078AC; color: white !important; }
.picker .menuItem:hover { border: 1px solid #788196; }

.menuItem2
{
	background-color: #788196;
	border: 1px solid transparent;
	color: white;
	cursor: pointer;
	padding: 2px 0px 1px 3px;
    font-size:14px;
}

.menuHeader
{
	background-color: #FFFFFF;
	border-bottom: 1px solid #D5D7D8;
	padding: 3px 4px 4px 4px;
	font-weight: bold;
	cursor:default;
}

.menuButton
{	
	height: 21px;	
	padding: 0px 5px 1px 5px;	
	border: 2px solid white;
	/*background-color: #004CFF;*/
    background-color: #788196;
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -webkit-linear-gradient(#004CFF, #007EFF);*/ /* For Safari 5.1 to 6.0 */
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -o-linear-gradient(#004CFF, #007EFF);*/ /* For Opera 11.1 to 12.0 */
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -moz-linear-gradient(#004CFF, #007EFF);*/ /* For Firefox 3.6 to 15 */
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, linear-gradient(#004CFF, #007EFF);*/ /* Standard syntax */	
	background-size: 12px;
	color: white;
	cursor: pointer;
}

.menuButton div
{
    margin-top: 2px;
}

.menuButton:hover
{
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -webkit-linear-gradient(#019AF9, #00A3FF);*/ /* For Safari 5.1 to 6.0 */
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -o-linear-gradient(#019AF9, #00A3FF);*/ /* For Opera 11.1 to 12.0 */
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -moz-linear-gradient(#019AF9, #00A3FF);*/ /* For Firefox 3.6 to 15 */
	/*background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, linear-gradient(#019AF9, #00A3FF);*/ /* Standard syntax */	
	background-size: 12px;
}
/*#endregion End Overall Styling*/

/*#region -------------------Page Body-------------------- */
.toolbarDialog
{
    z-index: 10001;
    background-color: white;
}

.toolbarOverlay
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #686973;
    opacity: .35;
    z-index: 10000;
    left: 0;
    top: 0;
}

body
{	
	background-color: #FFFFFF;
	/*font-family: "ProximaNova", "Veranda", "Trebuchet MS", "serif";*/	
    font-family: "Roboto", "Verdana", "Trebuchet MS", "serif";
    font-size:12px;
    margin:0px;
    line-height: normal;
    color: rgba(0,0,0,0.87);
}

.settingsSeparator
{
	height:1px; 
	background-color:#666666; 
	width:96%; 
	border:none;
}

body.stopScrolling 
{
	height: 100%;
	overflow: hidden;	
}

a { text-decoration: none; }
/*#endregion END Page Body*/

/*#region ----------- Help Documentation -------------- */
#HelpPopUp .doubleList 
{
	width: 430px;
	overflow:hidden;
	list-style-type: square;
	color: #0AA6FB;
}

.doubleList li 
{
	line-height:1.5em;
	float:left;	
	width:50%;
}

.helpAnchor {
	cursor: pointer;
}

.helpAnchor:hover {
	color: #E8A139;
}

.helpText {
	font-family: 'Times New Roman', 'serif';
	font-size: 1.1em;
}
/*#endregion END Help Documentation*/
	
/*#region ----------- MasterPage Content Layout ---------------- */

.contentWrapper {
  width: 100%;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;	
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-box-shadow: 0px 0px 0px 0px #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 0px #FFFFFF;
	box-shadow: 0px 0px 0px 0px #FFFFFF;
	padding: 0px;
	background-color:White;	
	clear:both;	
	background-position:top;
	display: flex;
}

nav.navbar {
  padding-left: 0;
  height: 56px;
  left: 200px;
  background-color: white !important;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.16);
}
  nav.navbar.animationEnabled {
    transition: all 0.3s ease-in-out;
    transition-property: left, width;
  }
  
  nav.navbar.navOverlayOpen {
    z-index: 1;
  } 





/* #region ------------------------------*\
	#NOTIFICATIONS
\*---------------------------------------*/

/* Release Notes */

.releaseNotesY19Q1 {
  width: 100%;
  height: 100%;
  background-image: url('Images/CoreTheme/Notifications/notes/19-1.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.releaseNotesY19Q3 {
  width: 100%;
  height: 100%;
  background-image: url('Images/CoreTheme/Notifications/notes/19-3.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.releaseNotesY19M11 {
  width: 100%;
  height: 100%;
  background-image: url('Images/CoreTheme/Notifications/notes/19-11.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.notificationHolder {
  position: absolute;
  right: 32px;
  top: 60px;
}

.notificationBadge {
  position: absolute;
  top: 10px;
  right: -2px;
  text-align: center;
  height: 16px;
  width: 16px;
  font-size: 10px;
  border-radius: 7px;
  background-color: #d32329;
  padding-top: 1px;
  color: white;
}

notification-container {
  display: block;
  background: #EEF0F2;
  width: 400px;
  max-height: calc(100vh - 128px);
  min-height: 364px;
  height: 100%;
  top: 48px;
  right: 16px;
  /* border: 1px inset #788196; */
  position: absolute;
  overflow: hidden;
  z-index: 9999;
  box-shadow: 2px 2px 6px 2px #777;
  opacity: 1;
  transition: all 0.5s ease;
}
  notification-container.ng-hide {
    min-height: 0;
    max-height: 0vh;
    opacity: 0;
  }

.notificationContainerTitle {
  font-size: 16px;
  margin: auto 0;
}

.notificationContainerClear {
  font-size: 12px;
  color: #BD2026;
  margin: auto 0 auto auto;
  cursor: pointer;
  text-transform: uppercase;
}

.notificationContainerTop {
  display: flex;
  height: 32px;
  border-bottom: 1px solid #D2D6DB;
  padding: 0 16px;
  background: #fff;
}

.notificationContainerScrollContainer {
  min-height: 0;
  max-height: calc(100% - 32px);
  overflow-y: auto;
  overflow-x: hidden;
}

.notificationEmptyState {
  display: flex;
  width: 100%;
  height: 332px;
}
  .notificationEmptyState.ng-hide-remove {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 0.3s ease;
  }

.notificationEmptyStateText {
  margin: auto;
  font-size: 16px;
  color: #A8AFB9;
}

.notificationContainerItem {
  padding: 16px;
  border-bottom: 1px solid #D2D6DB;
  display: flex;
  transition: all 0.3s ease;
  background: #fff;
}
  .notificationContainerItem.clickableNotificationHovered {
    cursor: pointer;
  }

  .notificationContainerItem.notificationRead {
    background-color: #EEF0F2;
  }
    .notificationContainerItem.notificationRead .notificationFadeWhenRead {
      opacity: 0.75;
    }

  .notificationContainerItem.ng-enter {
    overflow: hidden;
    padding-left: 100%;
  }
    .notificationContainerItem.ng-enter.ng-enter-active {
      padding-left: 0;
    }
  .notificationContainerItem.ng-leave {
    overflow: hidden;
    padding-left: 0;
  }
    .notificationContainerItem.ng-leave.ng-leave-active {
      padding-left: 100%;
    }

.notificationContainerItemLeft {
  width: 32px;
  margin-right: 16px;
}

.notificationContainerItemImage {
  height: 32px;
  width: 32px;
  margin-top: 6px;
  border-radius: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.notificationContainerItemRight {
  flex: 1;
}

.notificationContainerItemTitle {
  font-weight: bold;
  font-size: 14px;
  display: flex;
}
  .clickableNotificationHovered .notificationContainerItemTitle {
    text-decoration: underline;
  }

.notificationContainerItemCustomDirective {
  display: block;
  width: 100%;
  transform: scaleY(1);
  transform-origin: top left;
  transition: transform 0.3s ease;
  margin-top: 4px;
}
  .notificationContainerItemCustomDirective.ng-hide {
    transform: scaleY(0);
  }

.notificationContainerItemText {
  margin-top: 4px;
  height: 25px;
  padding-bottom: 1px;
  line-height: 21px;
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease;
  width: calc(100% - 64px);
}
  .notificationContainerItemTextBody {
    transition: opacity 0.1s ease;
    opacity: 1;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
    .notificationContainerItemText.ng-hide .notificationContainerItemTextBody {
      opacity: 0;
    }
    .notificationContainerItemText.ng-hide-remove.ng-hide-remove-active {
      width: 0px;
    }

  .notificationContainerItemTextNoTransition {
    transition: none;
  }


  .notificationContainerItemText::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
    content: '\200C';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 17px;
    width: 0;
    text-align: center;
  }
    .notificationContainerItemText.hasOverflowY:not(.notificationContainerItemTextExpanded)::after {
      width: 25%;
    }
    .notificationContainerItem.notificationRead .notificationContainerItemText::after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #EEF0F2 50%);
    }

.notificationContainerTimestamp {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 64px;
}
  .notificationButtonArea .notificationContainerTimestamp {
    margin-top: auto;
    padding-top: 8px;
  }

.notificationModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #686973;
  opacity: .85;
  z-index: 15000;
}

.notificationModalPositioner {
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 15001;
  position: fixed;
}

.notificationModal {
  display: flex;
  flex-flow: column;
  background-color: #FFFFFF;
  width: 75vw;
  max-width: 1000px;
  height: 80vh;
  padding: 8px;
  border-radius: 6px;
  margin: auto;
}

.notificationModalTitle {
  font-size: 32px;
  /* font-weight: bold; */
  width: 70%;
  color: rgb(112,115,118);
  text-align: center;
}

.notificationModalBody {
  flex: 1;
}

.notificationModalActionsArea {
  padding-top: 8px;
  display: flex;
  height: 48px;
  align-items: center;
  border-top: 1px solid #6A7480;
}

.notificationModalActionsAreaFiller {
  flex: 1;
}

.toastNotification {
  display: block;
  margin-bottom: 8px;
  transition: opacity 0.5s, 
              transform 0.5s, 
              max-height 0.5s ease;
}
  .toastNotification.ng-enter {
    opacity: 0;
    transform: translateY(-200px);
    max-height: 0;
  }
    .toastNotification.ng-enter.ng-enter-active {
      opacity: 1;
      transform: none;
      max-height: none;
    }
    
  .toastNotification.ng-leave {
    opacity: 1;
    transform: none;
    max-height: none;
    margin-bottom: 0;
  }
    .toastNotification.ng-leave.ng-leave-active {
      opacity: 0;
      transform: translateY(-200px);
      max-height: 0;
    }

  .toastNotificationCard.urgentNotification::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    background-color: #B41C22;
    border-radius: 4px 0 0 4px;
  }

.toastNotificationCard {
  background: white;
  width: 280px;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .43);
  display: flex;
  flex-flow: row nowrap;
}
  .toastNotificationCard.clickableNotificationHovered {
    cursor: pointer;
  }

.toastNotificationCardImage {
  width: 32px;
  height: 32px;
  background: #EBC940;
  border-radius: 16px;
  margin-right: 16px;
  margin-top: 8px;
  margin-left: 8px;
}

.toastNotificationCardRight {
  flex: 1;
  min-width: 0;
}

.toastNotificationCardTitle {
  font-weight: bold;
  font-size: 14px;
  display: flex;
}
  .clickableNotificationHovered .toastNotificationCardTitle {
    text-decoration: underline;
  }

.toastNotificationCardClose {
  /* margin-left: auto; */
  background-image: url(Images/CoreTheme/close_normal_16px.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: auto;
}
  .toastNotificationCardClose:hover {
    background-image: url(Images/CoreTheme/close_hover_16px.svg);
  }

.toastNotificationCardUrgent {
  background-image: url(Images/CoreTheme/urgent.svg);
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-repeat: no-repeat;
}

.toastNotificationCardBodyText {
  color: #6A7480;
  font-size: 14px;
  white-space: normal;
  overflow-y: auto; 
  width: 100%;
  max-height: 100px;
  padding-right: 5px; 
}

.notificationButtonArea {
  display: flex;
  line-height: 14px;
}

.notificationActions {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
}

.notificationButton {
  padding-right: 8px;
  cursor: pointer;
  height: 22px;
  padding-top: 8px;
}

.notificationButtonPrimary {
  color: #0078AC;
}
  .notificationButtonPrimary:hover {
    color: #0099DB;
  }

.notificationButtonCancel {
  color: #A8AFB9;
}
  .notificationButtonCancel:hover {
    color: #1e1c1d;
  }

.notificationButtonSeeMore:hover {
  color: #1e1c1d;
}

.notificationProductStatus {
  color: #A8AFB9;
  text-transform: lowercase;
}

/*Rewards modal*/
.order-admin-details {
    padding: 0 64px !important;
}
.rewardsModalNotification {
    background: rgb(0,0,0,0.5)
}

.rewardsHidden{
    display: none !important;
}

.content-header {
    margin: 12px 0;
}
.rewards-info-container {
    max-height: 428px;
    width: 1088px;
}
.rewards-game-card {
    background-color: #F8F9FB;
    max-width: 1058px;
    height: 98px;
    margin: 8px 0 0 0 !important;
}
.rewards-game-summary {
    padding: 0 !important;
}
.game-rewards-details {
    overflow: hidden;
    white-space: nowrap;
    max-width: 88px;
}
.img-container {
    margin-right: 4px;
    height: 56px;
    width: 56px;
    background-position: center;
    background-repeat: no-repeat;
}
.rewards-game-summary .gtiMultiplierMadness {
    background-image: url("Images/CoreTheme/GameIcon_MultiplierMadness.svg");
}

.rewards-game-summary .gtiBullseye {
    background-image: url("Images/CoreTheme/GameIcon_Bullseye.svg");
}

.rewards-game-summary .gtiConnect3 {
    background-image: url("Images/CoreTheme/GameIcon_Connect3.svg");
}

.rewards-game-summary .gtiBlackout {
    background-image: url("Images/CoreTheme/GameIcon_Blackout.svg");
}

.rewards-game-summary .gtiTopDog {
    background-image: url("Images/CoreTheme/GameIcon_TopDog.svg");
}

.rewards-game-summary .gtiMilestone {
    background-image: url("Images/CoreTheme/GameIcon_Milestone.svg");
}

.rewards-game-summary .gtiPercentile {
    background-image: url("Images/CoreTheme/GameIcon_Percentile.svg");
}

.rewards-game-summary .gtiRaffle {
    background-image: url("Images/CoreTheme/GameIcon_Raffle.svg");
}

.rewards-game-summary .gmiSinglePlayer {
    background-image: url("Images/CoreTheme/GameIcon_SinglePlayer.svg");
}

.rewards-game-summary .gmiMultiplayer {
    background-image: url("Images/CoreTheme/GameIcon_Multiplayer.svg");
}

.rewards-game-summary .gmiTeamVsTeam {
    background-image: url("Images/CoreTheme/GameIcon_TeamVsTeam.svg");
}

.btn-join {
    width: 50px;
    height: 24px;
    border: 1px solid #0078AC;
    background: #FFFFFF;
    color: #0078AC;
    font-weight: bold;
    border-radius: 2px;
    box-shadow: 0px 1px 2px #00000031;
    overflow: hidden;
}
.btn-join:hover {
    background:#0078AC;
    color: #FFFFFF;
}
.btn-join:disabled {
    opacity: 0.35;
    pointer-events: none;
}
.btn-joined-success {
    color: #3D9649;
    font-size: 12px;
    font-weight: bold;
}
.game-details-container {
    margin: 0 12px;
    overflow: hidden;
}
.game-summary-labels {
    padding: 0 !important;
}
.game-details-container svg {
    margin-right: 4px;
    margin-bottom: 3px;
}
.game-details-containerrewards-info-game-icons {
    min-width: 60px;
    width: 60px;
    height: 60px;
    background-size: 60px;
    background-repeat: no-repeat;
}
.rewardsModalNotification {
    z-index: 1700 !important;
}
.rewardsModalNotification .modal-dialog {
    max-width: 1140px;
}
.rewardsModalNotification .modal-content {
    height: 580px;
}
.rewards-info-container .game-state-mark::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #97c93c;
    position: absolute;
    top: 45%;
}
.rewards-info-container .game-state-mark-red::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #df1f26;
    position: absolute;
    top: 45%;
}
/* #endregion Notifications */




/* #region Submit Feedback */

submit-feedback-popup {
  width: 100%;
  height: 100%;
}

.feedbackModalContainer {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: 16px 0px;
}

.feedbackModalHeader {
  display: flex;
  height: 48px;
  border-bottom: 1px solid #A8AFB9;
  /* margin: 0 16px; */
}

.feedbackModalHeaderText {
  font-size: 20px;
  font-weight: 800;
  /* margin-top: 4px; */
}

.feedbackModalBody {
  display: flex;
  flex: 1;
  width: calc(200% + 32px);
  transition: transform 0.5s ease;
  height: 100%;
}
  .feedbackModalBody.feedbackModalBodyForm {
    transform: translateX(0);
  }
  .feedbackModalBody.feedbackModalBodyMessage {
    transform: translateX(-25%);
  }

.feedbackModalMessage {
  height: 100%;
  flex: 1;
  display: flex;
  text-align: center;
  /* max-width: calc(50% - 16px); */
  margin: auto;
}

.feedbackModalMessageSection {
  font-size: 14px;
  width: 100%;
  margin: auto;
}

.feedbackModalErrorText,
.feedbackModalSuccessText {
  font-size: 24px;
}

.feedbackModalForm {
  display: flex;
  flex-flow: column;
  flex: 1;
  height: 100%;
  max-width: calc(50% - 16px);
}

.feedbackModalFormInfo {
  font-size: 14px;
  /* color: #A8AFB9; */
  text-align: center;
}

.feedbackModalFormLabel {
  font-size: 14px;
}

.feedbackModalFeelingLabelText {
  color: #A8AFB9;
}

.feedbackTextArea {
  height: calc(100% - 20px);
  min-height: 120px;
  resize: none;
}

.feedbackModalRatingHolder {
  font-size: 20px;
  color: #e1b416;
}

.feedbackModalRatingError {
  font-size: 80%;
}

.feedbackModalFeelingHolder {
  width: 100%;
  /* height: 56px; */
  display: flex;
  position: relative;
}

.feedbackModalFeelingText {
  flex: 1;
  width: 15%;
  text-align: center;
}

.feedbackModalFeeling {
  flex: 1;
  padding-top: 15%;
  width: 15%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
  .feedbackModalFeeling:hover {
    opacity: 0.5;
  }

  .feedbackModalFeeling.active {
    opacity: 1;
    transition: opacity 0.5s ease;
  }

.feedbackModalFeeling.feedbackModalFeelingNotAFan {
  background-image: url('Images/CoreTheme/Feedback/NotAFan_Unselected.svg');
}
  .feedbackModalFeeling.feedbackModalFeelingNotAFan:hover,
  .feedbackModalFeeling.feedbackModalFeelingNotAFan.active {
    background-image: url('Images/CoreTheme/Feedback/NotAFan_Selected.svg');   
  }

.feedbackModalFeeling.feedbackModalFeelingMeh {
  background-image: url('Images/CoreTheme/Feedback/Meh_Unselected.svg');
}
  .feedbackModalFeeling.feedbackModalFeelingMeh:hover,
  .feedbackModalFeeling.feedbackModalFeelingMeh.active {
    background-image: url('Images/CoreTheme/Feedback/Meh_Selected.svg');   
  }

.feedbackModalFeeling.feedbackModalFeelingSoSo {
  background-image: url('Images/CoreTheme/Feedback/SoSo_Unselected.svg');
}
  .feedbackModalFeeling.feedbackModalFeelingSoSo:hover,
  .feedbackModalFeeling.feedbackModalFeelingSoSo.active {
    background-image: url('Images/CoreTheme/Feedback/SoSo_Selected.svg');   
  }

.feedbackModalFeeling.feedbackModalFeelingLikeIt {
  background-image: url('Images/CoreTheme/Feedback/LikeIt_Unselected.svg');
}
  .feedbackModalFeeling.feedbackModalFeelingLikeIt:hover,
  .feedbackModalFeeling.feedbackModalFeelingLikeIt.active {
    background-image: url('Images/CoreTheme/Feedback/LikeIt_Selected.svg');   
  }

.feedbackModalFeeling.feedbackModalFeelingLoveIt {
  background-image: url('Images/CoreTheme/Feedback/LoveIt_Unselected.svg');
}
  .feedbackModalFeeling.feedbackModalFeelingLoveIt:hover,
  .feedbackModalFeeling.feedbackModalFeelingLoveIt.active {
    background-image: url('Images/CoreTheme/Feedback/LoveIt_Selected.svg');   
  }

.feedbackModalFooter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* padding-top: 16px; */
  border-top: 1px solid #A8AFB9;
}

.feedbackModalFooter div.ng-hide.ng-hide-animate {
  display: none !important;
}

/* #endregion Submit Feedback */


navigation-header .navbar-toggler-container .navbar-toggler-icon {
  background-image: url('Images/CoreTheme/Menu/menu_24px.svg');
  height: 18px;
  width: 18px;
}

#loginDropdown {
    right: 0 !important;
    left: auto !important;
    z-index: 1050;
}

.navOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;
  opacity: 0.35;
}

.navProfileImage {
    padding: 4px 8px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}
.navProfileImage img {
    /* border: 2px solid #ccc; */
    border-radius: 100%;
}

.lblLoggedInName {
  color: #0078AC;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  padding: 16px 0;
  margin: 0px 8px;
}

.headerDropDownMenu::after {
    content: none !important;
}

.nav-link.loggedIn.dropdown-toggle::after {
    content: none;
}

.navSidebarCloseModules {
  margin-left: 8px;
  font-size: 14px;
  color: #D8D8D8;
}
  .navSidebarCloseModules:hover {
    color: white;
  }

.navSidebarCloseModulesIcon {
  display: inline-block;
  background-image: url('Images/arrow_l_white.png');
  width: 12px;
  height: 12px;
  background-size: contain;
  vertical-align: middle;
}

.addModulesTooltip {
  margin-left: 8px;
}

.leftNavTooltip {
  z-index: 1501;
}

.navSidebarContent {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.navSidebarLinks,
.navSidebarModules {
  display: inline-block;
  transition: transform 0.2s ease;
  width: 100%;
  vertical-align: top;
  height: 100%;
}
  .navSidebarLinks.ng-hide {
    transform: translate(-224px);
  }

  .navSidebarModules.ng-hide {
    transform: translate(224px);
  }

.navSidebarModules {
  height: 100%;
  /* display: flex; */
  /* flex-flow: column; */
}

.navSidebarModulesSearch {
  width: 100%;
  padding: 0 10px;
  margin-top: 14px;
  margin-bottom: 8px;
}
  .navSidebarModulesSearch .sgInputFilter {
    width: 100%;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    background-color: transparent;
    color: white;
    border: 1px solid #475e75;
    border-radius: 3px;
  }
    .navSidebarModulesSearch .sgInputFilter:focus {
      outline: none;
      border-color: #384a5d;
    }

    .navSidebarModulesSearch .sgInputFilter::placeholder {
      color: #D8D8D8;
    }

  .navSidebarModulesSearch .sgInputFilterIcon {
    top: 6px;
    left: 16px;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-image: url(Images/CoreTheme/Dashboard/search_light.svg);
  }
  .navSidebarModulesSearch .sgClearFilterIcon {
    right: 16px;
    height: 12px;
    top: 8px;
  }

navigation-sidebar {
  z-index: 1600;
}
  navigation-sidebar.navOverlayOpen {
    z-index: 0;
  }

nav.sidebar {
  min-width: 200px;
  max-width: 200px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background: #23303D;
  color: #fff;
  display: flex;
  flex-flow: column;
  transform:translateZ(0);
}
  nav.sidebar.animationEnabled {
    transition: all 0.3s ease-in-out;
  }

  nav.sidebar .sidebar-header {
    padding: 10px 0;
    background: transparent;
  }

  nav.sidebar .sidebar-header .imageLogoSmall {
    display: none;
    font-size: 1.8em;
  }

  nav.sidebar.disabled {
    display: none;
    width: 0;
  }

  nav.sidebar.active {
    min-width: 48px;
    max-width: 48px;
    text-align: center;
  }

    nav.sidebar.active .sidebar-header .imageLogo,
    nav.sidebar.active .CTAs {
      display: none;
    }

    nav.sidebar.active .sidebar-header .imageLogoSmall {
      display: block;
    }

  .toolbarIcon,
  .dropdownIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: relative;
    top: -3px;
  }
    nav.sidebar.active .toolbarIcon {
      width:  24px;
      height: 24px;
    }

    nav.sidebar ul li a .navMenuGroupIcon {
      display: inline-block;
      height: 16px;
      width: 16px;
      vertical-align: top;
      
      
      
      /* mask-repeat: no-repeat; */
      /* mask-position: center; */
      margin-right: 16px;
      margin-bottom: auto;
    }

    nav.sidebar ul li a .navMenuGroupText {
      display: inline-block;
      width: calc(100% - 58px);
      word-break: break-word;
      white-space: pre-line;
    }
      nav.sidebar.ng-animate ul li a.sidebarMenuItem .navMenuGroupText {
        white-space: pre;
        overflow: hidden;
      }

    nav.sidebar.active ul li a.nav-sidebar-link {
      /* padding: 20px 10px; */
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      font-size: 0.85em;
      width: 48px;
    }

      nav.sidebar.active ul li a .navMenuGroupIcon {
        display: block;
        height: 24px;
        width: 24px;
        margin: auto;
      }

      nav.sidebar.active ul li a span {
        display: none;
      }

   nav.sidebar.active ul ul a {
    padding: 10px !important;
  }

  nav.sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
  
  nav.sidebar .imageLogo {
    height: 40px;
    z-index: 99;
    margin: 0px 35px;
    background-image: url("Images/CoreTheme/Clearview-White.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

.shoppingContainer .imageLogo {
    background-image: url("Images/CoreTheme/Clearview-White.png");
    height: 56px;
    width: 170px;
    z-index: 99;
    margin: 0 auto;
    margin-top: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

  nav.sidebar .imageLogoSmall {
    height: 24px;
    width: 24px;
    z-index: 99;
    margin: 5px auto;
    background-image: url("Images/CoreTheme/Clearview-White-Small.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 11px;
  }

  nav.sidebar ul.components {
    max-height: calc(100vh - 120px);
    /* height: 100vh; */
    overflow-y: auto;
    margin: 0;
  }
    nav.sidebar ul.components.sidebar-module-links {
      max-height: calc(100vh - 128px);
    }
    nav.sidebar ul.components.displayModules {
      max-height: calc(100vh - 196px);
    }
    nav.sidebar ul.components.sidebar-navigation-links {
      margin-top: 8px;
    }
    nav.sidebar.active ul.components.sidebar-navigation-links {
      margin-top: 36px;
    }

nav.sidebar ul li a.nav-sidebar-link {
  cursor: pointer;
  padding: 10px;
  font-size: 14px;
  display: block;
  color: #D8D8D8;
  width: 200px;
  transition: width 0.3s ease-in-out;
  text-align: left;
}

nav.sidebar ul li a.nav-sidebar-link:hover {
  color: #fff;
  background: #324456;
  text-decoration: none;
}

nav.sidebar ul li a.nav-sidebar-link i {
  margin-right: 10px;
}

/* left nav active links */
nav.sidebar ul li.active > a.nav-sidebar-link,
nav.sidebar ul li.selected > a.nav-sidebar-link {
  color: #fff;
  background: #5A7A97;
}

nav.sidebar ul.sub-menu-links {
  width: 100%;
}

/* left nav submenu active links */
nav.sidebar ul ul li.active > a.nav-sidebar-link,
nav.sidebar ul ul li.selected > a.nav-sidebar-link {
  color: #fff;
  background: #0C0F13;
}

a.nav-sidebar-link[data-toggle="collapse"] {
  position: relative;
}

nav.sidebar .dropdown-toggle::after {
	border:none;
	background: url('Images/CoreTheme/dropdown_extrasmall.svg') no-repeat center;
	background-size: contain;
	height: 12px;
	width: 12px;
	float: right;
	margin-right: 6px;
	margin-top: 4px;
	transform: rotate(-90deg);
	transition: transform 0.2s ease;
}
  nav.sidebar .dropdown-toggle.expanded::after {
    transform: rotate(0);
  }

  nav.sidebar.active .dropdown-toggle::after {
    display: none;
  }

.dropdownText,
.toolbarText {
  /* vertical-align: middle; */
  display: block;
  min-height: 20px;
  padding-left: 8px;
  font-size: 12px;
  white-space: pre-line;
  word-break: break-word;
}

/* submenu links */
nav.sidebar ul ul a.nav-sidebar-link {
  background: #151F29;
  cursor: pointer;
  display: flex;
}
  nav.sidebar ul ul a.nav-sidebar-link:hover {
    background: #0D151D;
  }
  
.sidebarModule  a.nav-sidebar-link.sidebarMenuItem {
  cursor: move;
}

nav.sidebar ul.CTAs {
  padding: 20px;
}

nav.sidebar ul.CTAs a.nav-sidebar-link {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

.innerContent {
  padding-top: 56px;
  width: calc(100% - 200px);
  position: absolute;
  top: 0;
  right: 0;
}
  .innerContent.animationEnabled {
    transition: all 0.3s ease;
  }

.innerContent.sidebarDisabled,
.innerContent.active.sidebarDisabled {
  padding-top: 0px;
  width: 100%;
}
  .innerContent.sidebarDisabled nav.navbar,
  .innerContent.active.sidebarDisabled nav.navbar {
    display: none;
  }

.innerContent.active {
  width: calc(100% - 48px);
}
  .innerContent.active nav.navbar {
    left: 48px;
  }

.defaultLandingPage {
  padding-top: 16px;
}

.landingPageTitle {
  font-size: 32px;
  /* font-weight: bold; */
  margin-right: 32px;
}

.landingPageTop {
  margin: 16px 32px;
}

.landingPageOverlay {
  position: fixed;
  top: 0;
  left: 200px;
  width: 100%;
  height: 100%;
  background: #686973;
  opacity: 0.85;
  z-index: 1035;
  transition: opacity 0.3s linear;
}
  .innerContent.active .landingPageOverlay {
    left: 48px;
  }

  .landingPageOverlay.ng-hide-remove-active,
  .landingPageOverlay.ng-hide-add {
    opacity: 0.85;
  }

  .landingPageOverlay.ng-hide-add-active,
  .landingPageOverlay.ng-hide-remove {
    opacity: 0;
  }

.landingPage {
  display: flex;
  flex-flow: column;
  position: fixed;
  top: 24px;
  height: calc(100vh - 48px);
  width: calc(100vw - 248px);
  z-index: 1036;
  background-color: white;
  border: 1px solid #A8AFB9;
  border-radius: 5px;
  margin-left: 24px;
  transition: width, margin .6s ease;
  /* overflow-y: hidden; */
}
  .landingPage.ng-enter,
  .landingPage.ng-leave.ng-leave-active  {
    margin-left: -100%;
  }

  .landingPage.ng-leave,
  .landingPage.ng-enter.ng-enter-active {
    margin-left: 24px;
  }

  .innerContent.active .landingPage {
    width: calc(100vw - 88px)
  }

  .landingPage .container {
    /* padding-top: 16px; */
    padding-right: 53px;
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 143px);
    max-width: 100%;
  }

  .landingPage .row {
    margin: 0;
  }

  .landingPage .navMenuSubHeadingIcon {
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
  }

  .active .landingPage {
    width: calc(100% - 48px);
  }

.legacyDashboardsHeader {
  margin: 10px 43px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.legacyDashboardsCard {
  margin-left: 1.5em;
}

.card.navMenuSubHeading,
.card.navMenuSubHeading:hover {
  border: none;
  box-shadow: none;
}

.legacyDashboardsCard .navMenuSubHeadingTitle {
  background-color: #E0E3E6;
  text-transform: none;
  padding-left: 8px;
  border: none;
}

.expander-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('Images/CoreTheme/DrillDownArrow.svg');
  transform: rotate(-90deg);
  vertical-align: text-bottom;
  margin-right: 4px;
  transition: transform 0.3s ease;
}
  .expander-arrow.expanded {
    transform: rotate(0);
  }
  .legacyDashboardsHeader:hover .expander-arrow,
  .expander-arrow:hover {
    /* background: url('Images/CoreTheme/dropdown_extrasmall.svg');*/
  }

.userProfileHolder {
  position: absolute;
  width: 90%;
  height: 0px;
  top: 50px;
  right: 90px;
  /* overflow: hidden; */
  z-index: 9999;
  opacity: 0;
  transition: width 0.5s, height 0.5s, opacity 0.5s;
  transition-timing-function: ease;
}
  .userProfileHolder.isOpen {
    opacity: 1;
    height: calc(100vh - 96px);
    max-height: 600px;
    padding-bottom: 8px;
  }
  .userProfileHolder.isAvatarEdit {
    width: 890px;
    padding-left: 490px;
    background-color:transparent;
    border: none;
  }
  

@media (max-width: 768px) {
  nav.sidebar {
    display: none;
    text-align: center;
  }

  .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }

  nav.sidebar.active {
    display: block;
    min-width: 40px;
    max-width: 40px;
    z-index: 1400;
  }

  nav.sidebar .sidebar-header {
    padding: 0px;
  }
    nav.sidebar .sidebar-header .imageLogo {
      display: none;
    }

    nav.sidebar .sidebar-header .imageLogoSmall {
      display: block;
    }

  nav.sidebar ul li a span {
    font-size: 0.5em;
  }

  nav.sidebar ul li a i {
    margin-right: 0;
    display: block;
  }

  nav.sidebar ul ul a {
    padding: 10px !important;
  }

  nav.sidebar.active ul li a .navMenuGroupIcon {
  	
height: 16px;
  	
width: 16px;
  }

  nav.sidebar ul li a i {
    font-size: 1.3em;
  }

  nav.sidebar {
    margin-left: 0;
  }

  .innerContent {
    width: 100%;
  }
    .innerContent nav.navbar {
      left: 0;
    }

  .innerContent.active {
    width: calc(100% - 40px);
  }
    .innerContent.active nav.navbar {
      left: 40px;
    }

  .landingPage {
    width: calc(100% - 40px);
  }
}

.navHidden .innerContent {
  width: 100%;
}
  .navHidden .innerContent nav.navbar {
    left: 0;
  }
    .navHidden .innerContent nav.navbar .navbar-toggler-icon {
      display: none;
    }


.navMenuSubHeadingTitle .expandCollapseIcon {
  display: inline-block;
  background-image: url('Images/CoreTheme/Combobox_Dropdown_padded_gray.png');
  background-size: contain;
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
  .navMenuSubHeadingTitle .expandCollapseIcon.expandIcon {
    transform: rotate(-90deg);
  }

  .card-columns {
    column-count: 1;
  }

  /* Landing page cards */
  @media (min-width: 576px) { 
    .card-columns {
      column-count: 1;
    }
  }

  @media (min-width: 768px) { 
    .card-columns {
      column-count: 2;
    }
  }

  @media (min-width: 992px) { 
    .card-columns {
      column-count: 3;
    }
  }

  @media (min-width: 1200px) { 
    .card-columns {
      column-count: 3;
    }
  }


/*#endregion MasterPage Content Layout */

/*#region Top Content */
.topContent
{	
}
	
.bContainerMiddle
{
	width: auto;
	height:100%;
	background-image: none;
	border-left: 2px solid #ACADAD;
	border-right: 2px solid #ACADAD;
	border-bottom: 2px solid #ACADAD;
	float: none;
	margin: 0px;
}

.bottomContent
{
	height:14px;
}

#footerText 
{
	float:right;
	font-size:10px;
	color: #666666;
	margin-right: 55px;	
}

/*
    This is the style applied to the old loader.  <div class="imgLoading">
    If your project is in angular, you should be using the <cv-loader> directive instead of this one.
*/
.imgLoading {
    background: url("Images/CoreTheme/cv-loader-large.gif") center no-repeat, rgba(255, 255, 255, 0.2);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2000;
    width: 100vw;
    height: 100vh;
    animation: fadeInLoader 0.5s linear 1 forwards;
}

@keyframes fadeInLoader {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1.0;
    }
}
/*#endregion Top Content*/

/*#region ----------------------------------Header---------------------------- */
.headerContent {
	color: #353A40;
	font-size: 24px;
	display: inline-block;
	margin-left: 16px;
	padding-right: 30px;
	/* font-weight: 600; */
	/*border-right: 2px solid #3F3F3F;
  border-right: 2px solid rgba(63, 63, 63, 0.5); */
}

.headerContentPosition
{
	position:relative;
}

.CVAppCuesWidget 
{
    margin-left: 10px;
    margin-top: 10px;
}
.CVAppCuesWidgetHolder 
{
	position: relative;
	height: 50px;
	width: 50px;
}
.CVAppCuesWidgetHolder::before
{
	content: '';
	width: 41px;
	height: 41px;
	position: absolute;
	top: 5px;
	left: 5px;	
	background: #0078AC;
	opacity: 0;	
	transition: all 0.5s ease;
}
.CVAppCuesWidgetHolder:hover::before
{
	content: '';
	width: 41px;
	height: 41px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #0078AC;
	opacity: .5;
}
.CVAppCuesIcon 
{
    height: 30px;
    width: 30px;
}

.appcues-widget-list li 
{
    /*box-sizing: border-box;
    position: relative;*/
    color: #46a8d4;
}
.appcues-widget-list li a:hover 
{
    /*box-sizing: border-box;
    position: relative;*/
    color: #46a8d4;
    font-weight:bold;
}

li.appcues-nothing-new 
{ 
    display: none; 
} 

.loggedinHolder {
  font-size: 12px;
  color:#0078AC;
  font-weight:bold;
  padding: 4px 0px;
  text-align: right;
}

.loggedinTitle {
  font-size:10px;
  color:#999 !Important;
  text-decoration:none;
  /* padding-top:4px; */
}

.loginLogo
{
	background-image: url(Images/CoreTheme/Clearview-White.png);
	background-repeat: no-repeat;
    background-position: center center;
	height: 120px;
}

.loginSplash
{	
    background-image: url(Images/CoreTheme/Login-Background.jpg);
	background-repeat: no-repeat;
    background-size: 100% 100%;   
    height: 600px;
}

.loginArea 
{
	padding-top: 55px;
}

.loginBox
{
	color: #666666;
	background: white;
	padding: 10px 20px 10px 0px;
}

.loginBoxError
{
    position: relative;
    margin-top: -16px;
}

.companyName
{
	color:#999;   
	font-size:11px;
	width:250px;
	/*padding-top:2px;*/
}

.resetPasswd
{
	position: relative;
	/* margin: 15px 0px 0px 85px; */
	/* width: 210px; */
	line-height: 40px;
}

.btnResetPasswd 
{
	/* position: absolute; */
	font-size: 10px;
	color: #0078AC;
	text-decoration: underline;
}

.btnResetPasswd:hover 
{
	cursor: pointer;
	color: #CCCCCC;
}

.passResetInfo 
{
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #B2B2B6;
	background-color: #EEEEEE;	
}
/*#endregion End Header*/

/*#region -----------------------Login page 2018----------------------*/
.loginSplash2018
{
  background-color: white; 
  width: 100vw; 
  height: 100vh; 
  position: relative; 
  background-size: cover; 
  background-image: url('Images/CoreTheme/Login2018/LoginScreenBackground.jpg');
}

.loginErrorBorder
{
  border: 2px solid #C70007;
}

.loginPane
{
  background-color: rgba(36, 158, 221, 0.54);
  width: 500px;
  height: 400px;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: height ease-out 0.4s, width ease-out 0.4s;
}

.loginPane.noTransition
{
  transition: none !important;
}

.loginPaneLogo
{
  background-image: url(Images/CoreTheme/Login2018/CVLogo.svg);
  width: calc(100% - 80px);
  height: 150px;
  margin: 20px 40px -10px 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.loginErrorContainer
{
  background-color: #C40007;
  border: 1px solid #F3595E;
  color: white;
  text-align: center;
  margin: 0px 50px 10px 50px;
  font-size: 14px;
  padding: 5px 0px 5px 0px;
}

.loginPaneInputZone
{
  margin-left: 50px;
  font-size: 14px;
}

  .loginPaneInputZone .txbUsername,
  .loginPaneInputZone .txbPassword
  {
	padding: 4px 0px 4px 28px;
	width: calc(100% - 52px);
  }

  .loginPaneInputZone .txbUsername.dataEntered,
  .loginPaneInputZone .txbPassword.dataEntered
  {
	border: 2px solid #006591;
  }

.loginPaneInputIcon
{
  position: absolute;
  left: 8px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
  .loginPaneInputIcon.username.light { background-image: url("Images/CoreTheme/Login2018/UserIconLightBlue.svg"); }
  .loginPaneInputIcon.username.dark { background-image: url("Images/CoreTheme/Login2018/UserIconDarkBlue.svg"); }
  .loginPaneInputIcon.password.light { background-image: url("Images/CoreTheme/Login2018/PasswordIconLightBlue.svg"); }
  .loginPaneInputIcon.password.dark { background-image: url("Images/CoreTheme/Login2018/PasswordIconDarkBlue.svg"); }

.loginForgotPassword:hover, .cancelMfaLogin:hover
{
    color: white !important;
    text-decoration: underline !important;
}

.loginResetContainer
{
  width: calc(100% - 128px);
  height: calc(100% - 128px);
  margin: 32px 64px;
}

.loginResetTitle
{
  font-size: 20px;
  color: white;
  margin-bottom: 12px;
}

.loginResetDetails
{
  font-size: 16px;
  color: white;
  margin-bottom: 24px;
}

.loginResetCancel:hover
{
    color: white !important;
    text-decoration: underline !important;
}

.loginResetSentContainer
{
  margin: 32px;
}

.loginCloseX
{
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  padding: 5px;
  transition: all linear 0.10s;
  opacity: 1;
  background-image: url(Images/CoreTheme/Login2018/CloseIconWhite.svg);
  width: 16px;
  height: 16px;
}
  .loginCloseX:hover
  {
	transition: all linear 0.10s;
    opacity: 0.5;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
  }

/*#endregion Login page 2018*/

/*#region -----------------------Nav Menu-----------------------------*/
.mnuItemSelected a
{	
	font-style: italic;	
}

/*.mnuItemSelected span
{
	color: #0078AC;
}*/

/*.mnuItem a:hover, .mnuItemSelected a:hover, .ddsmoothmenu li ul li a:hover
{
    color: #FFF;
}*/

/*.mnuItemSelected span:hover
{
    color: #FFF;
}*/

.ddsmoothmenu
{
    /*font-family: "ProximaNova", "Veranda" , "Trebuchet MS" , "serif"; /*background: #414141; background of menu bar (default state)*/
    font-family: "Roboto", "Veranda" , "Trebuchet MS" , "serif"; /*background: #414141; background of menu bar (default state)*/
    width: 100%;
    color: #000;
}

.mnuHeading 
{
	height: 25px;
}

.ddsmoothmenu ul
{
	z-index: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li
{
    position: relative;
    display: inline;
    float: left;
	border-left: 1px solid #CCCCCC;
}

.ddsmoothmenu ul li.mnuItem a:hover
{
	background: -webkit-linear-gradient(#019AF9, #00A3FF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#019AF9, #00A3FF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#019AF9, #00A3FF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#019AF9, #00A3FF); /* Standard syntax */
	box-shadow: 2px 2px 4px #999999, inset 2px 2px #33CCFF;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a
{
	background: #EFEFEF;
	color: #666666;
    display: block;
    padding: 8px 10px;    
    text-decoration: none;
}

* html .ddsmoothmenu ul li a
{
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited
{
    color: #666666;
}

.ddsmoothmenu ul li.mnuItemSelected a:link, .ddsmoothmenu ul li.mnuItemSelected a:visited
{
    color: #0078AC;
}

.ddsmoothmenu ul li.mnuItemSelected a:hover
{
    color: #FFF;
}

.ddsmoothmenu ul li a.selected
{
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: white;
    color: black;
}

.ddsmoothmenu ul li a:hover
{
    background: black; /*background of menu items during onmouseover (hover state)*/
    color: white;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
	/*border: 1px solid #0033FF;*/ /*can't find the few extra pixels on the right, until I do, don't use this*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul
{
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a
{
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
}

/* For IE \*/
* html .ddsmoothmenu
{
    height: 1%;
}

.shadow /* dropdownshadow browser specific changes*/
{
    /* For IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
}

/*For IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass
{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass
{
    position: absolute;
    top: 9px;
    right: 5px;    
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow
{
    /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.toplevelshadow
{
    /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.8;
}

.mnuNavigationModules > li
{	
    margin-right: 0px;
    padding-top: 2px;	
	padding-right: 6px;
}

.mnuNavigationModules > li:first-of-type
{

}

.mnuNavigationModules > li:last-of-type
{
	border-right: 1px solid #CCCCCC;
}

.mnuNavigationModules
{
    cursor: pointer;
}

/* Navigation Menus */
.navMenuMain 
{
	width: auto;
	height: 55px;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
	background: -webkit-linear-gradient(#FFFFFF, #EDEDED 90%, #CCCCCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF, #EDEDED 90%, #CCCCCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #EDEDED 90%, #CCCCCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #EDEDED 90%, #CCCCCC); /* Standard syntax */
}

.navMenuPosition
{
	width:100%; 
	height:55px;
	position:absolute;
	text-align:center;
	top:5px;
}

.navMenuBacker
{
	display:inline-block;
	position:relative;
	padding:4px 13px;
}

#upnlNavigation
{
	display: inline-block;
}

.mnuItem
{
	text-align: left;
}

.mnuItem a
{
    font-weight: bold;
    font-size: 12px;
}

.mnuHeadingText 
{
	margin: 0px 15px 0px 15px;
	height: 39px;
	display: inline-block;
	margin-top: 3px;
}
.mnuHeadingText:after
{
	content: url(Images/asc.gif);
	position: absolute;
	right: 6px;
	top: 3px;
}

#helpIcon
{
	width:16px;
	height:16px;
	background-image:url(Images/helpIcon.png);
	background-repeat:no-repeat;
	float:right;
	margin: 5px -8px;
}

.settingsBar
{
	background-color: White;
	background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(Images/CoreTheme/Hatch-Pattern-4x4.png) repeat;
	border-left: 2px solid #ACADAD;
	border-right: 2px solid #ACADAD;
	color: Black;
	padding-left: 14px;
}

.settingsBar input, .settingsBar select
{
	font-size:12px;
}

.settingsBar label {
  margin-bottom: 3px;
}

/*Add this to every new page until it is site-wide*/
.settingsBar.dark
{
    padding: 0;
    border: 0;
}

.darkSettings
{
    background-color: #3D4652;
    /* margin-top: -10px; */
}

.findRecordingSizer
{
    width: 800px;
    margin: auto;
    margin-top: 10px;
}

.recordingSearchRandomize
{
    margin-right: 20px;
    margin-top: 20px;
}

.recordingSearchToggleAdvanced
{
    margin-top: 21px;
}

.recordingsFlagPopoutList
{
    background-color: whitesmoke;
    border: 2px solid black;
    position: absolute;    
    max-height: 215px;
    min-height: 20px;
    overflow: auto;
    box-shadow: 2px 2px 10px black;
}

.recordingFlagItem
{
    padding: 3px 3px 1px 3px;
    text-overflow: ellipsis;
    background-color: white;
}

.recordingFlagItem:nth-child(even) 
{
    background-color: #eeeeee;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.recordingFlagItem:hover,
.recordingFlagItem.selected
{
    background-color: #ddeeff;
}

/*Angular Flags Page*/
.flagsMainContainer 
{
    width: 806px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.flagsMainAddBtn 
{
    background-image: url(Images/CoreTheme/Quality/Flags/AddNewFlag.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}

.flagsMainTabs 
{
    margin-top:15px;
    margin-left: 10px;
}
.flagsMainCoachingTab 
{
    font-size:16px;
    color:#333333;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    cursor: pointer;
    user-select: none;
}
.flagsMainQATab
{
    font-size:16px;
    color:#333333;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    cursor: pointer;
    user-select: none;
}
.flagsMainTabSelected 
{
    color:#005CA5;
    border-bottom: 2px solid #005CA5;
}
.flagsMainActiveHolder 
{
    height:21px;
}
.flagswMainActiveText 
{
    font-size: 16px;
}
.flagsMainItemHeader 
{
    background-color: #d2d6db;
    height: 37px;
    font-size: 16px;
}
.flagsMainItemHeaderName
{
    margin-left: 23px;
    margin-right: 197px;
    outline: none;
    cursor: pointer;
    user-select: none;
    width:65px;
    height:21px;
}
.flagsMainItemHeaderDescription 
{
    margin-right: 368px;
    cursor: default;
    user-select: none;
    width:81px;
    height:21px;
}
.flagsMainItemHeaderActive 
{
    outline: none;
    cursor: pointer;
    user-select: none;
    width:72px;
    height:21px;
}
.flagsMainHeaderSortDoubleArrow 
{
    background-image: url(Images/CoreTheme/Sort.png);
    width: 12px;
    height: 17px;
    margin-left: 10px;
}
.flagsMainHeaderSortArrowUp 
{
    background-image: url(Images/CoreTheme/SortUp1.png);
    width: 12px;
    height: 8px;
    margin-left: 10px;
}
.flagsMainHeaderSortArrowDown 
{
    background-image: url(Images/CoreTheme/SortDown1.png);
    width: 12px;
    height: 8px;
    margin-left: 10px
}
.flagsMainCoachingFlag 
{
    min-height: 52px;
    font-size: 14px;
    color: #333333;
    padding-left: 23px;
    border-bottom: 1px solid #EFEFEF;
}
.flagsMainFlagName 
{
    width: 207px;
    margin-right: 55px;
    padding-top: 18px;
    word-wrap: break-word;
}
.flagsMainFlagDesc 
{
    width: 426px;
    margin-right: 23px;
    padding-top: 18px;
    word-wrap: break-word;
}
.flagsMainFlagActive 
{
    width: 72px;
    justify-content: space-between;
}
.flagsMainFlagActiveImg 
{
    background-image: url(Images/CoreTheme/Quality/Flags/CheckmarkFlagActive.png);
    height: 11px;
    width: 12px;
    background-repeat: no-repeat;
}
.flagsMainFlagActiveInactive 
{
    height: 11px;
    width: 12px;
}
.flagsMainFlagEditImg 
{
    background-image: url(Images/CoreTheme/Quality/Flags/EditFlag.png);
    height: 19px;
    width: 18px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
}
.flagsMainFlagRemoveImg 
{
    background-image: url(Images/CoreTheme/Quality/Flags/DeleteFlag.png);
    height: 18px;
    width: 17px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
}
.flagsMainQAFlags 
{
    min-height: 52px;
    font-size: 14px;
    color: #333333;
    padding-left: 23px;
    border-bottom: 1px solid #EFEFEF;
}
.flagsHoverHide 
{
    display:none;
}
.flagsMainCoachingFlag:hover .flagsHoverHide
{
    display:block;
}
.flagsMainQAFlags:hover .flagsHoverHide
{
    display:block;
}
.flagsMainNewFlagContainer 
{
    height: 52px;
    width:910px;
}
.flagsMainNewFlagName
{
    height: 24px;
    width: 240px;
    border: 1px solid #333333;
    border-radius: 2px;
    margin-left: 23px;
    padding-left: 2px;
}
.flagsMainEditFlagName 
{
    height: 24px;
    width: 240px;
    border: 1px solid #333333;
    border-radius: 2px;
    padding-left: 2px;
}
.flagsMainNewFlagDescription
{
    height: 24px;
    width: 427px;
    border: 1px solid #333333;
    border-radius: 2px;
    margin-left: 20px;
    padding-left: 2px;
}
.flagsMainNewFlagActive
{
    margin-left: 20px;
    width: 65px;
    height:13px;
}
.flagsMainNewFlagSaveHolder
{
    height: 29px;
    width: 83px;
}
.flagsMainNewFlagSave 
{
    height: 23px;
    width: 75px;
    outline: none;
    margin: auto;
    cursor: pointer;
    background-color: #0067a3;
    border-radius: 10px;
    color: #FFFFFF;
    text-align: center;
    font-size: 15px;
}
.flagsMainNewFlagSave:hover
{
    height: 25px;
    width: 83px;
    font-size: 16px;
    border-radius: 13px;
}
.flagsMainNewFlagCancelHolder 
{
    height: 14px;
    width: 14px;
    margin-left: 7px;
}
.flagsMainNewFlagCancel 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingClose.png);
    height: 12px;
    width: 12px;
    outline: none;
    margin: auto;
    cursor: pointer;
}
.flagsMainNewFlagCancel:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseHover.png);
    height: 14px;
    width: 14px;
}
.flagsMainNewItemHolder 
{
    border-bottom: 1px solid #EFEFEF;
}
/*End Angular Flags Page*/

.recordingDataPanel
{
    max-width: 1000px;
    width: 75%;
}

.recordingContactIDHeader 
{
    padding-left:10px;
}

#ContentPlaceHolderMain_dgRecordings .recordingContactIDLink
{
    color: #0078AC;
    margin-left: 10px;
}

.pnlSearchSetting
{
	width:auto;
	float:left;    
}

.intradiem
{
	width: 10px;
	height: 10px;
	float: left;
	margin: 3px 3px 0px 0px;
	background-image: url(Images/knowlagent2.png);
	background-repeat: no-repeat;
	background-color: transparent;	
}
/*#endregion End Menu*/

/*#region Toolbar */
/* -----------------------------Sidebar Controls--------------------------*/
.messageHolder 
{
	height: 100%;
	background-color: #676868;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9998;
}

.msgDisplayPlacer {
	position: fixed;
	width: 0px;
	height: 0px;
	top: 0px;
	left: 200px;
	/*z-index: 50;*/
	z-index: 1050;
}
	.msgDisplayPlacer.active {
		left: 48px;
	}

/* NON IE11 */
@supports(display: grid) 
{
  .msgDisplayPlacer
  {
	z-index: 50;
  }
}

.msgDisplay 
{
	width: 0px;
	height: 600px;
	top: 0px;
	left: 0px;
	margin-top: 55px;
	border: 1px inset #788196;
	background-color: White;
	position: absolute;
	overflow: hidden;
	z-index: 9999;
	/*Dropshadow*/
	-moz-box-shadow: 3px 3px 5px 0px #777;
	-webkit-box-shadow: 3px 3px 5px 0px #777;
	box-shadow: 3px 3px 5px 0px #777;
	opacity: 0;
	transition: all 0.5s ease;
}
    .msgDisplay.isOpen {opacity: 1; width: 300px;}
.msgDisplay.isOpen.extraWide { opacity: 1; width: 514px; }

        .msgDisplay.isOpen.mediumWide {opacity: 1; width: 350px;}

        .msgDisplay.isOpen.wide {opacity: 1; width: 400px;}

        .msgDisplay.isOpen.widePlus {opacity: 1; width: 420px;}

        .msgDisplay.isOpen.ntfCntr {
            height: 100vh;
            width: 375px;
            right: -50px;
            background: #333;
            opacity: 0.9;
            margin-top: 0px;
            overflow-y: auto;
        }

.ntfCntr {
  width: 375px;
  height: 0vh;
  top: 48px;
  right: 0;
  border: 1px inset #788196;
  position: absolute;
  overflow: hidden;
  z-index: 9999;
  -moz-box-shadow: -3px 3px 5px 0px #777;
  -webkit-box-shadow: -3px 3px 5px 0px #777;
  box-shadow: -3px 3px 5px 0px #777;
  opacity: 0;
  transition: all 0.5s ease;
}
  .ntfCntr.isOpen {
    height: calc(100vh - 48px);
    width: 375px;
    top: 48px;
    right: 0;
    background: #333;
    opacity: 0.9;
    margin-top: 0px;
    overflow-y: auto;
  }


.navHeaderIcon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 48px;
  padding: 12px 0px;
  margin-right: 12px;
  vertical-align: middle;
}

.languageMenuSelected {
    background-color: #E9EAEE !important;
}

.feedbackOpener {
  background-image: url('Images/CoreTheme/Menu/header/feedback.svg');
}
	.feedbackOpener:hover {
	  background-image: url('Images/CoreTheme/Menu/header/feedback_hover.svg');
	 }

.messageHolder:hover 
{

}

.messageControlContainer 
{
	
}

.messageItemContainer:first-of-type
{
	
}

.messageItemContainer:last-of-type
{
	
}

.messageItemContainer 
{
	position: relative;
	height: 50px;
	width: 50px;
}
.messageItemContainer::before
{
	content: '';
	width: 41px;
	height: 41px;
	position: absolute;
	top: 5px;
	left: 5px;	
	background: #0078AC;
	opacity: 0;	
	transition: all 0.5s ease;
}
.messageItemContainer:hover::before
{
	content: '';
	width: 41px;
	height: 41px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #0078AC;
	opacity: .5;
}

.messageItemContainer.selected::before
{
	content: '';
	width: 41px;
	height: 41px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #0078AC;
	opacity: .5;	
}

    .messageItemContainer.ntfCnt {
        position: fixed;
        bottom: 0px;
    }

.controlItem 
{
	width: 50px;	
	height: 50px;
	background-repeat: no-repeat;	
	background-position: center;	
	cursor: pointer;
	position: absolute;
}

.controlItem.tasks {
    width: 25px;
    height: 25px;
    background-size: contain;
    top: 12px;
    left: 14px;
}

.controlItem.timeClock {
    width: 30px;
    height: 30px;
    background-size: contain;
    top: 9px;
    left: 10px;
}

.controlItem.ntfCenter {
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.betaTag
{
	position: absolute;
	top: 27px;	
	width: 50px;
	height: 7px;
	background-image: url(Images/CoreTheme/Beta-Ribbbon.png);
	background-repeat: no-repeat;	
	background-size: cover;
}

.messageNotification 
{
	position: absolute;
    top: 8px;
    left: 25px;
	width: 15px;
	height: 15px;
	text-align: center;	
	line-height: 16px;
	border-radius: 15px;
	background-color: #DE4337;
	color: white;
}

.msgIndicator {
    position: absolute;
    top: 8px;
    left: 25px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    border-radius: 20px;
    background-image: url(Images/CoreTheme/ExclamationNotification.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.msgNtf 
{
	width:350px;
	height:70px;
	background-color: #333;
    opacity: 0.9;
    box-shadow: 1px 1px 4px #000; 
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.closeNtf 
{	
	width:15px;
	height:15px;
	cursor: pointer;
	float:right;	
	text-align: center;
	font-size:19px;
    position: relative;
    top: -4px;
    left: -2px;
    background: transparent;
    display: none;
}

.msgNtf:hover .closeNtf
{
	display: initial;
}

.msgNtf .singleRecipient {
    position: relative;
    top: 15px;
    left: 12px;
    width: 35px;
    height: 35px;
    margin: 0px;
}

.msgNtf .multipleRecipients {
    position: relative;
    top: 15px;
    left: 12px;
}

.msgNtfRec {
    position: relative;
    top: 12px;
    left: 15px;
}

.msgNtfText {
    width: 280px;
    font-style: italic;
    position: relative;
    top: 10px;
    left: 15px;
}

.msgNtfTitle {
    position: relative;
    top: 23px;
    left: 20px;
    width: 300px;
}

.msgCnt 
{
	width:16px;
	height:16px;
	border-radius:8px;
}

.txtNoSubscriptions {
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
}

/* Agent Rule Toolbar */
.txtNoRulesRunning { font-size: 14px; text-align: center; }

.rulesMain .searchImg, .challToolbar .searchImg {
    left: 385px;
}

    .rulesMain .searchImg:hover, .challToolbar .searchImg:hover {
        left: 385px;
    }

    .rulesMain .searchImg.selected, .challToolbar .searchImg.selected {
        left: 45px;
    }

.rulesMain .cancelSearchImg, .challToolbar .cancelSearchImg {
    left: 355px;
}

.agentRuleItem
{
	width: 410px;
	height: 72px;
	border-bottom: 1px solid #EFEFEF;
	position: relative;
	cursor: pointer;
    margin: 0px 5px;
}
.agentRuleItem:hover { background-color: #DBDBDB; }

.agentRuleMyPlaceHolder
{
	width: 40px;
	height: 40px;
	border: 1px solid #333;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: 7px;
	text-align: center;
}

.ChallengesToolbarItemContainer .agentRuleMyPlaceHolder {
    top: 6px;
    left: 12px;
}

.agentRuleMyPlaceText
{
	font-size: 16px;
	font-weight: bold;
	color: #333;	
}

.agentRuleTotalPlaceText
{
	font-size: 12px;
	color: #333;
}

.agentRuleRuleName
{
	width: 185px;
	position: absolute;
	top: 5px;
	left: 73px;	        
	font-size: 16px;	
	color: #333;
    font-weight: 600;
}

.agentRuleMetricsHolder
{
	width: 185px;
	position: absolute;
	top: 28px;
	left: 73px;		  
	color: #333;
}

.agentRule1stPlace
{
	width: 35px;
	height: 35px;
	border: 2px solid #333;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	right: 10px;
}

.agentRuleLeaderText
{
    width: 60px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 45px;
    right: 0px;
}

.agentRuleEndsText 
{
    width: 185px;
    position: absolute;
    top: 49px;
    left: 73px;
    color: #333;
    font-size: 12px;
}
.agentRuleEndsText.importantDate { color: #BD2026; }
.agentRulesSelectedRuleInfoHolder .agentRuleEndsText 
{
	width: 70px;
    top: 5px;
    right: 5px;    
    text-align: right;
}

/* Agent Rule Selected Rule */
.agentRulesSelectedRuleContainer
{
	width: 100%;
	height: 570px;
	position: absolute;
	
	transition: top ease .5s;	
}
.agentRulesSelectedRuleContainer.closed { top: 600px; }
.agentRulesSelectedRuleContainer.open { top: 0px; }

.agentRulesSelectedRule
{
	width: 420px;
	height: 540px;
	background-color: white;
}

.agentRulesSelectedRuleInfoHolder
{
	height: 80px;
	position: relative;
	background-color: #FFF;
	border-bottom: 1px solid #EFEFEF;
}

.agentRuleSelectedMyPoints
{
	/*padding-top: 60px;*/
	text-align: center;
	color: #0067A3;
	font-size: 14px;
	/*font-weight: bold;*/
    position: absolute;
    top: 55px;
    left: 348px;
}

.agentRuleSelectedOnPaceHolder
{
	height: 120px;
	position: relative;
	background-color: white;
	border-bottom: 1px solid #EFEFEF;	
}

.agentRuleSelectedOnPaceActionHolder
{
	text-align: center;
	margin-top: 10px;
}

.actionHolder
{
	width: 71px;
	height: 65px;	
	display: inline-block;
	position: relative;
}

.actionIconHolder
{
	width: 66px;
	height: 40px;
	position: absolute;
	top: 0px;
}

.actionIcon
{	
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.actionIcon.coin { background-image: url(Images/CoreTheme/Toolbar/CoinsRules.png); width: 28px; height: 30px; }
.actionIcon.xp { background-image: url(Images/CoreTheme/Toolbar/XP-Rules.png); width: 31px; height: 27px; padding-top: 10px; }
.actionIcon.badge {display: block;background-image: url(Images/CoreTheme/Toolbar/AwardsRules.png);width: 27px;height: 31px;}
.actionIcon.coaching { background-image: url(Images/CoreTheme/Toolbar/Coaching-Big.png); width: 40px; height: 22px; padding-top: 14px; }
.actionIcon.survey { background-image: url(Images/CoreTheme/Toolbar/ClipboardRules.png); width: 26px; height: 32px; }

.actionSpacer { width: 66px; border-bottom: 1px solid #EFEFEF; position: absolute; top: 40px; }

.actionData { width: 66px; font-size: 14px; position: absolute; top: 44px; }

.actionBadgeIcon { margin: 0px 1px; }

.agentRuleSelectedOnPaceHeader, .agentRuleSelectedRankingsHeader
{
	/*text-align: center;*/
	color: #333;
	font-size: 14px;
	padding: 14px 0px 0px 18px;
}

.agentRuleSelectedRankingsHolder
{
	height: 290px;
	position: relative;
	background-color: #FFF;	
}

.agentRuleSelectedRankingItem
{
	width: 80px;
	height: 80px;
	margin: 20px 30px;
	float: left;
	position: relative;
	text-align: center;
	color: #333;
}

.agentRuleSelectedRankingItemPlace
{
	width: 80px;
	/*font-weight: bold;*/
	font-size: 16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position: absolute;
    top: -5px;
}

.agentRuleSelectedRankingItemName
{
	width: 80px;
	/*font-weight: bold;*/
	font-size: 12px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position: absolute;
    top: 84px;
}

.agentRuleSelectedRankingItemScore
{
	width: 48px;    
    background-color: #FEC60A;
    border-radius: 5px;
    position: absolute;
    top: 65px;
    left: 17px;
}

.borderPicture
{		
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
    left: 9px;
    top: 14px;
}

.agentRuleSelectedRankingItemPicture
{
	width: 49px;
    height: 49px;    
	border-radius: 50%;	
	position: absolute;
    top: 22px;
    left: 17px;
}

.agentRuleSelectedButtonHolder
{
    height: 45px;
    background-color: white;    
}

.toolbarButton
{
	width: 280px;
    height: 32px;
    margin: 5px auto;
    /*padding-top: 10px;*/    
	font-size: 17px;
	text-align: center;
    color: white;
    border-radius: 20px;
	cursor: pointer;
	background: #3D9349; 
    line-height: 29px;
}
    .toolbarButton.Red { background: #BD2026; }
    .toolbarButton.Blue { background: #0067A4; border: 3px solid #0067A4; }
    .toolbarButton.Gold { background: #E39A2E; }
    .toolbarButton.blueOutline { background: #FFF; border: 3px solid #0067A4; color: #0067A4; }
    .toolbarButton.small { width: 100px; display: inline-block; font-size: 14px; margin: 5px 10px; height: 26px; line-height: 23px; }

/* Rule Info Dialog */
.ruleInfoDialog {width: 530px;height: 630px;padding: 15px;}

.ruleInfoDialogTitle 
{ 
	width: calc(100% - 12px);
	padding: 6px; 
	background-color: #005AA3; 
	color: white; 
	font-size: 36px; 
	text-align: center;
}

.ruleInfoMetricInfoScrollArea
{
	height: 346px;
	overflow: auto;
}

.ruleInfoMetricInfo 
{
	width: 95%;
	min-height: 40px;
	padding: 5px;
	margin: 5px auto;
	position: relative;
}
.ruleInfoMetricInfo.odd { background-color: #E0F2FF; }
.ruleInfoMetricInfo.even { background-color: #F7F6F6; }
.ruleInfoMetricInfo.qualifier.odd { background-color: #FFF1FC; }
.ruleInfoMetricInfo.qualifier.even { background-color: #F6F3F6; }

.ruleInfoMetricInfoMetricsHeader { font-size: 26px; position: absolute; left: 10px; top: 5px; }
.ruleInfoMetricInfoYouHeader { font-size: 26px; position: absolute; left: 300px; top: 5px; }
.ruleInfoMetricInfoScoreHeader { font-size: 26px; position: absolute; left: 400px; top: 5px; }

.ruleInfoMetricInfoMetricName
{
	font-size: 23px;
	text-align: center;
	color: white;
	padding: 4px 10px;
	background-color: #007CE0;
	border-radius: 5px;
	float: left;
	margin-left: 5px;	
}
.ruleInfoMetricInfoMetricName.qualifier { background-color: #FE0065; }

.ruleInfoMetricInfoHolder { display: inline-block; color: #989696; font-size: 14px; margin-left: 7px; }

.ruleInfoMetricInfoLevelHolder
{
	margin-left: 15px; 
	font-size: 19px;
	font-weight: 200;
	color: #1D1D1D;
}

.ruleInfoMetricInfoMetricValue 
{ 
    width: 70px;
    font-size: 26px;
    text-align: center;
    position: absolute;
    right: 115px;
    top: 6px;
}

.ruleInfoMetricInfoMetricScore
{ 
	width: 70px;
    font-size: 26px;
    text-align: center;
    position: absolute;
    right: 3px;
    top: 6px;
}

.ruleInfoScoreAreaPlacer
{
	width: calc(95% - 42px);
	position: absolute;
	top: 480px;
	left: 27px;
}

.ruleInfoScoreArea
{
	width: 100%;
	height: 41px;
	padding: 6px; 
	background-color: #005AA3; 
	font-size: 29px;
	color: white; 
	position: relative; 
}

.ruleInfoScoreLabel
{
	position: absolute;
	top: 5px;
	left: 20px;
}

.ruleInfoMyTotalScore
{
	position: absolute;
	top: 5px;
	right: 20px;
}

.ruleInfoRankPercentile
{
	width: 300px;
	height: 80px;
	background-color: #E0F2FF;
	position: absolute;
	top: 540px;
	left: 27px;	
}

.ruleInfoRank
{
	color: #1D1D1D;
	font-size: 29px;
	position: absolute;
	top: 5px;
	left: 20px;
}

.ruleInfoPercentile
{
	color: #1D1D1D;
	font-size: 29px;
	position: absolute;
	top: 35px;
	left: 20px;
}

.ruleInfoPayoutButton
{
    width: 165px;
    height: 70px;
    padding-top: 15px;
    color: #E0F2FF;
    font-size: 26px;
    text-align: center;
    background-color: #00C35F;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 545px;
    right: 30px;
}
.ruleInfoPayoutButton:hover { background-color: #00DF5A; }

.ruleInfoRuleMetricsPopupClose 
{
	width: 17px;
	height: 17px;
	position: absolute;
	top: -8px;
	right: -8px;
	cursor: pointer;
	background-image: url(Images/CoreTheme/Cancel-DES.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.ruleInfoRuleMetricsPopupClose:hover { background-image: url(Images/CoreTheme/Cancel-HoverSEL.png); }
/* Rule Info Payout */
.ruleInfoPayout
{
	width: 530px;
	height: 555px;	
	background-color: white;
	transform-origin: bottom;
	transition: ease transform .75s;
	position: absolute;
	left: 0;
    top: 75px;    
}
.ruleInfoPayout.closed { transform: scaleY(0); }
.ruleInfoPayout.open { transform: scaleY(1); }

.ruleInfoPayoutClose
{
	height: 20px;
	width: calc(100% - 30px);	
	background-color: #005AA3;
	cursor: pointer;
	position: absolute;
    top: 6px;
	left: 15px;
}
.ruleInfoPayoutClose:before
{
	content: url(Images/CoreTheme/ArrowDownWhite.png);
    position: absolute;
    left: 6px;
    top: 3px;
}
.ruleInfoPayoutClose:after
{
	content: url(Images/CoreTheme/ArrowDownWhite.png);
    position: absolute;
    right: 6px;
    top: 3px;
}

.ruleInfoPayoutInfo
{	
	width: 500px;
	font-size: 26px;
	color: #1D1D1D;
    position: absolute;
    left: 15px;
    top: 35px;
}

.ruleInfoPayoutYourScoreHeader
{
	width: 130px;
	position: absolute;
	top: 0px;
	left: 5px;
}

.ruleInfoPayoutPayoutsHeader
{
	position: absolute;
	top: 0px;
	left: 190px;
}

.ruleInfoPayoutYourPayoutsHeader
{
	width: 155px;
	position: absolute;
	top: 0px;
	right: 5px;
}

.ruleInfoPayoutActual
{
	width: 500px;
	height: 360px;	
	font-size: 19px;
	position: absolute;
	top: 70px;
	left: 15px;
}

.ruleInfoPayoutActualContainer
{
	width: 490px;
	height: 80px;
	padding: 5px;
	margin: 5px auto;
	position: relative;
}
.ruleInfoPayoutActualContainer:nth-of-type(odd) { background-color: #E0F2FF; }
.ruleInfoPayoutActualContainer:nth-of-type(even) { background-color: #E0F4FF; }

.ruleInfoPayoutActualValue
{
	width: 130px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 5px;
}

.ruleInfoPayoutLevelInfo
{
	width: 180px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 147px;
}

.ruleInfoPayoutLevelInfoVal
{
	width: 83px;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 285px;
}

.ruleInfoPayoutLevelInfoLine
{
	width: 1px;
	height: 52px;
	position: absolute;
	top: 0px;
	left: 233px;
}

.ruleInfoPayoutLevelInfoCoin
{
	width: 100px;
	position: absolute;
	top: 10px;
	left: 250px;
}

.ruleInfoPayoutLevelInfoXP
{
	width: 100px;
	position: absolute;
	top: 35px;
	left: 250px;
}

.ruleInfoPayoutActualMyCoinPayout
{
	width: 130px;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;
}

.ruleInfoPayoutActualMyXPPayout
{
	width: 130px;
	text-align: center;
	position: absolute;
	top: 35px;
	right: 10px;
}

.ruleInfoPayoutTotal
{
	width: 500px;	
	position: absolute;
	bottom: 5px;
	left: 15px;
}

.ruleInfoPayoutTotalTitle
{
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #005AA3;
}
/* END Rule Info Payout */
/* END Rule Info Dialog */
/* END Agent Rule Selected Rule*/
/* END Agent Rule Toolbar*/

/* Sidebar Controls*/

/* Control Center Icons*/
.agentRules { background-image: url(Images/CoreTheme/Rules-Icon.png); }
.messages { background-image: url(Images/CoreTheme/Chat-DES.png); }
.achievements { background-image: url(Images/CoreTheme/Achievements-DES.png); }
.challenges { background-image: url(Images/CoreTheme/Challenges-DES.png);}
.announcements { background-image: url(Images/CoreTheme/Announcements-DES.png); }
.workaids { background-image: url(Images/CoreTheme/WorkAids-DES.png); }
.modules { background-image: url(Images/CoreTheme/Modules-DES.png); }
.help { background-image: url(Images/CoreTheme/Help-DES.png); }
.coaching { background-image: url(Images/CoreTheme/Coaching-DES.png); }
.tasks { background-image: url(Images/CoreTheme/Tasks-Icon.png); }
.survey { background-image: url(Images/CoreTheme/Surveys-DES.png); }
.proficiencyChanges { background-image: url(Images/CoreTheme/Proficiency-DES.png); }
.agentAppBar { background-image: url(Images/CoreTheme/ClearAgent-DES.png); }
.qa { background-image: url(Images/CoreTheme/QAToolbarIcon.png); }
.timeClock { background-image: url(Images/CoreTheme/clock_icon.png); }
.ntfCenter { background-image: url(Images/CoreTheme/NotificationNoAlertNormalState.png);}
.ntfCenter:hover { background-image: url(Images/CoreTheme/NotificationsNoAlertHover.png);}
.ntfCenter.alert { background-image: url(Images/CoreTheme/NotificationAlertNormalState.png);}
.ntfCenter.alert:hover { background-image: url(Images/CoreTheme/NotificationsAlertHover.png);}
/* END Control Center Icons*/

/* Proficiency Changes Toolbar Item */
.pcNavBarBackground
{
    height: 567px;
    background-color: white;
}

.pcQueuedHeader
{
    text-align: center;
}

.pcProgressBarText
{
    text-align: center;
}

.pcProgressBarText span
{
    top: 14px;
    /*left: 19px;*/
    position: relative;
    color: white;
    font-size: 10px;
    z-index: 1;
}

.pcProgressBar
{
    width: 90%;
    margin: 0px 0px 10px 16px;
    background: #3F658B !important;
    border: 1px solid #3F658B !important;
    border-bottom: none !important;
    height: 14px !important;
}

.pcProgressBar.initBack
{
    opacity: 0.25;
    background: #CCCCCC url(Images/CoreTheme/jQueryUI/progressBarLoading.gif) !important;
    border-bottom: 1px solid #3F658B !important;
    height: 13px !important;
}

/*.pcProgressBar.loading
{
    background: #3F658B;
    border: 1px solid #CCC;
}*/

.pcProgressBar .ui-progressbar-value
{
    /*background: #00264c url(Images/CoreTheme/jQueryUI/progressBar.png) 50% 50% repeat-x !important;*/
    background: #00264C !important;
    border-top: none;
}

.pcQueuedBody
{
    width: 296px;
    height: 531px;
    overflow: hidden;
}

.pcAppliedBody, .pcRejectedBody
{
    width: 296px;
    height: 563px;
    overflow: hidden;
}

.pcTblQueued, .pcTblApplied, .pcTblRejected
{
    table-layout: fixed;
}

.pcTblQueued tbody tr:nth-child(odd) td,
.pcTblApplied tbody tr:nth-child(odd) td,
.pcTblRejected tbody tr:nth-child(odd) td
{
    background-color: white;
}

.pcTblQueued tbody tr:nth-child(even) td,
.pcTblApplied tbody tr:nth-child(even) td,
.pcTblRejected tbody tr:nth-child(even) td
{
    background-color: #DFDFDF;
}

.pcTblQueued td
{
    
}

.pcBtnAccept
{
    float: left;
    height: 16px;
    width: 16px;
    margin-left: 2px;
    background-image: url("Images/CoreTheme/Checkmark-DES.png");
    background-repeat: no-repeat;
    background-size: 16px;
}

.pcBtnAccept:hover
{
	background-image:url("Images/CoreTheme/Checkmark-HoverSEL.png");
}

.pcBtnReject
{
    float: left;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    background-image: url("Images/CoreTheme/Cancel-DES.png");
    background-repeat: no-repeat;
    background-size: 16px;
}

.pcBtnReject:hover
{
	background-image:url("Images/CoreTheme/Cancel-HoverSEL.png");
}

.profApply
{
	cursor: pointer;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image:url("Images/CoreTheme/CheckNormal.png");
	background-repeat: no-repeat;
	background-size: 17px 17px;
	transition: background-size 0.1s ease;
}
.profApply:hover { background-size: 18px 18px; }
.profApply.checked { background-image: url("Images/CoreTheme/CheckSelected.png"); }

.profReject
{
	cursor: pointer;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image:url("Images/CoreTheme/XNormal.png");
	background-repeat: no-repeat;
	background-size: 17px 17px;
	transition: background-size 0.1s ease;
}
.profReject:hover { background-size: 18px 18px; }
.profReject.checked { background-image: url("Images/CoreTheme/XSelected.png"); }

/* End Proficiency Changes Toolbar Item */

/* Agent App Toolbar Item */
.agentAppNavBarContainer
{
    height: 500px;
    background-color: #003366;
}

#header_top
{
    background-color: #CDFFCC;
    font-size: small;    
}

#shortcut_phone,
#shortcut_callHistory,
#shortcut_promiseKeeper,
#shortcut_eventLog,
#shortcut_queue,
#shortcut_addressBook
{
    height: 18px;
    width: 9%;
    background-size: 100% 18px;
    display: inline-block;
    background-image: url(Images/CoreTheme/Plus-Blue.png);    
}

#stateSwitch
{
    background-image: url(Images/CoreTheme/agentAppStateSwitch.png);
}

#agentAppCurrentState
{
    padding-left: 5px;
}

#phoneSection
{
    width: 300px;
    height: 214px;
    background-image: url(Images/CoreTheme/AgentApp/Section_Phone.jpg);
    background-repeat: no-repeat;
}

#callHistorySection
{
    width: 300px;
    height: 214px;
    background-image: url(Images/CoreTheme/AgentApp/Section_CallHistory.jpg);
    background-repeat: no-repeat;
}

#promiseKeeperSection
{
    width: 300px;
    height: 214px;
    background-image: url(Images/CoreTheme/AgentApp/Section_PromiseKeeper.jpg);
    background-repeat: no-repeat;
}

#eventLogSection
{
    width: 300px;
    height: 214px;
    background-image: url(Images/CoreTheme/AgentApp/Section_EventLog.jpg);
    background-repeat: no-repeat;
}

#queueSection
{
    width: 300px;
    height: 214px;
    background-image: url(Images/CoreTheme/AgentApp/Section_Queue.jpg);
    background-repeat: no-repeat;
}

#addrBkSection
{
    width: 300px;
    height: 214px;
    background-image: url(Images/CoreTheme/AgentApp/Section_AddressBook.jpg);
    background-repeat: no-repeat;
}
/* End Agent App Toolbar Item */
/*#endregion Toolbar*/

/*#region Personal Messages*/
.msgLeft 
{
	width:100%;
	height:0px;	
	position: relative;
	z-index:2;
	transition:top .20s ease;
}

.msgLeft.closed
{
	top: -615px;
}

.msgLeft.open
{
	top: 0px;
}

.msgList 
{
	height: 96.4%;
}

.convoHolder
{
	/*margin-top: 26px;*/
    height: 523px;
}

.convoHolder.noButton, .announcementHolder.noButton, .workaidHolder.noButton
{
	margin-top: 13px;
}

.convoList
{
	height: 600px;
	background-color: white;
	overflow: hidden;
}

.convoListHandle
{
	width: 300px;
	height: 20px;
	/*background-image: url("Images/CoreTheme/Messaging-SliderExpander.png");*/
	background-position: center center;
	background-repeat: no-repeat;	
	cursor: pointer;
}

/*.messagesTab.tabBarTab {
    width: 90px;
}*/

.contactsTab {
    display:inline-block; 
    height:20px; 
    width:25%; 
    background-color:whitesmoke; 
    color: black;
    font-size:14px; 
    text-align:center;
    cursor: pointer;
}

    .contactsTab.selected {
        background-color:#004CFF; 
        color: white;
    }

.addRecipients 
{
	width:19px;
	height:19px;
	display:inline-block;
	float:left;
	background-image: url("Images/downButton.png");
	background-position: center center;
	background-repeat: no-repeat;	
	background-size: 16px;
	cursor: pointer;
}

.addRecipients.close
{
	background-image: url("Images/upButton.png");
}

.menuButton.close
{
	/*background: url("Images/CoreTheme/Minus-WhiteFill.png") no-repeat 4px center, -webkit-linear-gradient(#004CFF, #007EFF);*/  /*For Safari 5.1 to 6.0*/ 
	/*background: url("Images/CoreTheme/Minus-WhiteFill.png") no-repeat 4px center, -o-linear-gradient(#004CFF, #007EFF);*/  /*For Opera 11.1 to 12.0*/ 
	/*background: url("Images/CoreTheme/Minus-WhiteFill.png") no-repeat 4px center, -moz-linear-gradient(#004CFF, #007EFF);*/  /*For Firefox 3.6 to 15*/ 
	/*background: url("Images/CoreTheme/Minus-WhiteFill.png") no-repeat 4px center, linear-gradient(#004CFF, #007EFF);*/  /*Standard syntax*/ 
	background-size: 12px;
}

.newMsgArea
{
	transition: top .2s ease;
	position: relative;
	height: 0px;
	z-index:2;
}

.newMsgArea.open 
{
	top:0px;
}

.newMsgArea.closed
{
	top:-680px;	
}

.groupListArea
{
	transition: height .2s ease;	
	width:100%;
	background-color:#003366;
	overflow:hidden;
}

.groupListArea.open
{
	height:483px;
}

.groupListArea.closed
{
	height:0px;
}

.msgTitle, .newAnnouncementTitle
{
	width:100%;
	margin-bottom:1px;		
}

.msgTo
{
	width:275px;
	margin-bottom:-2px;
	/*float:left;*/
}

.msgRight 
{

}

.msgSubjectArea
{
	font-size: 14px;
    margin-bottom: 2%;
    padding-left: 2%;
	line-height: 36px;
	height: 36px;
    border-bottom: 1px solid darkgrey;
	text-align: left;
	color: dimgrey;
	/*cursor: pointer;*/
    background-color: whitesmoke;
}

.msgs 
{	
	height: 380px;	
	background-color: #FBFBFC;
	/*border-bottom: 1px solid Black;*/
	overflow-y: auto;
}

.msgs.expanded
{
    height: 500px;
}

.ChallengeToolbarMessagesContainer .msgs.expanded {
    height: 430px;
}

.msgNotiIconHolder
{
	float:left;
}

/*.msgNotiIcon
{
	width: 8px;
	height: 8px;
	background-image: url(Images/CoreTheme/Notification-RedDot.png);
	background-repeat: no-repeat;	
	background-size: 8px;
	float: right;
}*/

.msgNotiIcon
{
	width: 15px;
	height: 15px;
    border-radius: 15px;
	background-color: red;
	background-repeat: no-repeat;	
	background-size: 15px;
	float: right;
    padding-left: 10%;
    color: white;
    text-align: center;
    font-size: 12px;
}

.msgCont 
{
	width:85%;	
	clear: both;			
}

.msgCont.personal
{
	float:right;
	margin:1px 5px 1px 0px;
}

.msgCont.notPersonal
{
	float:left;
	margin:1px 0px 1px 5px;
}

.msgCont.sysMsg
{
	margin: 1px auto;
}

.msgPic 
{
	width:34px;
	height:34px;
	border:1px solid Black;
	border-radius:17px;	
}

.msgCont.personal .msgPic 
{
	float:right;	
	margin-left:2px;	
}

.msgCont.notPersonal .msgPic 
{
	float:left;
	margin-right:2px;
}

.msg 
{	
	width:60%;	
	/*border:1px solid Black;*/
	padding:2px;
	margin-bottom:12px;
	position: relative;
}

.msgCont.personal .msg 
{
	float:right;	
	background-color: #bbecff;
    border: 1px solid #0067a3;
    padding: 2%;
    margin-top: 8%;
    word-wrap: break-word;
}

.msgCont.notPersonal .msg {
    float: left;
    background-color: #efefef;
    border: 1px solid #939598;
    padding: 2%;
    margin-top: 8%;
    word-wrap: break-word;
}

.msgCont.sysMsg .msg
{
	background-color: #FFFFCC;
	border: none;
}

.msgTime 
{
	font-size:smaller;
	color: Black;
	position:absolute;
	top:100%;
	
}

.msgCont.personal .msgTime 
{	
	margin:2px 4px 0px 0px;	
	right:0%;
}

.msgCont.notPersonal .msgTime 
{
	margin: 2px 0px 0px 4px;
	left:0%;
}

.msgCont.sysMsg .msgTime
{
	margin:2px 0px 0px 4px;
	left:0%;
}

.msgInput
{
	width:322px;
	height:85px;	
	border:1px solid lightgrey;
    border-radius: 10px;
    background-color: whitesmoke;
    margin: 3%;
    resize: none;
    word-wrap: break-word;
}

    .msgInput.msgInputChall {
        width: 392px;
    }

.msgSubmit
{
	position:absolute;
	top:106px; 
    left:285px; 
    width:55px; 
    height:17px;
	cursor: pointer;
	/*background-image:url("Images/CoreTheme/Messaging-Compose-Normal.png");*/
	background-position: left center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-color: grey;
    color: white;
    text-align: center;
    border-radius: 10px;
}

    .msgSubmit.msgSubmitChall {
        left: 353px;
        content: "Send";
    }

.msgSubmit.focused
{
	background-color: #0058FF;
}

.newMsgSubmit
{
	position:absolute;
	width:70px;
	height:20px;	
	top:10px;
	left:220px;
	cursor: pointer;
    background-color: #0067A3;
    color: white;
    text-align: center;
    border-radius: 10px;
}

.newMsgCancel
{
	position:absolute;
	width:100px;
	height:20px;	
	top:10px;
	left:35px;
	cursor: pointer;
    color: white;
    text-align: center;
    border-radius: 10px;
    text-decoration: underline;
}

.singleRecipient
{
	width: 35px;
	height: 35px;
	margin: 0px 6px 0px 0px;
	float:left;
	/*background-image:url("Images/CoreTheme/Login-Single-Blue.png");*/
	background-position: left center;
	background-repeat: no-repeat;	
	background-size:contain;
    position: relative;
    top: 13px;
    left: -4px;
}

.multipleRecipients
{
	width: 43px;
	height: 48px;
	/*margin: 0px 6px 0px -2px;*/
    /*border-radius: 35px;*/
	float:left;
	background-image:url("Images/CoreTheme/MessagingAdmin/GroupChatIcon.png");
	background-position: left center;
	background-repeat: no-repeat;	
	background-size:contain;
    position: relative;
    top: 6px;
    left: -6px;
}

.msgSelectedLoginsContainer {
    display: inline-block; 
    background-color: whitesmoke; 
    height: 50px; 
    width: 100%; 
    color: #788196; 
    padding: 5px;
    overflow-y: auto;
}

.msgSelectedLogins {
    display: inline-block;
    background-color: #788196;
    color: white;
    border-radius: 10px;
    width: 120px;
    height: 18px;
    text-align: center;
    margin: 1% 1%;
    padding: 0px 1% 1% 2%;
    background-repeat: no-repeat;
    background-size: contain;
}

.removeLoginIcon {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("Images/CoreTheme/Minus-White.png");
    display:inline-block;
    margin: 2.5% 3% 2.5% 0px;
    float: right;
    height: 10px;
    width: 10px;
    cursor: pointer;
}

.loginItem {
    height: 35px;
    padding: 0px 2% 2% 2%;
    font-size: 14px;
    border-bottom: 1px solid #e0e3e6;
    cursor: pointer;
}

.loginDiv
{
	width: 15px;
	height: 10px;
	margin: 0px 25px 0px 0px;
	float:left;
	background-position: left center;
	background-repeat: no-repeat;	
	background-size:contain;
}

.msgLoginName {
    width:85%; 
    display:inline-block; 
    margin-left:15%;
}

.msgLoginText {
    width: 240px;
    display: inline-block;
}

.seperatorLine {
    color: #e2e3e4;
    width: 313px;
    margin: 5px auto;
    border-top: 1px solid #e2e3e4;
}

.convoItem .seperatorLine {
    margin: 5px 44px;
    width: 280px;
}

.msgChkBoxDiv {
    width: 2%;
    display: inline-block;
    float: right;
}

.roundProfilePic {
    width:35px; 
    height:35px; 
    border-radius:35px;
}

.convoItem {
    height: 62px;
    cursor: pointer;
    color: #333;
    margin: 0px 5px;
    padding: 0px 10px;
    border-bottom: 1px solid #EFEFEF;
}

    .convoItem:hover {
        background-color: #DBDBDB;
    }

    .convoItem .convoContainer {
        height: 61px;
    }

.convoDate {
    width:15%; 
    font-size:8px; 
    display:inline-block; 
    float:right;
    padding-top: 14px;
}

.convoRec {
    font-size:14px; 
    width:70%; 
    overflow:hidden; 
    display:inline-block;
    padding-top: 16px;
}

.convoText {
    margin-left:13%; 
    font-size:12px;
    width: 245px;
}

.itemOptions.contactOptionsDiv {
    visibility: hidden;
}

    .itemOptions:hover .contactOptionsDiv {
        visibility: visible;
    }

.contactOptionsDiv {
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    width: 15%;
    display: inline-block;
}

.openMessageIcon {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/ChatBubble.png");
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
}

.openProfileIcon {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/ProfileBlue.png");
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

/*.loginItem:nth-of-type(odd) { background-color: #FAFAFA; }
.loginItem:nth-of-type(even) { background-color: #EEEEEE; }*/
/*#endregion End Personal Messages*/

/*#region Achievement Messages*/
.achieveMsgsContainer 
{
	width: 350px;
	height: 100%;
	overflow-y:auto;		
}

.achieveMsg 
{	
	background-color: white;
	border-bottom: 1px solid #EFEFEF;
	position: relative;
	height: 72px;
    margin: 0px 5px;
}
.achieveMsg div { position: absolute; }
.achieveMsg span { position: absolute; }

.achieveMsgItmText
{
	display:block;
}

.achieveMsgContent 
{
	width:76%;
	height:74px;
	margin-left:62px;
	border:1px solid Black;
	display:inline-block;
	position: relative;
	float:left;
}

.achieveMsgPic 
{
	width:44px;
	height:44px;
	border: 2px solid white;
	border-radius: 50%;
	top: 12px;
	left: 17px;
}

.achieveGroupName 
{
	width: 145px;    
    font-size: 14px;
    font-weight: bold;
	/*text-align: center;*/
    top: 12px;
    left: 75px;
}

.achieveParentName 
{
	width: 145px;
    font-size: 12px;
    /*text-align: center;*/
    top: 31px;
    left: 75px;
}

.achieveDate 
{	
	width: 145px;
	font-size: 12px;    
	/*text-align: center;*/
    top: 48px;
    left: 75px;    
}

.achieveName 
{
	width: 85px;
    font-size: 12px;
    font-weight: bold;    
	text-align: center;
    top: 0px;
    left: 262px;        
    color: #333;
}

.achieveLvlPointsAndName 
{
	width: 85px;
    text-align: center;
	bottom: 4px;
    left: 262px;    
    font-size: 10px;
    color: #333;
}

.achieveLvlPic 
{
	width:43px;
	height:43px;
	top: 14px;
	right: 10px;
}

.achieveDesc
{
	font-size:10px;
}

.showCommentArea 
{
	text-align:center;
	color: #094B6E;
	cursor:pointer;
}

.commentArea 
{
	display:none;
}

.msgReply 
{
    width: 265px;
    float: left;
}

.msgCont.reply 
{
	margin-left:179px;
	margin-right:179px;
	margin-bottom:2px;	
}

.btnPost 
{
    width: 20px;
    height:21px;
	text-align:center;
	line-height:21px;
	background-color:#ADD1EB;
	cursor: pointer;
    font-size: 8px;    
	display:inline-block;
}

.btnPost:hover
{
    font-weight:bold;
	background-color:#6D94A9;
}
/*#endregion End Achievement Messages*/

/*#region Challenge Messages*/
.msgCont.notPersonal.sysMsg .msg
{
    background-color: #FFFF95;
    text-align: center;
    font-weight: bold;
}
/*#endregion End Challenge Messages*/

/*#region Announcement/Work Aid Messages*/
.announcementHolder {
    height: 523px;
}

.workaidHolder {
    height: 483px;
}

.announcementMsgsContainer, .workaidMsgsContainer
{
	background-color: white;
	height: 100%;
}

.newAnnouncementArea, .newWorkAidArea, .editWorkAidArea, .editAnnouncementArea
{
	transition: top .2s ease;
	position: relative;
	height: 0px;
	z-index: 2;
}

.newWorkAidGroupSelectArea, .newAnnouncementGroupSelectArea {
    transition: top .2s ease;
	position: relative;
	height: 0px;
	z-index: 3;
    background-color: #FFFFFF;
}

    .newWorkAidGroupSelectArea.open, .newAnnouncementGroupSelectArea.open {
        top: 145px;
    }

    .newWorkAidGroupSelectArea.closed, .newAnnouncementGroupSelectArea.closed {
        top: 600px;
    }

.msgDisplay #pnlGroupListContainer {
    background-color: #FFFFFF;
}

.workAidViewArea, .announcementViewArea {
    transition: left .2s ease;
	position: absolute;
	height: 0px;
    width: 350px;
	z-index: 3;
    background-color: #FFFFFF;
}

    .workAidViewArea.open, .announcementViewArea.open {
        top: 0px;
        left: 0px;
    }

    .workAidViewArea.closed, .announcementViewArea.closed {
        top: 0px;
        left: 350px;
    }

.newAnnouncementArea.open, .newWorkAidArea.open, .editWorkAidArea.open, .editAnnoucementArea.open
{
	top:0px;
}

.newAnnouncementArea.closed, .newWorkAidArea.closed, .editWorkAidArea.closed, .editAnnoucementArea.closed
{
	top: -610px;
}

.announcementTabBar, .tabBar {
    margin: 0px 5px;
    padding: 0px 10px;
    border-bottom: 1px solid #E2E3E4;
}

.announcementAllTab, .announcementSentTab, .tabBarTab {
    display: inline-block;
    font-size: 16px;
    margin: 2px 0px;
    /*min-width: 75px;*/
    text-align: center;
    color: #3f3f3f;
    cursor: pointer;
    padding: 0px 24px;
}

    .announcementAllTab.selected, .announcementSentTab.selected, .tabBarTab.selected {
        color: #005CA5;
        outline: none;
        border-bottom: 2pt solid #005CA5;
    }

.editWorkAidArea, .editAnnouncementArea
{
	transition: top .2s ease;
	position: relative;
	height: 0px;
	z-index: 4;
}

    .editWorkAidArea.open, .editAnnouncementArea.open
    {
	    top:0px;
    }

    .editWorkAidArea.closed, .editAnnouncementArea.closed
    {
	    top: -610px;
    }

.newWorkAidImg, .newAnnouncementImg, .addNewImg {
    position: absolute;
    display:inline-block; 
    float:left;
    width: 18px;
    height: 18px;
    background-image: url("Images/CoreTheme/MessagingAdmin/AddWhite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    top: 12px;
    left: 12px;
}

    .newWorkAidImg:hover, .newAnnouncementImg:hover, .addNewImg:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/AddWhiteHover.png");
        width: 21px;
        height: 20px;
        top: 12px;
        left: 10px;
    }

.searchWorkAidImg, .searchAnnouncementImg, .searchImg {
  position: absolute;
  display:inline-block; 
  float:left;
  width: 18px;
  height: 18px;
  background-image: url("Images/CoreTheme/MessagingAdmin/SearchWhite.png");
  background-repeat: no-repeat;
  cursor: pointer;
  top: 13px;
  left: 316px;
  -webkit-transition: left .3s;
  transition: left .3s;
}

  .searchWorkAidImg:hover, .searchAnnouncementImg:hover, .searchImg:hover {
    background-image: url("Images/CoreTheme/MessagingAdmin/SearchWhiteHover.png");
    width: 20px;
    height: 20px;
    background-size: contain;
  }

  .searchWorkAidImg.selected, .searchAnnouncementImg.selected, .searchImg.selected {
    left: 16px;
  }

.workAidSearchBox, .announcementSearchBox, .searchBox {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid white;
    background-color: #5F6871;
    color: #FFFFFF;
    width: 274px;
    font-size: 14pt;
    padding-left: 4px;
}

.workAidSearchBox:focus, .announcementSearchBox:focus, .searchBox:focus {
    outline: none;
}

.searchBox.onGray { background-color: #676868; }
.searchBox.onWhite { 
    background-color: #FFF; 
    border-bottom: 1px solid #3f3f3f;
    color: #3f3f3f;
    width: 473px;
}

    .searchBox.onWhite.tableHeader {
        width: calc(100% - 30px);
        font-size: inherit;
    }

.cancelSearchWorkAidImg, .cancelSearchAnnouncementImg, .cancelSearchImg {
    position: absolute;
    display:inline-block; 
    float:left;
    width: 14px;
    height: 14px;
    background-image: url("Images/CoreTheme/MessagingAdmin/CloseWhite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    top: 13px;
    left: 316px;
}

    .cancelSearchWorkAidImg:hover, .cancelSearchAnnouncementImg:hover, .cancelSearchImg:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/CloseWhiteHover.png");
        width: 19px;
        height: 19px;
    }

.workAidSubmit, .announcementSubmit, .shareBtn
{
	position:absolute;
	top: 570px;
	left:258px;
	width:71px;
	height:25px;
	cursor: pointer;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:contain;
	background-image: url("Images/CoreTheme/MessagingAdmin/ShareDisabled.png");
}

    .workAidSubmit.enabled, .announcementSubmit.enabled, .shareBtn.enabled {
        background-image: url("Images/CoreTheme/MessagingAdmin/Share.png");
    }

    .workAidSubmit.enabled:hover, .announcementSubmit.enabled:hover, .shareBtn.enabled:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/ShareHover.png");
    }

.groupSelectDone {
    position:absolute;
	top:424px; 
    left:248px; 
    width:89px; 
    height:27px;
	cursor: pointer;
	background-position: left center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/DoneBtn.png");
}

    .groupSelectDone:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/DoneHover.png");
        width: 98px;
        height: 34px;
        top: 422px;
        left: 245px;
    }

.smallRemoveIcon {
    display:inline-block;
    margin: 0px 2px;
    position:relative;
	top:1px; 
    left:1px; 
    width:12px; 
    height:12px;
	cursor: pointer;
	background-position: right center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/RemoveLight.png");
}

    .smallRemoveIcon:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/SmallRedDelete1.png");
    }

.smallRemoveIconGrey {
    display:inline-block;
    margin: 0px 2px;
    position:relative;
	top:-37px; 
    left:298px; 
    width:13px; 
    height:13px;
	cursor: pointer;
	background-position: right center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/DeleteGray.png");
}

    .smallRemoveIconGrey:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/SmallRedDelete1.png");
    }

.msgDisplay .announcementMsgsContainer .smallRemoveIconGrey {
    top: -60px;
}

.newWorkAidCancel, .newAnnouncementCancel, .cancelBtn
{
	position:absolute;
	width:100px;
	height:20px;
	top: 570px;
	left:0px;
	cursor: pointer;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:contain;
	text-align: center;
	border-radius: 10px;
	color: black;
	text-decoration: underline;
	font-size: 16px;
	z-index: 3;
}

    .newWorkAidCancel:hover, .newAnnouncementCancel:hover, .cancelBtn:hover {
        color: red;
    }

    .newWorkAidCancel.groupCancel, .newAnnouncementCancel.groupCancel, .cancelBtn.groupCancel {
        top: 424px;
    }

.newWorkAidSelectedGroups, .newAnnouncementSelectedGroups {
    height: 100px;
    background-color: #EFEFEF;
    overflow: auto;
}

.newWorkAidAddGroupsImg, .newAnnouncementAddGroupsImg, .addGroupsImg {
    display: inline-block;
    position: relative;
	top:3px; 
    left:4px; 
    width:30px; 
    height:30px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/GroupIcon.png");
}

    .newWorkAidAddGroupsImg:hover, .newAnnouncementAddGroupsImg:hover, .addGroupsImg:hover {
        width: 37px;
        height: 37px;
        top: 0px;
        left: 0px;
        background-image: url("Images/CoreTheme/MessagingAdmin/GroupIconHover.png");
    }

.msgDisplay .gi {
    background: #FFFFFF;
    height: 40px;
    font-size: 14pt;
    text-align: left;
    margin: 6px 24px 0px 24px;
    color: #3F3F3F;
}

.msgDisplay .menuItem {
    background-color: #FFFFFF;
    border: none;
    color: #3F3F3F;
    font-size: 14pt;
    padding: 0px;
    width:100%;
}

.msgDisplay .menuItem:hover {
    border: none;
}

.msgDisplay .menuItem2 {
    background-color: #FFFFFF;
    border: none;
    color: #3F3F3F;
    font-size: 14pt;
}

.newWorkAidMain, .newAnnouncementMain {
    height: 411px;
    padding: 12px 16px;
}

    .newWorkAidMain.edit, .newAnnouncementMain.edit {
        height: 515px;
    }

.newWorkAidTitleCont, .newAnnouncementTitleCont {
    margin-bottom: 12px;
    height: 76px;
    border-bottom: 1pt solid #929497;
    font-size: 12pt;
    color: #3F3F3F;
}

.workAidSelected, .announcementSelected {
    border-bottom: 1pt solid #005CA5;
}

.newWorkAidSubTitle, .newAnnouncementSubTitle {
    font-size: 8pt;
    color: #666666;
    display: inline-block;
}

.newWorkAidTitle, .newAnnouncementTitle {
    font-size: 28pt;
    color: #3F3F3F;
    width: 294px;
    border: none;
    display: block;
    padding-left: 10px;
}

    .newWorkAidTitle:focus, .newAnnouncementTitle:focus {
        outline: none;
    }

.newWorkAidFolderCont {
    margin: 12px 0px;
    height: 61px;
    border-bottom: 1pt solid #929497;
    font-size: 12pt;
    color: #3F3F3F;
}

.newWorkAidFolderMenu {
    width: 310px;
    border: none;
    background-color: #FFFFFF;
    font-size: 16pt;
    padding-left: 10px;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 9999999;
} 

.msgDisplay .comboBoxInput {
    width: 270px;
    background-color: #FFFFFF;
    outline: none;
    border: none;
}

.msgDisplay .ui-button {
    background-color: #FFFFFF;
    border: none;
    outline: none;
}

    .msgDisplay .ui-button:hover {
        border: none;
        background: #FFFFFF;
    }

    .msgDisplay .ui-button:active {
        border: none;
        background: #FFFFFF;
    }

.newWorkAidDetailsCont, .newAnnouncementDetailsCont {
    margin: 12px 0px;
    height: auto;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1pt solid #929497;
    font-size: 12pt;
    color: #3F3F3F;
}

.newWorkAidDetails, .newAnnouncementDetails {
    width: 300px;
    border: none;
    font-family: Roboto;
    font-size: 16pt;
    background-color: #FFFFFF;
    padding-left: 10px;
    resize: none;
}

    .newWorkAidDetails:focus, .newAnnouncementDetails:focus {
        outline: none;
    }

.newWorkAidAttachmentCont, .newAnnouncementAttachmentCont {
    position: relative;
    margin: 12px 0px;
    height: 50px;
    border-bottom: 1pt solid #929497;
    font-size: 12pt;
    color: #3F3F3F;
}

    .newWorkAidAttachmentCont .workaidAttachmentImg, .newAnnouncementAttachCont .announcementAttachmentImg {
        float: left;
        position: absolute;
        top: 24px;
        left: 1px;
    }

.attachText {
    display: inline-block;
    max-width: 265px;
}

.workaidMsgsContainer legend, .announcementMsgsContainer legend {
    visibility: hidden;
}

.msgDisplay .fd-zone {
  border: none;
  color: #666666;
  font-size: 10pt;
  text-align: left;
  cursor: pointer;
}

.msgDisplay .fd-zone:hover {
  border-color: none;
  background: none;
}

.msgDisplay .fileDisplayName {
    position: relative;
    top: -20px;
    cursor: pointer;
}

.msgDisplay .announcementMsgsContainer .fileDisplayName {
    top: -18px;
}

.msgDisplay .announcementMsgsContainer .pnlUploadContainer {
    position: relative;
    top: -24px;
}

.msgDisplay .cls {
    background-image: url("Images/CoreTheme/MessagingAdmin/RightArrowIcon.png");
    margin-top: 8px;
}

.msgDisplay .ex {
    background-image: url("Images/CoreTheme/MessagingAdmin/DropDownArrow.png");
}

.newWorkAidBtmToolbar, .newAnnouncementBtmToolbar, .btmToolBar {
    height: 36px;
    background-color: #e2e2e2;
}

.workAidHeaderTitle, .announcementHeaderTitle {
    visibility: visible;
}

    .workAidHeaderTitle.hidden, .announcementHeaderTitle.hidden {
        visibility: hidden;
    }

.workAidFolderSelectContainer {
    height: 41px;
    background-color: #efefef;
    color: #3f3f3f;
    font-size: 12px;
    padding: 0px 15px 0px 15px;
}

.workAidFolderSelect {
    height: 41px;
    line-height: 31px;
}

.workAidFolderSelectTitle {
    display: inline-block;
}

.workAidFolderForm {
    border-bottom: 1pt solid #929497;
    font-size: 14px;
    color: #3f3f3f;
    width: 265px;
    display: inline-block;
}

.workAidFolderMenu {
    width: 262px;
    border: none;
    background-color: #efefef;
    font-size: 14px;
    color: #3f3f3f;
}

    .workAidFolderMenu:focus {
        background-color: #FFFFFF;
        border: 1px solid #DBDBDB;
        padding: 8px 10px;
    }

.workAidFolderMenuOptions {
    height: 30px;
}

.workAidFolderMenuOptions:hover {
    background-color: #DBDBDB;
}

.workaid.item, .announcement.item, .item {
    height: 62px;
    color: #333;
    background-color: #FFFFFF;
    margin: 0px 5px;
    padding: 0px 10px;
    border-bottom: 1px solid #efefef;
}

    .workaid.item:hover, .announcement.item:hover {
        background-color: #DBDBDB;
    }

.workaidContainer, .announcementContainer {
    width: 322px;
    /*padding: 7px 0px 7px 0px;*/
    padding-top: 13px;
    cursor: pointer;
    font-weight: normal;
}

    .workaidContainer.bold, .announcementContainer.bold {
        font-weight: bold;
    }

.workaidInfoCont, .announcementInfoCont {
    height: 21px;
}

.workaidTitle, .announcementTitle {
    display: inline-block;
    font-size: 14px;
    width: 236px;
    overflow-x: hidden;
}

.workaidName, .announcementName {
    font-size: 10px;
    width: 240px;
    overflow-x:hidden;
    line-height: 11px;
}

.workaidDate, .announcementDate {
    margin-left: 2px;
    margin-right: 10px;
    display: inline-block;
    font-size: 8pt;
    width: 52px;
}

.workaidAttachmentImg, .announcementAttachmentImg, .attachmentImg {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(Images/CoreTheme/MessagingAdmin/AttatchementDGray.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.announcementScrollArea, .workaidScrollArea
{
	height: 100%;
}

.removeAnnouncement, .removeWorkAid
{
	width: 12px;
	height: 12px;
	padding: 0px 2px 0px 0px;
	float: right;
	background-image: url(Images/CoreTheme/Minus-Gray.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.removeAnnouncement:hover, .removeWorkAid:hover
{
	background-image: url(Images/CoreTheme/Minus-GrayFill.png);
}

.profileAddedArea
{
	background-color: white;
	width: 100%;
	height: 19px;
	border: 1px solid gray;
	overflow: auto;
}

.emptyProfileArea 
{
	display: inline-block;
	padding-top: 4px;
	padding-left: 2px;
	color: gray;
}

.addedProfileItem
{
	border:1px solid Black;
	margin: 2px 0px 1px 2px;
    padding: 1px 1px 0px 1px;
	float:left;
}

.removeAddedProfileItem
{
	/*width: 9px;
	height: 9px;
	margin: 1px 0px 0px 2px;
	float: right;
	background-image:url("Images/CoreTheme/BlueMinus.png");
	background-position: center center;
	background-repeat: no-repeat;	
	background-size:contain;
	cursor: pointer;*/
}

.messagingUploadHolder
{
	height: 35px;
	background-color: white;
}

.messagingUploadHolder .fd-zone
{
	height: 30px;
	font-size: 10px;
}

.hasAttachment
{
	/*width:10px;
	height:10px;
	display:inline-block;
	float:right;
	margin: 1px 2px 0px 0px;
	background-image:url("Images/CoreTheme/PaperClip-grey.png");
	background-position: right center;
	background-repeat: no-repeat;	
	background-size:contain;*/
}

.announcementText, .workaidText
{
	transition: height .2s ease;
}

.announcmentText.closed, .workaidText.closed
{
	height:0px;
}

.announcementText.open, .workaidText.open
{
	height:100%;
}

.workAidViewBack, .announcementViewBack, .backBtn {
    position:absolute;
	top:13px; 
    left:16px; 
    width:24px; 
    height:21px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/BackArrowHover.png");
}

    .workAidViewBack:hover, .announcementViewBack:hover, .backBtn:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/BackArrow.png");
        width: 24px;
        height: 21px;
        top: 12px;
        left: 14px;
    }

.workAidViewDelete, .announcementViewDelete, .deleteBtn {
    position:absolute;
	top:13px; 
    left:255px; 
    width:20px; 
    height:19px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/DeleteHover.png");
}

    .workAidViewDelete:hover, .announcementViewDelete:hover, .deleteBtn:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/RemoveLarger.png");
        top: 13px;
        left: 255px;
    }

.workAidViewEdit, .announcementViewEdit, .editBtn {
    position:absolute;
	top:8px; 
    left:300px; 
    width:27px; 
    height:27px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/MessagingAdmin/EditPencilHover.png");
}

    .workAidViewEdit:hover, .announcementViewEdit:hover, .editBtn:hover {
        background-image: url("Images/CoreTheme/MessagingAdmin/EditWhite.png");
        width: 27px;
        height: 27px;
        top: 8px;
        left: 300px;
    }

.workAidViewMain, .announcementViewMain {
    height: 555px;
    background-color: #FFFFFF;
    padding: 24px 16px 0px 16px;
}

.workAidViewHeader, .announcementViewHeader {
    border-bottom: 1pt solid #e6e7e8;
    color: #3f3f3f;
}

.workAidViewTitle, .announcementViewTitle {
    height: 43px;
    font-size: 23pt;
    padding-bottom: 14px;
}

.workAidViewSender, .announcementViewSender {
    height: 27px;
    font-size: 16pt;
    width: 77%;
    display: inline-block;
}

.workAidViewDate, .announcementViewDate {
    height: 40px;
    display: inline-block;
    width: 22%;
    font-size: 12pt;
}

.workAidViewDetails, .announcementViewDetails {
    padding: 15px 0px;
    font-size: 16pt;
    border-bottom: 1pt solid #e6e7e8;
    word-wrap: break-word;
    overflow-y: scroll;
    max-height: 400px;
}

.workAidViewAttachment, .announcementViewAttachment {
    padding-top: 24px;
}

.attachmentBtn {
    background-color: #f1f1f2;
    color: #666666;
    font-size: 10pt;
    height: 26px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    padding: 4px 18px 0px 12px;
    border: 1px solid #d0d2d3;
    cursor: pointer;
}

    .attachmentBtn:hover {
        border: 1px solid #6d6e70;
    }

.workaidAttachmentImg.viewArea, .announcementAttachmentImg.viewArea {
    margin-right: 5px;
    top: 2px;
    position: relative;
}

    .workaidAttachmentImg.listArea:hover, .announcementAttachmentImg.listArea:hover, .messagingAdminMessagesContainer .attachmentImg:hover {
        background-image: url(Images/CoreTheme/MessagingAdmin/AttatchmentHover.png);
    }

.adminFlagFront {
    width: 295px;
    font-size: 12pt;
    margin: auto;
    position: relative;
    top: 19px;
    text-align: center;
}
/*#endregion End Announcement/Work Aid Messages*/

/*#region Picture Classes*/
.msgPicNoProfile 
{	
	background-image: url("Images/CProfileLogo2.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.msgPicNoPic 
{
	background-image: url("Images/CoreTheme/ProfileIconGray.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.msgPicApprovalPic 
{
	background-image: url("Images/blankProfile_approval.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.msgPicHasProfile 
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
/*#endregion End Message*/

/*#region ----------------------------Selectors-------------------------*/
.dropContainer
{
	font-size: 12px;
	padding: 0px 4px 0px 4px;
	float: left;
	height: 24px;
	background-color: #EFEFEF;
	box-shadow: 2px 2px 6px 0px #666666, inset 1px 1px white;
}

.RangeDropDown
{
	width: 7px;
	height: 4px;
}

.picker, .payPeriodPicker
{
	display: none; 
	position: absolute; 
	z-index: 10; 
	width: 75px;
	border: 1px solid Silver;
}

.payPeriodPicker {width: 180px;}

/* Metric Selector*/
.metricSelectorContainer
{
	padding: 1px 2px 1px 2px;
	width: auto;
}

.showMetricSelectorModule
{
	cursor: pointer;
	display:inline-block;
}

.metricSelectorText
{
	padding: 1px 3px 0px 0px;
	display: inline-block;
	font-size: 13px;
}

.metricSelectorModule
{
	display: none;	
	position: fixed !important;
    top: 0;
	z-index: 1600;	
	width: 921px !important;
    min-width: 921px !important;
	height: 75%;
	min-width: 800px;
	min-height: 520px;
	background-color: white;
    padding-top: 50px !important;
}

.pointer-events-all 
{
    pointer-events: all !important;
}

/*.metricSelectorModule.hideSelected
{
	width: 800px;
}*/

@media (min-width: 992px) {
    .metricSelectorModule.modal-lg {
        left: calc((100vw / 2) - (921px / 2));
    }
    .metricSelectorModule.modal-lg.offsetFromRight {
        left: calc((100vw / 2) - (921px / 2) - (392px / 2))
    }
}

@media (min-width: 1200px) {
    .metricSelectorModule.modal-lg {
        left: calc((100vw / 2) - (921px / 2));
    }
    .metricSelectorModule.modal-lg.offsetFromRight {
        left: calc((100vw / 2) - (921px / 2) - (392px / 2))
    }
}

.selectedMetricsCol
{
    width: 234px;
    height: calc(100% - 70px);
    display: inline-block;
    float: left;
}

.selectedMetricsHeader
{
    height:21px;
}

.selectedMetrics
{
    height: calc(100% - 40px);
    overflow-y: auto;
    padding: 0px 2px;
}

.selectedMetrics .selectedMetric:not(:first-child) {
    margin-top: 0.5rem;
}

.selectedMetricsFooter
{
    height: 14px;
    text-align: center;
    vertical-align: bottom;
}

.ui-state-highlight-selectedMetric
{
    background-color: #CCCCCC;
    width: 185px;
    height: 25px;
    display: inline-block;
}

.selectedMetric
{
    width: 100%;
    background-color: #e9eaee;
    padding: 0.5rem;
}
.selectedMetric:hover
{
    background-color: #eef0f2;
}

.selectedMetric .timeTypeOverride {
    display: none;
}

.selectedMetric.timeMetric .timeTypeOverride {
    display: block;
}

.selectedExtra
{
    width:100%;
    border-top: 0px;
    border-bottom: 0px;
    padding-bottom: 0px;
}

.metricAbr
{
    display: inline-block;
}

.dlMetrics
{
    vertical-align:top;
    text-align: left;
}

.dgMetrics td
{
    border: none;
    border-spacing: none;
}

.metricColumn
{
    width:100px;
    max-height: 411px;
    overflow-y: auto;
}

.selectedMetricTemplate, .selectedMetricExtraTemplate
{
    display:none;
}

.MetricSelectorSub
{
    background-color: #EEEEEE;
    color: black;
    cursor: pointer;
}

.lblPO, .lblSD
{
    border-left: 1px solid #0078AC;
    border-bottom: 1px solid #0078AC;
    height:20px;
    width:12px;
    vertical-align: middle;
    line-height: 21px;
    font-size: x-small;
    padding-right: 2px;
}

.lblSD
{
    width:4px;
    border-right: 1px solid #0078AC;
}

.stDevExp
{
    font-size:xx-small;
    display:inline-block;
}

.MetricSelectorDisabled
{
    background-color: #CCCCCC;
    color: white;
    background-image: none;
    width: 172px;
    border: 1px solid white;
    padding: 1px 3px 5px 3px;
    cursor: pointer;
    height: 20px;
    float: left;
    font-size: 13px;
}

.ExtraMetrics
{
    float:right;
    height:20px;
    padding:1px 0px 0px 0px;
}

.contextMenuFilter, .contextMenuIncentive
{
    position: absolute;
    min-width: 115px;
    background: #001F3C;
    border: solid 2px #0078AC;
    color: White;
    padding: 2px 0px 0px 0px;
    margin: 0px;
    display:none;
    cursor:default;
}

.contextMenuFilter:hover
{
    background-color: #0078AC;
    background: -webkit-linear-gradient(#019AF9, #00A3FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#019AF9, #00A3FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#019AF9, #00A3FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#019AF9, #00A3FF); /* Standard syntax */
}

.highlight
{
    background-color: #0078AC !important;
    color: White !important;
    font-weight: bold !important;
}

.borderHighlight
{
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

.borderHighlightFirstCell
{
    border-left: 1px solid red;
}

.borderHighlightLastCell
{
    border-right: 1px solid red;
}

.borderPrevHighlight
{
    border-bottom: 1px solid red;
}

.MetricSelectorSelected.highlight
{
    background-color: #001F3C !important;
    color: Black !important;
}

.msFiltIcon
{
    visibility: hidden;
}

.hasFilter .msFiltIcon
{
    visibility: visible;
}

.isFav .msFavIcon .filled
{
    display: block !important;
}

.MetricSelector:hover .msFavIcon,
.selectedMetric:hover .msFavIcon
{
    transform: scale(1) !important;
}

.MetricSelector:not(.isFav):hover .outline,
.selectedMetric:not(.isFav):hover .outline
{
    display: block !important;
}

.metricSelectorOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;
    opacity: .35;
    filter: Alpha(opacity=35);
}

.metricSelectorTopSettings
{
    padding: 5px 0px;
    width: calc(100% - 68px);
    position: absolute;
    top: 0;
}

.msActnCont
{
    background-color: white;
    border: 1px solid black;
    width: 150px;
    position: absolute;
    box-shadow: 0px 0px 10px black;
    z-index: 1001;
}

.msActnBtn
{
    background-image: url("Images/CoreTheme/Modules/Options-icon.png");
    width: 20px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: 20px;    
    background-position: top center;
    display: none;
    vertical-align: top;
    padding-top: 14px;
    margin-top: 2px;
    margin-right: 1px;
}
.msActnBtn:hover
{
    background-image: url(Images/CoreTheme/Modules/Options-HOV.png);
    display: inline-block;
}
.MetricSelector:hover .msActnBtn
{
    display: inline-block;
}

.msActnItm
{
    padding: 10px 0px 10px 10px;
}
.msActnItm:hover
{
    cursor: pointer;
    /*outline: 1px solid blue;
    background-color: #E0F0FF;*/
}

.msFavoritesColumn
{
    float: left;
    width: 180px;
    height: calc(100% - 45px);
    background-color: white;
    margin: 0px 8px;
    transition: width 0.5s ease, margin 0.1s ease;
}
.msFavoritesColumn.collapsed
{
    transition: width 0.5s ease, margin 0.1s ease;
    width: 20px;
    margin: 0px 2px 0px 0px;
}
.msFavoritesColumn.collapsed.hideSelectedList
{
    margin: 0px 10px 0px 10px;
}
.msFavoritesColumn .collapsedContainer
{
    width: 100%;
    height: calc(100% - 2px);
    background: url("Images/CoreTheme/FavoritesIcon.png") no-repeat center 5px gray;    
    cursor: pointer;
}
.msFavoritesColumn .expandedContainer
{
    height: calc(100% - 2px);
}

.msFavoritesHeader
{
    background: url("Images/CoreTheme/FavoritesIcon.png") no-repeat 3px 4px #0078AC;
    cursor: pointer;
}

.msFavoritesMetricsList
{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 25px);
    background-color: #EEEEEE;
    padding: 0px 2px;
}

.selectedMetricItemsContainer
{
    height: calc(100% - 26px);
    width: 250px;
    float: left;    
}

.selectedMetricFiltersContainer
{
    height: calc(28% - 11px);
    float: left;
    width: 185px;
    display: inline-block;
    margin-top: 5px;
}

.selectedMetricHeader
{
    background-color: #5387D3;
    color: white;
    font-size: 14px;
    text-align: center;
    margin: 0px 3px;
}

.filteredMetricItemsList
{
    height: calc(100% - 25px);
    overflow-y: auto;
    background-color: #EEEEEE;
}

.filteredMetricItem
{
    background-color: white;
    margin: 0px 3px 0px 3px;
    padding: 5px 3px 7px 0px;
    border-bottom: 1px solid #EEEEEE;
}
.filteredMetricItem:hover
{
    background-color: #DDD;
}

.msBtnClose 
{
    position: absolute;
    right: 24px;
    top: 8px;
    width: 17px;
    height: 17px;
    z-index: 1;
}

.metricFilterEdit
{
    width: 19px;
    height: 19px;
    float: right;
}
.filteredMetricItem:hover .metricFilterEdit
{
    background-image: url("Images/CoreTheme/Edit-22.png");
    background-size: 19px;
}
.filteredMetricItem:hover .metricFilterEdit:hover
{
    background-image: url("Images/CoreTheme/Edit-22-HOV.png");
    cursor: pointer;
}

.metricTagMultiselect
{
    display: inline-block;
    margin-bottom: 11px;
    vertical-align: text-bottom;
    float: right;
    margin-right: 20px;
}

.metricTagsList
{
    float: left;
}

.mtBubble
{
    border: 1px solid gray;
    margin-right: 5px;
    padding: 2px 5px 2px 5px;
    border-radius: 20px;
}

.mtBubbleRemove
{
    background-image: url("Images/CoreTheme/Minus-Gray.png");
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

.mtBubbleRemove:hover
{
    background-image: url("Images/CoreTheme/Minus-GrayFill.png");
    cursor: pointer;
}

.metricSelectorHeader
{
    border: 0;
    height: 25px;
    text-align: center;    
    background-color: gray;    
    font-size: 16px;
    color: white;
}

.metricSelectorCategoriesList
{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 0px 8px;
    height: calc(100% - 45px);
}

.metricCategoriesListContainer
{
    overflow-y: auto;
    height: 100%;    
}


.metricSelectorCategoryItem
{
    padding: 6px 0px 6px 5px;
    cursor: pointer;
    font-size: 13px;
}
.metricSelectorCategoryItem:hover
{
    outline: 3px solid white;
}

.metricSearchIcon
{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("Images/CoreTheme/SearchIcon.jpg");
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.showAutoScrollCategoryHighlight
{
    transition: box-shadow 0.51s ease;
    box-shadow: 0px 0px 50px black;
    width: 100%;    
    display: inline-block;
}
.hideAutoScrollCategoryHighlight
{
    transition: box-shadow 0.51s ease;
    box-shadow: 0px 0px 0px black;
    width: 100%;    
    display: inline-block;
}

/*END Metric Selector*/

.MenubarMenuItemSelected
{
	background-color:Black;
	font-weight:bold;	
}

.DateRangePickerContainer, .payPeriodPickerContainer
{
	text-align:left;
	padding:1px;  	
}
.DateRangePickerContainer { margin-left: 4px; }

.chooseDateFrom, .chooseDateTo 
{
	text-align:right; 
	background:white;
	width:70px;
}

.txtNumber
{
	display:inline-block;
	width:21px;
	height:16px;
    padding-top: 3px;
}

.txtDate
{
	display:inline-block;
	width:50px;
	height:16px;
    padding-top: 3px;
}

.txtDateRange 
{
	width:135px;	
}

.txtDateRange.short
{
    min-width: 40px;
    width: auto;
    padding-right: 10px;
}

  .txtDateRange.responsive
  {
	color: #A8AFB9;
	font-size: 11px;
  }
  .txtDateRange.responsive:hover
  {
	color: #353A40;
	cursor: pointer;
  }

.moduleResponsiveContainer .moduleHeaderDateRange .txtModuleFrontArrow
{
  display: none;
}

.moduleResponsiveContainer .moduleHeaderDateRange .txtDateRange:hover + div
{
  background-image: url("Images/CoreTheme/dropdown_8px.svg");
  width: 8px;
  height: 8px;
  display: inline-block;  
  top: -10px;
}

.txtDate.txtTrainingGroup, .txtTrainingGroup
{
	width:auto;
}

.DateChosen 
{
	font-size:71%;
}

.txtShiftDate
{
	width:75px;	
}

.txtPayPeriod
{
	width:180px;
}

.txtDispoGrouping, .txtDetailLevel
{
	width:120px;
}

.TimeSpanPickerContainer
{
	text-align:left;
	padding:1px;
}

.NumberIntervalContainer,.IntervalContainer,.PlotBtContainer
{
	width: auto;
	text-align: left; 
	float:left;
}

.TimeRangeSelectorContainer
{
	width: 200px;
}

.TimeRangeSelectorContainer .utcOffsetContainer
{
    margin-left: 3px;
}

.TimeRangeSelectorContainer .ddlUTCOffsets
{
    width: 50px;
}

/*------- Angular Metric Selector Control -------*/
.angularMetricSelectorPopup
{
    position: absolute;
    width: 90%;
    height: 80%;
    min-height: 400px;
    min-width: 800px;
    top: 10%;
    left: 5%;
    border: 2px solid black;
    z-index: 12000;
    background-color: lightgray;
}
.angularMetricSelectorPopupOverlay
{
    background-color: rgba(128, 128, 128, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11999;
}
.aMetricsContainer
{
    width: calc(100% - 150px);
    height: 100%;
    border: 1px solid black;
    float: right;
}
.aMetricsPagable
{
    width: auto;
    height: 100%;
}
.aMetricCategory
{
    height: 100%;
    display: inline-block;
    margin: 0px 2px;
    width: auto;
    vertical-align: top;
}
.aMetricButton
{
    background-color: white;
    padding: 5px;
    margin: 2px 0px;
    width: 110px;
    height: 20px;
    display: inline-block;
    font-size: 14px;
}
.aMetricButton:hover
{
    background-color: #0078AC;
    color: white;
    cursor: pointer;
}
.aMetricButton.selected
{
    background-color: lightblue;
}
.aMetricCategoryHeader
{
    border: 1px solid white;
    color: white;
    font-size: 16px;
    text-align: center;
}
.aMetricColumn
{
    width: 120px;
    height: 100%;
}

.aMetricsSelectedHeader
{
    border: 1px solid white;
    color: white;
    background-color: lightblue;
    font-size: 15px;
    margin-top: 1px;
}
.aMetricsSelectedContainer
{
    width: 148px;
    display: inline-block;
    height: 100%;
    background-color: white;
}
.aSelectedMetricItem
{
    background-color: lightblue;
    padding: 5px;
    margin: 2px 0px 2px 5px;
    width: 128px;
    height: 20px;
    display: inline-block;
    font-size: 14px;
}
.aSelectedMetricRemoveButton
{
    background-image: url(Images/CoreTheme/Minus-Gray.png);
    width: 19px;
    height: 19px;
    display: inline-block;
    float: right;
}
/*----- End Angular Metric Selector Control -----*/

/*-------- Custom DropDownList Control ----------*/
.DropDownListContainer 
{
	display: inline-block;
}

.customDropContainer 
{
	height:15px;
	width:auto;
	float:left;
}

.txtSelectedItem 
{
	display: inline-block;
	border: 1px solid #ADADB3;
	min-width: 10px;
	height: 16px;
	background-color: #FFFFFF;
	color: Black;
	float: left;
}

.btnDropDown 
{
}

.dropDownListPicker 
{
	display: none; 
	position: absolute; 
	z-index: 10; 
	width: 75px;
	max-height: 200px;
	overflow: auto;
	border: 1px solid Silver;	
}

.ddItm 
{
	background-color: #667C87;
	background-position: top;
	background-repeat:repeat-x;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid Silver;
	color: White;
}

.ddItm:hover 
{
	background-color:Black;
	background-position: top;
	background-repeat:repeat-x;
	font-weight:bold;	
}

.ddItm.selected
{
	background-color: #F0A029;
	color: Black;
}

.ddItm.selected:hover 
{
	background-color: #785015;
	font-weight: bold;	
}
/* End Custom DropDownlist Control */

/*#endregion End Selectors */

/*#region ----------------------Image Viewer----------------------*/
.imgViewerPopup 
{
	max-height:300px;
}

.imageItem,
.newImageItem
{
	cursor: pointer;
	width: 74px;
    /* height: 77px;
    padding: 7px; */
    height: 72px;
    padding: 4px 4px 0 4px;
	float: left;
	font-size: 11px;
	text-align: center;
}

.imageItem:hover,
.newImageItem:hover
{
	background-color:#CCCCCC;
	font-weight: bold;
}

.imageBtn 
{
	width: 53px;
    height: 64px;	
}

.imgViewerPopup .imageItem img {
    width: 64px;
}
/*#endregion End Image Viewer*/

/*#region ----------------- Image Upload Control -----------------*/
.uploader 
{
	float: right;
	margin-right: 12px;	
}

.uploadFile
{
    opacity: 0;
	filter:"alpha(opacity=0)"; 
	-ms-filter:"alpha(opacity=0)"; /* old ie */
	position: absolute;
	z-index: 0;
	width: 0px;
	height: 0px;           
	margin: 0;
}
        
.newUploadFile
{
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin: 1px;
	border: 1px dashed #999;
	padding: 1px 3px 1px 3px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;    
}

.newUploadFile:hover, .newUploadFile.dragDrop
{
	background-color: #EEE;
	border: 1px dashed #000;	
}

.newUploadFile .innerContainer
{ 
  position: absolute;
  display: table; 
}

.newUploadFile .innerContainer span {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}

.imgUploadedContainer
{
	position: absolute;
	z-index: 1000;
}

.imgUploadedContainer .iucHeader 
{
	width: 40px;
	height: 18px;	
	float: right;
	background-color: #BBBBBB;
	margin-top: -20px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border: 2px solid #555555;
}

.imgUploadedContainer .iucHeader .imgCancel 
{
	float: right;
	width: 18px;
	height: 18px;
	background-image: url("Images/close.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.imgUploadedContainer .iucHeader .imgAccept 
{
	float: left;
	width: 18px;
	height: 18px;
	background-image: url("Images/checkmark_small.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;	
}

.imgUploadedContainer .iucBody 
{
	border: 2px solid #555555;
}

.uploadOverlay 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 996;
	background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;
	opacity: .35;
	filter: Alpha(opacity=35);	
}

.imgProfilePic 
{
	width:125px;
	height:125px;
	border: 2px solid #BBBBBB;
	float:right;
	margin-right:12px;
}

.defaultProfileImage 
{
	width: 100%;
	height: 100%;
	background-image: url(images/blankProfile.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/***
  Styles below are only required if you're using <iframe> fallback in
  addition to HTML5 drag & drop (only working in Firefox/Chrome).
 ***/

/* Essential FileDrop zone element configuration: */
.fd-zone {
  position: relative;
  overflow: hidden;
  border: 1px solid #A9A9A9;
  /* The following are not required but create a pretty box: */
  /*width: 15em;*/
  height: 32px;
  margin: 0 auto;
  padding: 0;
  padding-top: 8px;
  text-align: center;
  font-size: 11px;
  line-height: 100%;
  /*min-width: 127px;*/
}

/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: -27px;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
  width: 100%;
}

.ChannelBackgroundOptions .fd-file {
  position: unset;
}

.ChannelBackgroundOptions .fileDisplayName {
    margin-top: -32px;
}

.channelPageModuleContainer .bRd,
.channelPageModuleContainer .bGrn,
.channelPageModuleContainer .bOrng
 {
    background: transparent;
}
.channelPageModuleContainer table tr th {
    background: transparent;
}


.imgRemoveUpload
{
	width: 8px;
	height: 8px;
	display: inline-block;
	background-image: url(Images/delete-icon-small.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Provides visible feedback when use drags a file over the drop zone: */
.fd-zone:hover, .fd-zone.over { border-color: #27a8df; background: #bdd1ec; cursor: pointer; }
/*#endregion End Image Upload Control */

/*#region IBM Export Module*/
.IBMDataExportModuleExportButton
{
    border-radius: 10px;
    border: 2px solid gray;
    text-align: center;
    padding: 10px;
    font-size: 30px;
    color: black;
    cursor: pointer;
    width: 60%;
    margin: 0 auto;
    margin-top: 60px;
}

.IBMDataExportModuleExportButton:not(.disabled):hover
{
    background-color: rgba(0, 128, 255, .2);
}

.IBMDataExportModuleExportButton.disabled
{
    background-color: lightgray;
    color: gray;
    cursor: default;
}
/*#endregion IBM Export Module*/

/*#region ----------------------- Module -------------------------*/
.moduleContainer
{
	float: left;
	width:350px;
	margin: 5px 0px 10px 15px;
	/*Glow*/
	/*-moz-box-shadow: 0px 0px 10px 0px #333;
	-webkit-box-shadow: 0px 0px 10px 0px #333;
	box-shadow: 0px 0px 10px 0px #333;*/
}
.moduleContainer:hover .btnSettingsView,
.moduleContainer:hover .btnModuleViewDropDown,
.moduleContainer:hover .moduleActionsButton,
.moduleContainer:hover .moduleClose,
.moduleContainer:hover .btnDataView,
.moduleContainer:hover .btnDetailsView,
.moduleContainer:hover .btnChartView,
.moduleContainer:hover .btnExtChartView,
.moduleContainer:hover .btnChartAndDataView,
.moduleContainer:hover .btnChartDataView,
.moduleContainer:hover .moduleViewSpacer
{
    opacity: 1;
    transition: all ease 0.25s;
}

.moduleHeader
{
	width: 100%;
	height: 23px;
	color: White;
	font-size: 16px;
}

.moduleHeader.flatHeader
{
    border-top: 0;
    background-image: none;
    background-color: white;
}

.moduleHeaderL
{
	height:100%;
	width:100%;    
	background-image:url("Images/moduleHeaderL.png");
	background-position: left top;
	background-repeat: no-repeat;
}

.moduleHeaderM
{
	height: 21px;	
}

.moduleHeaderR
{
	height:100%;
	width:100%;
	background-image:url("Images/moduleHeaderR.png");
	background-position: right top;
	background-repeat: no-repeat;
}

.moduleRefresh
{
	float:right;
	margin:3px 12px 0px 2px;
	height:16px;
	width:16px;
	background-image:url("Images/CoreTheme/Modules/Refresh.png");
	background-repeat:no-repeat;    
}

.moduleRefresh:hover
{
    background-image: url("Images/CoreTheme/Modules/Refresh-HOV.png");
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all 0.25s ease;
}

.moduleAutoRefresh 
{
	width: 20px;
	height: 16px;
	margin: 7px 0px 0px 2px;
	float: left;
	/*background-image:url("Images/CoreTheme/Modules/Auto-DES.png");
	background-repeat:no-repeat;*/	
}

.moduleAutoRefresh.active 
{
	/*background-image:url("Images/CoreTheme/Modules/Auto-SEL.png");
	background-repeat:no-repeat;*/	
}

.moduleAutoRefreshIndicator
{
    font-size: 9px;
    margin-right: 12px;
    margin-top: 5px;
    float: right;
}

.actionItem_isAutoRefreshOnIndicator
{
    background-image: url("Images/CoreTheme/Checkmark-HoverSEL.png");
    float: right;
    width: 17px;
    height: 17px;
}

.moduleNameContainer 
{
	float: left;
	/*text-align: center;*/
	height: 21px;
	max-height: 21px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.moduleMiddle
{
	/*border-left: 1px solid white;
	border-right: 1px solid white;*/
}

.moduleHeaderMenu
{
	display: none;
	position: absolute;
	z-index: 100;
	background-color: #252E33;
	border: 1px solid #53585C;
}

.moduleHeaderMenu ul
{
	padding: 0px;
	margin: 0px;
	width: 100px;
}
.moduleHeaderMenu ul li
{
	cursor: pointer;
	list-style-type: none;
	color: White;
	background-color: #344B56;
	padding: 1px 0px 0px 2px;
}

.moduleHeaderMenu ul li.altItem
{
	background-color: #252E33;
}

.moduleHeaderMenu ul li:hover
{
	background-color: Black;	
}

.moduleHeaderMenu ul li.divider 
{
	border-bottom: 1px solid #53585C;
}

.moduleSettings
{
	width:100%;
	height:20px;
	color: #666666;
	font-size: 10px;
	background-color: white;
}

.moduleClose
{
	float:right;
	height:16px;
	width:16px;
	margin: 3px 4px 0px 0px;
	background-image:url("Images/CoreTheme/Modules/Exit-HOV.png");
	background-repeat:no-repeat;
	background-size: 16px;
    opacity: 0;
    transition: opacity ease 0.25s;
}

.moduleClose:hover
{
	background-image:url("Images/CoreTheme/Modules/Exit-HOV.png");
    transform: scale(1.3, 1.3);
}

.moduleActionsButton
{
	height: 6px;
    width: 20px;
    background-image: url(Images/CoreTheme/Modules/Options-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-top: 15px;
    background-position: center; 
    opacity: 0;
    transition: opacity ease 0.25s;
}

.moduleActionsButton:hover
{
	background-image: url("Images/CoreTheme/Modules/Options-HOV.png");
}

.modulePopOut
{
	float: right;
	height: 18px;
	width: 21px;
	margin: 3px 0px 0px 3px;
}

.moduleActions 
{
	float: right;
    width: 20px;
    margin-right: 10px;
}

.modulePopOut.expand
{
	background-image: url("Images/expandPopout.png");
	background-repeat: no-repeat;
}

.modulePopOut.minimize
{
	background-image: url("Images/minimizePopout.png");
	background-repeat: no-repeat;
}

.btnPanel
{
	float: right;
	padding-right:4px;
}

.btnLeftPanel
{
	float: left;
	padding-left:2px;
}

.btnMiddlePanel
{
	font-size: 12px;
	float: left;
	text-align: left;
	padding-top: 2px;
}

.btnDataView, .btnChartView, .btnExtChartView, .btnDetailsView, .btnSettingsView, .btnChartDataView
{
	height: 17px;
	display: inline-block;
	background-repeat: no-repeat;
    opacity: 0;
}

.btnChartDataView
{
	width: 20px;
	background-image: url("Images/CoreTheme/Modules/DataAndChart.png");	
}

.btnChartDataView.selectedWidePanel
{
	/*background-image: url("Images/CoreTheme/Modules/DataAndChart-SEL.png");*/
}

.btnChartDataView.selectedPanel
{
    background-color: #0078AC;
}

.btnDataView
{
	width: 20px;
	height: 15px;
	background-image: url("Images/CoreTheme/Modules/Data.png");
}

.btnDataView.selectedPanel
{
	/*background-image: url("Images/CoreTheme/Modules/Data-SEL.png");*/
    background-color: #0078AC;
}

.btnChartView
{
	width: 16px;
	background-image: url("Images/CoreTheme/Modules/Graph.png");
}

.btnChartView.selectedPanel
{
	/*background-image: url("Images/CoreTheme/Modules/Graph-SEL.png");*/
    background-color: #0078AC;
}

.btnExtChartView
{
	width: 23px;	
	background-image: url("Images/CoreTheme/Modules/Graph-Details.png");
	background-size: 21px;
}

.btnExtChartView.selectedPanel
{
	/*background-image: url("Images/CoreTheme/Modules/Graph-Details-SEL.png");*/
    background-color: #0078AC;
}

.btnDetailsView
{
	width: 24px;
	background-image: url("Images/CoreTheme/Modules/Data-Details.png");
}

.btnDetailsView.selectedPanel
{
	/*background-image: url("Images/CoreTheme/Modules/Data-Details-SEL.png");*/
    background-color: #0078AC;
}

.btnSettingsView
{
	width: 18px;
    height: 18px;
	background-image: url("Images/CoreTheme/Modules/Settings.png");    
    transition: all ease 0.25s;
}

.btnSettingsView:hover
{
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform ease 0.25s;
    background-image: url("Images/CoreTheme/Modules/Gear-Settings-HOV.png");
}

.btnSettingsView.selectedPanel
{
	background-image: url("Images/CoreTheme/Modules/Settings-SEL.png");
}

.btnModuleViewDropDown
{
    background-image: url("Images/CoreTheme/Modules/Table-icon.png");
	background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-bottom: 2px;
    opacity: 0;
    transition: opacity ease 0.25s;
}

.btnViewDropDown:hover
{
    background-image: url("Images/CoreTheme/Modules/Table-SEL-icon.png");
}

.btnModuleViewDropDown.DataView { background-image: url("Images/CoreTheme/Modules/Table-icon.png"); }
.btnModuleViewDropDown.DataView:hover { background-image: url("Images/CoreTheme/Modules/Table-SEL-icon.png"); }

.btnModuleViewDropDown.DetailsView { background-image: url("Images/CoreTheme/Modules/TableZoom-icon.png"); }
.btnModuleViewDropDown.DetailsView:hover { background-image: url("Images/CoreTheme/Modules/TableZoom-SEL.png"); }

.btnModuleViewDropDown.ChartView { background-image: url("Images/CoreTheme/Modules/Chart-icon.png"); }
.btnModuleViewDropDown.ChartView:hover { background-image: url("Images/CoreTheme/Modules/Chart-SEL-icon.png"); }

.btnModuleViewDropDown.ExtChartView { background-image: url("Images/CoreTheme/Modules/ChartZoom-icon.png"); }
.btnModuleViewDropDown.ExtChartView:hover { background-image: url("Images/CoreTheme/Modules/ChartZoom-SEL-icon.png"); }

.btnModuleViewDropDown.ChartAndDataView { background-image: url("Images/CoreTheme/Modules/ChartTable-icon.png"); }
.btnModuleViewDropDown.ChartAndDataView:hover { background-image: url("Images/CoreTheme/Modules/ChartTable-SEL-icon.png"); }

.btnModuleViewDropDownItemsContainer
{
    border: 2px solid black;
    padding: 10px;
    position: absolute;
    top: 43px;
    left: 246px;
    z-index: 10;
    background-color: white;
    width: 20px;
    opacity: 1;
}

.moduleViewsList
{
    position: absolute;    
    z-index: 10;
    width: 40px;
}

.btnModuleView
{
    padding: 10px;
    background-color: #3D4652;
    width: 40px;
    height: 40px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px;
}

.btnModuleView:hover
{
    background-color: #0078AC;
}

.btnModuleView.selected
{
    background-color: #0078AC;
}

.moduleViewsList .btnModuleView:first-of-type
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.moduleViewsList .btnModuleView:last-of-type
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btnModuleView_Data
{
    background-image: url("Images/CoreTheme/Modules/Table-White-icon.png");
}

.btnModuleView_Details
{
    background-image: url("Images/CoreTheme/Modules/TableZoom-White-icon.png");
}

.btnModuleView_Chart
{
    background-image: url("Images/CoreTheme/Modules/Chart-White-icon.png");
}

.btnModuleView_ExtChart
{
    background-image: url("Images/CoreTheme/Modules/ChartZoom-White-icon.png");
}

.btnModuleView_ChartAndData
{
    background-image: url("Images/CoreTheme/Modules/ChartTable-White-icon.png");
}

.moduleViewSpacer
{
    height: 1px;
    width: 40px;
    background-color: #A7B0C6;
    float: left;
    opacity: 0;
}

.moduleContent
{
	background-color:#FFFFFF;
	height:241px;
}

.pnlData, .pnlChart, .pnlExtChart, .pnlDetails
{
	float: left;
	width: 100%; 
}

.pnlSettings 
{
	display: none;
	position: fixed;
	z-index: 1050;
	height: 273px;
	width: 1000px;
	overflow: visible;
	background-color: White;
	/*Glow*/
	-moz-box-shadow: 0px 0px 10px 0px #333;
	-webkit-box-shadow: 0px 0px 10px 0px #333;
	box-shadow: 0px 0px 10px 0px #333;
}

.pnlSettingsOverlay, .pnlRankingSettingsOverlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;
	opacity: .35;
	filter: Alpha(opacity=35);
}

.settingsHeader
{
	width: 100%;
	height: 26px;
	color: White;
	font-size: 16px;
	text-align: center;
}

.settingsHeaderM
{	
	border-bottom: 1px solid white;
	height: 24px;	
	margin: 0px 10px 0px 10px;	
}

.settingsContent 
{
	height: 236px;
	margin: 5px;	
}

.settingsFooter
{	
	background-color: #0078AC;
	border-bottom:1px solid #FFFFFF;
	height:3px;
	width:auto;
}

.dataAndChart
{
	float: left;
	width: 348px;    
}

.extChartAndData
{
	float: left;
	width: 713px;
}

.dataViewDivider, .chartViewDivider
{
	float: left;
	width: 1px;
	height: 236px;
	margin: 0px 7px 0px 7px;
	background-color: Gray;
}

.pnlLoading, .pnlSettingsLoading
{
	width: 100%;
	height: 100%;
}

.views
{
	width: 100%;
	height: 100%;
}

.errorView 
{
	width: 100%;
	height: 100%;
	background-image: url(Images/error.png);
	background-position: center center;
	background-repeat: no-repeat;	
}

.noAccess 
{
	width: 100%;
	height: 100%;
	background-image: url(Images/padlock.png);
	background-position: center center;
	background-repeat: no-repeat;	
}

.loadView
{
	background-image: url(Images/CoreTheme/Circular-Loader4.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.loadView.loadViewProficiency{ width: 515px; height: 460px; }

.selectedView
{
}

.moduleBottom
{
	background-color: white;	
	/*border-bottom:1px solid #FFFFFF;	
	height:3px;*/
	width:auto;
}

.dgParent.singleWide
{
	width:348px;
}

.dgParent.doubleWide
{
	width:713px;
}

.dgParent.tripleWide
{
	width:1078px; 
}

.singleWide { width:350px; }
.doubleWide, .singleWide.expanded, .singleWide.chartExpanded { width:715px; }
.tripleWide, .doubleWide.expanded, .doubleWide.chartExpanded, .singleWide.expanded.chartExpanded { width:1080px; }

.singleWide .dtg { width: 140px; display: inline-block; }
.doubleWide .dtg, .tripleWide .dtg { width: 190px; display: inline-block; }

.modulePopup 
{
	max-height: 400px;
	overflow: auto;
}

.printModuleContent
{
	
}

.printModuleSettings
{
	padding-bottom: 5px;
	margin-bottom: 3px;
	text-align: right;
	height: 25px;
	background-color: #EFEFEF;
}

.printModuleTable {
	width: 100%;
	color: Black;
	border: 1px solid Black;	
}

.printModuleTable td, .printModuleTable th {
	border: 1px solid Black;
}

.sharedReadOnlyDateText { display: inline-block; margin-left: 9px; }

/*Subscription Module*/
.subscriptionModule 
{
	position: absolute !important; 
	z-index: 1050;
}

.subscriptionOverlay 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 996;
	background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;
	opacity: .35;
	filter: Alpha(opacity=35);
}

.subscriptionModuleSave 
{
	float:right;
	height:16px;
	width:16px;
	margin: 3px 1px 0px 0px;
	background-image:url("Images/CoreTheme/Checkmark-DES.png");
	background-repeat:no-repeat;
	background-size:16px;
}

.subscriptionModuleSave:hover
{
	background-image:url("Images/CoreTheme/Checkmark-HoverSEL.png");
}

.subscriptionModuleCancel 
{
	float:right;
	height:16px;
	width:16px;
	margin: 3px 2px 0px 0px;
	background-image:url("Images/CoreTheme/Cancel-DES.png");
	background-repeat:no-repeat;
	background-size:16px;
}

.subscriptionModuleCancel:hover
{
	background-image:url("Images/CoreTheme/Cancel-HoverSEL.png");
}

.subscriptionModuleClose
{
    float:right;
	height:16px;
	width:16px;
	margin: 3px 2px 0px 0px;
	background-image: url(Images/CoreTheme/CloseNoPad.png);
	background-repeat:no-repeat;
	background-size:16px;
}
.subscriptionModuleClose:hover
{
    background-image: url(Images/CoreTheme/CloseIcon.png);
}

.subscriptionModuleSchedule 
{
	float:right;
	height:17px;
	width:16px;
	margin: 2px 2px 0px 0px;
	background-image:url("Images/CoreTheme/Calendar.png");
	background-repeat:no-repeat;
}

.subscriptionScheduleContainer 
{
	width: 0px;
	position: absolute;
	z-index: 1050;
	overflow: hidden;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	-webkit-box-shadow: 3px 3px 10px 0px #000;
	box-shadow: 3px 3px 10px 0px #000;
	-moz-box-shadow: 3px 3px 10px 0px #000;
}

.subscriptionTitleText
{
	display: inline-block;
    padding-top: 4px;
}

.subscriptionScheduleInnerContainer
{
	float: right;
	width: 360px;
}

.clearDate  /* for clearing end date textbox */
{
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 2px 2px 0px 0px;
	
	background-image: url("Images/CoreTheme/BlueMinus.png");
	background-position: left center;
	background-repeat: no-repeat;	
}

.clearDate.profRtng
{
    /*float: left;
    position: relative;
    left: 175px;
    margin-top: 0px;*/
}

.subscriptionScheduleContent
{
	float: left;
	width: 360px;
	background-color: white;
}
  .subscriptionScheduleContent input[type=radio] {
    margin: 3px;
  }

.sscHeader 
{
	width: 100%;
	height: 19px;
	color: White;
	text-align: center;
	background-color: #0078AC;
}

.btnSubscriptionScheduleClose 
{
	width: 16px;
	height: 16px;
	float: right;
	margin: 1px 2px 0px 0px;
	
	background-image: url("Images/backButton.png");
	background-position: center center;
	background-repeat: no-repeat;	
}

.sscContent 
{
	height: 235px;
	margin: 0px 5px 0px 5px;	
}

.ssEndDate
{
    display: inline-block;
}

.sscFooter 
{
	height: 5px;
	width: 100%;
	background-color: #0078AC;
	border-bottom:1px solid #FFFFFF;
}

.txtRepeatVal.invalid 
{
	border: 2px solid Red;	
}

.ssSendToMe 
{
	width: 75%;
}

.lblInvalidEmails 
{
	float: right;
	margin-top: 8px;	
}

.txtRecipients 
{
	font-size: small;	
}

.txtRecipients.watermark 
{
	color: #999999;
}

.txtRecipients.invalidList 
{
	color: Red;
	border: 2px solid red;	
}

.rptAddedEmails 
{
	overflow-y: auto;
    overflow-x: hidden;
	max-height: 50px;
	background-color: #EFEFEF;
}

.lblAddedEmail 
{
	display: inline-block;
    margin: 2px 0px 0px 2px;
    max-width: 283px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.imgRemoveEmail
{
	width: 10px;
	height: 10px;
	display: inline-block;
	padding: 5px 0px 0px 3px;
	background-image: url(Images/CoreTheme/BlueMinus.png);
	background-position: center center;
	background-repeat: no-repeat;		
}

.imgRemoveSubscription
{
	width: 15px;
	height: 15px;	
	padding: 0px 10px 0px 0px;
	/*background-image: url(Images/CoreTheme/Minus-Gray.png);*/
    background-image: url(Images/CoreTheme/RemoveSubscriptionsIcon.png);
	background-position: center center;
	background-repeat: no-repeat;		
	background-size: contain;
	float:right;
    position: relative;
    top: 18px;
    right: 21px;
}
.imgRemoveSubscription:hover
{
    background-image: url(Images/CoreTheme/RemoveSubscriptionIconHOVER.png);
    width: 20px;
    height: 20px;
    top: 16px;
    right: 19px;
}
/*END Subscription Module*/
/*#endregion End Module*/

/*#region ------------------- Context Menu -------------------------*/
.contextMenu 
{
	position: absolute;
	min-width: 130px;
	background: white;
	color: #788196 !important;
	border: solid 1px #BCBCBC;
	padding: 0px;
	margin: 0px;
	display:none;
	z-index: 100;
}
  .contextMenu:hover { border: 1px solid #788196; }

.contextMenuHeader {
    text-align: center;
    padding: 0px 8px 2px 8px;
    color: white;
}

.contextMenuItem 
{	
}

.contextMenuItem.seperator 
{
}

.contextMenuItem a, .contextMenuItem span
{	
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px 0px 5px;
	cursor: pointer;	
}

.contextMenuItem a:hover 
{
	font-weight: normal;	
}

.contextMenuItem:hover 
{
	
}

.contextMenuItem .showTraining, .contextMenuItem .showPerfNotes, .contextMenuItem .showCoachingSessions, .contextMenuItem .showCoachingHistory
{
	width: 4px;
	height: 9px;
	float: right;
	background-image: url(Images/expand-right.gif);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 5px -5px 0px 0px;
}

.trainingContainer 
{
	min-width: 100px;
	min-height: 60px;
	background: #252e33;
	border: solid 2px #E96F2E;
	position: absolute;
	display: none;
	color: White;
	z-index: 2;	
}

.trainingContainer .trainingItemSection.availableTrainingsSection,
.trainingContainer .trainingItemSection.assignedTrainingsSection,
.trainingContainer .trainingItemSection.completedTrainingsSection 
{
	padding: 3px;
	background-color: #344B56;
	overflow: auto;
	min-height: 23px;
	max-height: 200px;
}

.trainingContainer .trainingItemSection.altItem 
{
	background-color: #252E33;		
}

.trainingContainer .trainingItemSection.seperator 
{
	border-top: 1px solid #53585C;
}

.trainingContainer .trainingItemHeader 
{
	font-weight: bold;
}

.trainingContainer .trainingItem
{
	font-size: 11px;
	padding: 0px 3px 0px 10px;
}

.trainingContainer .availableTrainingsSection .trainingItem:hover 
{
	background-color: #FFFF95;
	color: Black;
}	

/*.perfNotesContainer
{
	min-width: 100px;
	min-height: 40px;
	background: #0078AC;
	border: 2px solid #0078AC;
	position: absolute;
	display: none;
	color: White;
	z-index: 2;
}*/

.perfNotesContainer 
{
    width: 296px;
    min-height: 50px;
    background: #FFFFFF;
    border: 2px solid #0078AC;
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #788196;
    color: #FFFFFF;
}

.perfNotesContainer .perfNoteItemSection 
{
}

.perfNotesContainer .perfNoteItemSection.seperator,
.perfNotesContainer .perfNoteItem.seperator,
.perfNotesContainer .noPerfNoteItem.seperator
{
}

.perfNotesContainer .perfNoteItem,
.perfNotesContainer .noPerfNoteItem
{
}

.popupPerfNoteItemSection.seperator 
{
}	
	
.popupPerfNoteItemSection .perfNoteItem.selected 
{
}

.popupPerfNoteItemSection .perfNoteItem:hover 
{
}

.perfNotesContainer .perfNoteItem:hover
{
}

.popupPerfNoteItemSection .perfNoteItem.selected:hover 
{
}

.readOnlyPerfNotes 
{
	height:78px; 
	width: 100%;
	border:1px solid #ACADAF;	
	background-color: #EEE;	
	overflow-y: auto;	
}

.txtPerfNoteDate 
{
	height:19px;
	width:58px;
	border: 1px solid #ACADAF;	
	background-color: #EEE;
}

/* Rules for New Coaching Session popup.  Used by Responsive Dashboard Module and Toolbar, since they both use the same popup */
#persistentCoachingPopupsContainer, /*For IE:*/ .coachingToolbarPopupOverlay, .coachingToolbarPopup, .coachingToolbarNewSessionPopupOverlay, .coachingToolbarNewSessionPopup {
    z-index: 1600; /* Same z-index as the Side Navbar */
}

/* This was previously done with jQuery events.  Instead doing it with CSS rules.*/
.coachingToolbarPopup { 
    width: 97vw;
    height: 95vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/**/

.coachingHistoryContainer 
{
    width: 296px;
    min-height: 50px;
    background: #FFFFFF;
    border: 2px solid #0078AC;
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #788196;
    color: #FFFFFF;
}

.coachingHistoryMenuItem 
{
    cursor: pointer;
    padding: 3px 1px 2px 8px;
    font-size: 14px;
}
.coachingHistoryMenuItem:hover
{
    cursor: pointer;
    padding: 2px 0px 1px 7px;
    border:1px solid #FFFFFF;
    border-radius:2px;
    font-size: 14px;
}
.coachingHistoryMenuItem .MenuName 
{
    width:182px;
}
.coachingHistoryMenuItem .MenuSeparator 
{
    margin-left: 10px;
    margin-right: 10px;
    width: 5px;
}
.coachingHistoryMenuItem .MenuDate 
{
    width: 80px;
}
.coachingHistoryNoItems 
{
    cursor: default;
    padding: 3px 1px 2px 8px;
    font-size: 14px;
}

.coachingHistoryMenuHeader 
{
    font-size: 16px;
    text-align: center;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 3px;
    cursor: default;
}

.createCoachingPopupLabel 
{
  margin-top: 32px;
  font-size: 14px;
}
.createCoachingPopupInput 
{
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 302px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom:1px;
    outline: none;
    display: inline-block;
}
.createCoachingPopupDropdown 
{
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 302px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom:1px;
    outline: none;
    display: inline-block;
}
.createCoachingPopupDropdown .selection 
{
  width: 245px;
  display: inline-block;
}
.createCoachingPopupArrow
{
  background-image: url(Images/CoreTheme/Toolbar/Coaching/drop_down_arrow.svg);
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  float: right;
  position: relative;
  top: 5px;
  right: -2px;
}
.createCoachingPopupDropdownContainer 
{
  width: 302px;
  max-height: 144px;
  position: absolute;
  left: 282px;
  overflow-y: auto;
  border: 1px solid #666667;
  border-top: none;
  padding: 8px;
  background-color: #FFFFFF;
}
.createCoachingPopupDropdownContainer .folderTitleRow 
{
    font-size: 14px;
    color: #353A40;
    font-weight: 600;
	cursor:default;
}
.createCoachingPopupDropdownContainer .folderTitleRow .folderIcon
{
  background-image: url(Images/Wallboards/FolderIcon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  height: 15px;
  width: 19px;
}
.createCoachingPopupDropdownContainer .templateRow 
{
    font-size: 14px;
    color: #353A40;
	cursor:pointer;
	margin-left:8px;
}
.createCoachingPopupDropdownContainer .templateRow:hover 
{
  background-color:#DBDBDB;
}

.createCoachingPopupHeader 
{
    background-color: #FFFFFF;
    color: #353A40;
    font-weight: bold;
    font-size: 20px;
    height: 64px;
    border-bottom: 1px solid #666667;
    margin-left: 32px;
    margin-right: 32px;
    padding: 24px 0 0 0px !important;
}

.createCoachingPopup 
{
    padding:0 !important;
}

.createCoachingPopupBtnHolder 
{
    margin: 115px 20px 0px 20px;
    justify-content: flex-end;
    border-top: 1px solid #666667;
    padding-top: 15px;
}
.createCoachingPopupDescription 
{
  margin-left: 478px;
  margin-top: 20px;
  font-size: 14px;
  height:193px;
}
/*.createCoachingPopupCloseImg 
{
    background-image: url(Images/CoreTheme/CloseIcon.png);
    height: 26px;
    width: 26px;
    float: right;
    cursor: pointer;
}*/
.coachingTemplateCard 
{
  border: 1px solid #353A40;
  background-image: url(Images/CoreTheme/CoachingAdmin/coachingTemplateCardBack.png);
  width: 278px;
  height: 159px;
  background-repeat: no-repeat;
  background-size: cover;
}
.coachingTemplateCardMainContainer 
{
  position: relative;
  left: 35px;
  top: 16px;
  height: 143px;
  width: 243px;
}
.coachingTemplateCardModContainer 
{
  flex:1;
  height: calc(100% - 10px);
  margin-top: 5px;
  margin-left: 5px;
}
.coachingTemplateCardModule 
{
  flex: 1;
  border: 1px solid #C9C9C9;
  background-color: #FFFFFF;
  margin: 1px;
  border-radius: 2px;
}
.coachingTemplateCardText 
{
  margin-top: 4px;
  padding-left: 8px;
}
.coachingTemplateCardRecModule 
{
  border: 1px solid #C9C9C9;
  background-color: #FFFFFF;
  margin: 1px 5px 0px 5px;
  border-radius: 2px;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
/*Coaching Sessions Context Menu*/
.coachingSessionsContainer 
{
	min-width: 100px;
	min-height: 40px;
	background: #0078AC;
	border: 2px solid #0078AC;
	position: absolute;
	display: none;
	color: White;
	z-index: 2;
}

.coachingSessionsContainer .coachingSessionItemSection
{	
}

.coachingSessionsContainer .coachingSessionItemSection.seperator,
.coachingSessionsContainer .coachingSessionItem.seperator,
.coachingSessionsContainer .noCoachingSessionItem.seperator
{
}

.coachingSessionsContainer .coachingSessionItem,
.coachingSessionsContainer .noCoachingSessionItem
{
}

.popupCoachingSessionItemSection.seperator
{
	border-top: 1px solid #ACADAF;
}	
	
.popupCoachingSessionItemSection .coachingSessionItem.selected 
{
	background-color: #F0A029;
}

.popupCoachingSessionItemSection .coachingSessionItem:hover 
{
}

.coachingSessionsContainer .coachingSessionItem:hover 
{
}

.popupCoachingSessionItemSection .coachingSessionItem.selected:hover 
{
}

.readOnlyCoachingSession
{
	height:78px; 
	width: 100%;
	border:1px solid #ACADAF;	
	background-color: #EEE;	
	overflow-y: auto;	
}

.txtCoachingSessionDate
{
	height:19px;
	width:58px;
	border: 1px solid #ACADAF;	
	background-color: #EEE;
}

.CoachingSessionFollowUp_GoalsContainer
{
    height: 112px;
}

.CoachingSessionFollowUp_RecordingsContainer
{
    margin-bottom: 15px;
}

.CoachingSessionFollowUp_RecordingsDropDown,
.CoachingSessionFollowUp_RecordingLabel_Type,
.CoachingSessionFollowUp_RecordingLabel_RecTitle,
.CoachingSessionFollowUp_RecordingLabel_Date,
.CoachingSessionFollowUp_RecordingLabel_Disposition,
.CoachingSessionFollowUp_RecordingLabel_ContactSource
{
    border: 1px solid gray;
    padding: 2px;
}

.CoachingSessionFollowUp_GoalRow
{
    background-color: #f0eef0;
    width: 49.5%;    
    float: left;
    margin: 2px;
    height: 24px;
}
.CoachingSessionFollowUp_FullRow
{
    width: 99.5%;
}
.CoachingSessionFollowUp_GoalPortionContainer,
.CoachingSessionFollowUp_ObjectivePortionContainer
{
    display: inline-block;
}

.CoachingSessionFollowUp_PODirection
{
    width: 9px;
    height: 19px;
    float: right;
    margin-left: 5px;
}

.CoachingSessionFollowUp_PODirectionUp
{
    background-image: url("images/uparrow.png");
}

.CoachingSessionFollowUp_PODirectionDown
{
    background-image: url("images/downarrow.png");
}

.CoachingSessionFollowUp_GoalRow:hover 
{
    background-color: #e0dde0;
}

.RecordingRefresh
{
    margin-top: 10px;
}

.coachingSessionPopup .showMetricSelectorModule img
{    
    max-width: 18px;
    display: block;
    margin: auto;
    margin-top: 2px;
}

.CoachingSessionFollowUp_GoalMetricName,
.CoachingSessionFollowUp_GoalValue,
.CoachingSessionFollowUp_SessionFieldLabel
{
    display: inline-block;
}

.CoachingSessionFollowUp_GoalMetricName
{
    min-width: 115px;
}

.CoachingSessionFollowUp_GoalValue
{
    min-width: 75px;
    margin-top: 2px;
}
.CoachingSessionFollowUp_GoalValue input
{
    max-width: 45px;
    margin-right: 10px;
}

.CoachingSessionFollowUp_SaveGoalButton, 
.CoachingSessionFollowUp_EditGoalButton, 
.CoachingSessionFollowUp_RemoveGoalButton
{
    margin-right: 9px;
    margin-top: 4px;
    float: right;    
}

.CoachingSessionFollowUp_UpdateObjectiveText
{
    float: right;
    max-width: 45px;
    font-size: smaller;
}

.CoachingSessionFollowUp_UpdateObjectiveCheckbox
{
    float: right;
    margin-top: 3px;
}

.CoachingSessionFollowUp_POBoundValue
{
    margin-left: 12px;
}
.CoachingSessionFollowUp_POBoundValue .BoundText
{
    width: 80px;
    display: inline-block;
}

.CoachingSessionFollowUp_POAlertAtValue input,
.CoachingSessionFollowUp_POBoundValue input
{
    width: 90px;
}

.CoachingSessionFollowUp_SessionFieldLabel
{
    min-width: 0px;
}

.CoachingSessionFollowUp_SessionFieldsContainer
{
    margin-bottom: 10px;
}

.CoachingSessionFollowUp_RecordingPlayer
{
    height: 86px;
    overflow-y: auto;
}

.CoachingSessionFollowUp_ScrollableFormsContainer
{
    height: 230px;
    overflow-y: auto;
}

.CoachingSessionFollowUp_ScrollableGoalsContainer
{
    height: 112px;
    overflow-y: auto;
}

.CoachingSessionFollowUp_ErrorMessage
{
    color: red;
    display: block;
    margin-top: 15px;
}

.CoachingSessionFollowUp_SessionField
{
    display: inline-block;
    margin-right: 10px;
}

.CoachingSessionFollowUp_CurrentContainer
{
    min-width: 105px;
    display: inline-block;    
}

.CoachingSessionFollowUp_SelectedRecordingsDetails
{
    height: 137px;
}

/* Tasks Admin */
.tasksAdmin {
    height: 88vh;
}

.adminFilterContainer {
    width: inherit;
    height: 80px;
    padding: 10px 0px;
    /* margin-top: -15px; */
}

    .adminFilterContainer .filterContent {
        margin: 0 auto;
        height: 100%;
        width: 945px;
        display: flex;
    }

    .adminFilterContainer .dateSelectionBoxes {
        width: 170px;
        height: 45px;
        border-bottom: 1px solid #fff;
        margin: 0px 25px 0px 10px;
        position: relative;
    }

    .adminFilterContainer .calenderImg {
        top: 0px;
        left: 0px;
    }

    .adminFilterContainer .dateRadiosArea {
        display: inline-block;
        color: #fff;
        margin-left: 10px;
    }

    .adminFilterContainer .dateSelectionRadios input {
      margin: 3px 3px 0px 5px;
    }

    .adminFilterContainer .chkboxArea {
        width: 240px;
        display: inline-block;
        margin-left: 100px;
        position: relative;
        /* top: -10px; */
    }

    .adminFilterContainer .chkboxItems {
        display: inline-block;
        color: #FFFFFF; 
        margin: 0px 1%; 
        width: 115px;
    }

    .adminFilterContainer .chkboxItems label {
        margin-bottom: 0px;
        white-space: nowrap;
    }

    .adminFilterContainer .chkboxItems input {
      margin: 3px 3px 3px 4px;
    }

.adminMainContainer {
    width: 90%;
    margin: auto;
}

.adminSearchArea {
    height: 80px;
    padding: 20px 0px;
}

    .adminSearchArea .loginSearchBox {
        display: inline-block;
        width: 300px;
        margin-right: 20px;
    }

    .adminSearchArea .keywordSearchBox {
        display: inline-block;
        width: 350px;
    }

    .adminSearchArea .infieldInputHolder {
        border-top: none;
        border-right: none;
        border-left: none;
        outline: none;
        width: 92%;
    }

    .adminSearchArea .keywordSearchBox .infieldInputHolder {
        width: 85%;
    }

        .adminSearchArea .infieldInputHolder input {
            width: 100%;
        }

.adminContentArea .adminLoginContainer {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.adminContentArea .adminTasksContainer {
    width: 79%;
    display: inline-block;
}

.adminTasksContainer .tabBar {
    padding: 0px;
    margin: 0px 16px;
}

.adminContentArea .adminContentHeader {
    margin: 0px 0px 6px 5px;
    font-size: 20px;
}

.adminContentArea .adminContentBox {
    width: 100%;
    max-height: calc(46vh + 44px);
    display: inline-block;
    border: 1pt solid #e2e3e4;
    box-sizing: border-box;
}

.adminContentBox .loginItem {
    height: 25px;
}

    .adminContentBox .loginItem:hover {
        background-color: #e8f8ff;
        /* height: calc(20px + 4%); */
    }

.adminTasksContainer .adminSortableHeader {
    line-height: 30px;
    border-bottom: 1px solid #DBDBDB;
    margin: 0px 16px;
}

.adminSortableHeader .headerText {
    display: inline-block;
    font-size: 16px;
}

@media only screen and (max-width: 1850px) {
    .adminSortableHeader .headerText {
        font-size: 14px;
    }
}

.longBox {
    display: inline-block;
    width: 18%;
    margin-right: 3px;
}

.taskItem .longBox {
    width: 17%;
}

.smallBox {
    display: inline-block;
    width: 12.5%;
    text-align: center;
    vertical-align: top;
}

.taskItem .smallBox {
    width: 12.2%;
}

.adminTasksContainer .adminOpenContentBox {
    height: 46vh;
}

@media only screen and (max-width: 1350px) {
    .adminOpenContentBox .taskItem {
        font-size: 12px;
    }
    .adminSortableHeader .headerText {
        font-size: 12px;
    }
}

.checkMarkGray {
    display: inline-block;
    position: relative;
    width:15px; 
    height:15px;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/CheckMarkGray.png");
}
/* End Tasks Admin */

.widgetsContainerHeader {
    background-color: #efefef;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

/* Tasks Toolbar */
.tasksToolbar .searchImg,
.proficiencyToolbar .searchImg,
.primaryQAToolbarHeader .searchImg {
    left: 477px;
}

    .tasksToolbar .searchImg.selected,
	.proficiencyToolbar .searchImg.selected,
    .primaryQAToolbarHeader .searchImg.selected
	{
        left: 90px;
    }

.tasksToolbar .cancelSearchImg,
.proficiencyToolbar .cancelSearchImg,
.primaryQAToolbarHeader .cancelSearchImg 
{
    left: 400px;
}

.tasksToolbar select {
    border: none;
    border-bottom: 1px solid #000;
}

/*.tabBarTab.tasksTab {
    width: 100px;
}

.tabBarTab.assignedTab {
    width: 145px;
}*/

.tasksContainer {
    width: 100%;
    height: 438px;
}

.tasksContainerHeader,
.containerHeader
{
    font-size: 16px;
    height: 35px;
    padding-top: 5px;
    width: 514px;
}
.containerHeader div { display: inline-block; }
.containerHeader .itemHeader { cursor: pointer; }

    .tasksContainerHeader .tasksHeader {
        display: inline-block;
        width: 242px;
        margin-left: 25px;
        cursor: pointer;
    }

    .tasksContainerHeader .dateHeader {
        display: inline-block;
        width: 90px;
        text-align: center;
        cursor: pointer;
    }

    .tasksContainerHeader .assignedHeader {
        display: inline-block;
        width: 109px;
        text-align: center;
        cursor: pointer;
    }


.tasksHolder,
.toolbarHolder
{
    width: 100%;
    height: 487px;
    overflow-y: auto;
}
.toolbarHolder.hasFooter { height: 437px; }

.tasksFooter,
.toolbarFooter
{
    width: 514px;
    height: 50px;
    background: #EFEFEF;    
}

.tasksTabContents, .assignedTabContents,
.tabContents
{
    /*margin-left: 20px;*/
    width: 513px;
    height: 100%;
}

.toolbarGroupingHeader
{
	height: 19px;
	background-color: #9B9B9B;
	color: white;
	padding: 1px 0px 0px 15px;
}

.taskItem,
.toolbarRowItem
{
    width: 100%;
    font-size: 14px;
    color: #3f3f3f;
    margin: 10px 0px 20px 0px;
	transition: height ease 0.5s;
}
.toolbarRowItem.altRows { margin: 0px; height: 29px; line-height: 29px }
.toolbarRowItem.odd { background-color: #EFEFEF; }
.toolbarRowItem.toRemove { height: 0px; }

.taskItemText {
    display: inline-block;
    width: 253px;
	margin-left: 20px;
}

.taskItemTitle {
    width: 210px;
    display: inline-block;
}

    .taskItemTitle p {
        display: inline-block;
        width: 190px;
        margin: 0px;
    }

.taskItemDate {
    display: inline-block;
    width: 80px;
    text-align: center;
    vertical-align: top;
}

.taskItemType {
    display: inline-block;
    width: 112px;
    text-align: center;
    vertical-align: top;
}

.coachingImgBlack {
    display: inline-block;
    position: relative;
    width:15px; 
    height:15px;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/CoachingIcon.png");
}

.sectionTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

    .sectionTitle.tasksLoginsArea {
        margin-left: 22px;
        padding-left: 0px;
    }

    .sectionTitle.subSection {
        padding-left: 0px;
    }

.taskEditTitleContainer {
    width: 475px;
    height: 60px;
    padding: 0px 0px 15px;
}

.taskEditDateContainer {
    border: 1px solid #3f3f3f;
    width: 470px;
    height: 70px;
    margin: auto auto 25px;
    padding: 10px;
}

    .taskEditDateContainer .dateTimeContainer {
        height: 50px;
        width: 411px;
        margin: auto;
        display: flex;
    }

    .taskEditDateContainer .dateSelectionBoxes {
        width: 135px;
    }

        .taskEditDateContainer .dateSelectionBoxes .title {
            display: inline-block;
            color: #3f3f3f;
        }

        .taskEditDateContainer .dateSelectionBoxes .dateSelection {
            color: #3f3f3f;
            border-bottom: 1px solid #3f3f3f;
            width: 125px;
        }

.tasksEditModeContainer .cancelBtn {
    left: 320px;
    top: 563px;
}

.tasksEditModeContainer .shareBtn {
    left: 425px;
    top: 543px;
}

.tasksEditModeContainer .circleOneImg,
.tasksEditModeContainer .circleTwoImg,
.tasksEditModeContainer .circleThreeImg,
.tasksEditModeContainer .circleFourImg {
    position: relative;
    display: inline-block;
    top: 7px;
    margin-right: 5px;
}

.taskEditSelectedLoginsArea {
    height: 115px;
    width: 470px;
    background-color: #EFEFEF;
    margin: 5px auto;
}

.selectionBtnsContainer {
    width: 96px;
    height: 35px;
    display: inline-block;
    float: left;
}

.tasksEditModeContainer .mainContentArea {
    width: 475px;
    height: 295px;
    margin: 23px auto 10px;
    border: none;
}

    .tasksEditModeContainer .mainContentArea.listActive {
        height: 312px;
        border: 1px solid #3f3f3f;
        overflow-y: auto;
    }

.rndBlueBtn {
    width: 93px;
    height: 25px;
    color: #3f3f3f;
    background-color: #788196;
    border-radius: 10px;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 17px;
    cursor: pointer;
}

    .rndBlueBtn.enabled {
        background-color: #3385B5;
        color: #FFF;
    }

.tasksEditModeContainer .rndBlueBtn {
    top: 16px;
    left: 410px;
}

.tasksEditModeContainer .rndBlueBtn.listActive {
    top: 0px;
}

.loginSelectorImg {
    display: inline-block;
    position: relative;
    width:30px; 
    height:30px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/AddSinglePersonBtn.png");
}

    .loginSelectorImg:hover {
        background-image: url("Images/CoreTheme/Tasks/AddSinglePersonBtnHover.png");
    }

.tasksEditModeContainer .loginItemText {
    width: 400px;
    display: inline-block;
}

.tasksEditModeContainer .selectedLoginItem {
    display: inline-block;
    margin: 2px;
    width: auto;
}

.tasksEditModeContainer .msgSelectedLogins {
    width: auto;
    min-width: 90px;
}

.tasksEditModeContainer .listSelection {
    display: inline-block;
    position: relative;
    top: -9px;
    color: #3f3f3f;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

.listSelection:hover {
    color: #3385B5;
}

.taskItem .hoverBtns {
    visibility: hidden;
    float: right;
}

.taskItem:hover .hoverBtns {
    visibility: visible;
}

.taskItem .smallRemoveIconGrey {
    top: 0;
    left: 0;
}

.tasksFooter .clearCompletedIcon {
    position: relative;
    top: 0px;
    left: 405px;
}

.tasksEditModeContainer .editLoginsArea {
    width: 180px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin: auto;
    padding-top: 45px;
}

.tasksEditModeContainer .selectedLoginsContainer {
    width: 470px;
    height: 79px;
    overflow-y: auto;
    display: inline-block;
}

.tasksEditModeContainer .selectAll {
    position: absolute;
    left: 366px;
    top: 216px;
}

    .tasksEditModeContainer .selectAll .selectAllChkBoxText {
        display: inline-block;
        font-size: 16px;
    }

.tasksEditModeContainer .loginListFilterClosed {
    width: 600px;
    min-height: 350px;
    position: fixed;
    top: 55px;
    right: -610px;
    background: #fff;
    border: 1px inset #000;
    box-shadow: -3px 3px 5px 0px #777;
    -webkit-box-shadow: -3px 3px 5px 0px #777;
    -moz-box-shadow: -3px 3px 5px 0px #777;
    transition: all 0.5s ease;
    visibility: hidden;
}

.tasksEditModeContainer .loginListFilter {
    width: 600px;
    min-height: 350px;
    position: fixed;
    top: 55px;
    right: 565px;
    background: #fff;
    border: 1px inset #000;
    box-shadow: -3px 3px 5px 0px #777;
    -webkit-box-shadow: -3px 3px 5px 0px #777;
    -moz-box-shadow: -3px 3px 5px 0px #777;
    transition: all 0.5s ease;
    visibility: visible;
}

.filterBtn {
    width: 21px;
    height: 21px;
    cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/WhiteFilter.png");
}

    .filterBtn.red {
        background-image: url("Images/CoreTheme/Tasks/RedFilter.png");
    }

.tasksEditModeContainer .filterBtn {
    position: absolute;
    float: left;
    left: 10px;
    top: 11px;
}

.loginListFilter .filterHeader {
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    border-bottom: 1px solid #000;
}

.doubleArrowBack {
    width: 27px;
    height: 22px;
    cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/CloseArrows.png");
}

.loginListFilter .doubleArrowBack {
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 540px;
}

.loginListFilter .groupSelectArea {
    width: 534px;
    margin: 10px auto;
}

.loginListFilter .rolesSelectArea {
    width: 534px;
    margin: 0px auto 25px;
}

.loginListFilter .filterSubheader {
    color: #3f3f3f;
    font-size: 16px;
    margin-left: 16px;
    line-height: 30px;
}

.loginListFilter .rolesHolder {
    width: 97%;
    height: 150px;
    border: 1px solid #788196;
    border-radius: 5px;
    margin-left: 10px;
}

.loginListFilter .roleItem {
    width: 95%;
    margin: auto;
}

.smallEditIconGrey {
    display: inline-block;
    position: relative;
    width:16px; 
    height:15px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/EditBtnSm.png");
}

    .smallEditIconGrey:hover {
        background-image: url("Images/CoreTheme/Tasks/EditHoverGreen.png");
    }

.smallCalenderIconGrey {
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    background-image: url(Images/CoreTheme/Tasks/CalendarIconGray.png);
    position: relative;
    top: 14px;
    left: -9px;
}

.smallClockIconGrey {
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    background-image: url(Images/CoreTheme/Tasks/ClockIconGray.png);
    position: relative;
    top: 14px;
    left: -9px;
}

.whiteGreyAdd {
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(Images/CoreTheme/MessagingAdmin/Add.png);
    position: relative;
    top: 3px;
    left: 3px;
    cursor: pointer;
}

.tasksListSelection {
    height: 20px;
}

.tasksContainer .sortDoubleArrow,
.headerText .sortDoubleArrow,
.containerHeader .sortDoubleArrow 
{
    display: inline-block;
    left: 4px;
    visibility: hidden;
}

.tasksHeader:hover .sortDoubleArrow,
.dateHeader:hover .sortDoubleArrow,
.assignedHeader:hover .sortDoubleArrow,
.headerText .sortDoubleArrow,
.containerHeader:hover .sortDoubleArrow
{
    visibility: visible;
}

.tasksContainer .sortArrowUp,
.headerText .sortArrowUp,
.containerHeader .sortArrowUp
{
    display: inline-block;
    top: -5px;
    left: 4px;
    visibility: visible;
}

.tasksContainer .sortArrowDown,
.headerText .sortArrowDown,
.containerHeader .sortArrowDown
{
    display: inline-block;
    top: 2px;
    left: 4px;
    visibility: visible;
}

.overdue {
    color: #BD2026;
}

.tasksContainer .fadingTask {
    opacity: 0.5 !important;
}

    .tasksContainer .fadingTask .taskItemTitle p {
        text-decoration: line-through;
    }
/* End Tasks Toolbar */

/* Time Clock Toolbar */
.timeClockToolbar .tabBarTab {
    padding: 0px 17px;
}

.timeClockToolbar .currTimeContainer {
    text-align: center;
    font-size: 40px;
    padding: 30px 0px;
    color: #003966;
}

.timeClockToolbar .titleLine,
time-clock-kiosk .titleLine {
    border-bottom: 1px solid #efefef;
    display: inline-block;
}

.timeClockToolbar .btnHeader {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    position: absolute;
    top: 174px;
    left: 32px;
}

.timeClockToolbar .linkText,
time-clock-kiosk .linkText {
    color: #0067A4;
    font-size: 16px;
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.timeClockToolbar .clockedInDisplay {
    position: absolute;
    top: 155px;
    left: 105px;
    font-size: 14px;
    color: #0067A4;
}

.timeClockToolbar .currentDateContainer {
    text-align: center;
    margin: 25px 0px 34px;
    color: #333;
}

.timeClockToolbar .currentPunchContainer {
    margin: auto;
    width: 75%;
}

.timeClockToolbar .currentPunchHeader {
    width: 100%;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

    .timeClockToolbar .currentPunchHeader .headerDetails {
        display: inline-block;
        width: 32%;
        text-align: center;
    }

.currentPunchContainer .currentPunchDetails {
    height: 325px;
    overflow: auto;
}

.timeClockToolbar .currentPunchContainer .punchItemDetails {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 14px;
}

.timeClockToolbar .dateSelectionBoxes {
    color: #333;
    width: 95px;
    border-bottom: 1px solid #333;
    height: 30px;
    margin: 10px 10px 5px;
}

    .timeClockToolbar .dateSelectionBoxes .smallCalenderIconGrey {
        top: 4px;
        left: 0px;
    }

    .timeClockToolbar .dateSelectionBoxes .dateSelection {
        color: #333;
        margin: 10px 0px 0px;
        padding-left: 5px;
    }

#timeCardFilterArea .payPeriodSelection {
    display: block;
    margin: 18px 0px 0px 10px;
    border: none;
    border-bottom: 1px solid #333;
}

.expandAllIcon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 15px;
    display: inline-block;
    background-image: url(Images/CoreTheme/TimeClock/ExpandAll.png);
    cursor: pointer;
}

#timeCardMainContentArea .expandAllIcon,
#timeCardMainContentArea .collapseAllIcon {
    position: relative;
    top: -20px;
    left: -25px;
    float: right;
}

.collapseAllIcon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 15px;
    display: inline-block;
    background-image: url(Images/CoreTheme/TimeClock/CollapsAll.png);
    cursor: pointer;
}

#timeCardMainContentArea .headerArea {
    margin-left: 91px;
}

#timeCardMainContentArea .headerDetails {
    display: inline-block;
    width: 19%;
    font-size: 11px;
    font-weight: bold;
}

#timeCardMainContentArea .timeCardArea {
    height: 345px;
    margin: 0px 15px;
}

    #timeCardMainContentArea .timeCardArea .timeCardItem {
        padding: 5px 0px;
    }

    #timeCardMainContentArea .timeCardArea .timeCardEntryDetails {
        display: inline-block;
        width: 19%;
        text-align: center;
        color: #333;
        position: relative;
    }

    #timeCardMainContentArea .timeCardArea .timeCardEntryDetails.red {
        color: #FFF;
        background-color: #BD2227;
    }

    #timeCardMainContentArea .timeCardArea .timeCardEntryDetails.note {
        visibility: hidden;
    }

    #timeCardMainContentArea .timeCardArea .timeCardEntry:hover .timeCardEntryDetails.note {
        visibility: visible;
    }

.timeCardTab .applyBtn {
    width: 60px;
    height: 20px;
    float: right;
    border-radius: 5px;
    border: 1px solid #3D4652;
    text-align: center;
    line-height: 19px;
    position: relative;
    top: 19px;
    left: -90px;
    background: #FFF;
    color: #3D4652;
    cursor: pointer;
}

    .timeCardTab .applyBtn:hover {
        background: #3D4652;
        color: #FFF;
    }

.timeCardTab .sortArrowDown,
.timeCardTab .sortArrowUp {
    top: 3px;
    left: -11px;
    float: right;
}

.greyBackground {
    background: #EFEFEF;
}

.timeClockToolbar .ptoTitle {
    font-size: 16px;
    font-weight: bold;
}

.timeClockToolbar .Modal {
    left: calc(100% - 471px);
    top: 56px;
    width: 420px;
    height: 600px;
}

.timeClockToolbar .cv-modal-content {
    margin: 45% auto;
    width: 306px;
    height: 216px;
}

#addNoteModal .headerArea {
    width: 100%;
    margin: 23px auto 0px;
    border-bottom: 1px solid #333;
}

#addNoteModal .headerDetails {
    display: inline-block;
    width: 24%;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

#addNoteModal .timeCardEntryDetails {
    display: inline-block;
    width: 24%;
    text-align: center;
    color: #333;
    font-size: 14px;
}

#addNoteModal .cv-modal-close,
#confirmPunchesModal .cv-modal-close {
    position: absolute;
    top: -4px;
    right: 9px;
    font-size: 25px;
    font-weight: normal;
}

#addNoteModal textarea {
    resize: none;
    width: 98%;
    height: 85px;
}

#confirmPunchesModal .cv-modal-content {
    margin: 29% auto;
    width: 368px;
    height: 350px;
}

#confirmPunchesModal .headerArea {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    border-bottom: 1px solid #333;
}

#confirmPunchesModal .punchDetails {
    font-size: 14px;
    color: #333;
    display: inline-block;
    text-align: center;
    width: 17%;
}

#confirmPunchesModal .reasonDetailsBox {
    width: 98%;
    display: none;
    margin-top: 5px;
    border: none;
    border-bottom: 1px solid #333;
}

#confirmPunchesModal .punchDetailsArea {
    height: 227px;
}

#confirmPunchesModal select {
    width: 118%;
    border: none;
    border-bottom: 1px solid #333;
    height: 21px;
}

#confirmPunchesModal .dateArea {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

time-clock-toolbar-confirm-punches .confirmBoxHeader {
    width: 100%;
    text-align: center;
    padding-top: 12px;
}

time-clock-toolbar-confirm-punches .confirmBoxDetails {
    width: 100%;
    margin: auto;
    height: 395px;
    overflow: auto;
}

time-clock-toolbar-confirm-punches .confirmDetails {
    width: 16%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

    time-clock-toolbar-confirm-punches .confirmDetails .toolbarButton.small {
        height: 33px;
        line-height: 30px;
    }

time-clock-toolbar-confirm-punches .greenText {
    color: #3C9348;
}

time-clock-toolbar-confirm-punches .confirmBoxFooter {
    position: absolute;
    bottom: 15px;
    width: 95%;
    text-align: right;
    right: 20px;
}

time-clock-toolbar-confirm-punches .adjustPunchBox {
    width: 95%;
    margin: 20px auto;
}

time-clock-toolbar-confirm-punches .adjustPunchBox .adjustTimeBox {
    width: 49%;
    display: inline-block;
    font-size: 16px;
}

time-clock-toolbar-confirm-punches .adjustTimeBox .adjustTimeText {
    width: 85%;
    margin: auto;
    border-bottom: 1px solid #333;
}

    time-clock-toolbar-confirm-punches .adjustTimeBox .adjustTimeText .smallClockIconGrey {
        top: -7px;
        left: 0px;
    }

time-clock-toolbar-confirm-punches .adjustTimeBox .timeHeader {
    font-size: 12px;
}

time-clock-toolbar-confirm-punches .adjustPunchBox .adjustStatusBox,
time-clock-toolbar-confirm-punches .adjustPunchBox .adjustReasonBox {
    width: 75%;
    margin-left: 13px;
}

time-clock-toolbar-confirm-punches .adjustPunchBox select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #333;
    font-size: 16px;
}

time-clock-toolbar-confirm-punches .adjustPunchBox input {
    text-align: left;
    border: none;
    border-bottom: 1px solid #333;
    color: #333;
    margin: 13px;
    width: 92%;
    font-size: 16px;
}

time-clock-toolbar-confirm-punches .adjustBoxFooter {
    text-align: right;
    width: 95%;
    position: absolute;
    bottom: 50px;
}

time-clock-toolbar-confirm-punches .adjustBoxFooter .cancelBtn {
    top: 2px;
    left: 173px;
    height: 39px;
    width: 110px;
    line-height: 36px;
}
/* End Time Clock Toolbar */

/* Time Clock Kiosk */
time-clock-kiosk .currTimeContainer {
    text-align: center;
    width: 90%;
    margin: auto;
    font-size: 120px;
    font-weight: 600;
    color: #173B65;
    padding: 98px 0px 63px;
    border-bottom: 1px solid #333;
}

    time-clock-kiosk .currTimeContainer.loggedIn {
        padding: 40px 0px 20px;
        border-bottom: none;
    }

time-clock-kiosk .displayText {
    font-size: 54px;
    color: #3C9348;
    width: 50%;
    text-align: center;
    margin: auto;
    padding-top: 58px;
}

time-clock-kiosk .loginBoxKiosk {
    max-width: 340px;
    margin: 38px auto;
}

time-clock-kiosk input {
    width: 99%;
    margin: 10px 0px;
    height: 49px;
    color: #666667;
    font-size: 20px;
    text-align: center;
}

time-clock-kiosk .toolbarButton {
    margin: 28px auto;
    height: 83px;
    width: 60%;
    font-size: 42px;
    line-height: 77px;
}

time-clock-kiosk .toolbarButton.small {
    margin: auto;
    width: 140px;
    height: 39px;
    font-size: 20px;
    line-height: 36px;
}

time-clock-kiosk .toolbarButton.small.catBtn {
    margin: 0px 40px 28px;
    width: 197px;
    height: 70px;
    font-size: 32px;
    line-height: 64px;
}

time-clock-kiosk .disabledBtn,
time-clock-toolbar-clock-tab .disabledBtn {
    opacity: 0.5;
}

time-clock-kiosk .btnHeader {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    width: 75%;
    margin: auto;
    text-align: center;
}

time-clock-kiosk .clockedInDisplay {
    position: absolute;
    top: 245px;
    left: 318px;
    font-size: 24px;
    color: #0067A4;
}

time-clock-kiosk .tempMessage {
    width: 50%;
    margin: auto;
    text-align: center;
}

.tempMessage .tempMessageTime {
    font-size: 20px;
    margin-top: 40px;
}

time-clock-kiosk-confirm-punches .confirmBoxHeader {
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

time-clock-kiosk-confirm-punches .confirmBoxDetails {
    width: 75%;
    margin: auto;
    height: 540px;
    overflow: auto;
}

time-clock-kiosk-confirm-punches .confirmDetails {
    width: 19%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
}

    time-clock-kiosk-confirm-punches .confirmDetails .toolbarButton.small {
        height: 33px;
        line-height: 30px;
    }

time-clock-kiosk-confirm-punches .greenText {
    color: #3C9348;
}

time-clock-kiosk-confirm-punches .confirmBoxFooter {
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: right;
    right: 130px;
}

time-clock-kiosk-confirm-punches .adjustPunchBox {
    width: 60%;
    margin: 20px auto;
}

.adjustPunchBox .adjustTimeBox {
    width: 49%;
    display: inline-block;
    font-size: 30px;
}

.adjustTimeBox .adjustTimeText {
    width: 70%;
    margin: auto;
    border-bottom: 1px solid #333;
}

    .adjustTimeBox .adjustTimeText .smallClockIconGrey {
        top: 7px;
        left: 0px;
    }

.adjustTimeBox .timeHeader {
    font-size: 14px;
}

.adjustPunchBox .adjustStatusBox,
.adjustPunchBox .adjustReasonBox {
    width: 75%;
}

.adjustPunchBox select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #333;
    font-size: 24px;
}

.adjustPunchBox input {
    text-align: left;
    border: none;
    border-bottom: 1px solid #333;
    color: #333;
}

time-clock-kiosk-confirm-punches .adjustBoxFooter {
    text-align: right;
    width: 90%;
    position: absolute;
    bottom: 50px;
}

.adjustBoxFooter .cancelBtn {
    top: 0px;
    left: 625px;
    height: 39px;
    width: 140px;
    line-height: 36px;
}
/* End Time Clock Kiosk */

/* Time Clock Admin */
time-clock-admin .applyBtn {
    width: 70px;
    height: 30px;
    float: right;
    border-radius: 5px;
    border: 1px solid #FFF;
    text-align: center;
    line-height: 28px;
    position: relative;
    top: 14px;
    background: #3D4652;
    color: #FFF;
    cursor: pointer;
}

    time-clock-admin .applyBtn:hover {
        background: #FFF;
        color: #3D4652;
    }

time-clock-admin .tabBarTab {
    width: calc(9.5% + 48px);
    margin-top: 30px;
    margin-bottom: 15px;
}

time-clock-admin .tcacsQuestion {
    margin: 20px 0px;
}

time-clock-admin .responseArea {
    margin: 10px 0px;
    padding-left: 10px;
}

time-clock-admin .columnHeaders {
    width: 555px;
    border-bottom: 1px solid #333;
}

time-clock-admin .columnHeaderText {
    display: inline-block;
    width: 90px;
    text-align: center;
}

time-clock-admin select {
    border: none;
    border-bottom: 1px solid #333;
}

time-clock-admin .weeklyHrsInput {
    border: none;
    border-bottom: 1px solid #333;
    width: 25px;
    text-align: center;
}

time-clock-admin .loginListArea {
    display: inline-block;
    width: 100%;
    height: 480px;
    overflow: auto;
}

time-clock-admin .timeCardDisplay {
    display: inline-block;
    width: 79%;
    height: 70vh;
    float: right;
    margin-top: 20px;
}

time-clock-admin .payPeriodSelector {
    display: inline-block;
    margin-right: 30px;
}

    time-clock-admin .payPeriodSelector select {
        border: none;
        border-bottom: 1px solid #fff;
        background: transparent;
        color: #fff;
        margin-top: 10px;
    }

        time-clock-admin .payPeriodSelector select option {
            color: #000;
        }

    time-clock-admin .payPeriodSelector .title {
        color: #FFF;
        position: relative;
        top: 0px;
        /* margin-bottom: 10px; */
    }

time-clock-admin-time-cards .selectedLoginName {
    font-size: 30px;
    border-bottom: 1px solid #333;
    padding-left: 15px;
}

time-clock-admin-time-cards .adminSearchArea .loginSearchBox {
    width: 100%;
}

time-clock-admin-time-cards .headerArea {
    width: 80%;
    margin-left: 20%;
    font-size: 14px;
    font-weight: bold;
}

time-clock-admin-time-cards .headerDetails {
    display: inline-block;
    width: 12%;
}

time-clock-admin-time-cards .timeCardItem {
    font-size: 14px;
}

time-clock-admin-time-cards .timeCardDay {
    float: left;
    width: 5%;
    text-align: center;
}

time-clock-admin-time-cards .timeCardEntryDetails {
    display: inline-block;
    width: 12%;
}

.timeCardEntryDetails span.red {
    padding: 0px 3px;
    background-color: #BD2026; 
    color: white;
}

time-clock-admin-time-cards .timeCardEntryHours {
    text-align: right;
    padding-right: 15px;
}

time-clock-admin-time-cards .timeCardTotals {
    height: 30px;
    font-size: 16px;
    line-height: 27px;
    text-align: right;
    background: #C1C1C1;
    padding-right: 15px;
}

time-clock-admin-time-cards .timeCardEntryActionBtns {
    color: #5FA6DB;
    cursor: pointer;
    display: inline-block;
    width: 35%;
    text-align: right;
}

time-clock-admin-time-cards .modal-main {
    width: 90%;
    margin: 15px auto;
}

time-clock-admin-time-cards .dateSelectionBoxes {
    width: 20%;
    margin: 0px 15px;
}

time-clock-admin-time-cards .dateSelection {
    color: #3f3f3f;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #3f3f3f;
    margin-top: 0px;
}

time-clock-admin-time-cards .selectionBoxTitle {
    font-size: 10px;
    color: #3f3f3f;
    padding-left: 10px;
}

.notesBox input {
    border: none;
    border-bottom: 1px solid #333;
    width: 46%;
    line-height: 30px;
}

.largeBluePlusBtn {
    background-repeat: no-repeat;
    background-size: contain;
    width: 57px;
    height: 57px;
    background-image: url(Images/CoreTheme/LargeFloatingAdd.png);
    cursor: pointer;
}

.largeBluePlusBtn:hover {
    width: 69px;
    height: 69px;
    background-image: url(Images/CoreTheme/LargeFloatingAddHover.png);
}

time-clock-admin-time-cards .largeBluePlusBtn {
    position: absolute;
    left: 90%;
    top: 220px;
}

    time-clock-admin-time-cards .largeBluePlusBtn:hover {
        left: 89.8%;
        top: 216px;
    }



time-clock-admin-login-tokens .timeClockLoginTokensPage {
    width: 500px;
    margin: 10px auto;
    height: calc(100vh - 218px);
}

time-clock-admin .timeClockLoginItem {
    font-size: 16px;
    height: 30px;
}

    time-clock-admin .timeClockLoginItem.selected {
        background: #e2e2e2;
    }

    time-clock-admin .timeClockLoginItem .smallEditIconGrey {
        visibility: hidden;
    }

    time-clock-admin .timeClockLoginItem:hover .smallEditIconGrey {
        visibility: visible;
    }

time-clock-admin-login-tokens .timeClockLoginName {
    display: inline-block;
    width: 50%;
}

time-clock-admin-login-tokens .timeClockLoginToken {
    display: inline-block;
    width: 44%;
}

time-clock-admin-login-tokens .timeClockLoginToken.edit {
    display: inline-block;
    width: 39%;
}

time-clock-admin-alert-summary .header {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

time-clock-admin-alert-summary .alertItem {
    border-bottom: 1px solid #efefef;
    padding: 10px 0px;
}

time-clock-admin-alert-summary .headerText,
time-clock-admin-alert-summary .alertItemText {
    display: inline-block;
    width: 19%;
    font-size: 14px;
}

    time-clock-admin-alert-summary span.alert {
        background: #BD2026;
        color: #FFF;
    }

time-clock-admin-alert-summary .alertItemNotesCollection {
    width: 80%;
    margin-left: 19%;
    font-style: italic;
    font-size: 12px;
}

time-clock-admin-alert-summary .alertItemError {
    width: 80%;
    margin-left: 19%;
    font-style: italic;
    font-size: 12px;
    color: #BD2026;
}

time-clock-admin-reports .reportTypeSelectionBox {
    display: inline-block;
    width: 10%;
    font-size: 14px;
    border: 1px solid #c1c1c1;
    margin-top: 25px;
}

time-clock-admin-reports .reportTypeSelectionItem {
    cursor: pointer;
    padding-left: 5px;
}

    time-clock-admin-reports .reportTypeSelectionItem.selected {
        background: #e2e2e2;
    }

time-clock-admin-reports .reportDisplayArea {
    display: inline-block;
    width: 89%;
    vertical-align: top;
    margin-top: 25px;
}

time-clock-admin-summary-report .header,
time-clock-admin-detail-report .header {
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: bold;
    width: 1381px;
    margin: auto;
}

time-clock-admin-summary-report .headerItem {
    display: inline-block;
    width: 150px;
    text-align: center;
}

time-clock-admin-detail-report .headerItem {
    display: inline-block;
    width: 7.4%;
    text-align: center;
}

time-clock-admin .reportFilterArea {
    color: #FFF;
}

time-clock-admin .checkboxFilters {
    display: inline-block;
    width: 15%;
}

time-clock-admin .dropdownFilters {
    display: inline-block;
    vertical-align: top;
}

    time-clock-admin .dropdownFilters select {
        background: transparent;
        color: #FFF;
        border-bottom-color: #FFF;
    }
/* End Time Clock Admin */

/* Survey Toolbar */
.surveyToolbar .contentHeader {
    background: #EFEFEF;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    height: 37px;
    padding: 0px 15px;
}

.surveyToolbar .titleHeader {
    display: inline-block;
    position: relative;
    top: 6px;
}

.surveyToolbar .dateHeader {
    display: inline-block;
    position: relative;
    top: 6px;
    left: 180px;
}

.surveyToolbar .MenuItem_Name {
    width: 60%;
    font-size: 14px;
    color: #333;
}

.surveyToolbar .MenuItem_Date {
    position: relative;
    top: -16px;
    left: 24px;
}

.surveyToolbar .MenuItem_EmptyList {
    color: #3f3f3f;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
}

/* jQueryUI Overloads for Surveys*/
.surveyToolbar .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.modulesToolbar .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.surveyToolbar .ui-widget-header,
.modulesToolbar .ui-widget-header {
    border-top: none;
    background: none;
    color: #3f3f3f;
    font-weight: 500;
}

.surveyToolbar .ui-widget-content,
.modulesToolbar .ui-widget-content {
    border: none;
}

.surveyToolbar .ui-tabs,
.modulesToolbar .ui-tabs {
    padding: 0px;
}

    .surveyToolbar .ui-tabs .ui-tabs-nav,
    .modulesToolbar .ui-tabs .ui-tabs-nav {
        margin: 0px 5px;
    }

.surveyToolbar .ui-tabs .ui-tabs-nav li,
.modulesToolbar .ui-tabs .ui-tabs-nav li {
    border-bottom-width: 2pt;
    padding: 0px;
}

.surveyToolbar .ui-state-active, .surveyToolbar .ui-widget-content .ui-state-active,
.surveyToolbar .ui-widget-header .ui-state-active, .modulesToolbar .ui-state-active,
.modulesToolbar .ui-widget-content .ui-state-active, .modulesToolbar .ui-widget-header .ui-state-active {
    border: none;
    border-bottom: 2pt solid #005CA5;
    background: none;
    font-weight: 500;
    color: #3f3f3f;
}

.surveyToolbar .ui-state-default, .surveyToolbar .ui-widget-content .ui-state-default,
.surveyToolbar .ui-widget-header .ui-state-default, .modulesToolbar .ui-state-default, 
.modulesToolbar .ui-widget-content .ui-state-default, .modulesToolbar .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    color: #3f3f3f;
}

.surveyToolbar .ui-tabs .ui-tabs-nav .ui-tabs-anchor, 
.modulesToolbar .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0px 24px;
}

.surveyToolbar .ui-state-active a, .surveyToolbar .ui-state-active a:link,
.modulesToolbar .ui-state-active a, .modulesToolbar .ui-state-active a:link {
    color: #005CA5;
    border-bottom: 2pt solid #005CA5;
}

.surveyToolbar a:visited, .modulesToolbar a:visited {
    color: #005CA5;
}

.surveyToolbar .ui-state-hover, .surveyToolbar .ui-widget-content .ui-state-hover,
.surveyToolbar .ui-widget-header .ui-state-hover, .modulesToolbar .ui-state-hover, 
.modulesToolbar .ui-widget-content .ui-state-hover, .modulesToolbar .ui-widget-header .ui-state-hover {
    border: none;
    background: none;
    font-weight: 500;
    color: #3f3f3f;
}

.modulesToolbar .ui-helper-reset {
    border: none;
    border-bottom: 1px solid #efefef;
}

/* End Survey Toolbar */

/* Clear Completed Button */
.clearCompletedIcon {
    width: 115px;
    height: 50px;
    cursor: pointer;
}

    .clearCompletedIcon .iconText {
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
        position: relative;
        top: 11px;
        width: 55px;
        text-align: right;
    }

    .clearCompletedIcon:hover .iconText {
        top: 6px;
    }

.clearCompletedIcon .clearCompletedImg {
    display: inline-block;
    position: relative;
    width:34px; 
    height:18px;
    top: 11px;
    left: 5px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;	
	background-size:contain;
    background-image: url("Images/CoreTheme/Tasks/ClearBtn.png");
}

    .clearCompletedIcon.disabled .clearCompletedImg {
        background-image: url("Images/CoreTheme/Tasks/ClearBtnDisabled.png");
    }

    .clearCompletedIcon:hover .clearCompletedImg {
        background-image: url("Images/CoreTheme/Tasks/ClearBtnHover.png");
        width: 45px;
        height: 28px;
        top: 13px;
        left: 2px;
    }
/* End Clear Completed Button */

/* Toggle Switch */
.toggleSwitch {
    display: inline-block;
    position: relative;
    width: 95px;
    height: 35px;
    border: 5px solid #EFEFEF;
}

.toggleSwitch input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: -8px;
    left: 0px;
    z-index: 6;
    width: 85px;
    height: 35px;
}

    .toggleSwitch #toggleSwitch:checked ~ .toggleBtn {
        left: 61px;
        background-image: url("Images/CoreTheme/MessagingAdmin/GroupIcon.png");
    }

    .toggleSwitch .toggleBtn {
        display: block;
        position: absolute;
        z-index: 4;
        top: 1.4px;
        left: 2px;
        width: 22px;
        height: 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("Images/CoreTheme/Tasks/AddSinglePersonBtn.png");
        border: none;
        border-radius: 16px;
        box-shadow: 0 5px 5px rgba(50,50,50,0.2);
        transition: left 0.25s ease;
    }

    .toggleSwitch .toggleLabels {
        position: absolute;
        top: -8px;
        z-index: 2;
        width: 100%;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    }

        .toggleSwitch .toggleLabels .pLeft {
            position: relative;
            left: 34px;
            margin: 0;
            margin-block-start: 1em;
            margin-block-end: 1em;
        }

        .toggleSwitch .toggleLabels .pRight {
            position: relative;
            left: 13px;
            margin: 0;
            margin-block-start: 1em;
            margin-block-end: 1em;
        }

    .toggleSwitch .bg {
        display: block;
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border-radius: 40px;
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.2);
        background: linear-gradient(#848484, #a2a2a2);
    }
/* End Toggle Switch*/

/* Notification Center */
/*.ntfCenter { background-image: url(Images/CoreTheme/NotificationNoAlertNormalState.png);}
    .ntfCenter:hover { background-image: url(Images/CoreTheme/NotificationNoAlertHover.png);}
    .ntfCenter.alert { background-image: url(Images/CoreTheme/NotificationAlertNormalState.png);}
    .ntfCenter.alert:hover { background-image: url(Images/CoreTheme/NotificationAlertHover.png);}*/

.ntfCenterMainContainer hr {
    width: 340px;
    color: #CCC;
}

.ntfCenterHeader {
    color: #fff;
    width: 325px;
    margin: auto;
    padding-top: 10px;
    height: 50px;
}

.ntfCenterHeaderTitle {
    display: inline-block;
    font-size: 22px;
    color: #fff;
}

.ntfCenterClearAll {
    display: inline-block;
    float: right;
    font-size: 16px;
    position: relative;
    top: 7px;
    cursor: pointer;
}

    .ntfCenterClearAll:hover {
        color: #F00;
        font-weight: bold;
    }

.ntfCenterNtfHolder {
    width: 375px;
    height: 100%;
    margin: auto;
}

    .ntfCenterNtfHolder .messages, .ntfCenterNtfHolder .announcements, 
    .ntfCenterNtfHolder .workaids, .ntfCenterNtfHolder .challenges,
    .ntfCenterNtfHolder .tasks {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        position: relative;
        top: 9px;
        left: 20px;
    }

.ntfCenterNtfHolderHeader {
    width: 100%;
    height: 65px;
}

    .ntfCenterNtfHolderHeader:hover {
        background-color: rgba(153,153,153,0.5);
    }

    .ntfCenterNtfHolderHeader .cancelSearchImg {
        display: none;
    }

    .ntfCenterNtfHolderHeader:hover .cancelSearchImg {
        display: initial;
        position: relative;
        float: right;
        left: -25px;
        top: 24px;
    }

    .ntfCenterNtfHolderHeader .ntfCenterHeaderTitle {
        position: relative;
        top: -1px;
        left: 20px;
    }

.msgNtf.ntfItem {
    box-shadow: none;
    width: 100%;
}

    .msgNtf.ntfItem:hover {
        background-color: rgba(153,153,153,0.5);
    }

    .msgNtf.ntfItem.broadcast {
        height: 35px;
    }

.msgNtf .announcements, .msgNtf .workaids,
.msgNtf .challenges, .msgNtf .tasks {
    width: 30px;
    height: 30px;
}

.ntfItem .cancelSearchImg {
    display: none;
    position: relative;
    top: -10px;
    left: 336px;
}

.ntfItem:hover .cancelSearchImg {
    display: initial;
}

.ntfItem .msgNtfTitle {
    top: 7px;
    left: 25px;
}

.seeMoreText {
    color: #FFF;
    /*float: right;*/
    text-align: right;
    margin: 0px 20px 5px 0px;
    cursor: pointer;
}
/* End Notification Center*/

/*Tasks Nav Bar*/
.TaskMenuItem_Survey_Open,
.surveyMenuItem_open
{
    display: inline-block;
    float: left;
    background-image: url("Images/CoreTheme/Survey-16x16.png");
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.ImportantMenuItem
{
    display: inline-block;
    float: left;
    background-image: url("Images/CoreTheme/Exclamation-icon-gray-feathered.png");
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
}

.TaskMenuItem_NoIcon
{
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
}

.tasks_LoadMore
{
    text-align: center;
    font-weight: bold;
    font-style: italic;    
    width: 80%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.surveyMenuItem_remove
{
    display: inline-block;
    float: right;
    background-image: url("Images/delete-icon.png");
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.surveyMenuItem_name
{
    display: inline-block;
    margin-top: 1px;
    margin-left: 5px;
}

.TasksNavBar_MenuItemContainer
{
    height: 100%;
    overflow-y: auto;
}

.NavBarBackground div.TasksNavTabs,
.NavBarBackground div.coachingNavTabs
{
    margin: 0;
    padding: 0;
    border: 0;
}

.TasksNavTabs div.TasksNavBarTab
{
    height: 466px;
    background-color: white;
    overflow: hidden;
}
/*End Tasks Nav Bar*/

/*Coaching Session Nav Bar*/
.TaskMenuItem_SuggestedCoaching_Open,
.TaskMenuItem_Coaching_Open,
.coachingSessionMenuItem_open
{
    display: inline-block;
    float: left;
    background-image: url("Images/CoreTheme/Whistle-16x16.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.MenuItem_Remove_Icon,
.coachingSessionMenuItem_remove
{
    display: inline-block;
    float: right;
    background-image: url("Images/CoreTheme/Minus-White.png");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.MenuItem_Remove_Icon:hover,
.coachingSessionMenuItem_remove:hover
{
    background-image: url("Images/CoreTheme/Minus-WhiteFill.png");
}

.MenuItem_Name,
.coachingSessionMenuItem_name
{
    display: inline-block;
    margin-top: 1px;
    margin-left: 5px;    
    width: 80%;
    white-space: nowrap;
    overflow-x: hidden;
}
.coachingNavTabs
{
    /*width: 97%;
    height: 99%;*/
    /*height: 466px;
    background-color: #003366;
    overflow: hidden;*/
}
.coachingNavTabs div.CoachingNavBar_Summary,
.coachingNavTabs div.CoachingNavBar_Overdue,
.coachingNavTabs div.CoachingNavBar_Completed
{
    height: 568px;    
    overflow: hidden;
}

.CoachingGoalMetricImgFixer
{
    width: 100%;
    margin: auto;
    margin-top: 2px;
}
/*End Coaching Session Nav Bar*/

.NewCoachingSession_InputBlock
{
    display: block;
    margin-top: 1px;
}

.SuggestCoachingSession_DueDateField,
.NewCoachingSession_DueDateField
{
    display: inline-block;
    margin-top: 1px;
}

.NewCoachingSession_InputLabel
{
    min-width: 135px;
    display: inline-block;
    text-align: right;
    margin-right: 6px;
}

.SuggestCoachingSession_Name,
.NewCoachingSession_Name
{
    min-width: 146px;
}

.SuggestCoachingSession_ApplicationList,
.NewCoachingSession_ApplicationList
{
    min-width: 150px;
}

.SuggestCoachingSession_DueDateField .ui-datepicker-trigger,
.NewCoachingSession_DueDateField .ui-datepicker-trigger
{
    float: right;
    padding-left: 2px;
}

.suggestCoachingSession_NameImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle1.png);
    height: 25px;
    width: 26px;
}
.suggestCoachingSession_NameContainer 
{
    margin-left: 29px;
    font-size: 14px;
    color: #333333;
}
.SuggestCoachingSession_Reason 
{
    color: #333333;
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 338px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 30px;
    padding-top: 5px;
    padding-bottom: 1px;
    outline: none;
}
.SuggestCoachingSession_CallGroupContainer 
{
    margin-top:16px;
}
.SuggestCoachingSession_CallGroupImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle3.png);
    height: 25px;
    width: 26px;
}
.SuggestCoachingSession_CallGroupText 
{
    margin-left: 29px;
    font-size: 14px;
    color: #333333;
}
.SuggestCoachingSession_StartByDateHolder img
{
  background-repeat: no-repeat;
  height: 24px;
  margin-left: 8px;
}
.SuggestCoachingSession_DueDate, .SuggestCoachingSession_StartByDate
{
    color: #333333;
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 188px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 30px;
    padding-top: 2px;
    padding-bottom: 1px;
    outline: none;
}
.SuggestCoachingSession_TimeIntervalContainer 
{
    margin-top: 16px;
}
.SuggestCoachingSession_TimeIntevalImg
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle4.png);
    height: 26px;
    width: 26px;
}
.SuggestCoachingSession_TimeIntevalText
{
    margin-left: 29px;
    font-size: 14px;
    color: #333333;
}
.SuggestCoachingSession_LevelList
{
    color: #333333;
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 232px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
    margin-left: 30px;
    padding-bottom: 1px;
    outline: none;
}
.SuggestCoachingSession_RoleList
{
    color: #333333;
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 232px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
    margin-left: 30px;
    padding-bottom: 1px;
    outline: none;
}
.suggestCoachingSession_FormImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle2.png);
    height: 26px;
    width: 26px;
}
.suggestCoachingSession_FormText 
{
    margin-left: 29px;
    font-size: 14px;
    color: #333333;
}
.SuggestCoachingSession_ApplicationList 
{
    font-size: 14px !important;
    border: 1px solid #666667;
    width: 360px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 30px;
    padding-bottom: 1px;
    outline: none;
}
.SuggestCoachingSession_FormContainer 
{
    margin-top:16px;
}
.SuggestCoachingSession_ButtonContainer 
{
    justify-content: flex-end;
    height: 34px;
    padding-top: 13px;
    border-top: 1px solid #6A7480;
	margin-top:56px;
    margin-left: 20px;
    margin-right: 20px;
}
.SuggestCoachingSession_CancelBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Cancel.png);
    height: 17px;
    width: 53px;
    margin-right: 53px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.SuggestCoachingSession_CancelBtn:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CancelHover.png);
    height: 17px;
    width: 53px;
}
.SuggestCoachingSession_ApplyBtnHolder 
{
    height: 34px;
    width: 98px;
    margin-right: 353px;
    cursor: pointer;
}
.SuggestCoachingSession_ApplyBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/ApplyBtn.png);
    height: 27px;
    width: 88px;
    outline: none;
    background-repeat: no-repeat;
    border: none;
    padding: 0px;
    background-color: white;
}
.SuggestCoachingSession_ApplyBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/ApplyBtnHover.png);
    height: 34px;
    width: 98px;
}

.NewCoachingSession_DateRangeFixer
{
    min-width: 138px;
    text-align: right;
    margin-right: 6px;
}

.NewCoachingSession_InputLabel_Right
{
    min-width: 91px;
    display: inline-block;
    text-align: right;
    margin-right: 6px;
}

.NewCoachingSession_CreateButton
{
    float: right;
}

.CoachingMetricSelectorFix
{
    margin-left: 142px;
}

.CollapsibleContainer
{
    border: 1px solid #999;
    margin-bottom: 7px;
}

.CollapsibleHeader
{
    display: inline-block;
    background-color: gray;
    background-image: url("Images/DropDown-1px.png");
    width: 100%;
    height: 20px;    
    border-bottom: 1px solid #999;
    cursor: pointer;
}

.CollapsibleHeaderIcon
{
    width: 7px;
    height: 9px;    
    float: left;
    padding-right: 10px;
    margin-top: 5px;
    margin-left: 6px;
}

.CarrotDown
{
    background-image: url("Images/CoreTheme/Carrot.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.CarrotUp
{
    background-image: url("Images/CoreTheme/Carrot_up.png");
    background-position: left center;
    background-repeat: no-repeat;
}

.CustomEmailCarrot
{
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    background-image: url(Images/envelope-black-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.aauto-display-custom-email {
    background-color: #EDF4FC;
    height: 60px;
    padding: 10px;
}
.aauto-email-subject {
    font-size: 12px;
    padding-left: 10px;
}
.aauto-email-body {
    font-size: 12px;
    padding-left: 10px;
    padding-top: 5px;
}
.aauto-red-minus {
    background-image: url("Images/CoreTheme/Red-Minus.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: none;
    cursor: pointer;
}

.dg1AAutoQueueEmails tr:hover .aauto-red-minus{
    display: block;
}

.CustomEmailRedMinus {
    width: 17px;
    height: 17px;
    float: right;
}
.CustomClickClass {
    width: 95%;
    display: block;
}
.CoachingSessionFollowUp_RecordingsLabel
{
    display: inline-block;
    min-width: 100px;
    padding-left: 2px;
}

.CoachingSessionFollowUp_RecordingsCustomDropDown
{
    margin-top: 4px;    
    height: 15px;
    background-color: #efefef;
    color: black;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.6);
    cursor: pointer;
}
.CoachingSessionFollowUp_RecordingsCustomDropDown:hover
{
    /*background-color: #336699;*/
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
}

.CoachingSessionFollowUp_RecordingsRowSection
{
    display: inline-block;
    min-width: 100px;
    border: 0;
    border-left: 1px dotted black;
}

.CoachingSessionFollowUp_RecordingsCustomDropDown span:first-child
{
    border-left:0;
    padding-left: 2px;
}


.CoachingSessionFollowUp_RecordingsDropDownIcon
{
    background-image: url("images/DropDown.gif");
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    margin-top: 3px;    
    display: inherit;
    float: right;
}

.CoachingSessionFollowUp_RecordingDropDownPopout
{
    background-color: lightgray;
    position: absolute;
    border: 2px solid black;
    overflow: auto;
    height: 120px;
    z-index: 10;
}

.CoachingSessionFollowUp_RecordingDropDownPopoutItem
{
    border-top: 1px solid black;
}

.surveyMenuItem
{
    width: 325px;
    height: 52px;
    line-height: 43px;
    border-bottom: 1px solid #EFEFEF;
    padding: 0px 7px;
    margin: 0px 5px;
    cursor: pointer;
}

.SurveyViewerHeader
{
    margin-bottom: 10px;
}

.SurveyViewerContainer
{
    height: 465px;
    overflow-y: auto;
}
/*End Coaching Sessions*/

/* Wallboards View */
#wallboardViewArea {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    /*background: #333;*/
    z-index: 9999;
    overflow: hidden;
}

.wallboardViewSlide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 99999;
    color: #FFF;
    background-size: cover;
    background-repeat: no-repeat;
    transition: left 1s, right 1s, top 1s, bottom 1s;
    -webkit-transition: left 1s, right 1s, top 1s, bottom 1s;
    overflow: hidden;
}

@-webkit-keyframes flip {
    100% {-webkit-transform: rotateY(90deg);}
}

@keyframes flip {
    100% {transform: rotateY(90deg);}
}

@-webkit-keyframes flipToNew {
    0% {-webkit-transform: rotateY(90deg);}
    100% {-webkit-transform: rotateY(180deg), scaleX(-1);}
}

@keyframes flipToNew {
    0% {transform: rotateY(90deg);}
    100% {transform: rotateY(180deg), scaleX(-1);}
}

@-webkit-keyframes pinhole {
    from {-webkit-transform: scale(1);}
    to {-webkit-transform: scale(0);}
}

@keyframes pinhole {
    from {transform: scale(1);}
    to {transform: scale(0);}
}

.wallboardViewSlideContentArea {
    height: 96vh;
    overflow: hidden;
}
.wallboardViewSlideContentAreaLight {
    width: 88%;
    height: 86vh;
    margin: 5vh auto;
    padding: 20px 30px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardViewSlideContentAreaDark {
    width: 88%;
    height: 86vh;
    margin: 5vh auto;
    padding: 20px 30px;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}

.wallboardViewHeader {
    background-size: contain;
    background-repeat: no-repeat;
    width: 40vw;
    height: 30vh;
    position: relative;
    left: 10%;
}

.wallboardViewTitle {
    position: relative;
    text-align: center;
    /*padding: 5.5% 0;*/
    top: 14%;
    font-size: 3vw;
}

.wvRaceTargetBoard {
    background-size: contain;
    background-repeat: no-repeat;
    width: 15vw;
    height: 15vh;
    position: absolute;
    top: 6vh;
    right: -50vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 5vh;
}

wvBannerTitle {
    width:80%; 
    margin: auto;
}

.wallboardViewCustomSlideContainer 
{
    position:absolute;
}

.rocketBackground {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Background-Rockets.png");
}

.motocrossBackground {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Background-Bikes.png");
}

.swimBackground {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Background-Swimmers.png");
}

.horseBackground {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Background-Horses.png");
}

.rocketHeader {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Header-Rockets.png");
}

.motocrossHeader {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Header-Bikes.png");
}

.swimHeader {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Header-Swimming.png");
}

.horseHeader {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/Header-Horses.png");
}

.rocketTarget {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/RocketRace_TargetBoard.png");
}

.motocrossTarget {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/BikeRace_TargetBoard.png");
}

.swimTarget {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/SwimmerRace_TargetBoard.png");
}

.horseTarget {
    background-image: url("Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/HorseRace_TargetBoard.png");
}

.raceArea {
    position: absolute;
    top: 30vh;
    width: 100%;
    height: 70vh;
    font-size: 35px;
}

/*.racingRocket {
    position: relative;
    left: -38px;
    width: 165px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}*/

/* RACING ROCKETS */
    .racingRocket.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0030_Rocket1.png");
    }

    .racingRocket.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0031_Rocket2.png");
    }

    .racingRocket.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0032_Rocket3.png");
    }

    .racingRocket.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0033_Rocket4.png");
    }

    .racingRocket.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0034_Rocket5.png");
    }

    .racingRocket.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0035_Rocket6.png");
    }

    .racingRocket.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0036_Rocket7.png");
    }

    .racingRocket.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0037_Rocket8.png");
    }

    .racingRocket.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0038_Rocket9.png");
    }

    .racingRocket.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0039_Rocket10.png");
    }

.racer {
    position: relative;
    left: -44px;
    width: 165px; /* 105 */ 
    height: 100%;
    /*height: 50%;*/
    /*top: -10%;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.racer.racingTrains {
  position: relative;
  left: -44px;
  width: 325px; /* 105 */ 
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

/* RACING BIKES */
    .racingBike.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0010_Bike1.png");
    }

    .racingBike.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0011_Bike2.png");
    }

    .racingBike.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0012_Bike3.png");
    }

    .racingBike.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0013_Bike4.png");
    }

    .racingBike.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0014_Bike5.png");
    }

    .racingBike.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0015_Bike6.png");
    }

    .racingBike.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0016_Bike7.png");
    }

    .racingBike.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0017_Bike8.png");
    }

    .racingBike.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0018_Bike9.png");
    }

    .racingBike.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0019_Bike10.png");
    }

/*.racingSwimmer {
    position: relative;
    left: -44px;
    width: 165px;
    height: 100%;
    top: -10%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}*/

/* RACING SWIMMERS */
    .racingSwimmer.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0020_Swimmer1.png");
    }

    .racingSwimmer.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0021_Swimmer2.png");
    }

    .racingSwimmer.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0022_Swimmer3.png");
    }

    .racingSwimmer.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0023_Swimmer4.png");
    }

    .racingSwimmer.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0024_Swimmer5.png");
    }

    .racingSwimmer.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0025_Swimmer6.png");
    }

    .racingSwimmer.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0026_Swimmer7.png");
    }

    .racingSwimmer.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0027_Swimmer8.png");
    }

    .racingSwimmer.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0028_Swimmer9.png");
    }

    .racingSwimmer.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0029_Swimmer10.png");
    }

/*.racingHorse {
    position: relative;
    left: -44px;
    width: 165px;
    height: 100%;
    top: -10%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}*/

/* RACING HORSES */
    .racingHorse.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0000_Horse1.png");
    }

    .racingHorse.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0001_Horse2.png");
    }

    .racingHorse.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0002_Horse3.png");
    }

    .racingHorse.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0003_Horse4.png");
    }

    .racingHorse.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0004_Horse5.png");
    }

    .racingHorse.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0005_Horse6.png");
    }

    .racingHorse.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0006_Horse7.png");
    }

    .racingHorse.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0007_Horse8.png");
    }

    .racingHorse.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0008_Horse9.png");
    }

    .racingHorse.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RacingSprites_0009_Horse10.png");
    }

/* RACING BOATS */
    .racingBoat.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Aqua.png");
    }

    .racingBoat.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Blue.png");
    }

    .racingBoat.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Brown.png");
    }

    .racingBoat.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Green.png");
    }

    .racingBoat.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Orange.png");
    }

    .racingBoat.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Pink.png");
    }

    .racingBoat.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Purple.png");
    }

    .racingBoat.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Red.png");
    }

    .racingBoat.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Silver.png");
    }

    .racingBoat.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/BoatRacer_Yellow.png");
    }

/* RACING DRAGSTERS */
    .racingDrag.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Aqua.png");
    }

    .racingDrag.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Blue.png");
    }

    .racingDrag.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Brown.png");
    }

    .racingDrag.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Green.png");
    }

    .racingDrag.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Orange.png");
    }

    .racingDrag.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Pink.png");
    }

    .racingDrag.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Purple.png");
    }

    .racingDrag.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Red.png");
    }

    .racingDrag.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Silver.png");
    }

    .racingDrag.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/DragRacer_Yellow.png");
    }

/* RACING F1 */
    .racingF1.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Aqua.png");
    }

    .racingF1.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Blue.png");
    }

    .racingF1.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Brown.png");
    }

    .racingF1.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Green.png");
    }

    .racingF1.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Orange.png");
    }

    .racingF1.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Pink.png");
    }

    .racingF1.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Purple.png");
    }

    .racingF1.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Red.png");
    }

    .racingF1.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Silver.png");
    }

    .racingF1.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/FormulaOneRacer_Yellow.png");
    }

/* RACING JETS */
    .racingJet.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Aqua.png");
    }

    .racingJet.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Blue.png");
    }

    .racingJet.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Brown.png");
    }

    .racingJet.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Green.png");
    }

    .racingJet.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Orange.png");
    }

    .racingJet.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Pink.png");
    }

    .racingJet.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Purple.png");
    }

    .racingJet.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Red.png");
    }

    .racingJet.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Silver.png");
    }

    .racingJet.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/JetRacer_Yellow.png");
    }

/* RACING MONSTER TRUCKS */
    .racingMonster.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Aqua.png");
    }

    .racingMonster.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Blue.png");
    }

    .racingMonster.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Brown.png");
    }

    .racingMonster.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Green.png");
    }

    .racingMonster.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Orange.png");
    }

    .racingMonster.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Pink.png");
    }

    .racingMonster.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Purple.png");
    }

    .racingMonster.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Red.png");
    }

    .racingMonster.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Silver.png");
    }

    .racingMonster.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/MonsterTruckRacer_Yellow.png");
    }

/* RACING ATV */
    .racingAtv.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Aqua.png");
    }

    .racingAtv.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Blue.png");
    }

    .racingAtv.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Brown.png");
    }

    .racingAtv.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Green.png");
    }

    .racingAtv.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Orange.png");
    }

    .racingAtv.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Pink.png");
    }

    .racingAtv.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Purple.png");
    }

    .racingAtv.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Red.png");
    }

    .racingAtv.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Silver.png");
    }

    .racingAtv.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/QuadRacer_Yellow.png");
    }

/* RACING RAPTORS */
    .racingRaptor.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Aqua.png");
    }

    .racingRaptor.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Blue.png");
    }

    .racingRaptor.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Brown.png");
    }

    .racingRaptor.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Green.png");
    }

    .racingRaptor.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Orange.png");
    }

    .racingRaptor.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Pink.png");
    }

    .racingRaptor.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Purple.png");
    }

    .racingRaptor.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Red.png");
    }

    .racingRaptor.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Gray.png");
    }

    .racingRaptor.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/RaptorRacer_Yellow.png");
    }

/* RACING SNAILS */
    .racingSnail.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Aqua.png");
    }

    .racingSnail.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Blue.png");
    }

    .racingSnail.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Brown.png");
    }

    .racingSnail.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Green.png");
    }

    .racingSnail.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Orange.png");
    }

    .racingSnail.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Pink.png");
    }

    .racingSnail.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Purple.png");
    }

    .racingSnail.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Red.png");
    }

    .racingSnail.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Silver.png");
    }

    .racingSnail.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnailRacer_Yellow.png");
    }

/* RACING SNOWMOBILES */
    .racingSnowmobile.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Aqua.png");
    }

    .racingSnowmobile.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Blue.png");
    }

    .racingSnowmobile.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Brown.png");
    }

    .racingSnowmobile.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Green.png");
    }

    .racingSnowmobile.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Orange.png");
    }

    .racingSnowmobile.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Pink.png");
    }

    .racingSnowmobile.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Purple.png");
    }

    .racingSnowmobile.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Red.png");
    }

    .racingSnowmobile.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Gray.png");
    }

    .racingSnowmobile.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/SnowmobileRacer_Yellow.png");
    }

/* RACING STREET */
    .racingStreet.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Aqua.png");
    }

    .racingStreet.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Blue.png");
    }

    .racingStreet.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Brown.png");
    }

    .racingStreet.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Green.png");
    }

    .racingStreet.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Orange.png");
    }

    .racingStreet.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Pink.png");
    }

    .racingStreet.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Purple.png");
    }

    .racingStreet.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Red.png");
    }

    .racingStreet.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Silver.png");
    }

    .racingStreet.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/StreetRacer_Yellow.png");
    }

/* RACING TORTOISE AND HARES */
    .racingTortHare.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_AquaTurtle.png");
    }

    .racingTortHare.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_BlueTurtle.png");
    }

    .racingTortHare.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_BrownRabbit.png");
    }

    .racingTortHare.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_GreenTurtle.png");
    }

    .racingTortHare.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_WhiteRabbit.png");
    }

    .racingTortHare.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_PinkTurtle.png");
    }

    .racingTortHare.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_PurpleTurtle.png");
    }

    .racingTortHare.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_RedTurtle.png");
    }

    .racingTortHare.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_GrayRabbit.png");
    }

    .racingTortHare.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TortoiseAndHareRacers_RedRabbit.png");
    }

/* RACING UFO */
    .racingUfo.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Aqua.png");
    }

    .racingUfo.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Blue.png");
    }

    .racingUfo.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Brown.png");
    }

    .racingUfo.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Green.png");
    }

    .racingUfo.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Orange.png");
    }

    .racingUfo.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Pink.png");
    }

    .racingUfo.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Purple.png");
    }

    .racingUfo.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Red.png");
    }

    .racingUfo.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Silver.png");
    }

    .racingUfo.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/UFO-Racer_Yellow.png");
    }

/* RACING Trains */
    .racingTrains.One {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_BlueStripe.png");
    }

    .racingTrains.Two {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_Blue.png");
    }

    .racingTrains.Three {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_PinkStripe.png");
    }

    .racingTrains.Four {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_Green.png");
    }

    .racingTrains.Five {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_PurpleStripe.png");
    }

    .racingTrains.Six {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_Gray.png");
    }

    .racingTrains.Seven {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_RedStripe.png");
    }

    .racingTrains.Eight {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_Red.png");
    }

    .racingTrains.Nine {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_OrangeStripe.png");
    }

    .racingTrains.Ten {
        background-image: url("Images/Wallboards/WallboardView/Racing_Images/TrainRacer_Yellow.png");
    }

/* Racing Christmas Trees */
.racingChristmasTrees.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Blue.png");
}
.racingChristmasTrees.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Brown.png");
}
.racingChristmasTrees.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Gray.png");
}
.racingChristmasTrees.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Green.png");
}
.racingChristmasTrees.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Orange.png");
}
.racingChristmasTrees.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Pink.png");
}
.racingChristmasTrees.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Purple.png");
}
.racingChristmasTrees.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Red.png");
}
.racingChristmasTrees.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Teal.png");
}
.racingChristmasTrees.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasTreeRacer_Yellow.png");
}
/* racing Cupid */
.racingCupid.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Aqua.png");
}
.racingCupid.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Blue.png");
}
.racingCupid.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Brown.png");
}
.racingCupid.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Gray.png");
}
.racingCupid.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Green.png");
}
.racingCupid.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Orange.png");
}
.racingCupid.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Pink.png");
}
.racingCupid.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Purple.png");
}
.racingCupid.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Red.png");
}
.racingCupid.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CupidRacer_Yellow.png");
}
/* racing EasterBunny */
.racingEasterBunny.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Aqua.png");
}
.racingEasterBunny.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Blue.png");
}
.racingEasterBunny.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Brown.png");
}
.racingEasterBunny.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Gray.png");
}
.racingEasterBunny.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Green.png");
}
.racingEasterBunny.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Orange.png");
}
.racingEasterBunny.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Pink.png");
}
.racingEasterBunny.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Purple.png");
}
.racingEasterBunny.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Red.png");
}
.racingEasterBunny.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/EasterBunnyRacer_Yellow.png");
}
/* racing Elderly */
.racingElderly.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Aqua.png");
}
.racingElderly.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Blue.png");
}
.racingElderly.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Brown.png");
}
.racingElderly.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Gray.png");
}
.racingElderly.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Green.png");
}
.racingElderly.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Orange.png");
}
.racingElderly.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Pink.png");
}
.racingElderly.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Purple.png");
}
.racingElderly.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Red.png");
}
.racingElderly.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ElderlyRacer_Yellow.png");
}
/* racing Fish */
.racingFish.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Aqua.png");
}
.racingFish.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Blue.png");
}
.racingFish.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Brown.png");
}
.racingFish.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Gray.png");
}
.racingFish.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Green.png");
}
.racingFish.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Orange.png");
}
.racingFish.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Pink.png");
}
.racingFish.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Purple.png");
}
.racingFish.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Red.png");
}
.racingFish.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/FishRacer_Yellow.png");
}
/* racing Robots */
.racingRobots.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Aqua.png");
}
.racingRobots.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Blue.png");
}
.racingRobots.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Brown.png");
}
.racingRobots.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Gray.png");
}
.racingRobots.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Green.png");
}
.racingRobots.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Orange.png");
}
.racingRobots.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Pink.png");
}
.racingRobots.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Purple.png");
}
.racingRobots.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Red.png");
}
.racingRobots.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/RobotRacer_Yellow.png");
}
/* racing sleigh ride */
.racingSleighs.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Aqua.png");
}
.racingSleighs.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Blue.png");
}
.racingSleighs.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Brown.png");
}
.racingSleighs.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Gray.png");
}
.racingSleighs.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Green.png");
}
.racingSleighs.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Orange.png");
}
.racingSleighs.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Pink.png");
}
.racingSleighs.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Purple.png");
}
.racingSleighs.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Red.png");
}
.racingSleighs.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SleighrideRacer_Yellow.png");
}
/* racing St Patric */
.racingStPatrick.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_001.png");
}
.racingStPatrick.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_002.png");
}
.racingStPatrick.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_003.png");
}
.racingStPatrick.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_004.png");
}
.racingStPatrick.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_005.png");
}
.racingStPatrick.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_006.png");
}
.racingStPatrick.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_007.png");
}
.racingStPatrick.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_008.png");
}
.racingStPatrick.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_009.png");
}
.racingStPatrick.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDayRacer_010.png");
}
/* racing super */
.racingSuper.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Aqua.png");
}
.racingSuper.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Blue.png");
}
.racingSuper.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Brown.png");
}
.racingSuper.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Gray.png");
}
.racingSuper.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Green.png");
}
.racingSuper.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Orange.png");
}
.racingSuper.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Pink.png");
}
.racingSuper.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Purple.png");
}
.racingSuper.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Red.png");
}
.racingSuper.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/SuperRacer_Yellow.png");
}
/* racing turkeys */
.racingTurkey.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Aqua.png");
}
.racingTurkey.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Blue.png");
}
.racingTurkey.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Brown.png");
}
.racingTurkey.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Gray.png");
}
.racingTurkey.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Green.png");
}
.racingTurkey.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Orange.png");
}
.racingTurkey.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Pink.png");
}
.racingTurkey.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Purple.png");
}
.racingTurkey.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Red.png");
}
.racingTurkey.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/TurkeyRacer_Yellow.png");
}
/* racing zombies */
.racingZombie.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Teal.png");
}
.racingZombie.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Blue.png");
}
.racingZombie.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Brown.png");
}
.racingZombie.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Gray.png");
}
.racingZombie.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Green.png");
}
.racingZombie.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Orange.png");
}
.racingZombie.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Pink.png");
}
.racingZombie.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Purple.png");
}
.racingZombie.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Red.png");
}
.racingZombie.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ZombieRacers_Yellow.png");
}
/* racing St Patrick 2*/
.racingStPatrick2.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_1.svg");
}
.racingStPatrick2.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_2.svg");
}
.racingStPatrick2.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_3.svg");
}
.racingStPatrick2.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_4.svg");
}
.racingStPatrick2.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_5.svg");
}
.racingStPatrick2.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_1.svg");
}
.racingStPatrick2.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_2.svg");
}
.racingStPatrick2.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_3.svg");
}
.racingStPatrick2.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_4.svg");
}
.racingStPatrick2.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/StPatricksDay2Racer_5.svg");
}
/* racing Thanksgiving 1*/
.racingThanksgiving1.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_1.svg");
}
.racingThanksgiving1.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_2.svg");
}
.racingThanksgiving1.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_3.svg");
}
.racingThanksgiving1.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_4.svg");
}
.racingThanksgiving1.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_5.svg");
}
.racingThanksgiving1.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_1.svg");
}
.racingThanksgiving1.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_2.svg");
}
.racingThanksgiving1.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_3.svg");
}
.racingThanksgiving1.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_4.svg");
}
.racingThanksgiving1.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving1Racer_5.svg");
}
/* racing Thanksgiving 2*/
.racingThanksgiving2.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_1.svg");
}
.racingThanksgiving2.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_2.svg");
}
.racingThanksgiving2.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_3.svg");
}
.racingThanksgiving2.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_4.svg");
}
.racingThanksgiving2.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_5.svg");
}
.racingThanksgiving2.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_1.svg");
}
.racingThanksgiving2.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_2.svg");
}
.racingThanksgiving2.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_3.svg");
}
.racingThanksgiving2.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_4.svg");
}
.racingThanksgiving2.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Thanksgiving2Racer_5.svg");
}
/* racing Easter 2*/
.racingEaster2.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_1.svg");
}
.racingEaster2.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_2.svg");
}
.racingEaster2.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_3.svg");
}
.racingEaster2.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_4.svg");
}
.racingEaster2.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_5.svg");
}
.racingEaster2.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_6.svg");
}
.racingEaster2.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_7.svg");
}
.racingEaster2.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_8.svg");
}
.racingEaster2.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_9.svg");
}
.racingEaster2.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Easter2Racer_10.svg");
}
/* racing Valentine 1*/
.racingValentine1.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_1.svg");
}
.racingValentine1.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_2.svg");
    left: -28px;
}
.racingValentine1.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_3.svg");
    left: -28px;
}
.racingValentine1.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_4.svg");
    left: -28px;
}
.racingValentine1.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_5.svg");
    left: -28px;
}
.racingValentine1.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_1.svg");
}
.racingValentine1.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_2.svg");
    left: -28px;
}
.racingValentine1.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_3.svg");
    left: -28px;
}
.racingValentine1.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_4.svg");
    left: -28px;
}
.racingValentine1.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Valentine1Racer_5.svg");
    left: -28px;
}
/* racing Candy Land*/
.racingCandyLand.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_1.svg");
    left: -28px;
}
.racingCandyLand.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_2.svg");
    left: -28px;
}
.racingCandyLand.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_3.svg");
    left: -28px;
}
.racingCandyLand.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_4.svg");
    left: -28px;
}
.racingCandyLand.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_5.svg");
    left: -28px;
}
.racingCandyLand.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_6.svg");
    left: -28px;
}
.racingCandyLand.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_7.svg");
    left: -28px;
}
.racingCandyLand.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_8.svg");
    left: -28px;
}
.racingCandyLand.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_9.svg");
    left: -28px;
}
.racingCandyLand.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/CandyLandRacer_10.svg");
    left: -28px;
}
/* racing Christmas Carol*/
.racingChristmasCarol.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_1.svg");
}
.racingChristmasCarol.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_2.svg");
}
.racingChristmasCarol.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_3.svg");
}
.racingChristmasCarol.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_4.svg");
}
.racingChristmasCarol.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_5.svg");
}
.racingChristmasCarol.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_6.svg");
}
.racingChristmasCarol.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_7.svg");
}
.racingChristmasCarol.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_8.svg");
}
.racingChristmasCarol.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_9.svg");
}
.racingChristmasCarol.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/ChristmasCarolRacer_10.svg");
}
/* racing Halloween*/
.racingHalloween1.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_1.svg");
}

.racingHalloween1.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_2.svg");
}

.racingHalloween1.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_3.svg");
}

.racingHalloween1.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_4.svg");
}

.racingHalloween1.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_5.svg");
}

.racingHalloween1.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_6.svg");
}

.racingHalloween1.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_7.svg");
}

.racingHalloween1.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_8.svg");
}

.racingHalloween1.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_9.svg");
}

.racingHalloween1.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Halloween1Racer_10.svg");
}
/* racing Jungle 1*/
.racingJungle1.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_1.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_2.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_3.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_4.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_5.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_1.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_2.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_3.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_4.svg");
    position: absolute;
    left: 0px;
}
.racingJungle1.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle1Racer_5.svg");
    position: absolute;
    left: 0px;
}
/* racing Jungle 2*/
.racingJungle2.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_1.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_2.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_3.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_4.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_5.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_1.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_2.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_3.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_4.svg");
    position: absolute;
    left: 0px;
}
.racingJungle2.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/Jungle2Racer_5.svg");
    position: absolute;
    left: 0px;
}
/* racing Mask*/
.racingMask.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_1.svg");
}
.racingMask.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_2.svg");
}
.racingMask.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_3.svg");
}
.racingMask.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_4.svg");
}
.racingMask.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_5.svg");
}
.racingMask.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_1.svg");
}
.racingMask.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_2.svg");
}
.racingMask.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_3.svg");
}
.racingMask.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_4.svg");
}
.racingMask.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/MaskRacer_5.svg");
}
/* racing Plant*/
.racingPlant.One {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_1.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Two {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_2.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Three {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_3.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Four {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_4.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Five {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_5.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Six {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_1.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Seven {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_2.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Eight {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_3.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Nine {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_4.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}
.racingPlant.Ten {
    background-image: url("Images/Wallboards/WallboardView/Racing_Images/PlantRacer_5.svg");
    position: absolute;
    left: 0px;
    background-position: left;
}

.wvTargetTitle {
    font-size: 3vh;
    position: relative;
    width: 93%;
}

.wvRaceTarget {
    width: 93%;
    position: relative;
}

.racingLane {
    display: flex;
    align-items: center;
    position: relative;
}

.racingTrail {
    background-color: #FFF;
    width: 0px;
    /*height: 50%;*/
    height: 85%;
    max-height: 75px;
    transition: width 2s ease-in;
    -webkit-transition: width 2s ease-in;
    display:inline-block;
    position: relative;
    /*top: -37%;*/
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.teamName {
    float: left;
    color: #000;
    font-size: 2vw;
    margin-left: 2vw;
    margin-top: -1px;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
}

.wallboardViewData {
    float: right;
    color: #000;
    font-size: 2vw;
    margin-right: 50px;
    margin-top: -1px;
    height: 100%;
    display: flex;
    align-items: center;
}

.wvCustomItem {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    padding:17px;
    overflow:hidden;
}

/**********************************
    WALLBAORD SUMMARY SLIDE
**********************************/
.vhPreview {
    height: 39vh !important;
}

@media (max-height: 900px){
    .vhPreview {
        height: 34vh !important;
    }
}

@media (max-height: 750px){
    .vhPreview {
        height: 39vh !important;
    }
}

.summaryScrollMetricHeight {
    height: 267px;
}

.wvCustomItemLight {
    width: 100%;
    height: 100%;
    padding:17px;
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
}
.wvCustomItemDark {
    width: 100%;
    height: 110%;
    background: rgba(0,0,0,0.7);
    padding:17px;
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
}

.wvCustomSummaryHeaderLight {
    width: 96%;
    height: 4%;
    padding: 6px;
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
}
.wvCustomSummaryHeaderDark {
    width: 96%;
    height: 4%;
    padding: 6px;
    border-radius: 8px;
    background: rgba(0,0,0,0.7);
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}

.wvCustomSummaryMetricLight {
    width: 96%;
    height: 67%;
    padding:23px;
    padding-top: 0;
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}
.wvCustomSummaryMetricDark {
    width: 96%;
    height: 67%;
    padding:20px;
    padding-top: 0;
    margin-top: 1vh;
    border-radius: 8px;
    background: rgba(0,0,0,0.7);
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}
.wvCustomSummaryHeaderLightPreview {
    height: 20%;
    padding: 6px;
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    color: #fff;
}
.wvCustomSummaryHeaderDarkPreview {
    height: 20%;
    padding: 6px;
    border-radius: 8px;
    background: rgba(0,0,0,0.7);
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
    color: #fff;
}

.wvCustomSummaryMetricLightPreview {
    padding:23px;
    padding-top: 0;
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
    color: #fff;
}
.wvCustomSummaryMetricDarkPreview {
    height: 65%;
    padding:20px;
    padding-top: 0;
    margin-top: 1vh;
    border-radius: 8px;
    background: rgba(0,0,0,0.7);
    overflow:hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
    color: #fff;
}
.customSummaryTableRow {
    box-sizing: content-box;
    height: 30px;
    padding: 10px 0px;
    vertical-align: bottom;
    font-size: 1.5rem;
}

.titlePadding {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.summaryHeaderAreaDark {
    width: 88%;
    height: 5%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1vh;
    margin-bottom: 1vh;
    padding: 10px 30px;
    background: rgba(0,0,0,0.7);
    border-radius: 8px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}

.summaryHeaderAreaLight {
    width: 88%;
    height: 8%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1vh;
    margin-bottom: 1vh;
    padding: 10px 30px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
}

.summaryMeticAreaDark {
    width: 88%;
    height: 80%;
    margin: 2vh auto;
    padding: 10px 30px;
    background: rgba(0,0,0,0.7);
    border-radius: 8px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}

.summaryMetricAreaLight {
    width: 88%;
    height: 86%;
    margin: 1vh auto;
    padding: 10px 30px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
}

.summaryMeticAreaDarkTotals {
    width: 88%;
    height: 78%;
    margin: 1vh auto;
    padding: 10px 30px;
    background: rgba(0,0,0,0.7);
    border-radius: 8px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}

.summaryMetricAreaLightTotals {
    width: 88%;
    height: 78%;
    margin: 1vh auto;
    padding: 10px 30px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
}

.summaryTotalsAreaDark {
    width: 88%;
    height: 4%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1vh;
    margin-bottom: 1vh;
    padding: 10px 30px;
    background: rgba(0,0,0,0.7);
    border-radius: 8px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
    box-sizing: content-box;
}

.summaryTotalsAreaLight {
    width: 88%;
    height: 7%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1vh;
    padding: 10px 30px;
    overflow: hidden;
    text-shadow: 2px 2px 8px #000000;
}

/********************************
        FOR SMALL SCREENS
********************************/
.smallScreen {
    height: 71%;
}
@media (max-height: 900px){
    .summaryMeticAreaDarkTotals {
        width: 88%;
        height: 73%;
        margin: 1vh auto;
        padding: 10px 30px;
        background: rgba(0,0,0,0.7);
        border-radius: 8px;
        overflow: hidden;
        text-shadow: 2px 2px 8px #000000;
        box-sizing: content-box;
    }

    .summaryMetricAreaLightTotals {
        width: 88%;
        height: 70%;
        margin: 1vh auto;
        padding: 10px 30px;
        overflow: hidden;
        text-shadow: 2px 2px 8px #000000;
    }

    .summaryTotalsAreaDark {
        width: 88%;
        height: 4%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1vh;
        margin-bottom: 1vh;
        padding: 10px 30px;
        background: rgba(0,0,0,0.7);
        border-radius: 8px;
        overflow: hidden;
        text-shadow: 2px 2px 8px #000000;
        box-sizing: content-box;
    }

    .summaryTotalsAreaLight {
        width: 88%;
        height: 7%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1vh;
        padding: 10px 30px;
        overflow: hidden;
        text-shadow: 2px 2px 8px #000000;
    }  

    .summaryTableRow {
        font-size: 1.3rem;
        }

    .summaryMetricHeaders {
        font-size: 1.3rem;
    }

    .summaryMetricName {
        font-size: 1.3rem;
    }

    .summaryMetricData {
        font-size: 1.3rem;
    }

    .totalsFontSize {
        font-size: 1.5rem;
    }

    .wallboardSetupSummaryPreview {
        padding-top: 5px !important;
    }
}
/*****************************
        END SMALL SCREEN
*****************************/

.summaryTitle {
    text-align: center;
    font-size: 48px;
    width: 100%;
    margin-left: 10px;
    height: 63px
}

.summaryTotalsName {
    padding-left: 0px !important;
}

.summaryMetricHeaders {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #FFF;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    box-shadow: 0px 12px 8px -9px #000000;
    font-size: 1.5rem;
}

.row-backdrop {
    background: #000000;
}

.summaryTableRow {
  box-sizing: content-box;
  height: 34px;
  padding: 10px 0px;
  vertical-align: bottom;
  font-size: 1.5rem;
}

    .summaryTableRow.fullSlide {
        /*height: 0px;
        transition: height 0.5s;*/
        display:none;
    }

.summaryGroupName {
    width: 38.4%;
    display: inline-block;
    padding-left: 0px !important;
}

.summaryRank {
    width: 50px;
    display: inline-block;
    text-align: right;
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.summaryRankPreview {
    display: inline-block;
    text-align: right;
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.customSummaryRank {
    width: 38px;
    display: inline-block;
    text-align: right;
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.summaryMetricData {
    width: 17.6%;
    display: inline-block;
    text-align: right;
    padding: 0px 10px;
}

    .summaryMetricData.custom {
        /*width: 17.8%;*/
        width: 29.8%;
    }

.summaryMetricName {
    display: inline-block;
    font-size: 24px;
    text-align: right;
    padding: 5px 0px 0px;
}

.summaryName {
    display: inline-block;
    font-size: 24px;
    padding: 5px 0px 0px;
}

.customSummaryName {
    font-size: 24px;
    padding-top: 5px;
    padding-left: 0px !important;
}

.svgArea {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.agentSvgArea {
    width: 100%;
    height: 100%;
    display: flex;
	flex-direction:column;
    justify-content: center;
    align-items: center;
}

.wvGaugeItem {
    position: absolute;
    /*top: 9%;*/
    /*width: 100%;*/
    /*height: 82%;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

    .wvGaugeItem.greenTicks {
        background-image: url("Images/Wallboards/WallboardView/GaugeGreen.png");
    }

    .wvGaugeItem.redTicks {
        background-image: url("Images/Wallboards/WallboardView/GaugeRed.png");
    }

    .wvGaugeItem.yellowTicks {
        background-image: url("Images/Wallboards/WallboardView/GaugeYellow.png");
    }

    .wvGaugeItem.greenTicksSVG {
        background-image: url("Images/Wallboards/WallboardView/GreenGauge.svg");
    }

    .wvGaugeItem.redTicksSVG {
        background-image: url("Images/Wallboards/WallboardView/RedGauge.svg");
    }

    .wvGaugeItem.yellowTicksSVG {
        background-image: url("Images/Wallboards/WallboardView/YellowGauge.svg");
    }

    .wvGaugeItem.whiteTicksSVG {
        background-image: url("Images/Wallboards/WallboardView/GenericWhiteTickGauge.svg");
    }

.wvGaugeText {
    width: 100%;
    height: 100%;
    text-align: center;
}

.wvGaugeTitle {
    /*position: absolute;
    width: 100%;
    top: 6%;*/
    position: relative;
    width: 100%;
    top: -23%;
}

.wvGaugeData {
    /*position: absolute;
    top: 50%;
    width: 100%;
    font-size: 2vw;*/
    position: relative;
    top: 24%;
    width: 100%;
    font-size: 2vw;
}

.wvGaugeMetricName {
    /*position: absolute;
    bottom: -10px;
    width: 100%;*/
    position: relative;
    bottom: -55%;
    width: 100%;
}

.wvThermometer {
    background: url(Images/Wallboards/WallboardView/ThermometerBase.svg) center center no-repeat;
    height: 83%;
    background-size: contain;
}
.wvThermoBar {
    position: relative;
    max-height: 79%;
    border-radius: 4px;
    margin: auto auto 0 auto;
    transition: height 1s linear;
    -webkit-transition: height 1s linear;
    height: 0%;
}

.wvThermoDataBox {
    height: auto;
    max-width: 100%;
    min-width: 50%;
    background-color: #000;
    border: 2px solid #FFF;
    border-radius: 10px;
    text-align: center;
    font-size: 1.5vw;
    padding: 10px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    margin-top: auto;
}

    .wvThermoBar.greenThermo {
        background-color: #6ACF63; /* #B6FF00 */
        box-shadow: 0 0 10px 1px #FFF,
                0 0 50px 15px #6ACF63;
    }

    .wvThermoBar.redThermo {
        background-color: #EA3939;
        box-shadow: 0 0 10px 1px #FFF,
                0 0 50px 15px #EA3939;
    }

    .wvThermoBar.yellowThermo {
        background-color: #F4D760;
        box-shadow: 0 0 10px 1px #FFF,
                0 0 50px 15px #F4D760;
    }

    .wvThermoBar.grayThermo {
        background-color: #EEEEEE;
        margin: auto auto 14px auto;
        height: 100%;
        transition: initial;
        -webkit-transition: initial;
    }

.wvThermoTitleArea {
    /* position: absolute;
    bottom: -10%; */
    width: 100%;
    /*height: 13%;*/
    text-align: center;
}

.wvTopHeader {
    /*position: absolute;*/
    /*top: 20px;*/
    width: 100%;
    /*height: 13%;*/
    text-align: center;
    margin-bottom: 25px;
}

.wvThermoTitle,
.wvTopTitle {
    font-size: 2.5vw;
    /*border-bottom: 1px solid #FFF;*/
    margin: auto;
    width: 90%;
}

.wvThermoMetric,
.wvTopMetric {
    font-size: 1.9vw;
    width: 100%;
}

.wvTop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wvTopPodiumArea {
    /*width: 70%;
    height: 60%;
    margin: auto;
    padding: 12% 0px;*/
    width: 51%;
    height: 60%;
    /*margin: auto;*/
    /*padding-top: 7%;*/
}

.wvTopPodium {
    width: 32.4%;
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
    /*background-size: cover;
    background-repeat: no-repeat;
    background-image: url("Images/Wallboards/WallboardView/1stPlaceTopBox.svg");*/
    border-radius: 12px;
    background: linear-gradient(to bottom right, gray, black);
}

    .wvTopPodium.topOne {
        /*border: 1px solid #E6B400;
        background: rgba(230,180,0,0.3);*/
    }

    .wvTopPodium.topTwo {
        height: 90%;
        /*border: 1px solid #C0C0C0;
        background: rgba(192,192,192,0.3);*/
    }

    .wvTopPodium.topThree {
        height: 80%;
        /*border: 1px solid #D17C00;
        background: rgba(209,127,0,0.3);*/
    }

.wvTopPosition {
    /*font-size: 20px;
    margin-left: 10px;*/
    position: relative;
    width: 45px;
    height: 45px;
    top: -28%;
    left: 10px;
}

.wvTopFirstPlace {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("Images/Wallboards/WallboardView/TopMod1st.svg");
}

.wvTopSecondPlace {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("Images/Wallboards/WallboardView/TopMod2nd.svg");
}

.wvTopThirdPlace {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("Images/Wallboards/WallboardView/TopMod3rd.svg");
}

.wvTopImage {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*border: 2px solid #000;*/
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #FFF;
    position: relative;
    top: -20px;
}

.wvTopData {
    text-align: center;
    width: 100%;
    position: relative;
    top: 3%;
}

.wvTopAgentName {
    font-size: 1vw;
    width: 100%;
}

.wvTopMetricValue {
    font-size: 1.5vw;
}

.wvImageItem 
{
    background-size: contain;
    height: 100%;
    width: 100%;
}

.wvTextItem 
{
    margin: auto;
    text-align: center;
}

.errorCharacter {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("Images/Wallboards/WallboardView/SadJellyBean.svg");
    width: 100px;
    height: 100px;
    display: inline-block;
}

.sadErrorBox {
    width: 90%;
    max-width: 600px;
    margin: auto;
    font-size: 28px;
    border: 1px solid #CFCFCF;
    border-radius: 15px;
    padding: 15px;
}

.leaderboardHeader {
    width: 90%;
    height: 15%;
    margin: auto;
    /*text-align: center;*/
    font-size: 9vh;
}

.leaderboardContent {
    width: 90%;
    height: 80%;
    margin: auto;
    display: flex;
}

.leaderboardContentLeft {
    width: 60%;
    height: 100%;
    display: flex;
    vertical-align: top;
    flex-direction: column;
    justify-content: space-evenly;
}

.leaderboardContentRight {
    width: 39%;
    height: 100%;
    display: flex;
    /*border-left: 1px solid #FFF;*/
    vertical-align: top;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-end;
}

.lRowHighlight {
    position: absolute;
    background-color: #007CBE;
    opacity: 0.63;
    transition: top 0.5s linear;
}

.leaderboardRow {
    font-size: 5vh;
    display: flex;
    width: 90%;
    padding-left: 20px;
    z-index: 1;
}

.leaderboardRow .lPosition {
    display: inline-block;
    display: none;
    width: 13%;
}

.leaderboardRow .lName {
    display: inline-block;
    display: none;
    width: 63%;
}

.leaderboardRow .lMetricData {
    display: inline-block;
    display: none;
    width: 24%;
    text-align: center;
}

.lCurrentName {
    text-align: center;
    font-size: 5vh;
}

.lImageBackground {
    /*background: url("Images/Wallboards/WallboardView/LeaderboardRing.svg");*/
    /*margin: auto;*/
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
    height: 78.4%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.lImage {
    /*margin: auto;*/
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #FFF;
    border: 6px solid #FFF;
}

.achViewport {
    overflow: hidden;
    width: 100%;
    /*max-width: 74vw;*/
    height: 95%;
    max-height: 33vh;
}

.achCarousel {
    /*overflow: hidden;*/
    /*width: 100%;*/
    /*height: 95%;*/
    white-space: nowrap;
    transition: left 1s;
    -webkit-transition: left 1s;
    position: relative;
    left: 0px;
}

.achSlide {
    height: 100%;
    position:absolute;
    left: 0px;
    transition: left 1s;
    -webkit-transition: left 1s;
    overflow: hidden;
}

.aTileItem {
    display: inline-block; 
    overflow: hidden; 
    width: 15%; 
    max-width: 11vw;
    height: 100%; 
    margin: auto 10px;
    transition: left 1s;
    -webkit-transition: left 1s;
    position: relative;
    left: 0px;
}

.achTile {
    height: 100%;
    /*width: 15%;*/
    width: 100%;
    text-align: center;
    border-radius: 12px;
    background: linear-gradient(to bottom right, gray, black);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fadedEdges {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% + 34px);
    height: calc(100% + 34px);
    background: linear-gradient(to right, black 5%, transparent 25%, transparent 50%, transparent 75%, black 95%);
}

.aImage {
    background: #FFF;
    border: 3px solid #FFF;
    border-radius: 50%;
    width: 90%;
    height: 68%;
    margin-top: 10%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aBadge {
    background: #FFF;
    width: 95%;
    height: 10%;
    position: relative;
    top: -4%;
    border-radius: 3px;
    color: #000;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 2vh;
}

.aBadgeImg {
    width: 30%;
    height: 207%;
    background: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.aLoginName {
    font-size: 2vh;
    width: 90%;
    height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .aLoginName .aName {
        width: 100%;
    }
.spotlightImageColumn 
{
    flex: 443;
    width: 0px;
    margin-top: calc(8vh - 20px);
    margin-bottom: calc(8vh - 20px);
    padding-left: 2vw;
    padding-right: 3.5vw;
    height: calc(84vh - 78px);
}
.spotlightDataColumn 
{
    flex: 557;
    width: 0px;
    margin-top: calc(9.5vh - 20px);
    margin-bottom: calc(11.5vh - 20px);
    height: calc(79% + 40px);
}
.spotlightTitleName 
{
    height: 100px;
    font-size: 72px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: calc(3.8vh - 20px);
    margin-left: 4%;
    margin-right: 4%;
    box-shadow: 0px 12px 8px -9px #000000;
}
.spotlightDataBox 
{
    margin: 10px;
    margin-top: calc(5.2vh - 20px);
    margin-bottom: calc(11.5vh - 20px);
    margin-left: 5%;
    margin-right: 4%;
    height: calc(79.5vh - 235px);
    width: 91%;
}
.spotlightBioText 
{
    position:relative;
    right:100%;
    transition: right 1s ease;
}
.spotlightImageHolder 
{
    height:100%;
}
.spotlightHobbyHeader 
{
    font-size: 48px;
    /*text-align:center;*/
    margin-left:18%;
    margin-bottom: calc(5.2vh - 20px);
    display:none;
}
.spotlightHobbyHolder 
{
    max-height: calc(94.8% - 68px);
    font-size: 42px;
    margin-left: 24%;
    overflow: hidden;
}
.spotlightHobbyItem 
{
    display:none;
}

.agentCounterLabel 
{
  display:none;
}
.agentCounterPathText 
{
  transition: height 1s ease-out, width 1s ease 0.5s;
}
.agentCounterPath 
{
  transition: d 1s linear;
}
.wvAgentCounterText 
{
  height: 15%;
  width:100%;
  text-align: center;
}
.settingsAgentCounterPreviewHolder
{
  width: 100%;
  position: relative;
}
.settingsAgentCounterPreviewHolder.None 
{
  height:300px;
  top:0px;
}
.settingsAgentCounterPreviewHolder.Label 
{
  height:275px;
  top:-25px;
}
.settingsAgentCounterPreviewHolder.Legend 
{
  height:275px;
  top:0px;
}
.settingsAgentCounterPreviewHolder.Both 
{
  height:250px;
  top:-25px;
}
.settingsAgentCounterModuleLabel 
{
    text-align: center;
    color: #FFF;
    font-size: 38px;
	text-shadow: 2px 2px 8px #000000;
}
.settingsAgentCounterTotalLabel 
{
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    line-height: 32px;
    pointer-events: none;
	color: #FFFFFF;
	text-shadow: 2px 2px 8px #000000;
}
.settingsAgentCounterTotalLabel.None 
{
  top: 45%;
}
.settingsAgentCounterTotalLabel.Label 
{
  top: 48%;
}
.settingsAgentCounterTotalLabel.Legend
{
  top: 40%;
}
.settingsAgentCounterTotalLabel.Both
{
  top: 45%;
}
.settingsAgentCounterPreviewLegend 
{
    height: 50px;
    margin-top: -20px;
    margin-left: 16px;
	text-shadow: 2px 2px 8px #000000;
}
.settingsAgentCounterPreviewLegend.Both 
{
  margin-top: -45px;
}
.settingsAgentCounterPreviewLegend .legendText 
{
    font-size: 14px;
    color: #FFFFFF;
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.settingsAgentCounterPreviewLegend .legendItem 
{
  width: 12px;
  height: 12px;
  margin-right: 8px;
  margin-left: 8px;
}
.settingsAgentCounterPreviewLegend .legendItem.red 
{
  background-color:rgba(189,32,38,1);
}
.settingsAgentCounterPreviewLegend .legendItem.green 
{
  background-color:rgba(61,150,73,1);
}
.settingsAgentCounterPreviewLegend .legendItem.yellow
{
  background-color:rgba(228,179,33,1);
}
.settingsAgentCounterPreviewLegend .legendItem.orange
{
  background-color:rgba(241,102,34,1);
}
.settingsAgentCounterPreviewLegend .legendItem.purple 
{
  background-color:rgba(124,82,191,1);
}
.wallboardSetupCustomCounterLegend 
{
    height: calc(5% + 26px);
    position: relative;
	top: -32px;
	align-items: center;
}
.wallboardSetupCustomCounterLegend .legendItem 
{
  width: 12px;
  height: 12px;
  margin-right: 8px;
  margin-left: 8px;
}
.wallboardSetupCustomCounterLegend .legendText 
{
    font-size: 14px;
    color: #FFFFFF;
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wallboardSetupCustomCounterLegend .legendItem.red 
{
  background-color:rgba(189,32,38,1);
}
.wallboardSetupCustomCounterLegend .legendItem.green 
{
  background-color:rgba(61,150,73,1);
}
.wallboardSetupCustomCounterLegend .legendItem.yellow
{
  background-color:rgba(228,179,33,1);
}
.wallboardSetupCustomCounterLegend .legendItem.orange
{
  background-color:rgba(241,102,34,1);
}
.wallboardSetupCustomCounterLegend .legendItem.purple 
{
  background-color:rgba(124,82,191,1);
}
.wallboardSetupAgentCounterTotalLabel
{
  width: 100%;
  position: absolute;
  top: calc(50% - 32px);
  left: 0;
  text-align: center;
  font-size: 120px;
  font-weight: bold;
  line-height: 32px;
  pointer-events: none;
  color: #FFFFFF;
}

.wvCurrentAgentStatesTitle {
    height: 13%;
}

@media (max-height: 800px){
    .wvCurrentAgentStatesTitle {
        height: 31%;
    }
}

@media (max-height: 900px) and (min-height: 801px){
    .wvCurrentAgentStatesTitle {
        height: 23%;
    }
}

.wvCurrentAgentStatesTableData
{
  font-size: 34px;
  height: 80%; /* For browsers that do not support calc() */
  height: calc(100% - 140px);  
  display: flex;
  flex-flow: row nowrap;
}
.wvCurrentAgentStatesColumn
{
  flex: 1;  
  border-radius: 12px;
  padding: 8px;
  margin: 8px;
  overflow: hidden;
}
.wvCurrentAgentStatesColumnHeader
{
  height: 62px;
}
.wvCurrentAgentStatesColumnTitle
{
    flex: 1;
}
.wvCurrentAgentStatesQueueDataContainerRight
{
  display: inline-block; 
  width: 33%; 
  text-align: center; 
  background-color: rgba(0,0,0,0.4); 
  border-top-right-radius: 12px; 
  border-bottom-right-radius: 12px;
}
.wvCurrentAgentStatesQueueDataContainerLeft
{
  display: inline-block; 
  width: 33%; 
  text-align: center; 
  background-color: rgba(0,0,0,0.4); 
  border-top-left-radius: 12px; 
  border-bottom-left-radius: 12px;
}
.wvCurrentAgentStatesQueueDataContainerMiddle
{
  display: inline-block; 
  width: 34%; 
  text-align: center; 
  background-color: rgba(0,0,0,0.4); 
}
.wvCurrentAgentStatesTotalBox
{
  background-color: green;
  padding: 4px;
  border-radius: 4px;
  float: right;
  margin-left: 8px;
  margin-right: 8px;
  width: 54px;
  height: 54px;
  position: relative;
}
.wvCurrentAgentStatesTotalBox span
{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wvCurrentAgentStatesRow
{
  font-size: 28px;
  display: flex;
  flex-flow: row nowrap;
  height: 58px;
  padding: 10px 0px;
  vertical-align: bottom;
  box-sizing: border-box;
}
.wvCurrentAgentStatesStateBox
{
  background-color: green;
  border-radius: 4px;
  margin: 0px 10px;
  text-align: center;
}

.wvCurrentAgentStatesStateIndicator
{
  width: 24px;
  height: 24px;
  background-color: #7C52BF;
  border-radius: 50%;
  margin-top: 22px;
}

.wvCurrentAgentStatesGridCell
{
  height: 61px;
  padding: 10px 0px;
}

.wvChallengeIcon {
    background-image: url("https://findicons.com/files/icons/772/token_light/128/games.png");
}

.wvCASEllip
{
  white-space: nowrap; 
  min-width: 0; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}

.wvTimeCell
{
  text-align: right;
}
/* End Wallboards View */

/*#endregion End Context Menu*/

/*#region ------------------- Tool Tip -----------------------------*/
 .cv-tooltip 
{
	position:absolute;
	background-color: #EFF0F6;
	display:none;
	border:1px solid #767676;
	/*Dropshadow*/
	-moz-box-shadow: 3px 3px 10px 0px #000;
	-webkit-box-shadow: 3px 3px 10px 0px #000;
	box-shadow: 3px 3px 10px 0px #000;	
	z-index: 3;
}

.cv-tooltip div 
{
	margin: 3px;
}
/*#endregion End Tool Tip*/

/*#region ------------------- QA Popup Scores -----------------------------*/
.qaScoresPopup, .qaAnswersPopup {
	max-height: 400px;
	overflow: auto;
}

.qaRow td, .assignedTrainingRow td, .completedTrainingRow td
{
	border-bottom: 1px solid #BCBCBC;
}

.qaRow:hover {
	background-color: #9FD5F2;
}
/*#endregion End QA Popup Scores */

.dgFormBreakdown tr td
{
    height: 14px;
}

/*#region ------------------- Module Grid Area ---------------------*/
.moduleMenu 
{
	height: 262px !important;	
}

.moduleHolder.clickable.modulePlaceHolder.moduleItem.ui-draggable.moduleMenu { padding-top: 8px; }

.modulePlaceHolder.moduleMenu:not(.ui-draggable-dragging),
.dblModulePlaceHolder.moduleMenu:not(.ui-draggable-dragging),
.trplModulePlaceHolder.moduleMenu:not(.ui-draggable-dragging)
{ padding-top: 18px; }

.modulePlaceHolder.moduleMenu.ui-draggable-dragging,
.dblModulePlaceHolder.moduleMenu.ui-draggable-dragging,
.trplModulePlaceHolder.moduleMenu.ui-draggable-dragging
{ padding-top: 8px; }

#webParts .modulePlaceHolder,
body > .modulePlaceHolder
{
	float: left;	
    width: 346px;
	min-height: 260px;
	background-color: white;
	border: 2px dashed #567A9C;
	margin: 5px 0px 10px 15px;
}

#webParts .dblModulePlaceHolder,
body > .dblModulePlaceHolder
{
	float: left;	
    width: 711px;
	min-height: 260px;
	background-color: White;
	border: 2px dashed #567A9C;
	margin: 5px 0px 10px 15px;
}

#webParts .trplModulePlaceHolder,
body > .trplModulePlaceHolder
{
	float: left;	
    width: 1076px;
	min-height: 260px;
	background-color: White;
	border: 2px dashed #567A9C;
	margin: 5px 0px 10px 15px;
}

#webParts:after
{
	clear: both;
	content:'.';
	display:block;
	height:0;
	line-height:0;
	font-size:0;
	visibility:hidden;
	padding: 0;
}

.moduleAreaContainer {
	width: 96%;	
    min-height: calc(100vh - 150px); 
	list-style-type: none;	
	padding: 0;
	transition: min-height linear 0s;
}

.moduleAreaContainer.masterSettingsOpen { min-height: calc(100vh - 330px); }

.resizeHelper 
{
	border: 2px dashed Black;
    background-color: #B7B4B3;
    opacity: .2;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}
/*#endregion End Module Grid Area */

/*#region -------------------Module Pull Out------------------------*/
.modulePullOutContainer, .subscriptionPullOutContainer
{	
	height:522px;
	overflow:hidden;	
}

.modulePullOutBox
{	
	min-height:155px;		
	background-color: #252e33;
}

.subscriptionPullOutInnerContainer
{
	height:566px;
	overflow:hidden;
}

.modulePullOutInnerContainer {
    height:527px;
	overflow:hidden;
}

.modulePullOutItem 
{
	color:White;
	Background-color:#344B56;
}

.modulePullOutAltItem 
{
	color:White;
	Background-color:#252E33;
}

.moduleGroupHeader
{
	background-color: #EFEFEF;    
    padding: 2px 2px 2px 18px;
    height: 27px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    border-bottom: 1px solid #D1D3D4;
}

.moduleHolder {
    padding: 8px 16px;
}
.moduleHolder:hover { background-color: #EAF4FA; }

.moduleContainerContent
{
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
}

.moduleName
{
	color: #676868;
	display: block;
    padding: 0px 16px;
    font-size: 14px;
}

.moduleItem.ui-draggable-dragging img, 
.moduleItem.ui-draggable.modulePlaceHolder img,
.moduleItem.ui-draggable.dblModulePlaceHolder img,
.moduleItem.ui-draggable.trplModulePlaceHolder img
 { margin: 100px auto 0px auto; }

.modulePullOutContainer .moduleItem.ui-draggable img { margin: 0px; }

.moduleFavoriteControl {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease;
}
.moduleFavoriteControl:hover { background-size: 26px; }
    .moduleFavoriteControl.empty {
        background-image: url(Images/CoreTheme/Dashboard/Favorite-Star-Empty.svg);
    }
    .moduleFavoriteControl.filled {
        background-image: url(Images/CoreTheme/Dashboard/Favorite-Star-Filled.svg);
    }

.moduleFavoriteHeaderImage {
    background-image: url(Images/CoreTheme/Dashboard/Favorite-Star-Filled.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    margin-top: 2px;
}

.moduleHoverContainer {
    /*display: none;*/
    position: absolute;
    width: 424px;
    top: 61px;
    transition: all 0.5s ease;
    opacity: 0;
}

.moduleHoverContainer.opened {
    left: -776px;
    opacity: 1;
}

.moduleHoverContainer.closed {
    left: -424px;
    opacity: 0;
}

.moduleHoverContainer.show {
    display: block;
}

.moduleHoverContainer.hide {
    display: none;
}

.moduleHoverTab {
    background-color: #666;
    color: white;
    border-radius: 5px 5px 0px 0px;
    height: 28px;
    min-width: 200px;
    max-width: 220px;
    text-align: center;
    padding: 0 8px;
}

.moduleHoverContent {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #efefef;
}

    .moduleHoverContent .row {
        flex-direction: row;
    }

.moduleHoverImageContainer {
    padding: 16px 4px 4px 4px;
    align-items: center;
    justify-content: center;
}

.moduleHoverDescriptionArea {
    max-height: 184px;
    padding: 0px 4px 4px 4px;
}

.moduleHoverDetailsHeader {
    margin: 0;
    padding-bottom: 4px;
}

.overflowVisible {
    overflow: visible;
}

/*#endregion End ModulePullOut*/

/*#region -------------------Subscription Pull Out------------------------*/
.subscriptionItem
{
	width: 340px;
	margin: 0px 5px;
	padding: 0px 13px;
	height: 52px;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	color: #333;
	line-height: 50px;
}

.subscriptionItem:hover
{
}

.subscriptionItem.subscriptionCreation 
{
	width: 273px;
}

.subscriptionPullOutBox
{
	width: 100%;
}

.subscriptionPullOutItem 
{
}

.subscriptionPullOutAltItem 
{
}
/*#endregion End SubscriptionPullOut*/

/*#region -------------------------------MODULES----------------------------*/
/*-- Win Loss Module --*/
.winLossExpand
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url(Images/collapse.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.winLossCollapse
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url(Images/expand.png) !important;
	background-position: center center;
	background-repeat: no-repeat;
}
/*End Win Loss Module*/

/*-- Gauge Module --*/
.gaugeBack
{
	width: 298px;
	height: 236px;
	background: none;    
}
.views .gaugeBack { margin-left: 25px; }
/*End Gauge Module*/

/*-- Metric Image Module --*/
.metricImageBack {
    padding: 0px 8px;
}

.metricImageContainer {
    text-align: center;
    margin-top:20px;
    display: inline-block;
    font-weight: bold;
}

.metricImageValue {
    width: 100%;
}

.metricImageName {
    width: 100%;
}

.metricImageWidth33pct {
    width: 33%;
}

.metricImageWidth50pct {
    width: 50%;
}

.metricImageWidth100pct {
    width: 100%;
}

.metricImageRed {
    color: #E84F5B;
}

.metricImageYellow {
    color: #FFB000;
}

.metricImageGreen {
    color: #3FD880;
}

.metricImageGray {
    color: #788196;
}

.metricImageTextSmall {
    font-size: 90%;
}

.metricImageTextLarge {
    font-size: 120%;
}

/*-- Historical Metrics Module --*/
.parentRow .expand
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url(Images/collapse.png) !important;
	background-position: center center;
	background-repeat: no-repeat;
}

.parentRow .collapse
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url(Images/expand.png) !important;
	background-position: center center;
	background-repeat: no-repeat;	
}
/*End Historical Metrics Module*/

/*Recording Search Page*/
.recordingSearchDateAreaContainer 
{
    width: 580px;
    display: flex;
    margin-left: 10px;
    margin-top:20px;
}
.recordingSearchDateAreaContainer input
{
    border-radius:3px;
    padding:1px;
}
.recordingSearchCalendar 
{
    background-image: url("Images/CoreTheme/Calendar-25.png");
    float: right;
    margin-top: 13px;
    margin-right: 1px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    position: relative;
    top:-38px;
}
.recordingSearchCalendarInput
{
    width: 122px;
    height: 25px;
    display: inline-block;
}
.recordingSearchLengthInput
{
    width: 96px;
    height:19px;
    display: inline-block;
}
.recordingSearchContactArea {
  width: 30%;
  margin-right: 3%;
}

.recordingSearchReloadDataBtnContainer 
{
    margin: 20px 0px 20px 10px;
    width: 100%;
}
.recordingSearchReloadDataBtn
{
    width: 125px;
    height: 35px;
    text-align: center;
    font-size: 20px;
    border-radius: 25px;
    background-color: #0078AC;
    color: white;
    cursor: pointer;
    display: inline-block;
    border: none;
    outline: none;
}
/*End Recording Search Page*/

/*Quality Score Page*/
.displayMonitoredScoresClosedArrow 
{
    width: 7px;
    height: 10px;
    position: relative;
    top: 33%;
    transform: rotate(-90deg);
    margin-left:5px;
}
.displayMonitoredScoresOpenArrow 
{
    width: 7px;
    height: 10px;
    position: relative;
    top: 33%;
    transform: rotate(180deg);
    margin-left:5px;
}
.displayMonitoredScoresFormBtn 
{
    background-image: url(Images/CoreTheme/ClipboardSM.png);
    width: 20px;
    height: 28px;
    background-color: inherit;
    margin-right: 2px;
    padding: 0px;
    border: 1px;
    cursor: pointer;
}
.displayMonitoredScoresFormBtn:hover
{
    background-color: #EEEEEE;
}
.monitoredScoresTopTabActive, .coachingAdminTopTabActive
{
	color: #788196;
    padding-left: 10px;
    background-color: #bfd8ff;
    border: 1px solid transparent;
}
.monitoredScoresTopTabActive:hover, .coachingAdminTopTabActive:hover
{
	border: 1px solid #000000;
    cursor: pointer;
}
.coachingAdminTypeSelectorContainer 
{
    width: 200px;
}
.monitoredScoresForm:nth-child(even), .coachingAdminType:nth-child(even)
{
    background-color:#F4F4F4;
}
.monitoredScoresForm:nth-child(odd), .coachingAdminType:nth-child(odd)
{
    background-color: #F4F4F4;
    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
}
.monitoredScoresForm:hover, .coachingAdminType:hover
{
    border: 1px solid #000000;
    cursor: pointer;
}
.monitoredScoresForm, .coachingAdminType
{
    color:#788196;
    padding-left: 10px;
    border: 1px solid transparent;
}
.miniButton 
{
    height: 42px;
    border: 2px solid black;
    float: left;
    width: 150px;
    border-radius: 25px;
    cursor: pointer;
    background: 0;
    outline: 0;
    color: black;
}
.filterPopupItem:nth-of-type(odd) 
{
    background-color: #EEEEEE;
    border: 1px solid transparent;
    border-bottom: 1px solid #BCBCBC;
    color: #788196 !important;
    cursor: pointer;
    padding: 3px 4px 2px 4px;
    overflow-x: hidden;
}
.filterPopupItem:nth-of-type(even) 
{
    background-color: #FAFAFA;
    border: 1px solid transparent;
    border-bottom: 1px solid #BCBCBC;
    color: #788196 !important;
    cursor: pointer;
    padding: 3px 4px 2px 4px;
    overflow-x: hidden;
}
.filterPopupItem:hover 
{
    border: 1px solid black;
}
.monitoredScoresDateinvalid 
{
    color:red !important;
}
.monScoresPreviewHeader 
{
    display: flex;
    flex-flow: row nowrap;
    border: 1px solid #A7B0C6;
    font-weight:bold;
    font-size:16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 4%;
    margin-right: 4%;
}
.monScoresPreviewContainer 
{
    display: flex;
    flex-flow: row nowrap;
    border: 1px solid #A7B0C6;
    border-top:0px;
    margin-left: 4%;
    margin-right: 4%;
    min-height: 30px;
}
.monScoresPreviewQuestionPosition 
{
    display: flex;
    flex: 1;
    border-right: 1px solid #A7B0C6;
    padding: 1px;
    min-width:50px;
}
.monScoresPreviewQuestionName 
{
    display: flex;
    flex: 10;
    border-right: 1px solid #A7B0C6;
    padding-left: 2px;
}
.monScoresPreviewAnswerText 
{
    display: flex;
    flex: 10;
    padding-left: 2px;
}
.monDispRecPopupHeader 
{
    display: flex;
    font-size: 14px;
    font-weight: bold;
    flex-flow: row nowrap;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid #A7B0C6;
	color:#353A40;
	justify-content:space-around;
}
.monDispRecPopupContentHeaderContact 
{
    flex: 2;
    margin-right: 24px;
    min-width: 96px;
    max-width: 128px;
}
.monDispRecPopupContentHeaderAgent 
{
    flex: 4;
    min-width: 168px;
    max-width: 200px;
    margin-right: 24px;
}
.monDispRecPopupContentHeaderForm 
{
    flex: 6;
    margin-right: 24px;
    min-width: 240px;
    max-width: 272px;
}
.monDispRecPopupContentHeaderSub 
{
    flex: 4;
    min-width: 136px;
    max-width: 168px;
    margin-right: 24px;
}
.monDispRecPopupContentHeaderDate 
{
  min-width:88px;
  max-width:88px;
  margin-right: 24px;
}
.monDispRecPopupContentHeaderScore 
{
  min-width:48px;
  max-width:48px;
  margin-right: 24px;
}
.monDispRecPopupContentHeaderDispute 
{
  min-width:48px;
  max-width:48px;
  margin-right: 24px;
}
.monDispRecPopupContentHeaderAlert 
{
  min-width:48px;
  max-width:48px;
  margin-right: 24px;
}
.monDispRecPopupContentHeaderDisp 
{
    flex: 4;
    min-width: 176px;
    max-width: 208px;
    margin-right: 24px;
}
.monDispRecPopupLevel 
{
    display: flex;
    flex-flow: row nowrap;
    justify-content:space-around;
}
.monDispRecPopupLevel:hover 
{
    background-color:#EAF4FA;
}
.monDispRecPopupContact 
{
    display: flex;
    flex: 2;
    margin-right: 24px;
    min-width: 96px;
    max-width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monDispRecPopupAgent 
{
    display: flex;
    flex: 4;
    margin-right: 24px;
    min-width: 168px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.monDispRecPopupForm 
{
    display: flex;
    flex: 6;
    margin-right: 25px;
    min-width: 240px;
    max-width: 272px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monDispRecPopupSub 
{
    display: flex;
    flex: 4;
    margin-right: 24px;
    min-width: 136px;
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.monDispRecPopupDate 
{
    display: flex;
    min-width: 88px;
    max-width: 88px;
    margin-right: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monDispRecPopupScore 
{
    display: flex;
    min-width: 48px;
    max-width: 48px;
    margin-right: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monDispRecPopupDispute 
{
    display: flex;
    min-width: 48px;
    max-width: 48px;
    margin-right: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
	justify-content:center;
}
.monDispRecPopupDisputeIcon 
{
    background-image: url(Images/CoreTheme/checkmark_icon.png);
    width: 13px;
    height: 11px;
}
.monDispRecPopupAlerts 
{
    display: flex;
    min-width: 48px;
    max-width: 48px;
    margin-right: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monDispRecPopupDisp 
{
    display: flex;
    flex: 4;
    margin-right: 24px;
	min-width:176px;
	max-width:208px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.monDispRecPopupBtn 
{
    min-width:31px;
	max-width:31px;
    border: none;
}
.monDispRecPopupInputBtn 
{
    background-image: url(Images/CoreTheme/ClipboardSM.png);
    width: 20px;
    height: 28px;
    background-color: inherit;
    margin-top: 2px;
    padding: 0px;
    border: 1px;
    cursor: pointer;
}
.monDispRecPopupInputBtn:hover
{
    background-color: #EEEEEE;
}

.displayMonitoredBotGroup 
{
    color: #10bc4d;
}
.displayMonitoredParentGroup 
{
    font-weight: bold;
}
.displayMonitoredFadedGroup 
{
    color: #D5D5D5;
}
.displayMonitoredQuestion 
{
    color:#137EA1;
    font-weight: bold;
}
.displayMonitoredQuestionBot
{
    color:#137EA1;
}
.DispMonitoredScoresContent 
{
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    cursor: default;
}
.DispMonitoredScoresHeader 
{
    display: flex;
    font-size: 30px;
    border-bottom: 2px solid black;
}
.DispMonitoredScoresHeaderContentLeft 
{
    width: 500px;
}
.DispMonitoredScoresHeaderContentRight 
{
    width: 150px;
}
.DispMonitoredScoresHeaderContentMid1 
{
    width: 150px;
}
.DispMonitoredScoresHeaderContentMid2 
{
    width: 150px;
}
.DispMonitoredScoresInfoLevel1 
{
    display: flex;
    font-size: 25px;
}
.DispMonitoredScoresInfoLevel2 
{
    display: flex;
    font-size: 25px;
}
.DispMonitoredScoresInfoLevel3 
{
    display: flex;
    font-size: 25px;
}
.DispMonitoredScoresInfoLevel4 
{
    display: flex;
    font-size: 25px;
}
.DispMonitoredScoresInfoLevel5 
{
    display: flex;
    font-size: 25px;
}
.monitoredScoresAgentLevel:nth-of-type(odd) 
{
    background-color: #E8E8E8;
    border: 1px solid transparent;
    border-radius: 5px;
}
.monitoredScoresAgentLevel:nth-of-type(even) 
{
    background-color: #F4F4F4;
    border: 1px solid transparent;
    border-radius: 5px;
}
.DispMonitoredScoresInfoCompany 
{
    display: flex;
    width: 500px;
}
.DispMonitoredScoresInfoCompanyL2
{
    display: flex;
    width: 490px;
    margin-left:10px;
}
.DispMonitoredScoresInfoCompanyL3 
{
    display: flex;
    width: 480px;
    margin-left:20px;
}
.DispMonitoredScoresInfoCompanyL4 
{
    display: flex;
    width: 470px;
    margin-left:30px;
}
.DispMonitoredScoresInfoAgent 
{
    display: flex;
    width: 435px;
    padding-left: 25px;
    margin-left:40px;
}
.DispMonitoredScoresInfoCount 
{
    width: 150px;
}
.DispMonitoredScoresInfoScore 
{
    width: 150px;
}
.DispMonitoredScoresInfoAlerts 
{
    width: 150px;
}
.DispFormScoresInfolabel 
{
    margin-left:3px;
}
.MonDispPrevBtn 
{
    display: inline-block;
    float: right;
    position: relative;
    left: -20px;
    top: -6px;
}
/*.MonDispPrevBtn 
{
    height: 26px;
    width: 60px;
    float:right;
    position: relative;
    left: -20px;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
    border: 0 none;
    color: #FFF;
    text-transform: uppercase;
    border-bottom: 1px solid #003AA9;
    cursor: pointer;
    background: #1B9EFF;
    background: -moz-linear-gradient(top, #1B9EFF 0%, #0034e2 100%);
    background: -webkit-linear-gradient(top, #1B9EFF 0%,#0034e2 100%);
    background: linear-gradient(to bottom, #1B9EFF 0%,#0034e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B9EFF', endColorstr='#0034E2', GradientType=0 );
}
.MonDispPrevBtn:hover
{
    background: #469BFF;
    background: -moz-linear-gradient(top, #469BFF 0%, #0058FF 100%);
    background: -webkit-linear-gradient(top, #469BFF 0%,#0058FF 100%);
    background: linear-gradient(to bottom, #469BFF 0%,#0058FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469BFF', endColorstr='#0058FF',GradientType=0 );
}*/
.MonDispPrevExportContainer 
{
    height: 20px;
    float: right;
    margin-right: 32px;
	margin-top:-3px;
    display: flex;
    font-size: 14px;
}
.MonDispPrevExportBreakdownHeader 
{
    margin-top: 22px;
    color: #FFFFFF;
}
.MonDispPrevExportBtn, .MonDispListOfFormsExportBtn
{
    background-image: url(Images/CoreTheme/MessagingAdmin/ExportWhite.png);
    height: 20px;
    width: 20px;
    float: right;
    text-transform: uppercase;
    margin-right: 6px;
    margin-left: 7px;
    cursor: pointer;
}
.MonDispPrevExportConfirmBtnHolder 
{
    height: 38px;
    width: 150px;
    justify-content: space-between;
    margin-top: 30px;
    margin-right: 15px;
    align-self: flex-end;
}
.MonDispPrevExportConfirmInclude 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 21px;
    padding-left: 15px;
    padding-right: 15px;
    width: 28px;
    padding-top: 6px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select:none;
}
.MonDispPrevExportConfirmInclude:hover
{
    background-color:#298FD8;
}
.MonDispPrevExportConfirmInclude:active
{
    background-color:#1C639C;
}
.MonDispPrevExportConfirmExclude 
{
    color: #333333;
    background-color: #FFFFFF;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    height: 21px;
    padding-left: 7px;
    padding-right: 7px;
    width: 50px;
    padding-top: 6px;
    border-radius: 2px;
    outline: none;
    user-select: none;
}
.MonDispPrevExportConfirmExclude:hover
{
    background-color:#EBF4F7;
}
.MonDispPrevExportConfirmExclude:active
{
    background-color:#C5D0DB;
}
.MonDispPrevExportConfirmXBtnHolder 
{
    height: 28px;
    width: 28px;
    align-self: flex-end;
    display: flex;
    margin-right: 10px;
    margin-top: -10px;
}
.MonDispPrevExportConfirmXBtn
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseNormal.png);
    height: 19px;
    width: 18px;
    margin: auto;
    outline: none;
}
.MonDispPrevExportConfirmXBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseHover.png);
    height: 28px;
    width: 28px;
}
.MonDispPrevExportConfirmContent 
{
    width: 500px;
    background: white;
    margin-top: 150px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    align-self: center;
    margin-bottom: auto;
    padding-top: 15px;
    padding-bottom: 5px;
}
.MonDispPrevExportConfirmOverlay 
{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #686973;
    opacity: .35;
    z-index: 4;
}
.MonDispPrevExportConfirmContainer 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}

.monitoredScoresRecDialogHeader 
{
    background-color: #0A445F;
    color: white;
    font-weight: bold;
    height: 48px;
    padding: 0px !important;
}
.monitoredScoresDialogWindowHeader
{
    background-color: #004469;
    color: white;
    font-weight: bold;
}
.monitoredScoresRecDialogHeaderCloseImg
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    outline: none;
}
.monitoredScoresRecDialogHeaderCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
}

/*FormBreakdown Display*/
.DispFormBreakdownNoData 
{
    font-size: 28px;
    margin-left: 10px
}
.DispFormBreakdownContent 
{
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    cursor: default;
    width: calc(100% - 50px);
}
.DispFormBreakdownInfoLevel1 
{
    display: flex;
    font-size: 18px;
}
.DispFormBreakdownInfoLevel2 
{
    display: flex;
    font-size: 18px;
}
.DispFormBreakdownInfoLevel3 
{
    display: flex;
    font-size: 18px;
}
.DispFormBreakdownInfoLevel4 
{
    display: flex;
    font-size: 18px;
}
.DispFormBreakdownInfoLevel5 
{
    display: flex;
    font-size: 18px;
}
.DispFormBreakdownInfolabel
{
    margin-left:5px;
    padding-right: 10px;
    margin-right: 10px;
}
.DispFormBreakdownAgentlabel
{
    margin-left:3px;
    padding-right: 10px;
    margin-right: 10px;
}
.DispFormBreakdownQuestion 
{
    display: flex;
    font-size: 16px;
    font-weight:bold;
}
.DispFormBreakdownHeader 
{
    font-size: 18px;
    padding: 2px;
    width: 498px;
    text-align: center;
    border-bottom: 1px solid black;
}
.DispFormBreakdownQuestionInfo 
{
    display: flex;
    width: 496px;
    padding:2px;
}
.DispFormBreakdownInfoCompany 
{
    display: flex;
    width: 500px;
}
.DispFormBreakdownInfoCompanyL2
{
    display: flex;
    width: 490px;
    margin-left:10px;
}
.DispFormBreakdownInfoCompanyL3
{
    display: flex;
    width: 480px;
    margin-left:20px;
}
.DispFormBreakdownInfoCompanyL4
{
    display: flex;
    width: 470px;
    margin-left:30px;
}
.DispFormBreakdownInfoAgent 
{
    display: flex;
    width: 435px;
    padding-left: 25px;
    margin-left:40px;
}

.DispFormBreakdownCellContainer 
{
    display:flex;
    flex:1;
    font-size:14px;
    max-width:185px;
    padding:6px 10px 2px 2px;
    font-weight:initial;
}
/*End FormBreakdown Display*/
/*End Quality Score Module*/

/*Form Breakdown Module*/
.fbExpandBtn
{
	width: 12px;
	height: 12px;
	display: inline-block;    
	background-position: center center;
	background-repeat: no-repeat;
}

.fbExpandBtn.collapsed { background-image: url(Images/collapse.png) !important; }

.fbExpandBtn.expanded { background-image: url(Images/expand.png) !important; }

.fbCollapseBtn
{
	width: 12px;
	height: 12px;
	display: inline-block;	
	background-position: center center;
	background-repeat: no-repeat;	
}
/*End Form Breakdown Module*/

/*Text Answer Module*/
.taExpandBtn
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url(Images/collapse.png) !important;
	background-position: center center;
	background-repeat: no-repeat;
}

.taCollapseBtn
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url(Images/expand.png) !important;
	background-position: center center;
	background-repeat: no-repeat;	
}
.txtQsSortBy 
{
    position: absolute;
    top: 4px;
    width: 175px;
}
.txtFbSortBy
{
    position: absolute;
    top: 4px;
    width: 175px;
}
.txtTaSortBy 
{
    position: absolute;
    top: 4px;
    width: 175px;
}
/*End Quality Score Module*/

/*-- Final Payroll Module --*/
.payrollLabel_Totals 
{
	width: 85px;
	text-align: right;
}

.payrollLabel_Times 
{
	width: 80px;
	text-align: right;
}

.payrollLabel_Adjustments 
{
	width: 95px;
	text-align: right;	
}

.payrollValue_Totals, .payrollValue_Times, .payrollValue_Adjustments 
{
	padding-left: 10px;	
}

.submitButtonContainer 
{
	background-color: Red;
	/*overflow: hidden;*/	
}

.btnApprove, .btnSubmittedApprove
{
	height: 28px;
	width: 120px;
	margin: 12px 0px 0px 5px;
	border: solid 2px rgb(100, 100, 100);
	background-color: rgb(225, 225, 225);
	text-align: center;
	font-size: 14px;
	float: left;	
}

.btnSubmittedApprove 
{
	height: 28px;
	width: 120px;
	margin: 2px 0px 0px 89px;
	border: solid 2px rgb(100, 100, 100);
	text-align: center;
	font-size: 14px;
}

.btnApprove:hover, .btnSubmittedApprove:hover, .btnReject:hover, .btnSubmitReason:hover
{
	background-color: rgb(85, 85, 85);
	color: White;
	cursor: pointer;
}

.btnApproveInner, .btnRejectInner 
{
	width: 100%;
	height: 100%;
	margin-top: 3px;
}

.btnReject 
{
	height: 28px;
	width: 120px;
	margin: 12px 5px 0px 0px;
	border: solid 2px rgb(100, 100, 100);
	background-color: rgb(225, 225, 225);
	text-align: center;
	font-size: 14px;
	float: right;	
}

.rejectReason 
{
	text-align: left;
	margin: 5px 0px 10px 0px;
	overflow: hidden;	
}

.accepted 
{
	width: 100%;
	height: 10px;
	margin-top: 20px;
	margin-left: 5px;
	display: inline-block;	
}

.payrollAcceptedImg
{
	float: left;
	width: 21px;
	height: 16px;
	background-image: url(Images/accepted.png) !important;
	background-position: center center;
	background-repeat: no-repeat;	
}

.payrollAcceptedMsg, .payrollRejectedMsg 
{
	float: left;
	text-align: left;
}

.payrollRejectedImg 
{
	float: left;
	width: 21px;
	height: 16px;
	background-image: url(Images/rejected.png) !important;
	background-position: center center;
	background-repeat: no-repeat;	
}

.btnDrillDownCancel 
{
	background-image: url(Images/close-icon-small.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.btnSubmitReason 
{
	height: 10px;
	width: 70px;
	margin: 5px auto 5px auto;
	padding-top: 5px;
	border: solid 2px rgb(100, 100, 100);
	text-align: center;
	font-size: 10px;
	float: right;	
}

.btnSubmitReasonInner
{
	width: 100%;
	height: 100%;
	margin-top: -3px;	
}
/*End Final Payroll Module*/

/*-- Current Outbound Summary Module --*/
.moduleTitle input[type=text]::-ms-clear {
    display: none;
}
/*End Current Outbound Summary Module*/

/*Performance Summary Module */
.btnHeader 
{
	position: relative;
	/*z-index: 1;*/
}
/*End Performance Summary Module*/

/*-- Top Call Times Module --*/
.txtTctTopCount 
{
	display:inline-block;
	width: 70px;
	height:16px;
	padding: 0px 3px 0px 3px;
}

.tctTopCountPicker 
{
	width: 50px;	
}

.txtTctSortBy 
{
	display:inline-block;
	width: 154px;
	height:16px;
	padding: 0px 3px 0px 3px;
}

.tctSortByPicker 
{
	overflow: auto;
	max-height: 210px;
	width: 160px;	
}
/*End Top Call Times Module*/

/*-- Personal Rankings Module --*/
.rankingItm 
{
	width: 149px;
	height: 100%;
	font-size: 24px;	
}

.rankingItm.firstCol 
{
	width: 149px;
	height: 100%;
	font-size: 24px;
	/*border-right: 1px solid #FFFFFF;*/	
}

.rankingItm.firstRow 
{
	width: 149px;
	height: 100%;
	font-size: 24px;
	/*border-bottom: 1px solid #FFFFFF;*/
}

.rankingItm .rankContainer .topText,
.rankingItm .rankContainer .bottomText 
{
	font-size: 24px;	
}

.rankingItm .rankContainer .middleText 
{
	font-size: 64px;	
}

.rankingItm.double 
{
	width: 149px;
	height: 100%;
	font-size: 18px;	
}

.rankingItm.double .rankContainer .topText,
.rankingItm.double .rankContainer .bottomText 
{
	font-size: 18px;	
}

.rankingItm.double .rankContainer .middleText 
{
	font-size: 37px; /*42px;*/
}

.rankingItm.triple 
{
	width: 149px;
	height: 100%;
	font-size: 12px;
}

.rankingItm.triple .rankContainer .topText,
.rankingItm.triple .rankContainer .bottomText 
{
	font-size: 11px;
}

.rankingItm.triple .rankContainer .middleText 
{
	font-size: 19px;
}

.rankContainer 
{
	text-align: center;
	/*height: 95%;*/
	height: 226px;
	margin: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-raduis: 15px; 
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
	/*Inset Shadow*/
	-webkit-box-shadow: inset 0 0 10px #005E92;
	-moz-box-shadow:    inset 0 0 10px #005E92;
	box-shadow:         inset 0 0 10px #005E92;	
}

.rankContainer.double 
{
	height: 111px;	
}

.rankContainer.triple 
{
	height: 72px;	
}

.rankContainer .metricInfo 
{
	text-align: right;
	font-size: 12px;
	margin-right: 10px;
	/*padding-bottom: 29px;*/	
}

.rankingItm.triple .rankContainer .metricInfo 
{
	font-size: 11px;	
}

.rankingItm.firstCol .rankContainer 
{
	margin-right: 0px;	
}

.rankingItm.firstRow .rankContainer 
{
	margin-bottom: 0px;
}
/*End Personal Rankings Module*/

/* Rankings Module */
.rankingsArea { height: 126px; border-top: 1px solid #BCBCBC; }
.rankingsArea.fullHeight { height: 239px; }

.rankingModuleItem
{
	position: relative;
	width: 344px;
	height: 40px;	
	font-size: 16px;
	border: 1px solid transparent;
}
.rankingModuleItem:hover { border: 1px solid #0078AC; }
.rankingModuleItem.odd { background-color: #FAFAFA; }
.rankingModuleItem.even { background-color: #EEEEEE; }

.rankingModuleItem span
{
	position: absolute;
	top: 8px;
}
.rankingModuleItemRank { left: 5px; color: #A7B0C6; font-weight: bold; }
.rankingModuleItemName { left: 95px; }
.rankingModuleItemValue { right: 10px; }

.rankingModuleItem img 
{
	position: absolute;
	top: 5px;
	left: 50px;
}

.myRankingsArea
{
	height: 112px;
	background-color: #E6F5FF;
}

.myRankingsItem
{
	width: 105px;
	height: 99px;
	font-size: 14px;
	float: left;
	margin: 6px 5px 0px 6px;
	text-align: center;
}

.myRankingsItemRank { font-size: 16px; font-weight: bold; color: #788196 }
.myRankingsItemImage { border: 2px solid transparent; }
.myRankingsItemImage.mine { border: 2px solid #0078AC; }
.myRankingsItemName { width: 105px; }
/*END Rankings Module*/

.ddlFormQuestions button
{
    max-width: 350px;
}

/*#endregion END MODULES*/
	

/*#Region Event Engine Main*/
/* SECTION: COMMON STYLES */
/*Padding*/
.pad4 { padding: 4px; }
.pad8 { padding: 8px; }
.pad16 { padding: 16px; }

/*Positioning*/
.posRel { position: relative; }
.posAbs { position: absolute; }
.posStky { position: -webkit-sticky; position: sticky; }

.trsfmCenterXY { top: 50%; left: 50%; transform: translate(-50% -50%); }
.trsfmCenterX { left: 50%; transform: translateX(-50%); }
.trsfmCenterY { top: 50%; transform: translateY(-50%); }

/*Alignment*/
.tAlignCenter { text-align: center; }

/*Cursor*/
.curPoint { cursor: pointer; }
/*END SECTION COMMON STYLES*/



/* SECTION: CONTROLS */
/*OnOffToggle*/
.onOffToggle
{
    width: 48px;
    height: 24px;
    border: 1px solid gray;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
}
.onOffToggle::before
{
    font-weight: bold;
    content: "On Off";
    position: absolute;
    width: 100%;
    top: 50%;
    left: 63%;
    transform: translateY(-50%) translateX(-50%);
}
.onOffToggle .knob
{
    width: 0px;
    height: 0px;
    border: 9px solid black;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    transition: all 0.2s ease-out;
}
.onOffToggle .knob.off
{
    left: 10%;
    border-color: black;
}
.onOffToggle .knob.on
{
    left: 50%;
    border-color: green;
}

/*Buttons*/
.btnBigPlus
{
    background-image: url(Images/CoreTheme/LargeFloatingAdd.png);
    position: absolute;
    right: 100px;
    top: 37px;
    background-position: center;
    background-repeat: no-repeat;
    width: 57px;
    height: 57px;
}
.btnBigPlus:hover
{
    background-image: url(Images/CoreTheme/LargeFloatingAddHover.png);
    right: 95px;
    width: 62px;
    height: 62px;
}
/*END SECTION CONTROLS*/



/* SECTION: ICONS */
/* Trigger Icons*/
.iconEvtEngFormScored { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/form_scored.svg); }
.iconEvtEngFormSubmitted { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/form_submitted.svg); }
.iconEvtEngLogin { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/login.svg); }
.iconEvtEngMetricUpdated { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/metric_updated.svg); }
.iconEvtEngNewProduct { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/new_product.svg); }
.iconEvtEngOrderPlaced { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/order_placed.svg); }
.iconEvtEngOrderStatusChanged { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/order_status_changed.svg); }
.iconEvtEngSessionClosed { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/session_closed.svg); }
.iconEvtEngSessionCreated { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/session_created.svg); }
.iconEvtEngSessionFollowUp { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/session_follow_up.svg); }
.iconEvtEngSessionSubmitted { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/session_submitted.svg); }
.iconEvtEngSurveySubmitted { background-image: url(Images/CoreTheme/Gamification/EventEngine/Triggers/survey_submitted.svg); }

/* Action Icons*/
.iconEvtEngAwardBadges { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/award_badges.svg); }
.iconEvtEngAwardCoins { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/award_coins.svg); }
.iconEvtEngAwardGems { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/award_gems.svg); }
.iconEvtEngAwardMoney { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/award_money.svg); }
.iconEvtEngAwardXP { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/award_xp.svg); }
.iconEvtEngEmail { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/email.svg); }
.iconEvtEngSendSms { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/send_sms.svg); }
.iconEvtEngSuggestCoaching { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/suggest_coaching.svg); }
.iconEvtEngSystem { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/system.svg); }
.iconEvtEngDashboardNotification { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/dashboard_notification.svg); }
.iconEvtEngInterruptWallboard { background-image: url(Images/CoreTheme/Gamification/EventEngine/Actions/interrupt_wallboard.svg); }
/*END SECTION ICONS*/



/* SECTION: EVENT ENGINE */
.sparkPage .sparkFolderHeader
{
    font-size: 20px;
    font-weight: bold;
}

.sparkPage .sparkContainer
{
    padding: 16px;
    height: 111px;
    border: 1px solid gray;
    width: 80%;
    margin: 16px 0px 16px 32px;
}

.sparkPage .sparkContainer .sparkHeader
{
    font-size: 20px;
}

.sparkPage .sparkContainer .sparkIcon
{
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 8px 16px;
}

.sparkPage .sparkContainer .sparkFlowRow
{
    width: 80%;
}

.sparkPage .sparkFilterContainer
{
    height: 37px;
    padding: 14px 65px 4px 178px;
    margin-top: -10px;
    background-color: #676868;
}

.sparkFlowArrow
{
    background-image: url(Images/arrow_r.png);
    background-size: contain;
    height: 16px;
    width: 16px;
    margin: 8px 0px;
    display: inline-block;
}

.sparkPage .sparkContainer .sgEditBtn,
.sparkPage .sparkContainer .sgCopyBtn,
.sparkPage .sparkContainer .sgDeleteBtn
{
    visibility: hidden;
}

.sparkPage .sparkContainer:hover .sgEditBtn,
.sparkPage .sparkContainer:hover .sgCopyBtn,
.sparkPage .sparkContainer:hover .sgDeleteBtn
{
    visibility: visible;
}

.SparkStepFlowContainer
{
    width: 20%;
    background-color: lightgray;
    height: calc(100vh - 100px);
}

.sparkFlowHeader
{
    font-size: 40px;
    color: gray;
    text-align: center;
    border-bottom: 1px solid gray;
    margin: 0% 5%;
    padding: 0px 0px 10px 0px;
}

.sparkSetupDetailsContainer
{
    font-size: 20px;
    padding: 80px;
}

.sparkFlowDetails
{
    width: calc(80% - 48px);
}

.sparkFlowControlContainer
{
    width: 80%;
    text-align: right;    
}

.sparkFlowControlContinue
{
    
}

.sparkFlowControlCancel
{
    width: 100px;
    display: inline-block;
}

.sparkCategoryButton
{
    padding: 10px;
    display: inline-block;
    border: 1px solid gray;
    cursor: pointer;
}
.sparkCategoryButton.selected
{
    outline: 2px solid lightblue;
}

.sparkTriggerActionButton
{
    padding: 10px;
    border: 1px solid gray;
    display: inline-block;
    height: 70px;
    width: 300px;
    position: relative;
    margin: 15px;
    cursor: pointer;
}
.sparkTriggerActionButton.selected
{
    outline: 2px solid lightblue;
}

.sparkTriggerActionButtonImage
{
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.sparkTriggerActionButtonTitle
{
    font-size: 16px;
    position: absolute;
    left: 84px;
    top: 30%;
    transform: translateY(-50%);
}

.sparkTriggerActionButtonDesc
{
    font-size: 12px;
    position: absolute;
    left: 84px;
    top: 45%;
}

.sparkActionTriggerHeaderSwitch
{
    font-size: 24px; 
    margin-top: 20px;
    color: black;
}
.sparkActionTriggerHeaderSwitch .selected
{
    color: blue;
}
/*END SECTION EVENT ENGINE*/


/*#Endregion Event Engine Main*/


/*#region ---------------------- Performance Objectives -----------------------*/
.showPOPopUpEdit:hover
{
	font-weight:bold;
}

.POinput
{
	width: 45px;
	text-align: right;
}

.POChangeDirection, .MetricDirection, .Direction
{
	width: 9px;
  height: 19px;
  cursor: pointer;
}

.POChangeDirection.Up, .MetricChangeDirection.Up, .Direction.Up
{
	background-image: url(Images/uparrow.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.POChangeDirection.Down, .MetricChangeDirection.Down, .Direction.Down
{
	background-image: url(Images/downarrow.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.expColAlerts
{
	width:15px;
	height:15px;
}

.lblPOMetric
{
	width:75px;
	display: inline-block;
}

.POItem
{
	background-color: #91E1FF;
}

.POItem.Uneditable
{
	background-color: #EBEBE4;
}

.POItem.noCurrency .POinput 
{
	margin-left:11px;	
}

.POItem.noPercent .POinput 
{
	margin-right:7px;	
}

.expandAlerts.hasAlerts 
{
	border: 1px solid #FAFFE0;
}

.POAlertItem
{
	background-color: #FAFFE0;
}

.NewPOAlertItem 
{
	background-color: #FAFFA1
}

.POItem .valueType, .POItem .boundType, .POItem .thresholdType 
{
	display:inline-block;	
}

.PODate
{
	cursor: pointer;
}

.selectedPODate
{
	color: #0078AC;
}

.PODate:hover
{
	font-weight:bold;
}

.PODateContainer 
{
	max-height:270px;
	overflow:auto;
	margin-top:10px;	
}

.POContainer 
{
	max-height:280px;
	overflow:auto;
	margin-top:2px;	
}

.lstAlertProfile, .lstAlertTimeType 
{
	margin-left: -5px;	
}

.lstAlertProfile 
{
	width: 96px;	
}

.minValue, .maxValue 
{
	width: 72px;	
}
/*#endregion End Performance Objectives*/

/*#region ---------------------- Monitoring -----------------------*/

.pnlSearch
{
	width:80%;
	background-color:White;
	padding:8px;
	margin-top:15px;
}

.pnlRecordings {
  width: 90%;
  padding:8px;
  margin-top:15px;
}

.coachObsPanel 
{
	width: 700px;
	margin-left: 140px;
}

.recFlagEdit, .otherIDEdit 
{
	font-size:x-small;
	padding-top:2px;
	float:right;
	font-style:italic;
}

.otherIDEditArea 
{
	width:32px;	
}

.saveOther 
{	
	background-image: url("Images/checkmark_small.png");
	background-repeat: no-repeat;
	background-position: center center;
	float:left;	
	width:16px;
	height:16px;
}

.cancelOther 
{
	background-image: url("Images/cancel-icon.png");
	background-repeat: no-repeat;
	background-position: center center;
	float:right;
	width:16px;
	height:16px;
}

/*#endregion End Monitoring*/

/*#region ----------------- Sortable tables --------------------*/
table.sortable thead tr .header 
{
/*	background-image: url(../Images/bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:4px;
}
table.sortable thead tr .headerSortUp 
{
	background-image: url(Images/asc.gif);
}
table.sortable thead tr .headerSortDown 
{	
	background-image: url(Images/desc.gif);
}
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp 
{	
	background-color: rgb(120,120,120);
}
/*#endregion */
	
/* ----------------- Page Formatting -----------------------*/
/* Main Content */
.mainContent
{
	/* background-image: url("Images/CoreTheme/Clearview-background.png"); */
	/* background-repeat:no-repeat; */
	/* background-position: center center; */
	background-color: #FFFFFF;
	/* border-left: 2px solid #ACADAD; */
	/* border-right: 2px solid #ACADAD; */
	/* min-width: 100%; */
	min-height:358px;
	/*min-height: 89vh;*/
	/* padding:10px 0px; */
	/* box-sizing: content-box; */
	width: 100%;
}

.dashContentWrapper .mainContent 
{
    min-height:640px;
	max-width: 9999px;
	background-size: 970px 324px;	
    background-color: lightgray;
}

.dashContentWrapper .mainContent.ie8 
{
	background-image: none;	
}

.dependent td
{
	padding-left:10px;	
}

.contentHeader
{
	background-color: #6a7480;
	color:white;
	text-align:left;
	width: 100%;
	min-height: 20px;
	font-weight:bold;
	padding: 0px 0px 3px 2px;
	padding-top: 6px;
}
.contentHeader th 
{
    background-color: #0078AC;
}

.contentHeader a
{
	color:White;
}

.contentHeader_v2
{
    color: black;
    text-align: left;
    height: 36px;
    padding: 3px 0px 0px 2px;
    border-bottom: 1px solid #6A7480;
    font-size: 14px;
}

.contentHeader_v2 th 
{
    border:none;
}

.details
{
	border-bottom: 1px solid #0078AC;
}

.mainGrid
{
	width:100%;
  table-layout: fixed;
  text-align: left;
}
		  
.gridHeader
{
	border-right: 1px solid #0078AC;
	color: #666666;
	font-weight:bold;
}

a:not(.btn,.color-cerulean):-webkit-any-link
{
	color:#666666;
	text-decoration:none;    
}

.gridFooter
{
	font-weight:bold;
}

tr.gridItem_v2:hover, tr.gridAlternatingItem_v2:hover
{
    background-color: #E8F8FF;
    cursor:default;
}

tr.recGridItem_v2:hover, tr.recGridAlternatingItem_v2:hover {
  background-color: #E8F8FF;
}

.legacyGridItem, .gridAlternatingItem 
{
	border: none;	
	height: 22px;	
	border-color: White;
	color: #666666 !important;
}

.gridItem_v2, .gridAlternatingItem_v2
{
    /*border: 1px solid rgba(120, 129, 150, 0.5);
    background-color: #E9EAED;*/
    height: 40px;
    font-size: 14px;
    color: #25282D;
}

.recGridItem_v2
{
    border: 1px solid rgba(120, 129, 150, 0.5);
    background-color: #fff;
    height: 25px;
    font-size: 14px;
}

.gridItem_v2 td, .gridAlternatingItem_v2 td
{
    border:none;
}
		  
.legacyGridItem
{
	background-color:#FFFFFF;	
}

.gridAlternatingItem
{
	background-color:#CCCCCC;	
}

.gridAlternatingItem_v2
{
    /*background-color: #FAFAFB;*/
}
.recGridAlternatingItem_v2
{
    background-color: #FAFAFB;
}

.gridSelectedItem
{	
	font-size:12px;
	height:22px;
	font-weight:bold;
}

.scrollContainer 
{
	overflow-y:scroll;
	overflow-x:hidden;
}
				  
.searchDialog
{
	background-color:rgb(230, 230, 255);
	border-style:ridge;
	border-color:rgb(200, 200, 255);
	border-width:2px;
	position:absolute;
	top:100px;
	left:250px;
}
			  
.topButtonPanel
{
	height:20px;
	min-height:20px;
	color: White;
}

.centerContent
{
	padding-top: 10px;
}

.appItem
{
	padding-top:5px;
}

/*#region --------------------------------Login Pages--------------------------------*/
.policyInfo 
{
	width: 35%;
	margin: 12px auto 20px auto;
	text-align: left;
	border: 1px solid #a6c9e2;
	background-color: white;
	/*Shadow*/
	-moz-box-shadow: 3px 3px 10px 0px #000;
	-webkit-box-shadow: 3px 3px 10px 0px #000;
	box-shadow: 3px 3px 10px 0px #000;	
}
/*#endregion End Login*/

/*#region -----------------------Forms Page----------------------*/
.formsSettingsBar
{
	height: 35px;
	background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(Images/CoreTheme/Hatch-Pattern-4x4.png) repeat;
	color: Black;
	padding:5px 0px 0px 14px;
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5c6f7a', EndColorStr='#3c4951', GradientType=0);
}

.txtForm
{
	min-width: 100px;
	display: inline-block;
    padding-top: 3px;
}

.Container
{
	background-color: #c0c0c0;
	overflow-x: hidden;
}
						
.formsContainer
{
	max-height: 300px;
	overflow-y: scroll; 
	position: absolute;
	z-index: 10;
	margin:15px 0px 0px 0px;
}

.formsContainer td
{
	padding:0px;
}

.questionTypesContainer
{
	min-width: 213px;
	max-height: 300px;
	overflow-y: hidden; 
	position: absolute;	
	z-index: 1500;
	display:none;
}

.chosenArea
{ 
	width: 230px; 
}

.lblChosenType, .lblQuestionTypeName
{
	display: inline-block;
    vertical-align: middle;
    height: 20px;
}

#horizontalTypesContainer
{
	width: 70px; 
	position: absolute;
	z-index: 1500;
	display:none;
}

.imgChosenType
{
	display: none;
	border: none;
	margin-top: 4px;
}

.globalSubformsContainer
{
	width:370px;
	min-height: 100px;
	max-height: 225px;
	overflow-y: scroll;
	border:1px solid grey;
}

.globalSubformsContainer table {
  width: 100%;
}

.globalSubformsContainer td
{
	padding:1px 1px 0px 1px;
}

.globalSubformsContainer .legacyGridItem
{
	height: 18px;
	padding-top: 2px;
	background-color: #003366;
	color: white !important;
	width: 100%;
}

.globalItem
{
	width:351px;
}

.showApps
{
}

.subformNotUsed
{
	opacity: .65;
	filter: Alpha(opacity=65);
}

.formsItem
{	
	min-width:135px;
}

.formsItem:hover, .globalItem:hover
{
}

.formEditingArea
{
	margin: 0 65px 0 0;
	float:right;
	height: 48px;
	padding-top: 8px;
}

.subFormAddArea
{
	padding-top:5px; 
	padding-right: 5px; 
	float:right;
}

.mainType { min-width: 213px; }

.subItem 
{ 
	width: 70px; 
	line-height: 22px;
}

.typeItem:hover, .expandRight:hover
{
	background-color: #0078AC;
	color: white !important;
}

.subFormHandle, .questionHandle, .dQuestionHandle, .answerHandle
{
	cursor: move;	
}

.imgQuestionType
{
	padding-top:2px;
}

.multilineTextbox
{
	height: 36px;
}

.expandAnsStyle
{
	display:inline-block; 
	width:20px; 
	height:14px;
}

.formInfo 
{
	padding:8px 0px 0px 15px;
    display: inline-block;
}

.spacer
{
	clear:both; 
	height:0px; 
	width:1px; 
	visibility:hidden;
}

/*-----Answer Sections-----*/
.expandAllAnswers, .expandAnswers, .collapseAll, .expandAlerts
{
	background-image: url(Images/show-more.png);
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.expandAllQuestions, .expandQuestions
{
	display:inline-block; 
	width:20px; 
	height:20px;
}

.hideAnswers, .collapseAlerts
{
	background-image: url(Images/show-less.png) !important;
	background-repeat: no-repeat;
}

.addQuestionArea
{
	float:right; 
	width:60px; 
	text-align:center;
}
/*-----Question Sections-----*/

.expandAllQuestions, .expandQuestions, .expandAll
{
	background-image: url(Images/show-less.png);
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.questionPos, .answerPos
{
	display: inline-block;
	width: 25px;
	/* vertical-align: top; */
	margin-left: 3px;
}

.questionWeight
{
	width: 28px;
}

.showQuestions
{
	background-image: url(Images/show-more.png) !important;
	background-repeat: no-repeat;
}

/*----Placeholders----*/
.ui-state-highlight-subForms
{
	border: 1px solid Black;
	background-color: #06A3F8;
	width: 854px;
	height: 25px;	
}

.ui-state-highlight-questions
{
	border: 1px solid Black;
	background-color: #06A3F8;
	/*width: 854px;*/
	height: 46px;
}

.ui-state-highlight-dquestions
{
	border: 1px solid Black;
	background-color: #06A3F8;
	/*width: 805px;*/
	height: 41px;
}

.ui-state-highlight-answers
{
	border: 1px solid Black;
	background-color: #06A3F8;	
}
/*#endregion End Forms Page*/

/*AstraZeneca AZ custom modules*/
.txtNoWrap {
  white-space: nowrap;
}
.azCustomModuleObjectivePopup
{
    position: fixed;
    border: 1px solid black;
    width: calc(70vw - 40px);
    height: calc(70vh - 40px);
    top: calc(15vh + 20px);
    left: calc(15vw + 20px);
    background-color: white;
    z-index: 10001;
    padding: 20px;
    overflow: auto;
}

.azCustomModuleObjectivePopupOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

.azCustomModuleObjective
{
    width: 220px;
    display: inline-block;
    border: 1px solid black;
    padding: 3px 5px;
    margin: 5px;
    position: relative;
}

.azCustomModuleObjective .azlbl
{
    width: 40px;
    display: inline-block;
    text-align: right;
    margin-right: 5px;
}

.azCustomModuleObjectiveTitle
{
    width: calc(100% - 45px);
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.azCustomModuleObjectiveEnabled
{
    float: right;
}

.azCustomModuleObjectiveDirection
{
    width: 9px;
    height: 20px;
    background-repeat: no-repeat;
    padding: 0px 5px;
    background-position: center;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.azCustomModuleObjectiveDirection.dirUp
{
    background-image: url(Images/uparrow.png);
}
.azCustomModuleObjectiveDirection.dirDown
{
    background-image: url(Images/downarrow.png);
}

.azCMOHeader
{
    width: auto;
    position: sticky;
    top: 0px;
    float: right;
    padding: 5px 10px 5px 20px;
    border: 1px solid gray;
    background-color: white;
}
/*#endregion AstraZeneca AZ custom modules*/

/*-----------------------------Scheduling----------------------------------*/
.schedHolderModule {
	position: relative;
	overflow: auto;
	height: 235px;
}

.schedHolderModule .daysched {
	width: 100%;
}

.schedHolderModule .schedHeaderName {
	width: auto;
}

.ui-tabs 
{
	position:static !important;
}

.schedsContainer
{
	max-height: 200px;
	overflow-y: scroll;
	position: absolute;
	z-index: 10;
}

.daysched
{
	border: 3px solid #006AA4;
	table-layout: fixed;	
}

.schedHeader th
{
	border-bottom: 2px solid Black;
}

.schedRow {
	line-height: 18px;
}

.schedRow td
{
	border-bottom: 1px solid Black;
}

.schedHeaderName
{
	border-right: 2px solid Black;
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	width: 170px;
	background-color: #8DAAB9;
}

.schedDay
{
	border-right: 2px solid Black;
	border-left: 1px solid Black;
	background-color: #BFC8CD;
}

.schedHeaderCell
{
	border-right: 1px solid Black;
	border-left-width: 0px;
	border-top: 1px solid Black;
	border-bottom-width: 0px;	
	width: 30px;
	background-color: #8DAAB9;
}

.schedCell
{
	border-right: 1px dashed rgb(200,200,210);
	background-color: White;
}

.schedHeaderCell span
{
	font-size: x-small;
}

.ui-helper-schedResize
{
	background-color: rgb(0,0,0);
	opacity: .2;
	filter: alpha(opacity = 20);
}

.schedsItem
{	
	min-width: 200px;
	background-color: #667C87;
	color: White;	
}

.schedsItem:hover
{
	background-color:Black;
}

.schedComponent:hover
{
	background-color: #19B0FF;
}

.schedDeleteImg {
	float:right;
	margin-right:5px;
	margin-top: 2px;	
}

.schedTemplate {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: White;
	overflow: hidden;
	/*background-color:#0092E3;*/
	background-color: #007DFF;
	/*z-index:800;*/
	padding: 0px;
	margin: 0px;	
	display:none;
}

.adjComponent {
	/*background-color: #A592E3;*/
	background-color: #5719DE;
}

.adjComponent:hover {
	background-color: #6464EB;	
}

.sessionComponent 
{
	/*background-color: #E9D600;*/
	background-color: #FFFF00;
}

.sessionComponent:hover 
{
	background-color: #DCDC00;
}

.approvedComponent 
{
	/*background-color: #00B542;*/
	background-color: #4FFF00;
}

.approvedComponent:hover 
{
	background-color: #00DE42;		
}

.systemApprovedComponent {
	/*background-color: #00FF00;*/
	background-color: #22CF00;
}

.systemApprovedComponent:hover {
	background-color: #00FF5E;
}

.unapprovedComponent 
{
	background-color: #FF0000;
}

.unapprovedComponent:hover 
{	
	background-color: #FF5A5A;
}

.beingApproved, .beingApproved:hover {
	background-color: #FF7F00;
}

.schedChanged 
{
	float: right;	
}

.IsCustomImg {
	float: right;
	width: 15px;
	height: 15px;
	background-image: url(Images/changed.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.schedNotes 
{
	float: right;
	width: 15px;
	height: 15px;
	margin: 1px 3px 0px 0px;
	background-image: url(Images/notes.png);
	background-position: center center;
	background-repeat: no-repeat;	
}

.ShiftDatePicker {
	width: 76px;
}

.txtSchedulesDate 
{
	width: 70px;	
	text-align:right;	
}

.txtTimeNotes {
	width: 400px;
	text-align:left;
	margin-left:5px;	
}

#noEditOverlay 
{
	opacity: .155;
	filter: Alpha(opacity=15);
	position: absolute;
	background-color: Silver;	
}

.txtShift 
{
	display:inline-block;
	border:1px solid #ADADB3;
	height:16px;
	min-width: 150px;
	margin-top:1px;
}

.showShifts
{
	float:left;
	padding-top:1px;
	height: 18px;
	width: 13px;
}
/*End Scheduling*/

/*#region CompaniesPage ETLConfiguration Tab*/
.ETLConfigurationFieldsMinusHolder
{
    width: 6%;
    float: left;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 5px 5px 5px;
}
/*#endregion*/

/*#region ETLCoreMetrics Tab*/
.ETLCoreMetric 
{
    padding:2px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    user-select: none;
    width: 100%;
    margin: 1px;
}
.ETLCoreMetricSelected
{
    background-color: #0078AC;
    color: #FFFFFF;
}
.ETLCoreMetricSelected:hover {font-weight:bold;}
.ETLCoreMetricNotSelected
{
    color: #3F3F3F;
    background-color: #E5F2FC;
}
.ETLCoreMetricNotSelected:hover {font-weight:bold;}
.ETLCoreMetricDisabled
{
    color: #FFFFFF;
    background-color:#3F3F3F;
    cursor: default;
}
/*#endregion*/

/*-----------------------------Training------------------------------------*/
.training
{
	border:1px solid #ADADAF;
	width:auto;	
	padding: 3px 3px 3px 3px;
	
}

#lblTrainingName
{
	font-weight:bold;
	color: black;
	text-decoration: none;
}

#lblTrainingName:hover
{
	color:#ADADAF;	
}
/*Training*/

/*-----------------------------Groups--------------------------------------*/
.pnlGroupType
{
	width:auto;
	float:right;
	padding-top:3px; 
}

.btnClosePopup 
{
	width: 13px;
	height: 13px;
	background-image: url(Images/CoreTheme/BlueMinus.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 13px;
	border-width: 0px;
	cursor: pointer;
}

/*End Groups*/

/*-----------------------------Metrics Page--------------------------------*/
/*.popup .ui-multiselect,
.popup .ui-multiselect-menu
{
	width: 409px !important;
}*/

.MetricSelected, .CategorySelected
{
	font-weight:bold;
	color: #0078AC !important;	 
}

.metricItmContainer 
{
	width: 99%;
	overflow-x: hidden;
}

.metricItm 
{	
	display: inline-block;	
	word-break: break-word;
}

.metricDDL 
{
	width:158px;	
}

.Inherited 
{	
}

.Assigned 
{	
}

.AssignedBelow 
{	
}

.Unassigned 
{	
}

.Inherited:hover, .Assigned:hover, .AssignedBelow:hover, .Unassigned:hover
{
	font-weight: normal;
}

.MetricSelected:hover 
{
	font-weight: bold;
}

.metricContent
{
	min-height:456px;  
}

.metricListContainer
{
	width:250px; 
	max-height:440px; 
	padding:5px 5px 5px 5px;
	float:left;
	overflow: auto;
}

.categoryListContainer, .incentiveListContainer 
{
	width:155px;	
	max-height:485px; 
	padding:3px;
	float:left;
	overflow: auto;
}

.createMetricContainer, .createCategoryContainer, 
.createIncentiveContainer
{
	width:590px;
	float:left;
	border-left: 1px solid #ADABB3;
	padding-left:10px;
}

/* AWARD METRICS */
.awardMetricContainer
{
    float: left;
}

.historicAchieveMetricsContainer
{
    overflow: auto;
}

.awardMetricsAchievementsNotAssignedContainer
{
    
}

.awardMetricsContainer
{
    width: 895px;
    height: 456px;
}

.chkSelectAllItems
{
    font-weight: bold;
    display: inline-block;
    margin-top: 3px;
}

/*POINT METRICS */
.btnHistoricAchieveMetricEdit, .btnCurrentAchieveMetricEdit, .btnPointMetricEdit
{
    width: 13px;
    height: 13px;
    background-image: url("Images/CoreTheme/edit.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.btnHistoricAchieveMetricRemove, .btnCurrentAchieveMetricRemove, .btnPointMetricRemove
{
    width: 13px;
    height: 13px;
    background-image: url("Images/CoreTheme/BlueMinus.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.btnPointMetricAssign
{
    width: 13px;
    height: 13px;
    background-image: url("Images/CoreTheme/assign.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.lblNoCXPNA
{
    display: inline-block;
    margin-top: 12px;
}

.lblDivisor {
	margin-left:23px;
}

.lstDivisor {
	width:110px;
	margin-left:23px;
}

.lstQADivisor {
	width:110px;
}

.lblDisabled 
{
	color: #6F7881;	
}

.selectedMetricInfo, .selectedCategoryInfo
{
	position:relative;
	top:0;    
	width:100%;
}

.selectedMetricComponents, .selectedCategoryComponents
{
	min-height:333px;
	width:96%;
	position:relative;
	left: 30px;
	bottom:0;
}

.metricAssignmentTable 
{
	padding-top:5px;	
}

.addedGroupMetrics 
{
	width: 300px; 
	height: 275px;	
}

.showComponentPopUp, .showAttributePopUp
{
	margin-top:1px;   
	height:28px;
}

.ComponentPopUpAdd
{
	float:right;
	padding-right: 40px;	
}

.metricComponentContainer, .AttributeContainer
{
	border: 1px solid #ADABB3;
	width:525px;
	min-height:25px;	
    margin-bottom:5px;
    margin-right: 4px;
}

.componentContainer
{
	max-height:295px;
	overflow:auto;
}

.metricsHeader
{
	display: inline-block;
	width: 100%;
	height: 15px;
}

/*-------------------------Unique Category---------------------*/
.categoryContent 
{
	text-align:left;
	background-color:White;
	border: 1px solid #A6C9E2;
	padding: .2em;
	-moz-box-shadow: 3px 3px 10px 0px #000;
	-webkit-box-shadow: 3px 3px 10px 0px #000;
	box-shadow: 3px 3px 10px 0px #000;
	margin-top:10px;
	margin-bottom:10px;
}

.categoryListOption 
{
	width: 46px;
	height:25px;
	text-align:center;
	line-height:200%;
	display:inline-block;
	border:1px solid #0078AC;
	-moz-box-shadow:    2px 2px 1px 1px #666;
	-webkit-box-shadow: 2px 2px 1px 1px #666;
	box-shadow:         2px 2px 1px 1px #666;
}

.categoryListOption.selected 
{
	color:#0078AC;
	-moz-box-shadow:    inset 0 0 2px #666;
	-webkit-box-shadow: inset 0 0 2px #666;
	box-shadow:         inset 0 0 2px #666;
}

.btnCategoryName
{		
	display: inline-block;	
	width:100%;
}

.catHeader 
{
	display:inline-block;
	width:96%;	
	cursor:default;
}

.catItem 
{	
	display: inline-block;
	width:95%;
}

.categoryAddArea, .showAttributePopUp 
{
	padding-top:7px; 
	padding-right: 5px; 
	float:right;
}

.selectedCategoryInfo
{
	position:relative;
	padding:8px 0px;
	width:100%;
}

.selectedCategoryComponents
{
	min-height:330px;
	width:95%;
	position:relative;
	bottom:0;
}

.newAttribute 
{
	background-color: #A2B3BD;	
}

.lstCategories 
{
	width:150px;	
}

.lstAttributes 
{
	width:255px;
}

/*-----Attribute Selector-----*/
.addCategory 
{
	height: 32px;
    width: 30px;
	vertical-align: middle;
	/*background-image: url("Images/CoreTheme/Attributes.png");*/
    background-image: url("Images/CoreTheme/Attributes-White-New.png");
	background-position: center center;
	background-repeat: no-repeat;
	float:left;
    margin-top: 6px;
    margin-right: 3px;
    cursor: pointer;
}

.addCategory.onLightBkg
{
    background-image: url("Images/CoreTheme/Attributes-Gray-New.png");
}

.addCategory.noGroupBy 
{
	margin-left:10px;	
}

.categorySelectHeader 
{
}

.CategoryHolder 
{
	border: 1px solid Silver;
	min-width: 150px;
	width:300px;
	max-height: 220px;
	overflow: auto;	
	z-index: 1003;
	position: absolute;
	margin-left:45px;
}

.CategoryHolder > .cat 
{
	cursor: pointer;	
}

.CategoryHolder > .att 
{
	cursor: pointer;	
}

.AttributeSelectorSpacer 
{
  width: 72px;
  float: left;
  height: 1px;
  position: relative;
}
.AttributeSelectorLabel 
{
    width: 0px;
    float: left;
    position: relative;
    top: -19px;
    left: 4px;
    font-size: 14px;
    color: #353A40;
}

.asSearchBox {
    height: 20px;
    width: calc(100% - 32px);
    border: none;
    padding-left: 4px;
    color: #788196;
}
.asSearchBox::-ms-clear {
  display: none;
}

.asClearSearch {
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingClose.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 3px;
    cursor: pointer;
}

.asSearchIcon {
    background-image: url(Images/CoreTheme/MessagingAdmin/SearchGray-8.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 2px;
    cursor: default;
}
.asvSearchBox {
    height: 20px;
    width: calc(100% - 32px);
    border: none;
    padding-left: 4px;
    color: #788196;
}
.asvSearchBox::-ms-clear {
  display: none;
}

.asvClearSearch {
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingClose.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 3px;
    cursor: pointer;
}

.asvSearchIcon {
    background-image: url(Images/CoreTheme/MessagingAdmin/SearchGray-8.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 2px;
    cursor: default;
}

.categoryGroupBy 
{
	background-image: url(Images/btnGray_small_10px.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 22px;
    width: 16px;
    cursor: pointer;
    float: left;
    /*background-color: #CCCCCC;*/
    background-color: #A7B0C6;
    position: relative;
    margin-top: 9px;
    margin-left: 4px;
}

.categoryGroupBy.selected
{
	/*background-image: url(Images/btnOrange_small_10px.png);*/
    background-image: url("Images/CoreTheme/blue_dot.png");
    background-size: 7px;
}
	
/*.lblCategorySelector 
{
	margin-left:12px;
}*/

/*END Unique Category*/

/*---------------------Profile Templates---------------------*/
.templateItem 
{	
}

.templateItem.selected 
{
}

.templateIsRanking {
  display: block;
  margin-top: 3px;
}
  .templateIsRanking input[type=checkbox] {
    margin: 3px;
    vertical-align: text-top;
  }

.btnAddTemplate 
{
	padding:0px 2px 0px 0px;
	float: right;	
}

#upnlTemplateList
{
    height: calc(100% - 19px);
    overflow-y: auto;
}

.profileArea 
{
	border:1px solid black;
	display:inline-block;
	position:absolute;		
	background-color: White;
	opacity: .30;
	filter: Alpha(opacity=30);
}

.profileArea.checked 
{
	background-color:#E5F2FC;
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.profileCheckBox 
{
	position: absolute;
	left: 3px;
	top: 3px;
}

.profilePicture 
{
	background-image: url("Images/profilepic_small.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	width:85px;
	height:85px;
}

.profileAchievements 
{
	background-image: url("Images/basicShelves_Small.png");
	background-repeat: no-repeat;
	background-position: center center;
	width:140px;
	height:183px;	
}

.profileLevels 
{
	background-image: url("Images/basicLevel_Small.png");
	background-repeat: no-repeat;
	background-position: left center;
	width:93px;
	height:23px;
}

.showLevels 
{
	background-image: url("Images/show-more.png");
	background-repeat: no-repeat;
	background-position: center center;
	width:10px;
	height:7px;
	padding:8px;
}

.unshowLevels 
{
	background-image: url("Images/show-less.png");
	background-repeat: no-repeat;
	background-position: center center;
	width:10px;
	height:7px;
	padding:8px;
}

.showAdvanced 
{
	display: inline-block;	
	background-image: url("Images/DropDown.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width:9px;
	height:6px;
	margin:0px 0px 3px 5px;
}

.hideAdvanced 
{
	display: inline-block;
	background-image: url("Images/desc.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width:9px;
	height:6px;
	margin:0px 0px 3px 5px;
}

#layoutHolder #levelHolder 
{
	position:absolute;
	top:81px;
	left:45px;
	width:560px;	
	background-color: White;
}

#layoutHolder #advancedHolder 
{	
	width:100%;		
	background-color: White;	
}

#layoutHolder #decayHolder 
{	
}

#layoutHolder .removeLevel 
{
	float:right;
	padding-right:5px;
	width: 17px;
}

#levelHolder .levelName, #levelArea .levelName { width:115px; }

#levelHolder .levelMinVal, #levelHolder .levelFlatAmt, #levelHolder .levelPercentAmt, 
#levelArea .levelMinVal, #levelArea .levelPointAmt, #levelArea .levelXPAmt 
{ width:63px; text-align:right; }

#levelHolder .levelImgText, #levelArea .levelImgText { width:115px; }

.profilePoints 
{
	background-image: url("Images/basicPointCoins_Small.png");
	background-repeat: no-repeat;
	background-position: left center;
	width:43px;
	height:23px;
}

.profileRankingHolder 
{	
	position:absolute;	
	left:10px;
	top:55px;
}

.rankingItem 
{
	width:55px; 
	height:55px; 
	background-color:#EAE9E8; 
	border: 1px solid #505050; 	
	float:left;
	margin:5px 0px 0px 5px;
	cursor:pointer;
}

.checked .rankingItem:hover 
{
	background-color:#666666;
	border: 1px solid #323232;
}

.rankingItem.chosen 
{
	background-color: #4683C4;
}

.profileTemplateOverlay 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 52px);
	z-index: 90;
	background-color:White;
	opacity: .35;
	filter: Alpha(opacity=35);
}

.pnlRankingSettings 
{
	position:absolute;
	/*left:704px;*/
	top:350px;
	min-width: 530px;
	width:auto;
	height: fit-content;
	display:block;
	z-index:1001;
	background-color: White;
	border: 1px solid Black;
	padding: 5px;
}

.pnlRankingSettings .settingsContent 
{	
	height: max-content;
	margin: 0px;
}

.removeRankingItem 
{
	width: 10px;
	height: 10px;
	padding: 1px 1px 0px 0px;
	float:right;
	background-image: url(Images/CoreTheme/BlueMinus.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.rankingItem:hover .removeRankingItem
{
	background-image: url(Images/CoreTheme/Minus-WhiteFill.png);
}

.pnlRankingSettingsOverlay 
{
	z-index:1000;	
}

.lossText.disabled 
{
	color:#DAD9D9;
}
/*END Profile Templates*/

/*------------------------Profile Mgmt------------------------*/
.loginFieldset 
{
	float:left;
	width: 479px;
	height: 166px;
	background-color:White;
	margin:4px 0px 4px 5px;
	position: relative;
}

.fieldsetHolder.needsApproval > .loginFieldset
{
	background: #F0A029;
}

.pMgmtHolder 
{
	float:left;
	border:1px solid Black;
	margin-bottom:2px;
}

.pMgmtHolder:hover > .pMgmtRemove 
{
	opacity: 1.0;
	filter: Alpha(opacity=100);	
}

.pMgmtAliasHolder 
{
	width:343px;
	height:20px;
}

.pMgmtBioHolder 
{
	width:343px;
	height:45px;
	overflow-y:auto;	
}

.lblBio 
{
	display: inline-block;
	width: 316px;
}

.pMgmtPointHolder 
{
	width:343px;
	height:62px;
	float:left;
	border:1px solid Black;
}

.currPoints 
{
	text-decoration: underline;
	color:Blue;	
}

.currPoints:hover
{
	font-weight:bold;
}

.SPHPopup 
{
	overflow:hidden;	
}

.SPHPopup thead > tr, .SPHPopup tbody
{
    display:block;
}

.SPHPopup th 
{
	border:1px solid Black;
	padding:0px;
	text-align: center;	
}
.SPHPopup td
{
	border-top:1px solid Black;
	border-bottom:1px solid Black;
	padding:0px 0px 0px 0px;
}

.SPHPopup tr:nth-child(even) 
{
	background: #EEE;	
}

.SPHPopup td.pMgmtNumTD 
{
	width:90px; 
	text-align:right; 
	/*padding:0px 4px 0px 0px;*/
}

.addSPH 
{
	width:15px; 
	background-color:#07A0F4;
}

.addSPH.willAdd 
{
	background-color:#57DB57;
}

.imgUploaderHolder .fd-zone 
{
	height: 30px;
	font-size: 10px;
	min-width: 100px;
}

.imgProfileMgmtHolder 
{
	width: 100px;
	height:100px;
	border:1px solid black;
	display:inline-block;
	margin-left: 14px;
}

.pMgmtRemove 
{
	position:absolute;
	cursor:pointer;
	opacity: .05;
	filter: Alpha(opacity=05);
	height:16px;
	width:16px;
	background-image: url("Images/rejected.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding-left: 16px;
}

.pMgmtImgRemove 
{
	height:16px;
	width:16px;
	background-image: url("Images/rejected.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.pMgmtRemove:hover 
{
	color:#069DEF;
}

.pMgmtRemoveAlias 
{
	left: 290px;
	top: 27px;
}

.pMgmtRemoveBio 
{
	left:305px;
	top:57px;
}

.chkProfileMgmt 
{
	position:absolute;
	left:407px;
	top:80px;	
	opacity: .05;
	filter: Alpha(opacity=05);
	cursor:pointer;
}

.pMgmtImgApprove 
{
	float:left;
	width: 18px;
	height: 18px;
	background-image: url("Images/checkmark_small.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.pMgmtImgDeny
{
	float:right;
	width: 18px;
	height: 18px;
	background-image: url("Images/close.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.chkProfileMgmt.approve 
{
	top:30px;
}

.chkProfileMgmt.deny 
{
	top:51px;
}

.chkProfileMgmt.remove
{
	top:72px;
}

.chkProfileMgmt:hover~.imgProfileMgmtHolder, .imgProfileMgmtHolder:hover
{
	opacity: .60;
	filter: Alpha(opacity=60);
}

.imgProfileMgmtHolder:hover~.chkProfileMgmt, .chkProfileMgmt:hover
{
	opacity: 1.0;
	filter: Alpha(opacity=100);
}
/*------------------------User Profile------------------------*/
.userProfileViewer
{
	z-index: 1;
}

.primaryToolbarHeader
{
	background-color: #444F5A;
	text-align: center;
	/*border: 1px solid white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	font-size: 16px;
	color: white;
	height: 51px;
	padding-top: 4px;
	line-height: 38px;
	font-size: 20px;
}
.primaryToolbarHeader.unfocused { color: #A7B0C6; }

    /*.primaryToolbarHeader.workAids, 
	.primaryToolbarHeader.announce, 
	.primaryToolbarHeader.message, 
	.primaryToolbarHeader.tasksToolbar,
	.primaryToolbarHeader.proficiencyToolbar
	{
        font-size: 24px;
        color: #FCFCFC;
        height: 39px;
    }*/

.subToolbarHeader
{
	background-color: #e2e2e2;
	text-align: center;
	font-size: 20px;
	color: #333;
	height: 42px;
    line-height: 40px;
}

    .subToolbarHeader.light {
        background-color: #EFEFEF;
        color: #333;
        text-align: start;
        padding-left: 18px;
        font-size: 14px;
        height: 27px;
        line-height: 21px;
        border-bottom: 1px solid #D1D3D4;
    }

.userProfileImageHeader
{
	height: 135px;
	background-image: url(Images/CoreTheme/Profile/Background-with-coins-and-challenges.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.userProfilePicture 
{
	background-color:White;
	/*background-image: url("Images/userProfile_noPic.png");*/
	background-repeat: no-repeat;
	background-position: center bottom;	
	/*background-size: contain;*/
	
	position:absolute; 
	right:4px; 
	border:1px solid Black; 
	float:right;
	width:50px;
	height:50px;
	z-index:998;
}

.userProfileBox
{
	position: relative;
	width: 400px;
	z-index: 1000;	
	font-size: 12px;
}

.userProfileBox.noImage 
{
	
}

.userProfileLoading, .awardAwardsLoading
{
	position:absolute; 
	background-color:white; 
	padding: 0px 4px 4px 0px; 
	border:2px solid black;
	-moz-box-shadow: 3px 3px 12px 0px #000;
	-webkit-box-shadow: 3px 3px 12px 0px #000;
	box-shadow: 3px 3px 12px 0px #000;
}	

.userProfileBox .loadView 
{
	width:54px;
	height:55px;	
	background-color: White;
	border:1px solid Black;	
	background-position: left top;
	padding:0px 4px 4px 0px;	
	position: relative;
	left:-50%;
	top:-50%;	
}

.imgProfile
{
    height: 65%;
    margin: 19px 0px 0px 19px;
    border-radius: 50%;
    border: 4px solid #CCCCCC;
}

.userProfileImage 
{
    position: absolute;
	background-image: url('Images/CoreTheme/Profile/XP ring beind profile picture.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    display: inline-block;
    width: 130px;
    height: 130px;
    left: 135px;
    top: 55px;
}

.userProfileTextArea
{
	height: 170px;
	background-color: white;
}

.lblNoProfile 
{
	display: inline-block;
	width: 100%;	
	margin: 50px auto;	
	text-align: center;	
	font-size: 20px;
}

.userProfileName 
{
    width: 100%;
    color: #3D4652;
    font-size: 20px;    
	text-align: center;
    position: absolute;
    top: 190px;    
}

.userProfileAlias
{
    width: 100%;
    color: #3D4652;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 220px;
}

/*Level*/
.userProfileLevel 
{
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size: contain;
	
	position:absolute;
	bottom:5px;
	right:5px;
}

.userProfileXPBarImg
{
	position: absolute;
    top: 7px;
    left: 0px;
}

.userProfileLevelText 
{	
    width: 100%;    
    text-align: center;
    font-size: 14px;
    color: white;
    position: absolute;
    top: 35px;
}

.userProfileCurrentXP
{
	position: absolute;
    top: 165px;
    right: 245px;
}
.xpText { color: #2BCD2B; font-size: 14px; font-weight: bold; }

.userProfileNextXP
{
	position: absolute;
	top: 165px;
	left: 243px;
}
.xpTextValue { color: #3D4652; font-size: 14px; }

.lvlProgHolder 
{
	padding:2px; 
	background-color:White; 
	border:1px solid Black;	
}

.actionArea 
{
	float:right;
	margin-top:20px;
}

.refreshProfile 
{
	background-image: url("Images/CoreTheme/Modules/Refresh-DES.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float:left;
	width:16px;
	height:16px;
	padding-top:15px;
}

.userProfileBox .loggedinTitle
{
	font-size:8px;
	font-weight:bold;
	color:White !Important;
	text-decoration:none;
}

.profileAvatarInfoPopup {
  position: absolute;
  top: 20%;
  background-color: white;
  z-index: 10;
  box-shadow: rgb(0,0,0, 0.3) 0px 3px 6px 3px;
  transition: top 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  padding: 16px 32px;
  border-radius: 4px;
}
  .profileAvatarInfoPopup.ng-hide.ng-animate {
    top: 0;
    opacity: 0;
  }

.profileAvatarLevelPopup {
  left: 15%;
  width: 70%;
}

.profileAvatarLevelSection:not(:last-child):after {
  position: absolute;
  background-image: url('Images/CoreTheme/Profile/arrow.svg');
  top: calc(50% - 1.5rem);
  right: -1rem;
  display: inline-block;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
}

.profileAvatarBadgePopup {
  left: 25%;
  width: 40%;
  top: 5%;
}

.profileAvatarInfoResetPopup {
  left: 25%;
}

.profileAvatarInfoPopupHeader {
  font-size: 18px;
  /* text-align: center; */
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #A8AFB9;
}

.cv-text-muted {
  color: #A8AFB9;
}

/*Points*/
.pointsArea 
{
	position: absolute;
	top: 65px;
    right: 55px;    
    cursor:pointer;
}

.ptsAvailable, .ptsReserve
{
    color: white;
    font-size: 19px;
    position: absolute;
    right: -10px;
    top: 45px;
    text-align: center;
}
.channelModuleDataFrame .ptsAvailable,
.channelModuleDataFrame .ptsReserve
{ right: 10px; }

/*Points Popup*/
.ptsAreaPopupMainHeader, .gemHistoryPopupMainHeader
{
    height: 64px;
    text-align: center;
}
.ptsAreaPopupCloseImg, .gemHistoryPopupCloseImg 
{
    background-image: url(Images/CoreTheme/CloseIcon.png);
    height: 26px;
    width: 26px;
    float: right;
    cursor: pointer;
    margin-top: 16px;
    margin-right: 31px
}
.ptsAreaPopupMainBody 
{
    display:flex;
    height: calc(100% - 146px);
    min-height: 450px;
    flex-flow: row nowrap;
}
.ptsAreaPopupLeftContainer 
{
    flex:3;
    min-width: 200px;
}
.ptsAreaBigCoin 
{
    background-image: url(Images/CoreTheme/CoinHistoryCoins.png);
    height: 118px;
    width: 144px;
    margin-top: 34px;
    margin-left: 35px;
    position: relative;
    top: -64px;
    left: -12px;
}
.ptsAreaPopupMidContainer 
{
    flex:20;
    min-width: 940px;
    height:100%;
    min-height: 450px;
}
.ptsAreaPopupTableHeader 
{
    display:flex;
    height: 29px;
    background-color: #006D00;
    margin-top: 18px;
    flex-flow: row nowrap;
}
.ptsAreaPopupTableRow:nth-child(even)
{
    background-color:#F2F2F2;
}
.ptsAreaPopupTableEventHeader 
{
    margin:auto;
    text-align:center;
    flex:3;
}
.ptsAreaPopupTableDescHeader 
{
    flex:7;
    min-width: 377px;
    text-align: center;
    margin: auto;
}
.ptsAreaPopupTableEarnedHeader 
{
    flex: 2;
    margin: auto;
    text-align: center;
    padding: 0px 4px 0px 4px;
}
.ptsAreaPopupTableReservedHeader 
{
    flex: 2;
    margin: auto;
    padding: 0px 4px 0px 4px;
    text-align: center;
}
.ptsAreaPopupTableAvailableHeader 
{
    flex: 1;
    padding: 0px 4px 0px 4px;
    margin: auto;
    text-align: center;
}
.ptsAreaPopupTableResTotalHeader 
{
    flex: 2;
    margin: auto;
    text-align:center;
    padding: 0px 4px 0px 4px;
    text-align: center;
    min-width: 100px;
}
.ptsAreaPopupTableBody 
{
    height: calc(100% - 47px);
}
.ptsAreaPopupTableEvent 
{
    flex:3;
    padding: 2px;
    margin: auto;
}
.ptsAreaPopupTableDesc 
{
    flex:7;
    min-width: 328px;
    padding: 2px;
    margin: auto;
}
.ptsAreaPopupTableEarned 
{
    flex:2;
    text-align: center;
    padding: 2px;
    margin: auto;
}
.ptsAreaPopupTableReserved 
{
    flex:2;
    text-align: center;
    padding: 2px;
    margin: auto;
}
.ptsAreaPopupTableAvailable 
{
    flex:1;
    text-align: center;
    padding: 2px;
    margin: auto;
}
.ptsAreaPopupTableResTotal 
{
    flex:2;
    text-align: center;
    padding: 2px;
    margin: auto;
}

.ptsAreaPopupTableGivenBy {
    flex: 2;
    text-align: center;
    padding: 2px;
    margin: auto;
    word-wrap: break-word;
    word-break: break-all;
}

.ptsAreaPopupRightContainer {
    flex: 2;
}
.ptsAreaPopupFooter 
{
    height: 82px;
    background-color: #E5E5E5;
}
.ptsAreaMoreBtnContainer 
{
    width: calc(100% - 8%);
    min-width: 1252px;
}
.ptsAreaPopupMoreButton 
{
    width: 100px;
    text-align: center;
    text-decoration: underline;
    border-radius: 10px;
    float: right;
    margin-right: 151px;
    margin-top: 28px;
}
.ptsAreaPopupBuyGemsBtn 
{
    outline: none;
    height: 32px;
    width: 120px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border:2px solid #0067a4;
    border-radius:5px;
    background-color: #FFFFFF;
}
.ptsAreaPopupBuyGemsIcon 
{
    background-image: url(Images/Avatar/smallGem.png);
    background-repeat:no-repeat;
    height: 16px;
    width: 20px;
    min-width:20px;
    /* margin-top: 6px; */
    /* margin-left: 10px; */
}
.ptsAreaPopupBuyGemsText 
{
    margin-left: 10px;
    margin-top: 3px;
    color: #0067a4;
    font-size: 14px;
    font-weight: bold;
}
.ptsAreaPopupBuyGemsPopupOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #686973;
    opacity: .35;
}
.ptsAreaPopupBuyGemsPopupContainer 
{
    position: absolute;
    left: calc(50% - 300px);
    top: calc(50% - 175px);
    width: 600px;
    height: 350px;
    border: 1px solid #000000;
    border-radius: 5px;
    background-color: #EFEFEF;
}
.ptsAreaPopupBuyGemsHeader 
{
    background-color: #676868;
    justify-content: space-between;
    color: #EFEFEF;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    height:40px;
}
.ptsAreaPopupBuyGemsCloseContainer 
{
    width:33px;
    height:33px;
    margin-top: 3px;
}
.ptsAreaPopupBuyGemsCloseBtn 
{
    background-image: url(Images/Avatar/PurchasePopupClose.png);
    background-repeat:no-repeat;
    outline:none;
    height: 21px;
    width: 21px;
    margin-left:6px;
    margin-top:6px;
    cursor: pointer;
}
.ptsAreaPopupBuyGemsCloseBtn:hover 
{
    background-image: url(Images/Avatar/PurchasePopupCloseHover.png);
    background-repeat:no-repeat;
    outline:none;
    height: 33px;
    width: 33px;
    margin-left:0px;
    margin-top:0px;
    cursor: pointer;
}
.ptsAreaPopupBuyGemsMain 
{
    /* margin-left: 36px; */
    /* margin-right: 36px; */
}
.ptsAreaPopupBuyGemsMainText 
{
    margin-top: 20px;
    font-size: 20px;
    color: #030303;
    text-align: center;
}
.ptsAreaPopupBuyGemsBottomContainer 
{
    justify-content: space-between;
    width: 522px;
}
.ptsAreaPopupBuyGemsBottomButtonContainer 
{
    margin-top:40px;
}
.profileAvatarGemText 
{
    text-align: center;
    /* margin-right: 50px; */
}
/*End Points Popup*/

/*Bio*/
.userProfileBioText 
{
	height: 75px;
	overflow: hidden;	
}

.userProfileBioText:hover 
{
	overflow: visible;
}

.upBioText 
{	
	position: relative;
	z-index: 1;
	padding: 0px 30px;
}

.userProfileBioHolder 
{
    width: 100%;
    height: 75px;
    color: #3D4652;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 250px;
}

/*Achievements*/
.userProfileAchievements 
{
	overflow-y: auto;
	overflow-x: hidden;
    max-height: 400px;
}

.userProfileAchievementHeader
{
	height: 47px;
	background-image: url('Images/CoreTheme/Profile/MY TROPHY CASE.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	z-index:1;
}

.userProfileAchievementBody 
{
	height: 330px;
	margin-top: -7px;
	background: url(Images/CoreTheme/Profile/ivory-off-white-paper-texture.jpg);
	background-repeat: repeat;
}

.userProfileAchievementBodyLeft { width: 150px; float: left; }

.userProfileAchievementBodyLeftInfo
{
	height: 135px;
}

.userProfileAchievementBodyLeftColumn
{	
    width: 126px;
    height: 195px;
	margin-left: 10px;
	background-image: url('Images/CoreTheme/Profile/Column.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.userProfileAchievementBodyRight 
{ 
	width: 240px;
    max-height: 300px;
	overflow-y: auto;
    margin-top: 20px;
    float: right;    
}

.aaHolder
{
	width: 65px;
	height: 65px;
    margin: 5px 4px;
	text-align: center;
	float: left;
	cursor: pointer;
	position: relative;
}
.aaHolder:hover img 
{ 
	-webkit-filter: brightness(75%);
    filter: brightness(75%);
}
.aaHolder img { height: 50px; }
.aaHolder div 
{ 
    color: white;
    padding: 1px 5px;
    background-color: #3D4652;
    border: 1px solid white;
    text-align: center;
    opacity: .6;
    position: absolute;
    top: 35px;
    right: 5px;
}

.aaSelected
{
    width: 100px;
    margin: 15px 5px 5px 23px;
    text-align: center;
    float: left;
    position: relative;
	cursor: pointer;
}
.aaSelected img { height: 70px; }
.aaSelected:hover img 
{ 
	-webkit-filter: brightness(75%);
    filter: brightness(75%);
}
.aaSelected span { display: inline-block; width: 100%; }
.aaSelected .aaBadgeName { font-weight: bold; }
.aaSelected .aaDateSelected { font-size: 11px; }

.userProfileRecipientHolder
{
	width: 220px;
	background-color: #3D4652;
	border-radius: 5px;
	color: white;
	position: absolute;
}

.userProfileRecipientTitle 
{ 
	display: inline-block;
	margin: 2px 0px 5px 4px;
    font-size: 14px;
    font-weight: bold;
}

.userProfileRecipientClose
{
	width: 17px;
	height: 17px;
	float: right;
	margin: 3px 3px 0px 0px;
	background-image: url(Images/CoreTheme/Cancel-DES.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
}
.userProfileRecipientClose:hover
{
	background-image: url(Images/CoreTheme/Cancel-HoverSEL.png);
}

.userProfileRecipient
{
	height: 43px;
	border-bottom: 1px solid #A7B0C6;
	position: relative;
}
.userProfileRecipient:last-of-type { border-bottom: none; }

.userProfileRecipientProfileImg { position: absolute; top: 7px; left: 8px; border-radius: 50%; }
.userProfileRecipientName { position: absolute; top: 2px; left: 43px; font-weight: bold; font-size: 13px; }
.userProfileRecipientPointsImg { position: absolute; top: 20px; left: 43px; width: 17px; height: 17px; }
.userProfileRecipientPoints { position: absolute; top: 20px; left: 62px; }
.userProfileRecipientLvl { position: absolute; top: 20px; right: 10px; }

.lblAchievementGroupName
{
	color:gray;
	padding: 1px 0px 0px 2px;
}

.userProfileGroupedAchievements
{	
	background-color: white;	
	border-bottom: 1px solid #336699;
}

.userProfileAchievedImage 
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:85%;
}

.userProfileAAImage 
{
	height:75px;
	width:60px;
	float:left;
	position:relative;
}

.userProfileMultiplesOverlay 
{
	position: absolute;
	padding-left:8px;
	font-size:15px;
	opacity: .9;
	filter: Alpha(opacity=90);
}

.shareFacebook:hover, .shareTwitter:hover
{
	/*Trying to get concave depress*/
	/*position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: Black;	
	content: "";*/
	opacity: .7;
	filter: Alpha(opacity=70);
}

.facebookPost, .twitterPost 
{
	position:absolute; 
	width:360px; 
	height:99px; 
	border:2px solid #55ACEE; 
	background-color:White; 	
	z-index:1006;	
}

.facebookPost 
{
	width: 500px;
	height: 270px;	
	border: 2px solid #4C68A1;
}

.facebookGraph 
{
	margin: 0px auto;
	width:468px;
	height:156px;
	border:1px solid LightGray;
}

.facebookGraphImg 
{
	width: 156px;
	height: 156px;	
	border-right: 1px solid LightGray;
}

.facebookGraphInfo 
{
	float:right;
	width:311px;
	height:156px;
}

.facebookGraphDesc 
{
	display:inline-block;
	padding:10px;	
}

.facebookGraphCaption 
{	
	position: absolute;
	bottom:40px;
	padding-left:10px;
	color: LightGray;
}

/*Challenges*/
.userProfileChallenges 
{
    position: absolute;
    top: 45px;
    left: 40px;
}

.userProfileScoreBox 
{
	width:60px; 
	height:45px;
	text-align:center;	
	margin:4px auto;
}

.challengesHolder
{
	width:236px;
	display:inline-block;
}

.winLossHolder
{
	width:60px;
	display:inline-block;
}

.lblUserProfileWinLossHeader 
{
	line-height: 20px;
    font-size: 20px;
    letter-spacing: 2px;
    display: inline-block;
    color: Gold;
    font-family: 'digitalFont';
}

.lblUserProfileWinLoss 
{
	line-height:25px;
	font-size:22px;
	display:block;	
	color: white;
}

.lossHolder + .winHolder 
{
	width:50%;	
}

.userProfileChallengeCurrentHeader 
{	
	color: White;	
	width:100%;
	padding: 1px 0px 0px 2px;
}

.userProfileChallengeHolder 
{
	min-height:72px;
	overflow-y:auto;
}

.challengeContainer
{
	padding: 1px 4px;
	border: 1px solid silver;
	float: left;
	background-color:gray;
	margin-left:2px;
}

.challengeContainer.earning
{
	background-color:#6DFF00;
}

.challengeContainer.notEarning
{
	background-color:red;
}

/*Rankings*/
.userProfileRankingsHolder 
{
	width:300px;	
	height:100px;
	border-bottom: 1px solid #336699;
}

.userProfileRankingsHolder.twoRows
{
	height:185px;
}

.upRankContainer 
{
	float: left;
	width:65px;
	height:75px;
	margin: 3px 3px 3px 3px;
	text-align: center;		
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-raduis: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border:2px solid White;
	background-image: radial-gradient(ellipse at 10% 30%, rgba(0,0,0,0) 40%,rgba(0,0,0,0.4) 100%);
}

.upRankContainer .metricInfo 
{
	text-align: right;
	margin-right: 5px;
	font-size: 10px;
}

.upRankContainer .topText,
.upRankContainer .bottomText 
{
	font-size: 14px;	
}

.upRankContainer .middleText 
{
	font-size: 22px;	
}
/*----END User Profile----*/

.showCategoryPopup
{
	float: right; 
	margin-bottom:-15px;
}

/*Disposition*/
#txtDispoDescription
{
	resize:none;    
}

/*Product*/
#txtProductDescription
{
	resize:none;    
}

/*QA*/
.QACompForms
{
	width:200px;
	border-left: 1px solid #ADABB3;
}

.QACompSubForms
{
	width:200px;
}

.QACompQuestions
{
	width:250px;
}

.QACompList
{
	height:200px;
	padding-left: 10px;
	overflow-y:scroll;
	overflow-x:hidden;
	border-right: 1px solid #ADABB3;
	border-bottom: 1px solid #ADABB3;
	float:left;
}

.QACompItem
{
	cursor: pointer;
}

.QACompItem:hover
{
	font-weight: bold;
}

.QACompItemSelected
{
	color: #19B0FF;
	font-weight: bolder;
}

.QAMultiplyBy {
	width: 35px;
	text-align: right;
}

.CustomAvgByDay 
{
	width: 16px;
	height: 16px;
	background-image:url("Images/checkmark_small.png");
	background-position: center center;
	background-repeat: no-repeat;
}
/*End Metrics*/
/*------------------------Incentives------------------------------*/
/*----Creation----*/
.popup.moduleContainer 
{
	float:none;
	margin:0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-box-shadow: 0px 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

.incentiveItem 
{
		
}

.selectedIncentive
{
	background: -webkit-linear-gradient(#019AF9, #00A3FF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#019AF9, #00A3FF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#019AF9, #00A3FF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#019AF9, #00A3FF); /* Standard syntax */
	box-shadow: 2px 2px 4px #999999, inset 2px 2px #33CCFF;
}

.incentiveComponent 
{
	border: 1px solid black;
	width: 48%;	
	margin: 1px 1px 1px auto;
	padding: 1px 2px 1px 6px;
	float:left;	
	position: relative;
}

.incentiveOverflow 
{
	min-height: 168px;
	max-height: 168px;	
	overflow: auto;
}

.incentiveComponentContainer 
{
	width: 100%;
	height:376px;
}

.incentiveComponent.alt 
{
	background-color: #EEE;
}

.createAchievementContainer,
.createChallengeTemplateContainer,
.createChallengeContainer
{
	width:590px;
	float:left;
	border-left: 1px solid #ADABB3;
	padding-left:10px;
	height:505px;
}

.createAchievementContainer .incentiveComponentContainer,
.createChallengeTemplateContainer .incentiveComponentContainer,
.viewChallengeTemplateInfoContainer .incentiveComponentContainer
{
	width: 100%;
	height:270px;
}

.createAchievementContainer .incentiveOverflow,
.createChallengeTemplateContainer .incentiveOverflow,
.viewChallengeTemplateInfoContainer .incentiveOverflow
{
	min-height: 114px;
	max-height: 114px;	
	overflow: auto;	
}

.payoutItem 
{
	display:inline-block;
	width:30%;
	padding:0px 2px;	
}

.lblCTPayoutBorder 
{
	display:inline-block; 
	width:31px; 
	padding-right:2px;	
	border:1px solid black; 
	text-align:right;
	background-color: White;
}

.manualAchievementOverlay 
{
	position: relative;
	width: 574px;
	height: 80px;
	margin-left: -574px;
	z-index: 10000;
	background-color:White;
	opacity: .35;
	filter: Alpha(opacity=35);
}

/*Analytics Stuff*/
.trendChartHere, .correlationChartHere
{
	text-align:center;	
}

.notUsingInterval 
{
	opacity: .50;
	filter: Alpha(opacity=50);
}

.isCorrelation .selectedMetric:first-of-type
{
	font-weight:bold;
	color:White;
	background-color: #FFBB53;	
}
/*End Analytics Stuff*/

/*Challenge Stuff*/
/*Rule Challenge Module*/
.challListOption 
{
	width:77px;
	height:25px;
	text-align:center;
	line-height:200%;
	font-size: 13px;
	display:inline-block;
	background-color: #CCCCCC;
	border:1px solid #999999;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.challListOption.selected 
{
	background-color: #0078AC;
	color: white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;	
}

.challItem:nth-of-type(odd)
{
	background-color: #EEEEEE;
}

.challItem.selected { color:#0078AC; }
.challItem:hover { font-weight:bold; /*color: white;*/ }
.challItem:not(.h) { cursor:pointer; }
.challItem.h 
{ 
	font-weight:bold; 
	padding: 5px;
	color: white; 
	background-color: #0078AC; 
	border-bottom: 1px solid white;
}

.challItem.p:not(.h), 
.challItem.i:not(.h), 
.challItem.a:not(.h) 
{ 
	font-size: 12px;
	padding: 5px;
	margin-left:0px; 
}

.challAction 
{
	width:25%; 
	height:100%; 
	margin:0px auto; 
	border:1px solid #0072B1; 
	background-color:#08A3F8; 
	text-align:center;
	line-height:250%;
	color:White;
	font-size:18px;
}

.challAction:hover 
{
	border:1px solid #08A3F8; 
	background-color: #0072B1;
}

.challAction.disabled 
{
	color:Gray;
	border:1px solid Gray;
	background-color:#EAE9E8;
	cursor:default;
}

.challRemove 
{
	position:relative;
	top: 16px;
    left: 200px;
	width:45px;
	text-decoration: underline;
	color:Blue;	
}

.challRemove:hover 
{
	font-style:normal;
	color:#00F1FF;
}

.challPayouts .lblCTPayoutBorder 
{
	width: auto;
}

.challHeaderText
{
	font-size: 14px;
	width: 100%;
	display: inline-block;
}

.rChallAction 
{
	float: right;
	margin: 7px 3px 0px 0px;
}

.ruleChallengeButton
{	
	font-size: 15px;
	margin: 5px 0px 10px 0px;
	padding: 6px 16px;
	display: inline-block;
	text-align: center;
	color: #555555;
	background: -webkit-linear-gradient(#F6F6F6, #DCDCDC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F6F6F6, #DCDCDC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F6F6F6, #DCDCDC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F6F6F6, #DCDCDC); /* Standard syntax */	
	box-shadow: 1px 1px 5px #555555, inset 1px 1px white;	
}

.ruleChallengeButton:hover
{
	box-shadow: 1px 1px 2px #555555, inset 2px 2px white;
}

.saveChallenge
{
	margin-top: 6px;
}
/*Rule Challenge End Module*/


.rulesNavigation
{
    background-color: transparent;
    width: 90px;
    height: 73px;
    position: absolute;
    right: 55px;
    top: 58px;    
    cursor: pointer;
    border-radius: 10px;
}
.rulesNavigation:hover
{
    background-color: #676868;
    color: white;
}
.rulesNavigation .navToGamificationAdmin
{
    background-image: url("Images/CoreTheme/Rules/CurrencyAdminGray.png");
    background-size: 40px 60px;
    width: 40px;
    height: 38px;
    margin: auto;  
}
.rulesNavigation:hover .navToGamificationAdmin
{
    background-image: url("Images/CoreTheme/Rules/CurrencyAdminWhite.png");
}

.ddlCoachingForms,
.ddlCoachingSendToLevel,
.ddlCoachingSendToRole
{
    max-width: 75px;
}

.txtSurveyPointsUntilAlert,
.txtCoachingPointsUntilAlert,
.txtCoachingMaxPoints,
.txtSurveyMaxPoints,
.txtPointsToLvl,
.txtReskillMinPoints,
.txtReskillMaxPoints
{
    max-width: 35px;
}

.txtCoachingName
{
    max-width: 85px;
}

.payoutLeft 
{
	width:30px;
	display:inline-block;
	text-align: right;
	background-color: White;
}

.ctInfo, .ctChall 
{
	width:65px;	
}

.cJoin, .cInvite 
{
	width:60px;	
}

.toggleBtn 
{
	padding:1px; 
	border:1px solid black; 
	background-color:white; 
	display:inline-block;	
	text-align: center;
}

.appearUp
{	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow: 0px 3px 5px #666;
	-moz-box-shadow: 0px 3px 5px #666;
	-webkit-box-shadow: 0px 3px 5px #666;
}

.appearUp.disabled 
{
	color:Gray;
	background-color:#EAE9E8;
}

.appearDown
{
	position:relative;
	top:3px;
	color: #0078AC;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

.ChallengeHolder 
{
	width:103%;
	max-height: 484px;
	overflow-y:auto;	
}

.fsChallengeHolder.noStart .challengeFieldset
{
	background-color: #FFECEA;
}

.challengeFieldset 
{	
	width:555px;
	height:96px;
	background-color:White; 
	margin:4px 0px 4px 5px;
	position: relative;
}

.challBtn 
{
	width:65%; 
	background-color:White;
	border:1px solid #09A5FB; 
	text-align:center; 
	padding:2px; 
	margin:0px auto;
}

.challBtn.challPartsModule, .challBtn.challInfoModule 
{
	width: 45%;
	display:inline-block;
}

.challBtn:hover 
{
	background-color:#0078AC;
	color:White;	
}

.challAdded 
{
	width:249px;
	height: 14px;
    padding-top: 4px;
	border:1px solid black;
	margin:3px auto;
}

.cInviteJoin 
{
	padding-right:5px;
	float:right;
	color:Blue;
	text-decoration: underline;
}

.cInviteJoin:hover 
{
	color:#F0A029;
	text-decoration:none;
}

.removeChallAdded 
{
    cursor: pointer;
    float: right;
    width: 13px;
    height: 13px;
    background-image: url(Images/CoreTheme/BlueMinus.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding-right: 5px;
}

.addedList
{
	height:100px;
	overflow-y:auto;	
}

.addedList.selected 
{
	height:235px;
}

.AchievementInfo,
.ChallengeTemplateInfo
{
	height:215px;	
}

.levelItemView 
{
	text-align:center;			
}

.lvlImgView 
{
	width:16px;
	height:16px;	
}

.lvlLabel 
{
	display:inline-block;
	width:65px;		
}

.levelItem 
{
	text-align: center;	
}

.actImg 
{
	cursor:pointer;
	display: inline-block;
	vertical-align: middle;	
	width:16px;
	height:16px;
}
.actImg.metricImg { width: 25px; height: 25px; }

.removeLevel 
{
	width: 12px;
	vertical-align: middle;
}

.incentiveCompContainer 
{		
}

.IncentiveComponentPopupAdd 
{
	float: right;
	padding: 0px 2px 1px 0px;
}

.incentiveCompAdd 
{
	width:96%;	
}

.incentiveCompAdd.alt 
{
}

.inCompRangeMin, .inCompRangeMax 
{
	width:35px;
	text-align: center;
}

.inCompRangeVal 
{
	width: 35px;	
}

.minLabel, .maxLabel 
{
	display: inline-block;
	border: 1px solid Black;
	width: 40px;
	text-align: center;
	background-color: White;
}

.valLabel 
{
	display: inline-block;
	border: 1px solid Black;
	width: 62px;
	text-align: center;
	background-color: White;
}

.rangeLabelContainer 
{
	width:156px;
	margin: 0px auto 0px auto;	
}

.rangeLabel 
{
	width:156px;	
}

.rangeLabel.none 
{
	padding-left:2px;	
}

.rangeLabel.pos 
{
	border: 2px solid #9DFFA5;
}

.rangeLabel.mid 
{
	border: 2px solid #FFFF66;
}

.rangeLabel.neg
{
	border: 2px solid #FFB6B2;
}

.addIncentiveRange 
{

}

.areaHeader 
{
	width:99%; 
	height:15px; 
	margin:2px auto 1px auto !important;
}

.lblCalculated 
{
	margin-right: 5px;
	float:right;	
}

.lblIncentiveType 
{
	display:inline-block;
	position:absolute;
	left:48%;
}
/*----Module----*/
.incentiveCompOverflow 
{
	min-height: 95px;
	max-height: 95px;
	overflow:auto;	
}

.achievedAchieveOverflow 
{
	min-height:	235px;
	max-height: 235px;
	overflow: auto;
}

.pbContainer 
{
	height:32px;
	position: relative;
	width: 83%;
	float:left;
}

.pb 
{
	position:relative;
	display:inline-block;
	float:right;
}

.pb.greenBar
{
	background-image: url("Images/IncentiveModule/GreenLightMiddle.png");
	background-repeat: repeat-x;	
	border-color: Green;	
}

.pb.greenBar .ui-progressbar-value 
{
	background-image: url("Images/IncentiveModule/GreenDarkMiddle.png");
	background-repeat: repeat-x;	
	border-color: Green;
}

.pb.orangeBar
{
	background-image: url("Images/IncentiveModule/OrangeLightMiddle.png");
	background-repeat: repeat-x;	
	border-color: Orange;	
}

.pb.orangeBar .ui-progressbar-value 
{
	background-image: url("Images/IncentiveModule/OrangeDarkMiddle.png");
	background-repeat: repeat-x;
	border-color: Orange;
}

.pb.redBar
{
	background-image: url("Images/IncentiveModule/RedLightMiddle.png");
	background-repeat: repeat-x;	
	border-color: Red;	
}

.pb.redBar .ui-progressbar-value 
{
	background-image: url("Images/IncentiveModule/RedDarkMiddle.png");
	background-repeat: repeat-x;
	border-color: Red;
}

.pb.blueBar
{
	background-image: url("Images/IncentiveModule/BlueLightMiddle.png");
	background-repeat: repeat-x;
	border-color: #0D4D70;	
}

.pb.blueBar .ui-progressbar-value 
{
	background-image: url("Images/IncentiveModule/BlueDarkMiddle.png");
	background-repeat: repeat-x;
	border-color: #0D4D70;
}

.pbMarker 
{
	position: absolute;
	background-image: url("Images/IncentiveModule/ThresholdRing.png");
	background-repeat: no-repeat;
	height:22px;
	width:6px;
	top:-2px;
	padding-top:20px;
	font-size:10px;
	white-space:nowrap;
}

.pbMetricName 
{
	position:absolute; 	
	width:102px;
	top:0px;	
	display: inline-block;
}

.pbMetricName .x-small
{
	position:relative;
	top:-6px;
 }

.pbIncentiveType 
{
	position:absolute; 
	left:18%;
	top:2px;
}

.pbIncentiveValue 
{
	color: White;
}

.pbIncentiveGetting 
{
	float:right; 	
	font-size: 12px;
	font-weight: bold;
	width: 63px;
	text-align: center;
	border: 1px solid #DDDDDD;
	/*Inset Shadow*/
	-moz-box-shadow:    inset 0 0 20px #DDDDDD;
	-webkit-box-shadow: inset 0 0 20px #DDDDDD;
	box-shadow:         inset 0 0 20px #DDDDDD;
}

.groupTotalSpan 
{
	font-size:8px;		
}

.valueContainer 
{
	position:absolute;
	top:6px;
	z-index: 2;
}

.valuePosition 
{
	position:relative;
	left:-50%;
	white-space:nowrap;
}

.leftValueOval 
{
	display:inline-block;
	background-image: url("Images/IncentiveModule/ValueOvalLeftSmall.png");	
	background-repeat: no-repeat;
	height: 15px;
	line-height:19px;
	width: 9px;
}

.middleValueOval 
{		
	background-image: url("Images/IncentiveModule/ValueOvalMiddleSmall.png");	
	background-repeat: repeat-x;
	display: inline-block;
	position:relative;
	top:-7px;
	font-size:10px;
	height:15px;
}

.rightValueOval 
{
	display:inline-block;
	background-image: url("Images/IncentiveModule/ValueOvalRightSmall.png");	
	background-repeat: no-repeat;
	height: 15px;
	width: 9px;
}

.incentiveTooltip 
{	
}

/*Achievements Module*/
.achievedAchievementImage, .awardAchievementImage
{
	position: relative;
	height:100px;
	width:98px;
	padding:4px 2px 4px 2px;
	margin:2px;
	overflow:hidden;
	float:left;
	color: #666666;	
	background-color: #EEEEEE;
	/*Shadow*/
	-moz-box-shadow:    1px 1px 5px #666666, inset 1px 1px white;
	-webkit-box-shadow: 1px 1px 5px #666666, inset 1px 1px white;
	box-shadow:			1px 1px 5px #666666, inset 1px 1px white;
}	

.achievedImage, .awardImage
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.achievedImage
{
	height:80%;
}

.awardImage
{
	width: 85%;
    height: 85%;
}

.lblImageText 
{
	width:100%;
	text-align:center;
	display:inline-block;	
}

.onTarget .achievedImage
{
	opacity: .50;
	filter: Alpha(opacity=50);
}

.onTarget .lblImageText
{
	font-size: 11px;
	opacity: .8;
	filter: Alpha(opacity=80);
}

.inProgress .achievedImage 
{	
	opacity: .18;
	filter: Alpha(opacity=18);
}

.inProgress .lblImageText 
{
	font-size: 10px;
	opacity: .7;
	filter: Alpha(opacity=70);
}

.medalBG 
{
	background-image: url("Images/GoldCircleS.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size:15px 15px;
}

.multiplesOverlay 
{
	position: absolute;
	padding-left:40px;
	font-size: xx-large;
	opacity: .7;
	filter: Alpha(opacity=70);
}

.achieveProgress 
{
	margin: 7px 9px 0px 0px;	
}

.achieveProgress.ui-widget-content 
{
	background: #F1F1F1;	
}

.achieveProgress .ui-widget-header
{
	background: #09A5FB;	
}

/*Award Dispersal*/
.awardAwards { z-index: 1; }

.achievedDispersalOverflow 
{
	min-height:	233px;
	max-height: 233px;
	overflow: auto;
}

.awardAchievementHolder
{
	cursor: pointer;
	position: relative;	
	width:95%;
	height: 40px;
	margin:2px;
	overflow:hidden;
	color: #666666 !important;
	background-color: #EEEEEE;	
	/*Shadow*/
	-moz-box-shadow:    1px 1px 5px #666666, inset 1px 1px white;
	-webkit-box-shadow: 1px 1px 5px #666666, inset 1px 1px white;
	box-shadow:			1px 1px 5px #666666, inset 1px 1px white;
}

.awardAwards .awardAchievementImage,
.awardAwardsLevels .awardAchievementImage 
{
	cursor: pointer;	
}

.awardAchievementHolder:hover, .awardAchievementImage:hover
{	
	/*Shadow*/
	-moz-box-shadow:    1px 1px 0px #CCCCCC, inset 2px 2px white;
	-webkit-box-shadow: 1px 1px 0px #CCCCCC, inset 2px 2px white;	
	box-shadow:			1px 1px 0px #CCCCCC, inset 2px 2px white;
}

.awardAchievementHolder .lblImageText 
{	
	width:auto;
	height:40px;
	text-align:center;
	display:inline-block;	
	vertical-align:middle;
	position: absolute;	
	font-weight: bold;
	top: 5px;
	left: 40px;
}

.awardAchievementHolder.multLvls .lblImageText
{
	top: 14px;
}

.awardAwardsLevels 
{
	background-color: White;
	border: 1px solid #0078AC;
	position: absolute;
	padding: 4px;
	z-index: 1;
}

.awardAwardsLevels .awardImage
{
	width: 60%;
	height: 60%;
}

.lblManualPayouts
{
	display: inline-block;
	position: absolute;	
	left: 40px;
}

.lblManualPayouts.Coin { top: 16px; }
.lblManualPayouts.XP { top: 27px; }

.lblManualPayoutsLevel
{
	display: inline-block;
	text-align: center;
	width: 100%;
}

.awardAchievementHolder .awardImage 
{	
	width:30px;
	display:inline;
	margin: 2px 0px 0px 5px;
}

.manualAchievementGroupTabs.ui-tabs-vertical .ui-tabs-panel 
{
	padding: 0 !important; /*1em*/
	float: right; 
	width: 208px;
}

.awardAchievementHolder.multLvls .rightArrow
{
	float: right;	
	width: 9px;
	height: 9px;
	padding: 28px 15px 0px 0px;
	background-image: url(Images/arrow-right.png);
	background-position: center center;
	background-repeat: no-repeat;
}
/*End Award Dispersal*/

/*Vertical Tabs*/
.incentiveTabs.ui-tabs-vertical { padding:0; }
.achievementGroupTabs.ui-tabs-vertical { padding:0; }
.manualAchievementGroupTabs.ui-tabs-vertical { padding:0; }
.ui-tabs-vertical .ui-tabs-nav 
{ 
	padding: 0 !important; /*.2em .1em .2em .2em*/ 
	float: left; 
	width: 155px; 
	height:231px; 
	background: #004469 !important; 
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-tabs-vertical .ui-tabs-nav li 
{ 
	clear: left; 
	width: 100%; 
	border-bottom-width: 1px !important; 
	border-right-width: 0 !important; 
	margin: 0 -1px .2em 0; 
}

.ui-tabs-vertical .ui-tabs-nav li a 
{ 
	display:block; 
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active 
{ 
	padding-bottom: 0; 
	padding-right: .1em; 
	border-right-width: 1px; 
	border-right-width: 1px; 
}

.ui-tabs-vertical .ui-tabs-panel 
{ 
	padding: 0 !important; /*1em*/
	float: right; 
	width: 452px;
}
/*End Incentives*/

/*-------------------Course Metric Assignments Page------------------------*/
.intraDiemLogo 
{
	display: inline-block;
	width: 101px;
	height: 16px;	
	background-image: url("Images/intraDiemLogo.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:7px;	
}

.courseMetricHeaderItem, .cmaHeaderItem
{
	line-height: 22px;
	background-color:rgb(160,191,222);
	background-image:url("Images/GridHeader.jpg");
	background-position: top;
	background-repeat:repeat-x;
	font-weight:bold;
}

.courseMetricHeaderItem .title,
.cmaHeaderItem .title
{
	margin-left: 3px;
}

.courseMetricHeaderItem .expandCollapse,
.cmaHeaderItem .expandCollapse 
{
	width: 7px;
	height: 18px;
	float: left;
}

.courseMetricHeaderItem .expandCollapse.expand,
.cmaHeaderItem .expandCollapse.expand
{
	width: 7px;
	height: 18px;
	background-image: url(Images/expand.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.courseMetricHeaderItem .expandCollapse.collapse,
.cmaHeaderItem .expandCollapse.collapse
{
	width: 7px;
	height: 18px;
	background-image: url(Images/collapse.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.courseMetricItem, .cmaItem
{
	background-color: White;
	font-size:12px;	
}

.courseMetricItem.alt,
.cmaItem.alt
{
	background-color:#DCDEE4;
	font-size:12px;
}

.courseMetricItem span,
.courseMetricItem.alt span,
.cmaItem .itemName,
.cmaItem.alt .itemName
{
	margin-left: 15px;
}

.courseMetricItem.first,
.cmaItem.first
{
	border-top: 1px solid #7F8082;	
}

.courseMetricItem.separator,
.courseMetricItem.alt.separator,
.cmaItem.separator,
.cmaItem.alt.separator 
{
	border-bottom: 1px solid #7F8082;
}

.courseMetricItem:hover,
.cmaItem:hover 
{
	background-color: #FFFF95;	
}

.courseMetricItem.alt:hover,
.cmaItem.alt:hover
{
	background-color: #EEEFBC;	
}

.courseMetricItem.selected,
.cmaItem.selected
{
	background-color: #F0A029;
}

.courseMetricItem.selected:hover,
.cmaItem.selected:hover
{
	background-color: #F8D05F;
}

.cmAssignedContainer 
{
	width: 91%; 
	text-align: left;
	border: 1px solid #ADABB3;
	margin-top: 2px;
}

.removeCmAssignedItem 
{
	cursor: pointer; 
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(Images/CoreTheme/BlueMinus.png);
	background-position: center center;
	background-repeat: no-repeat;	
}
/*End Course Metric Assignments*/

/*-----------------------------Security------------------------------------*/
.groupItemContainer
{
	width: 91%; 
	text-align: left;
	border: 1px solid #ADABB3;
}

.groupItemContainer.legacyGridItem,
.cmAssignedContainer.legacyGridItem 
{
	border: 1px solid #ADABB3;
	height: auto;
	background-image: none;
	background-color: #FFFFFF;
	width: 91%;
	padding-right: 5px;
	padding-bottom: 2px;
	border-radius: 0;
}

.profileDefault
{
	float: right; 
	font-size: 12px; 
	color: Red;
}

.RemoveGroupItem
{
	cursor: pointer; 
	float: right;    
}

/*Security*/

/*-----------------------------Group List Control--------------------------*/
.groupListHeader
{
	height: 16px;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
}

.searchBarArea
{
	position:relative;
}

.searchIcon
{
	position:absolute;
	width:14px;
	height:14px;	
	top:4px;
	left:4px;	
	background-image:url("Images/CoreTheme/SearchIcon.png");
	background-position: left center;
	background-repeat: no-repeat;	
	background-size:contain;
}

.txtSearch
{
	width:93%;
	margin: 1px 0px;
	padding-left:20px;
	border: 1px solid #0078AC;
}

.gi
{
  height:20px;
  text-align: left;
}

.gc
{
	position: relative;
	z-index: 1;
}

.gh
{
	height: 22px;
  text-align: left;
  font-size: 14px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#BBBBBB', endColorstr='#FFFFFF');
	background: -webkit-linear-gradient(#BBB, #FFF, #BBB); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#BBB, #FFF, #BBB); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#BBB, #FFF, #BBB); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#BBB, #FFF, #BBB); /* Standard syntax */
}

.gai
{
	background-color:#dcdee4;
}

.gsi
{
	background-color:#5c83a8;
	background-image:url("Images/gridHeaderBlue.png");
	font-size:12px;
	font-weight:bold;	
}

.eci
{
	float: left;
	z-index: 99;
	width: 12px;
	height: 9px;
}

.hdn {display:none;}

.inl {display:inline;}

.ex
{
	width: 12px;
	height: 15px;
	background-image: url(Images/expand.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cls
{
	width: 12px;
	height: 15px;
	background-image: url(Images/collapse.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}

.expandCollapseAll
{
	width: 11px; 
	height: 11px; 
	float: left; 
	margin-top: 3px;
	padding-left:5px;
}

.ag_Old
{
	float: right;
	cursor: pointer;
	width: 9px;
  height: 20px;
  margin-right: 4px;
	background-image: url(Images/arrow-right.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.ag, .al, .ap
{
	float: right;
	cursor: pointer;
	width: 13px;
	height: 13px;
	padding-right: 3px;
	background-position: left center;
	background-repeat: no-repeat;
}

.ag.dbg, .al.dbg, .ap.dbg
{
	background-image: url(Images/CoreTheme/Plus-White.png);
}

.ag.lbg, .al.lbg
{
	background-image: url(Images/CoreTheme/Plus-Blue.png);
}

.ecl /*,.sp*/
{
	cursor: pointer;
	width:13px;
	height:13px;
	padding-right: 2px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*.sp
{
	width:17px;
	height:16px;
}*/

.ecl.dbg
{
	background-image: url(Images/CoreTheme/Login-Single-White.png);
}

.ecl.lbg
{
	background-image: url(Images/CoreTheme/Login-Single-Blue.png);
}

.sp.dbg
{
	background-image: url("Images/CoreTheme/White-Role.png");
}

.sp.lbg
{
	background-image: url("Images/CoreTheme/Blue-Role.png");
}

.unpressed, .pressed
{	
	padding:0px 5px;
	float:left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 12px;
}

.unpressed.dbg
{
	background-image: url("Images/CoreTheme/Blue-Btn.png");
}

.unpressed.lbg
{
	background-image: url("Images/CoreTheme/Gray-Btn.png");
}

.pressed.dbg
{
	background-image: url("Images/CoreTheme/Blue-Hover2.png");
}

.pressed.lbg
{
	background-image: url("Images/CoreTheme/Light-Hover.png");
}

.groupListScroll 
{
	width: 100%;
}
/*End GroupListControl*/

/*-------------------JQuery Dialog Box----------------------*/
div.popup
{
	display: none;
}
/*End JQuery Dialog*/

/*-------------------JQuery ComboBox----------------------*/
.ui-combobox 
{
	position: relative;
	display: inline-block;
}

.ui-button 
{
	display:none;
	top: 0;
	bottom: 0;
	/*margin-left: -1px;*/
	padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}

body .comboBoxButton
{
	min-height: 1.35em;
	position: absolute;
}

body .comboBoxInput 
{
	min-height: 0.75em;
}

.ui-autocomplete-input 
{
	margin: 0;
	padding: 0.3em;
	width:90px;
}

/*body .comboBoxInput 
{
	height: 12px;	
}*/

.ui-autocomplete 
{
	height: 200px;
	overflow-y: scroll; 
	overflow-x: hidden;
}
/*End Combo Box*/

/*-------------------GroupSelector--------------------------*/
.groupSelectorContainer
{
	color:inherit;
	overflow:hidden;
	padding-right: 5px;
	/* padding-top: 10px; */
}

.gsGroupBy
{
	float: left;
	margin: 5px 3px 0px 0px;
	width: 27px;
	height: 25px;
	cursor: pointer;
	/*background-image: url(Images/CoreTheme/Settings-FilterBtn-DES.png);*/
    background-image: url("Images/CoreTheme/Filter.png");
	background-position: center center;
	background-repeat: no-repeat;
    border: 2px solid white;
    border-radius: 5px;
    margin-left: 5px;
}

.gsGroupBy.onLightBkg
{
    background-image: url("Images/CoreTheme/Filter-on light bg.png");
    border: 2px solid #788196;
}

.gsGroupBy.selected
{
	/*background-image: url(Images/CoreTheme/Settings-EyeBtn-SEL.png);*/
    background-image: url("Images/CoreTheme/Eye.png");
    border: 2px solid transparent;
    background-color: #626A7C;
}

.lblGroupSelector, .lblCategorySelector
{
	color: #788196 !important;
	text-transform: uppercase;
    margin-right: 20px;
    display: block;
	max-width: 225px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lblChosenGroup, .chosenAttribute
{
    display: block;
    margin-right: 20px;
    max-width: 220px;
    height: 20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}

.dropDownClick.selected .lblGroupSelector, .dropDownClick.selected .lblCategorySelector 
{
    color: white !important;
}

.groupSelectorLabel
{
	clear:both;
}

.AllSelectorContainer 
{
	float:left;
	height:43px;
    margin-top: 10px;
}

.AllSelectorSpacer
{
	font-size: 0px;
	width:10px;
    margin-top: 10px;
}
.allSelectorLabel
{
    margin-right: 4px;
    min-width: 10px;
}

.gsAllSelector 
{
	height: 13px;
	width: 17px;	
	cursor: pointer;
	font-size: 10px;
    margin-right: 4px;       
    /*padding: 3px 8px 3px 3px;*/
    padding: 3px;
    color: white;
}

    .gsAllSelector.onLightBkg {
        color: #626A7C;
        background-color: white;
        border: 1px solid #626A7C;
        border-radius: 4px;
    }

.gsAllSelector.selected 
{
	/*background-image: url(Images/CoreTheme/Settings-SUM-Sel.png);*/
    background-color: #626A7C;
    color: white;
    border-radius: 4px;
}

.groupArea, .attributeArea
{
	float:left;
	min-width: 75px;
	max-width: 275px;
	height: 43px;
	color: Black;
	font-size: 10px;
    position: relative;
    opacity: 1;
}

.groupAreaLoading
{
	float:left;
	text-align: center;
	min-width: 75px;
	max-width: 200px;
	height: 25px;
	border: 1px solid Black;
	background-color: Gray;
}

.dropDownGroup, .dropDownAttribute
{
	display: none;
	border: 1px solid Silver;
	min-width: 150px;
	width:300px;
	max-height: 300px;
	overflow: auto;
	position: absolute;
	float: left;	
	margin-top:-5px;
	z-index:1002;
}
.dropDownAttribute { max-height: 200px; }

.dropDownGroupOverlay, .dropDownCategoryOverlay, .dropDownAttributeOverlay, .nonMDropDownCategoryOverlay, .nonMDropDownAttributeOverlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;
	opacity: .35;
	filter: Alpha(opacity=35);
}

.dropDownGroupOverlay 
{
 z-index: 48;
}
 
/* NON IE11 */
@supports(display: grid) 
{
  .dropDownGroupOverlay
  {
	z-index: 1001;
  }
}

.gsDropdownRow, .att, .cat, .gF
{	
	background-color: white;
	border: 1px solid transparent;
	border-bottom: 1px solid #BCBCBC;
	color: #788196 !important;
	cursor: pointer;
	padding: 3px 4px 3px 12px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*.g:nth-of-type(odd) { background-color: #FAFAFA; }
.g:nth-of-type(even) { background-color: #EEEEEE; }
.att:nth-of-type(odd) { background-color: #FAFAFA; }
.att:nth-of-type(even) { background-color: #EEEEEE; }
.cat:nth-of-type(odd) { background-color: #FAFAFA; }
.cat:nth-of-type(even) { background-color: #EEEEEE; }
.gF:nth-of-type(odd) { background-color: #FAFAFA; }
.gF:nth-of-type(even) { background-color: #EEEEEE; }*/

.gsDropdownRow:hover, .att:hover, .cat:hover
{	
	/*border: 1px solid #0078AC;*/
	border: 1px solid #788196;
}

.attS, .catS
{
	/*border: 1px solid #0078AC;*/
	background-color: #0078AC;
	color: white !important;
}

.gS:hover, .attS:hover, .catS:hover
{
}

.gsRowSelected {
    background-color: #e8f8ff;
    /*color: white !important;*/
}

.groupImgDropDown
{
	margin: 18px 0px 0px 3px;
	display: block;
	height: 4px;
	width: 7px;
	float: right;
	background-image:url("Images/CoreTheme/down-arrow.png");
	background-repeat: no-repeat;
	background-position: center center;
    position: absolute;
    top: 0px;
    right: 30px;
}
.groupImgDropDown.onDateRange { right: 5px; }
.dropDownClick.minimal .groupImgDropDown.onDateRange { top: -8px; }

.attributeImgDropDown
{
	margin: 18px 0px 0px 3px;
	display: block;
	height: 4px;
	width: 7px;
	float: right;
	background-image:url("Images/CoreTheme/down-arrow.png");
	background-repeat: no-repeat;
	background-position: center center;
    position: absolute;
    top: 0px;
    right: 6px;
}

.groupImgDropDown.last, .attributeImgDropDown.last
{
    right: 6px;
}

.dropDownClick
{
	font-size:12px;
	padding:0px 4px 0px 4px;
	float:left;
	min-width: 85px;
	max-width: 285px;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #A7B0C6;
	height: 39px;
}
.dropDownClick.selected 
{
	background-color: #788196;
	color: white;
}
.dropDownClick.minimal
{
    background-color: white;
    border: none;
    box-shadow: none;   
	height: 0px;
	margin-top: -4px;
}

.groupSelectorPipe
{
    color: #A7B0C6;
    float: right;    
    margin: 7px 0px 0px 5px;
    height: 25px;
    border-left: 1px solid #A7B0C6;
    position: absolute;
    top: 0;
    right: 40px;
}
.groupSelectorPipe.onDateRange { right: 15px; }
.groupSelectorPipe.last { right: 16px; }
.groupSelectorPipe.forAttributes { right: 16px; }

.expColArea
{	
    /*background-image: url("Images/CoreTheme/Collapse-icon-DES.png");*/
    background-image: url("Images/CoreTheme/Expand-icon-plus.svg");
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	width: 20px;
	cursor: pointer;
	float: right;	
	position: relative;
    margin: 8px 3px 0px 3px;
    opacity: 1;
}
    /*.expColArea:hover
    {
        background-image: url("Images/CoreTheme/Collapse-icon-HOV.png");
    }*/
    .expColArea.onLightBkg {
        /*background-image: url("Images/CoreTheme/Collapse-icon-light-DES.png");*/
        background-image: url("Images/CoreTheme/Expand-icon-plus.svg");
    }
        /*.expColArea.onLightBkg:hover
        {
            background-image: url("Images/CoreTheme/Collapse-icon-light-HOV.png");
        }*/

    .expColArea.imgExpand {
        /*background-image: url("Images/CoreTheme/Expand-icon-DES.png");*/
        background-image: url("Images/CoreTheme/Expand-icon-plus.svg");
    }

    /*.expColArea.imgExpand:hover
    {
        background-image: url("Images/CoreTheme/Expand-icon-HOV.png");
    }*/

        .expColArea.imgExpand.onLightBkg {
            /*background-image: url("Images/CoreTheme/Expand-icon-light-DES.png");*/
            background-image: url("Images/CoreTheme/Expand-icon-plus.svg");
        }

            /*.expColArea.imgExpand.onLightBkg:hover
            {
                background-image: url("Images/CoreTheme/Expand-icon-light-HOV.png");
            }*/

    .expColArea.imgCollapse
    {
        background-image: url("Images/CoreTheme/Collapse-icon-minus.svg");
    }

    .expColArea.imgCollapse.onLightBkg
    {
        background-image: url("Images/CoreTheme/Collapse-icon-minus.svg");
    }

.colArea
{
	background-image: url(Images/collapse-left.gif) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.groupSelectorLoad
{
	opacity: .5;
	background-color: #657980;
	position: absolute;
	z-index: 1;
}

.loadViewSmall 
{
	background-image: url(Images/CoreTheme/Small-Horizontal-Loader.gif);
	background-position: center center;
	background-repeat: no-repeat;	
}

.dropDownSearchArea {
    width: 100%;
    height: 24px;
    border: 1px solid #BCBCBC;
    background-color: white;
}

.gsSearchBox {
    height: 20px;
    width: calc(100% - 32px);
    border: none;
    padding-left: 4px;
    color: #788196;
}
.gsSearchBox::-ms-clear {
  display: none;
}

.gsClearSearch {
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingClose.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 3px;
    cursor: pointer;
}

.gsSearchIcon {
    background-image: url(Images/CoreTheme/MessagingAdmin/SearchGray-8.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 2px;
    cursor: default;
}

.gsCheckbox {
  display: inline-block;
  height: 13px;
  width: 13px;
  margin: 1px 3px 0px 4px;
  background-image: url(../Standard/Images/CoreTheme/CheckboxUnchecked.svg);
}
.gsCheckbox.checked {
  background-image: url(../Standard/Images/CoreTheme/CheckboxChecked.svg);
}

/*End GroupSelector*/

/*-----------------------Dashboard--------------------------*/
.imgCollapseDashAscDesc 
{
	position: absolute;
	z-index: 2;
	width: 98px;
	height: 15px;
	left: 48%;
	top: 15px;
	display: block;
	box-shadow: 0px 3px 6px -1px #999999;
}

.collapseDashboardSettings
{
	width: 18px;
	height: 22px;
    text-align:center;
    font-size:175%;
	display:inline-block;
    margin-top:15px;
    background-image: url("Images/CoreTheme/Carrot_up.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.collapseDashboardSettings.inverse
{
	width: 18px;
	height: 22px;
    text-align:center;
    font-size:175%;
	display:inline-block;
    margin-top:15px;
    background-image: url("Images/CoreTheme/Carrot.png");
}

.dashboardSettings
{
	width: 100%;
	margin-top: 5px;
	overflow: hidden;
	display: none;
}

/* Strip including refresh and collapse/expand button */
.kpiStrip 
{
    width: calc(100% + 17px);
    background-color:white;
    vertical-align: middle;
    height:50px;
    padding-left:15px;
    position:absolute;
    bottom:0px;
    left:-15px;
    box-shadow: 5px 2px 3px #AAAAAA;
    overflow: hidden;
}

.kpiStripContainer 
{
    height:50px;
    position:relative;
}

.kpiContainer
{
    /*position: absolute;
    top: 0;
    overflow-x: auto;
    height: 50px;
    width: calc(100% - 75px);
    white-space: nowrap;*/
}

/* The KPI portion of the KPI strip */
.kpiBar 
{
    display:inline-block;
    margin-left:5px;
    margin-top: 5px;
}

.kpiBarSeperator 
{
    font-size:200%; 
    display: inline-block; 
    position: relative; 
    top: 3px; 
    color: #CCCCCC;
    padding: 0px 5px;
}

.kpiBarMetricName 
{
    display:inline-block;
    font-weight: bold;
    font-size:125%;
    color: #3D4652;
}

.kpiBarValue 
{
    transition: opacity 1s;
    min-width:25px;
    display:inline-block;
    font-size:125%;
    color: #788196;
    margin-left:2px;
}

.kpiBarIndicator 
{
    transition: opacity 1s;
    background-size: contain;
    width:15px;
    height:15px;
    display: inline-block;
    margin-left:5px;
    position: relative;
    top: 3px;
}

.kpiBarGood { background-image: url("Images/CoreTheme/Metric-Good.png"); }

.kpiBarMediocre { background-image: url("Images/CoreTheme/Metric-Mediocre.png"); }

.kpiBarBad { background-image: url("Images/CoreTheme/Metric-Bad.png"); }

.kpiBarRed
{
    color: #E85D46;
}

.dashMgmtMsgHolder 
{
    float: right;
    margin-right: 40px;
    width: 300px;
}

.dashMgmtMsg
{	
    font-size: 11px;
    height: 12px;
	margin-right: 8px;
    text-align: right;
    float: right;
    width: inherit;
    color: #000000;
    margin-top: 7px;
}

.moduleRefreshAll 
{
	width: 13px;
	height: 17px;
	margin: 4px 0px 0px 2px;
	background-image: url(Images/CoreTheme/Modules/Refresh-DES.png);
	display:inline-block;
	background-repeat: no-repeat;
    margin-left:5px;
    margin-top:7px;
}

.moduleRefreshAll:hover
{
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all 0.25s ease;
}

.moduleLastRefreshTextContainer
{
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.moduleLastRefreshText
{
    float: right;
    margin-left: 3px;
    margin-top: 1px;
    font-style: italic;
    color: #A7B0C6;
}

.moduleLastRefresh
{
    float: right;
    margin-top: 3px;
    margin-right: 6px;
}

.moduleLastRefreshIcon
{
    background-image: url("Images/CoreTheme/Modules/LastRefreshClock.png");
    width: 12px;
    height: 12px;
    display: inline-block;
    float: right;
    margin-top: 1px;
}

.medalArea 
{
	vertical-align:middle;
	height:22px;
	width:155px;
	float:right;
	margin-right:-12px;
}

.medal 
{
	height:20px;
	width:20px;
	padding: 4px 1px 0px 1px;
	float: right;
}

.medalText 
{
	padding:4px 6px 0px 1px;
	float: right;
}

.dashboardManagement 
{
    margin-left:89%;
    color: white;
}

.dashboardManagement .dashBtn
{
	width: 115px;
	height: 22px;
	margin: 5px 0px 4px 0px;
	padding: 1px 6px 5px 6px;
	border-radius: 3px;
	cursor: pointer;
	background-color: #EFEFEF;
	box-shadow: 1px 1px 5px #666666, inset 1px 1px white;
	text-align: center;
	color: #666666 !important;
	font-size:14px;
}

.subscribeDash 
{
    display: inline-block;
}

.dashboardSubscribeButtonHolder 
{
    width: 111px;
	height: 22px;	
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

/*Temporary solution*/
.dashboardSubscriptionDropDownItem 
{
    min-height: 23px;
}

#dashboardSubscriptionCheck 
{
    color: black;    
    float: right;
    margin-right: 8px;    
    margin-top: 5px;
    background-image: url(../Standard/Images/CoreTheme/Checkmark-HoverSEL.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

.dashboardMenuWithBlocks 
{
    background-color:lime;
    width:17px;
    height:17px;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: -20px;
    margin-left: 153px;
}

#dashboardSubscriptionCheck 
{
    color: black;
    float: right;
    margin-right: 8px;
    margin-top: 5px;
    background-image: url(../Standard/Images/CoreTheme/Checkmark-HoverSEL.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

.currentlySubscribedDashboard 
{
    width: 17px;
    height: 17px;
    float: left;
    position: absolute;
	top: 2px;
	right: 2px;
    z-index: 1; 
    margin-top: 2px;    
    background-image: url(../Standard/Images/CoreTheme/Checkmark-HoverSEL.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.isSubscribedDashboard 
{
	/*float: left; 
	width: 153px;*/	
}

.dashboardManagement .dashBtn:hover
{
	font-weight: normal;
	color: #0078AC !important;
	text-shadow: 2px 2px white;
	box-shadow: 1px 1px 0px #CCCCCC, inset 2px 2px white;
}

.dashboardManagement .dashBtn:first-of-type
{
	margin-top: 2px;
}

.applyBtn 
{
	background-color: White;
	width: 32px;
}

/* Performance Objective Analysis Popup */
#PerformanceObjectiveDetails 
{
    opacity:1;
    visibility: visible;
    width: 500px;
    background-color: white;
    border: 1px solid #999;
    position:fixed; 
    top:calc(50% - 200px); 
    left: calc(50% - 250px);
    padding: 0px 0px 20px 0px;
    z-index: 10001;
    transition: opacity .5s linear, visibility 0s linear 0s;
}

#PerformanceObjectiveDetailsOverlay 
{
    opacity:.6;
    visibility: visible;
    background-color: black;
    width:100%;
    height:100%;
    position:fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    transition: opacity .5s linear, visibility 0s linear 0s;
}

.hidePerformanceObjectivePopup 
{
    visibility:hidden !important;
    opacity:0 !important;
    transition: opacity .5s linear, visibility 0s linear .5s !important;
}

.perfObjImage 
{
    background-image:url(Images/msgAch_B.png); 
    background-size: contain; 
    width:50px; 
    height:60px; 
    display:inline-block; 
    margin-bottom:5px;
}

.perfObjTitle 
{
    display:inline-block; 
    font-size:36px; color:#999; 
    vertical-align:top; 
    margin-left:20px;
    margin-bottom: 20px;
    width: calc(100% - 75px);
}

.perfObjCurrent 
{
    text-align:center; 
    border-style:none solid solid none; 
    border-color: #999; 
    border-width:1px; 
    display:inline-block; 
    padding-right:10px;
}

.perfSummaryDataItem 
{
    font-size: 36px;
    line-height: 36px;
}

.perfObjStrongText 
{
    font-size:24px;
}

.perfObjGoal 
{
    text-align: center;
    border-style: none none solid none;
    border-color: #999;
    border-width: 1px;
    display: inline-block;
    padding-left: 5px;
}

.perfObjRequired 
{
    float: right;
    margin-right: 20px;
    margin-left: 10px;
    text-align: center;
    border-style: none solid solid solid;
    border-color: #999;
    border-width: 1px;
    display: inline-block;
    color: #0078AC;
    padding: 0px 10px 3px 5px;
}

.perfObjToday 
{
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    text-align: center;
    border-style: none solid solid solid;
    border-color: #999;
    border-width: 1px;
    display: inline-block;
    padding: 0px 5px 3px 5px;
}

.perfObjText 
{
    clear: both;
    font-size: 24px;
    display: inline-block;
    text-align: center;
    width: calc(100% - 10px);
    margin: 0px 5px;
}

.perfObjRed { color: #E84F5B; }

.perfObjYellow { color: #FFB000; }

.perfObjGreen { color: #3FD880; }

.perfTimeElapsed 
{
    display: block;
    font-size: 16px;
    text-align: center;
    width: auto;
    margin: 0px 20px;
}


/*End Dashboard*/

/*Challenges Toolbar*/
.disqualifiedRuleRankingText
{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 80px;
    font-size: 24px;
}

challenges-toolbar-challenge-details .agentRuleSelectedRankings
{
    margin-top: -10px;
}

.ChallengesToolbarCurrentItemName
{
    font-size: 16px;    
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.ChallengeToolbarItemCenteredTextContainer
{
    position: absolute;
    top: 11px;
    left: 73px;
    width: 185px;
    overflow: hidden;
}

.ChallengesToolbarInvitationItemContainer .ChallengeToolbarItemCenteredTextContainer {
    position: absolute;
    top: 12px;
    left: 173px;
    width: 146px;
    overflow: hidden;
}

.ChallengesToolbarCurrentItemMetrics
{
    font-size: 12px;    
}

.ChallengesToolbarCurrentItemWinning
{
    position: absolute;
    top: 4px;
    left: 9px;
}

.ChallengesToolbarCurrentItemWinningImg
{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-left: 5px;
}

.ChallengesToolbarCurrentItemCoins
{
    position: absolute;
    top: 28px;
    right: 6px;
}

.ChallengesToolbarCurrentChatAndWinnerContainer
{
    width: 410px;
    height: 37px;    
    position: absolute;
    top: 60px;
    left: 0px;
    background-color: #EDEEF0;
    border-radius: 5px;
}

.ChallengesToolbarItemContainer:hover ChallengesToolbarCurrentChatAndWinnerContainer
{
    background-color: #E6F5FF;
}

.ChallengesToolbarCurrentChatAndWinnerContainer:hover
{
    background-color: #DBDBDB;
    cursor: pointer;
}

.ChallengesToolbarCurrentLastChatContainer
{
    position: absolute;
    top: 10px;
    left: 50px;
}

.ChallengesToolbarCurrentLastChat
{
    white-space: nowrap;
    max-width: 375px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ChallengesToolbarTabSectionContainer
{
    opacity: 0;
}
.ChallengesToolbarTabSectionContainer.ActiveToolbarTabSection
{
    transition: opacity .5s ease;
    opacity: 1;
}

.ChallengesToolbarMainHeader
{
    background-color: #788196;
    color: white;
    padding: 7px 0px;
    text-align: center;
    border: 1px solid #A7B0C6;
}

.ChallengesToolbarTabButton
{
    width: 24%;
    display: inline-block;
    padding: 8px 0px;
    text-align: center;
    color: #333;
    cursor: pointer;
}
.ChallengesToolbarTabButton.first
{
    margin-left: 1px;
    width: calc(24% + 1px);
}

/*.ChallengesToolbarTabButton:hover
{
    background-color: #BFBFBF;
}*/

.ChallengesToolbarTabButton.selected
{
    border-bottom: 2pt solid #005CA5;
    color: #005CA5;
    outline: none;
}

.ChallengesToolbarListContainer
{
    overflow-y: auto;
    height: 516px;
}

.ChallengesToolbarItemContainer
{
    border-bottom: 1px solid #efefef;
    padding: 5px 0px;
    margin: 0px 5px;
    clear: both;
    min-height: 89px;    
    position: relative;
    width: 410px;
}

.ChallengesToolbarInvitationItemContainer {
    border-bottom: 1px solid #efefef;
    margin: 0px 5px;
    clear: both;
    min-height: 83px;    
    position: relative;
    width: 410px;
}

.ChallengesToolbarItemContainer.CurrentTabItem
{
    min-height: 100px;
}

.ChallengesToolbarInvitationItemContainer:hover,
.ChallengesToolbarItemContainer:hover
{
    background-color: #DBDBDB;
    cursor: pointer;
}

.ChallengesToolbarInvitationItemContainer.animateAccept
{
    transform: translateX(300px);
    transition: all ease 0.5s;
    background-color: #33FF66;
}

.ChallengesToolbarInvitationItemContainer.animateDecline
{
    transform: translateX(-300px);
    transition: all ease 0.5s;
    background-color: #FFAAAA;
}

.ChallengesToolbarItemTitle
{
    font-weight: bold;
    font-size: 16px;
    width: 172px;
    height: 23px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.ChallengesToolbarInvitationItemContainer .ChallengesToolbarItemTitle {
    font-weight: bold;
    font-size: 14px;
    width: 146px;
    height: 23px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.ChallengesToolbarMetrics
{
    text-transform: uppercase;
    max-height: 15px;
}

.ChallengesToolbarInvitationItemContainer .ChallengesToolbarMetrics {
    text-transform: uppercase;
    max-height: 15px;
    width: 146px;
    font-size: 12px;
}

.ChallengesToolbarCoinsPot
{
    display: inline-block;
    position: absolute;
    top: 55px;
    left: 20px;
}

.ChallengesToolbarInvitationItemContainer .ChallengesToolbarCoinsPot {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 365px;
}

.ChallengesToolbarDate
{
    display: inline-block;
    font-size: 12px;
}

.ChallengesToolbarDate.ImportantDate
{
    color: #DE4337;
}

.ChallengesToolbarDateHeader
{
    position: absolute;
    top: 11px;
    right: 75px;
    color: #333;
}

.ChallengesToolbarInvitationInvitedBy
{
    position: absolute;
    left: 18px;
    top: 10px;
}

.ChallengesToolbarInvitationInvitedByImg
{
    border-radius: 50%;
    display: inherit;
    margin: auto;
    width: 35px;
    height: 35px;
}

.ChallengesToolbarGreyContentContainer {
    background: #EFEFEF;
    height: 34px;
    width: 410px;
    border-radius: 3px;
}

    .ChallengesToolbarGreyContentContainer .ChallengesToolbarItemTitle {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 133px;
        font-size: 14px;
    }
    .ChallengesToolbarGreyContentContainer .ChallengesToolbarMetrics {
        display: inline-block;
        position: absolute;
        top: 12px;
        left: 171px;
        text-align: center;
        width: 200px;
    }
    .ChallengesToolbarGreyContentContainer .ChallengesToolbarDate {
        display: inline-block;
        position: absolute;
        top: 13px;
        right: 4px;
        font-size: 11px;
    }

.ChallengesToolbarWagerLimits {
    position: absolute;
    bottom: -20px;
    left: -36px;
    min-width: 100px;
    text-align: center;
}

.ChallengesToolbarCoinImage
{
    background-image: url("Images/CoreTheme/CoinsIcon.png");
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ChallengesToolbarChatImage {
    background-image: url("Images/CoreTheme/MessagingIconDark.png");
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ChallengesToolbarInvitationButtonContainer
{
    /*float: left;
    margin-top: 10px;
    margin-left: 5px;*/
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.ChallengesToolbarInviteAcceptBtn
{
    /*background-image: url("Images/CoreTheme/Checkmark-DES.png");*/
    background-image: url("Images/CoreTheme/JoinButtonNormal.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 17px;
    float: left;
    cursor: pointer;
}
.ChallengesToolbarInviteAcceptBtn:hover
{
    /*background-image: url("Images/CoreTheme/Checkmark-HoverSEL.png");*/
    background-image: url("Images/CoreTheme/JoinButtonHover.png");
}

.ChallengesToolbarInviteAcceptedIcon
{
    background-image: url("Images/CoreTheme/Checkmark-HoverSEL.png");
    width: 17px;
    height: 17px;
    float: left;
}

.ChallengesToolbarInviteDeclineBtn
{
    /*background-image: url("Images/CoreTheme/Cancel-DES.png");*/
    background-image: url("Images/CoreTheme/DeclineButtonNormal.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 17px;
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

.ChallengesToolbarInviteDeclineBtn:hover
{
    /*background-image: url("Images/CoreTheme/Cancel-HoverSEL.png");*/
    background-image: url("Images/CoreTheme/DeclineButtonHover.png");
}

.ChallengeToolbarItemOverlay
{
    background-color: rgba(64, 64, 64, 0.75);    
    width: 300px;
    height: 91px;
    position: absolute;
    left: 0;
    top: 0;
}

.ChallengeToolbarInvitationDetailsPane
{
    position: absolute;
    transition: top ease .5s;
    top: 600px;
    background-color: white;
    width: 100%;
    height: 100%;
}

.ChallengeToolbarInvitationDetailsPane.animateSlideUp
{
    top: 0px;
}

.ChallengeToolbarInvitationDetailsPayoutPane,
.ChallengeToolbarCreateChallengeDetailsPane
{
    background-color: #FFF;
    width: 100%;
    height: 170px;
    padding-top: 5px;
    border-bottom: 1px solid #EFEFEF;
}

/*.ChallengeToolbarInvitationDetailsTop
{
    background-image: url("Images/CoreTheme/YoureInvited-Header.png");
}*/

.ChallengeToolbarListContainer
{
    height: 536px;
}

.ChallengeToolbarHistoryRankingItem
{
    border-bottom: 1px solid #EFEFEF;
    clear: both;
    height: 52px;
    color: #333;
}

.ChallengeToolbarHistoryRankingItem.IsMine
{
    background-color: #EFEFEF;
}

.ChallengeToolbarNoItemsMessage
{
    font-size: 14px;
    text-align: center;
}

.ChallengeToolbarHistoryRankingItemPlace
{
    float: left;
    /*padding: 0px 5px;
    margin-top: 8px;*/
    font-size: 14px;
    min-width: 40px;   
    position: relative;
    top: 16px;
    left: 16px; 
}

.ChallengeToolbarHistoryRankingItemImage
{
    float: left;
    /*margin-right: 5px;*/
    border-radius: 50%;
    position: relative;
    top: 9px;
    left: 12px;
}

.ChallengeToolbarHistoryRankingItemName
{
    float: left;
    /*margin-top: 8px;*/
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 125px;
    white-space: nowrap;
    position: relative;
    top: 16px;
    left: 19px;
}

.ChallengeToolbarHistoryRankingItemReward
{
    float: right;
    /*margin-top: 8px;
    margin-right: 10px;*/
    font-size: 14px;
    position: relative;
    top: 16px;
    left: -60px;
}

/*REGION Create a Challenge slide out (Challenge Toolbar)*/
.ChallengeToolbarCreatePane
{
    position: absolute;
    transition: top ease .5s;
    top: 600px;
    background-color: white;
    width: 100%;
    height: 100%;
}

.ChallengeToolbarCreatePane.animateSlideUp
{
    top: 0px;
}

.SubToolbarHeaderV2
{
    height: 24px;
    padding-top: 4px;
    background-color: #0078AC;
    border: 1px solid white;
    border-top: 0;    
    color: white;
    text-align: center;
}

.toolbarCollapseIcon
{
    /*background-image: url("Images/CoreTheme/Collapsedown.png");*/
    background-image: url("Images/CoreTheme/Combobox_Dropdown.png");
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 13px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ChallengeToolbarCurrentDetailsTop,
.ChallengeToolbarInvitationDetailsTop
{
    /*background-image: url(Images/CoreTheme/StartChallenge-Header.png);*/
    background-image: url(Images/CoreTheme/FistGloves1.png);
    background-position: center 172px;
}

.ChallengeToolbarCreateChallengeDetailsSimple
{
    /*background-image: url("Images/CoreTheme/StartChallenge-Header.png");*/
    background-image: url("Images/CoreTheme/FistsGloves2.png");
    background-repeat: no-repeat;
    background-position: center -30px;
    display: inline-block;
    width: 100%;
    height: 103px;
}

/*.ChallengeToolbarCreateChallengeDetailsPane
{
    background-color: #E6F5FF;
    width: 100%;
    height: 167px;
    padding-top: 10px;
    border-bottom: 1px solid black;
    position: relative;
}*/

.ChallengeToolbarCreateChallengePayoutFieldset
{
    max-width: 110px;
    height: 153px;
    border-radius: 12px;
    /*margin: 0px auto;*/
    text-align: center;    
    /*margin-bottom: 10px;*/
    /*margin-top: 30px;*/
    border: 1px solid #efefef;
    position: absolute;
    top: 110px;
    right: 29px;
    padding: 0px 10px;
    font-size: 14px;
}

.ChallengeToolbarCreateChallengePayoutFieldsetContainer
{
    overflow-y: auto;
    max-height: 151px;
}

.ChallengeToolbarHistoryParticipantsListContainer
{
    height: 255px;
    margin-bottom: 10px;
    overflow-y: auto;
}

.ChallengeToolbarInvitationDetailsParticipantListContainer
{
    height: 235px;
    margin-bottom: 15px;
    overflow-y: auto;
}

.ChallengeToolbarRankingsContainer
{
    height: 265px;
    margin-bottom: 0px;
    overflow: hidden;
}

.ChallengeToolbarInvitationDetailsPayoutFieldset
{
    width: 75%;
    max-height: 40px;
    border-radius: 10px;
    margin: 0px auto;
    text-align: center;
}

.ChallengeToolbarInvitationDetailsParticipantItem
{
    height: 51px;
    padding-left: 4px;
    border-bottom: 1px solid #EFEFEF;
}

.ChallengeToolbarInvitationDetailsParticipantItemName
{
    max-width: 190px;
    /*margin-top: 8px;
    margin-left: 10px;*/    
    display: inline-block;
    float: left;
    position: relative;
    top: 16px;
    left: 45px;
    font-size: 14px;
}

.ChallengeToolbarInvitationDetailsParticipantItemLvl
{
    width: 50px;
    display: inline-block;
    /*margin-top: 8px;
    margin-right: 5px;*/
    float: right;
    position: relative;
    top: 16px;
    right: 50px;
    font-size: 14px;
}

.ChallengesToolbarBasicText
{
    /*text-align: center;*/
    color: white;
    text-shadow: 1px 1px 1px #333;
}

.ChallengesToolbarBasicSpacer
{
    margin: 10px 0px;
}

.ChallengesToolbarBasicPotIcon
{
    background-image: url("Images/CoreTheme/coins-24.png");
    width: 24px;
    height: 24px;
    margin: auto;
    background-repeat: no-repeat;
}

.ChallengesToolbarCreateChallengeCustomFieldsHeader
{
    min-width: 74px;
    display: inline-block;
    text-align: right;
    margin-right: 5px;
}

.ChallengeToolbarCreateChallengeInfieldGrouping
{
    /*width: 80%; 
    height: 127px; 
	margin: 12px auto 8px auto;*/
}

.ChallengeToolbarCreateChallengeButtonOverlay
{
    background-color: rgba(64, 64, 64, 0.75);
    position: absolute;
    bottom: 39px;
    height: 40px;
    width: 94%;
    left: 9px;
    border-radius: 5px;
}

.ChallengeToolbarInviteToChallengeDialog
{
    width: 637px; 
    height: 700px;
}

.ChallengeToolbarInviteBanner
{
    background-image: url("Images/CoreTheme/Throwdown-banner.png");
    width: 100%;
    height: 239px;
    text-align: center;
}

.ChallengeToolbarInviteBreak
{
    margin-bottom: 35px;
}
/*END REGION Create a Challenge slide out (Challenge Toolbar)*/

/*End Challenges Toolbar*/

/*QA Toolbar*/
.primaryQAToolbarHeader 
{
    height: 44px;
    display:flex;
    background-color: #444F5A;
    color: white;
}
.primaryQAToolbarHeaderSelect 
{
    border-bottom: 1pt solid #FFFFFF;
    margin-left: 21px;
    outline: none;
    width: 100px;
    position: relative;
    top: 5px;
    cursor: pointer;
}
.primaryQAToolbarHeaderOptions 
{
    position: relative;
    top: -10px;
    left: 7px;
    z-index: 1;
    color: black;
    background-color: white;
    border-radius: 3px;
    padding: 5px 3px 5px 3px;
    margin-left: 11px;
    width: 100px;
    border: .25px solid #A3A3A3;
}
.primaryQAToolbarOptions 
{
    height: 20px;
    padding-left: 10px;
    cursor: pointer;
}
.primaryQAToolbarOptions:hover 
{
    background-color: #dbdbdb;
}
.primaryQAToolbarHeaderSelectArrow 
{
    background-image: url(Images/CoreTheme/WhiteDropdownArrow.png);
    width: 14px;
    height: 9px;
    z-index: 1;
    pointer-events: none;
}
.primaryQAToolbarHeaderText
{
    position: relative;
    top: 9px;
    flex: 2;
    left: 20px;
}
.qaToolbarTabContainer 
{
    height:29px;
    user-select:none;
}
.qaToolbarMonitoredTab 
{
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    top: 2px;
    cursor: pointer;
    outline: none;
}
.qaToolbarMonitoredTabSelected 
{
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 2pt solid #005CA5;
    position: relative;
    top: 2px;
    cursor: pointer;
    outline: none;
}
.qaToolbarHeader 
{
    display: flex;
    height: 37px;
    background-color: #EFEFEF;
    user-select: none;
    padding-left: 24px;
}
.qaToolbarLeftmargin {margin-left:16px;}
.qaToolbarRightmargin {margin-right:16px;}
.primaryQAToolbarHeaderSortDoubleArrow 
{
    background-image: url(Images/CoreTheme/Sort.png);
    width: 12px;
    height: 17px;
    pointer-events: none;
    position: relative;
    left: 7px;
    top: 4px;
    visibility: hidden;
}

    .qaNameCell:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaContactCell:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaDateCell:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaMonDateHeader:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaDispDateCell:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaDispMonDateHeader:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaScoreCell:hover .primaryQAToolbarHeaderSortDoubleArrow,
    .qaStatusCell:hover .primaryQAToolbarHeaderSortDoubleArrow {
        visibility: visible;
    }

.primaryQAToolbarHeaderSortArrowUp 
{
    background-image: url(Images/CoreTheme/SortUp1.png);
    width: 12px;
    height: 8px;
    pointer-events: none;
    position: relative;
    left: 7px;
    top: 4px;
}
.primaryQAToolbarHeaderSortArrowDown 
{
    background-image: url(Images/CoreTheme/SortDown1.png);
    width: 12px;
    height: 8px;
    pointer-events: none;
    position: relative;
    left: 7px;
    top: 13px;
}
.qaToolbarHeaderItem 
{
    height: 19px;
    position: relative;
    top: 9px;
    cursor: pointer;
    outline: none;
}
.qaItem 
{
    display: flex;
    height: 42px;
    padding-left: 19px;
    margin: 0px 5px;
    border-bottom: 1px solid #efefef;
    line-height: 38px;
}
.qaDispItem 
{
    display: flex;
    height: 42px;
    padding-left: 19px;
    margin: 0px 5px;
    margin-right:0px;
    border-bottom: 1px solid #efefef;
    line-height: 38px;
}
.qaContactID 
{
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
}
.qaContactCell
{
    width: 100px;
}
.qaDispDateCell
{
    width: 45px;
    margin-right: 12px;
}
.qaDispMonDateCell
{
    width: 95px;
    padding-left: 12px;
}
.qaDispMonDateHeader 
{
    width: 95px;
    margin-right: 12px;
}
.qaDateCell
{
    width: 50px;
    margin-right: 15px;
}
.qaMonDateCell
{
    width: 95px;
    padding-left: 15px;
}
.qaMonDateHeader 
{
    width: 95px;
    margin-right: 15px;
}
.qaScoreCell
{
    width: 65px;
    margin-right: 20px;
}
.qaStatusCell
{
    width: 65px;
}
.qaNameCell 
{
    width: 101px;
    margin-right: 12px;
}

.fullScreenPopupFixedPosition {top:19px !important; left:25px !important;}

.qaToolbarPopupCloseImg 
{
    background-image: url(Images/CoreTheme/CloseIcon.png);
    height: 26px;
    width: 26px;
    float: right;
    cursor: pointer;
    margin-top: 10px;
}

.qaToolbarPopupTopContainer 
{
    display: flex;
    height: calc(100% - 88px);
    min-height: 405px;
}
.qaToolbarPopupLeftContainer 
{
    width: calc(29% - 100px);
    min-width: 350px;
    margin-left: 50px;
    margin-right: 50px;
}
.qaToolbarPopupRightContainer
{
    width:16%;
}
.qaToolbarPopupLeftHeader 
{
    height: 28px;
    margin-bottom: 13px;
}

.qaToolbarPopupHeaderDetailsSelected 
{
    color: #004466;
    border-bottom: 3px solid #1C639C;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    outline: none;
}
.qaToolbarPopupHeaderDetailsUnselected 
{
    margin-left: 20px;
    margin-right: 20px;
    color: #98A5B3;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    outline: none;
}
.qaToolbarPopupHeaderDisputeSelected 
{
    color: #004466;
    border-bottom: 3px solid #1C639C;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    outline: none;
}
.qaToolbarPopupHeaderDisputeUnselected 
{
    color: #98A5B3;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    outline: none;
}
.qaToolbarPopupLeftItemHolder 
{
    border: .25px solid #A3A3A3;
    padding-top: 15px;
    /* height: 300px; */
}
.qaToolbarPopupLeftItem 
{
    display: flex;
    height: 20px;
    margin: 0px 0px 17px 0px;
}
.qaToolbarPopupLeftItemTitle 
{
    width: 135px;
    min-width: 135px;
    padding-left: 18px;
    color: #98A5B3;
    font-size: 14px;
}
.qaToolbarPopupLeftItemValue
{
    width: 195px;
    min-width: 195px;
    font-size: 14px;
    color: #333333;
}
.qaToolbarPopupDisputeHeader 
{
    margin-left: 10px;
    color: #98A5B3;
    font-size: 14px;
    margin-bottom: 5px;
}
.qaToolbarPopupDisputeTextArea 
{
    resize: none;
    height: 115px;
    width: calc(100% - 26px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.qaToolbarPopupResolveTextArea 
{
    resize: none;
    height: 115px;
    width: calc(100% - 26px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.qaToolbarPopupRecText 
{
    padding: 0px 10px 5px 16px;
    border: .25px solid #A3A3A3;
}
.qaToolbarPopupMidContainer 
{
    width: 54.6%;
    min-width: 800px;
}
.qaToolbarPopupGroupHeader 
{
    height: 28px;
    margin-top: -1px;
    position: relative;
}
.qaToolbarPopupInnerGroupSpacer 
{
    width: calc(100% - 24px);
    /* margin-left: 10px; */
    border-top: 1px solid #A3A3A3;
}

.qaToolbarPopupQuestion 
{
    display: flex;
    border-right: .25px solid #A3A3A3;
}
.qaToolbarPopupQuestionPosition
{
    width: 24px;
    min-width: 24px;
    padding-top: 16px;
    text-align: center;
    border-left: .25px solid #A3A3A3;
    border-right: .25px solid #A3A3A3;
}
.qaToolbarPopupQuestionLabel
{
    width: 55%;
    min-width: 376px;
    padding-top: 14px;
    padding-left: 10px;
}
.qaToolbarPopupQuestionAnswers
{
    width: 30%;
    min-width: 150px;
    padding-top: 14px;
    padding-bottom: 5px;
    padding-right: 10px;
}
.qaToolbarPopupQuestionScore
{
    width: 10%;
    min-width: 40px;
    padding-top: 14px;
}
.qaToolbarPopupTextArea 
{
    border-bottom: 2px solid #3F3F3F;
    outline: none;
    width: 100%;
    resize: none;
    height: 57px;
}
.qaToolbarPopupBotContainer 
{
    display: flex;
    height: 40px;
    background-color: #E5E5E5;
    margin-left: -12px;
    margin-right: -12px;
    font-size: 19pt;
    font-family: "Roboto Medium";
    position: relative;
    top: 18px;
}
.qaToolbarPopupDisputeButton 
{
    color: #D92133;
    background-color: #FFFFFF;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    width: 77px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select:none;
}
.qaToolbarPopupDisputeButton:hover
{
    background-color:#EBF4F7;
}
.qaToolbarPopupDisputeButton:active
{
    background-color:#C5D0DB;
}
.qaToolbarPopupAcceptButton 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 33px;
    padding-left: 15px;
    padding-right: 15px;
    width: 122px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select:none;
    text-align:center;
}
.qaToolbarPopupAcceptButton:hover
{
    background-color:#298FD8;
}
.qaToolbarPopupAcceptButton:active
{
    background-color:#1C639C;
}
.qaToolbarPopupSubmitButton 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 21px;
    padding-left: 15px;
    padding-right: 15px;
    width: 90px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select:none;
}
.qaToolbarPopupSubmitButton:hover
{
    background-color:#298FD8;
}
.qaToolbarPopupSubmitButton:active
{
    background-color:#1C639C;
}
.qaToolbarPopupCancelButton 
{
    height: 15px;
    width: 40px;
    color: #004466;
    margin-right: 22px;
    margin-top: 14px;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    font-size: 14px;
}
.qaToolbarPopupCancelButton:hover 
{
    color: #BD2026;
}
.qaToolbarPopupRescoreButton 
{
    color: #333333;
    background-color: #FFFFFF;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    height: 21px;
    padding-left: 15px;
    padding-right: 15px;
    width: 65px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select: none;
    text-align:center;
}
.qaToolbarPopupRescoreButton:hover
{
    background-color:#EBF4F7;
}
.qaToolbarPopupRescoreButton:active
{
    background-color:#C5D0DB;
}
.qaToolbarPopupDoneButton 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 33px;
    padding-left: 15px;
    padding-right: 15px;
    width: 67px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select: none;
}
.qaToolbarPopupDoneButton:hover
{
    background-color:#298FD8;
}
.qaToolbarPopupDoneButton:active
{
    background-color:#1C639C;
}
.qaToolbarPopupRejectButton 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 21px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select:none;
    text-align:center;
}
.qaToolbarPopupRejectButton:hover
{
    background-color:#298FD8;
}
.qaToolbarPopupRejectButton:active
{
    background-color:#1C639C;
}
.qaToolbarPopupResolveButton 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 21px;
    width: 75px;
    padding-top: 9px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select: none;
    text-align: center;
}
.qaToolbarPopupResolveButton:hover
{
    background-color:#298FD8;
}
.qaToolbarPopupResolveButton:active
{
    background-color:#1C639C;
}
.qaToolbarPopupConfirmContent 
{
    width: 500px;
    background: white;
    margin-top: 150px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    align-self: center;
    margin-bottom: auto;
    padding-top: 15px;
    padding-bottom: 5px;
}
.qaToolbarPopupConfirmBtnHolder 
{
    height: 38px;
    width: 200px;
    justify-content: space-between;
    margin-top: 30px;
    margin-right: 15px;
    align-self: flex-end;
}
.qaToolbarPopupConfirmXBtnHolder 
{
    height: 28px;
    width: 28px;
    align-self: flex-end;
    display: flex;
    margin-right: 10px;
    margin-top: -10px;
}
.qaToolbarPopupConfirmXBtn
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseNormal.png);
    height: 19px;
    width: 18px;
    margin: auto;
    outline: none;
}
.qaToolbarPopupConfirmXBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseHover.png);
    height: 28px;
    width: 28px;
}
.qaToolbarPopupConfirmLeave 
{
    color: #FFFFFF;
    background-color: #007CBE;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    border-bottom: 2px solid #1C639C;
    height: 21px;
    padding-left: 15px;
    padding-right: 15px;
    width: 28px;
    padding-top: 6px;
    border-radius: 2px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
    user-select:none;
}
.qaToolbarPopupConfirmLeave:hover
{
    background-color:#298FD8;
}
.qaToolbarPopupConfirmLeave:active
{
    background-color:#1C639C;
}
.qaToolbarPopupConfirmProceed 
{
    color: #333333;
    background-color: #FFFFFF;
    font-size: 14px;
    border: 1px solid #C5D0DB;
    height: 21px;
    padding-left: 7px;
    padding-right: 7px;
    width: 113px;
    padding-top: 6px;
    border-radius: 2px;
    outline: none;
    user-select: none;
}
.qaToolbarPopupConfirmProceed:hover
{
    background-color:#EBF4F7;
}
.qaToolbarPopupConfirmProceed:active
{
    background-color:#C5D0DB;
}
.qaToolbarPopupConfirmOverlay 
{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #686973;
    opacity: .35;
    z-index: 4;
}
.qaToolbarPopupConfirmContainer 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}
/*End QA Toolbar*/

/*Coaching Admin*/
.coachingAdminNoPadding .modal-content 
{
    padding-left:0px;
    padding-right:0px;
}
.coachingAdminNoPadding .coachingPreviewMainBody .modal-content {
    padding: 0px 32px;
}
.coachingAdminTopContainer 
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}
.coachingAdminContentMain 
{
    align-self:center;
    width: 1000px;
}
.openIcon 
{
    cursor:pointer;
}
.coachingAdminDateInput 
{
    width: 115px;
    padding-left: 10px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #666667;
    outline: none;
}
.coachingAdminDateCalendar 
{
    background-image: url(Images/CoreTheme/CoachingAdmin/CalendarIconGray.png);
    height: 24px;
    width: 25px;
    margin-left: -24px;
}
.coachingAdminInputItem 
{
    margin-bottom:10px;
    margin-left:5px;
}
.coachingAdminLoadBtn 
{
    width: 125px;
    height: 35px;
    font-size: 20px;
    border-radius: 25px;
    background-color: #0078AC;
    color: white;
    cursor: pointer;
    display: flex;
    border: none;
    outline: none;
}
.coachingAdminLoadBtn:hover
{
    background-color: #0077EE;
}
.coachingAdminLoadBtnText 
{
    margin:auto;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select:none;
}
.coachingAdminDisplayContent 
{
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select:none;
    cursor: default;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.coachingAdminDisplayHeader 
{
    display: flex;
    font-size: 30px;
    border-bottom: 2px solid black;
}
.coachingAdminDisplayHeaderHierarchy 
{
    width: 400px;
}
.coachingAdminDisplayHeaderSessions 
{
    width: 200px;
}
.coachingAdminDisplayHeaderFollowUp 
{
    width: 200px;
}
.coachingAdminDisplayHeaderFormScore 
{
    width: 200px;
}
.coachingAdminDisplayInfo
{
    display: flex;
    font-size: 25px;
    outline: none;
}
.coachingAdminDisplayInfoCompany 
{
    display: flex;
    width: 400px;
}
.coachingAdminDisplayInfoCompanyL2
{
    display: flex;
    width: 390px;
    margin-left:10px;
}
.coachingAdminDisplayInfoCompanyL3 
{
    display: flex;
    width: 380px;
    margin-left:20px;
}
.coachingAdminDisplayInfoCompanyL4 
{
    display: flex;
    width: 370px;
    margin-left:30px;
}
.coachingAdminDisplayBotGroup 
{
    color: #10bc4d;
}
.coachingAdminDisplayParentGroup 
{
    font-weight: bold;
}
.coachingAdminDisplayFadedGroup 
{
    color: #D5D5D5;
}
.coachingAdminDisplayFormBtn 
{
    background-image: url(Images/CoreTheme/ClipboardSM.png);
    width: 20px;
    height: 28px;
    background-color: inherit;
    margin-right: 2px;
    padding: 0px;
    border: 1px;
    cursor: pointer;
}
.coachingAdminDisplayFormBtn:hover
{
    background-color: #EEEEEE;
}
.coachingAdminDisplayClosedArrow 
{
    width: 7px;
    height: 10px;
    position: relative;
    top: 33%;
    transform: rotate(-90deg);
    margin-left:5px;
}
.coachingAdminDisplayOpenArrow 
{
    width: 7px;
    height: 10px;
    position: relative;
    top: 33%;
    transform: rotate(180deg);
    margin-left:5px;
}
.coachingAdminDisplayInfolabel 
{
    margin-left:3px;
}
.coachingAdminDisplayInfoAgent 
{
    display: flex;
    width: 335px;
    padding-left: 25px;
    margin-left:40px;
}
.coachingAdminDisplayAgentLevel:nth-of-type(odd) 
{
    background-color: #E8E8E8;
    border: 1px solid transparent;
    border-left: none;
    border-right: none;
    border-radius: 5px;
}
.coachingAdminDisplayAgentLevel:nth-of-type(even) 
{
    background-color: #F4F4F4;
    border: 1px solid transparent;
    border-left: none;
    border-right: none;
    border-radius: 5px;
}
.coachingAdminDisplayInfoSessions
{
    width: 150px;
    margin-left:50px;
}
.coachingAdminDisplayInfoFollowup 
{
    width: 150px;
    margin-left:50px;
}
.coachingAdminDisplayInfoFormScore 
{
    width: 160px;
    margin-left:40px;
}
.coachingAdminDisplayInfoFormScoreNA 
{
    width: 130px;
    margin-left:70px;
}
.coachingAdminSessionsCloseImg
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    outline: none;
}
.coachingAdminSessionsCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
}
.coachingAdminSessionsBackArrowImg 
{
    width:22px; 
    height:19px;
	cursor: pointer;
	background-repeat: no-repeat;	
    background-image: url("Images/CoreTheme/MessagingAdmin/BackArrow.png");
    outline: none;
}
.coachingAdminSessionsBackArrowImg:hover 
{
    background-image: url("Images/CoreTheme/MessagingAdmin/BackArrowHover.png");
    width: 34px;
    height: 30px;
}
.coachingAdminSessionsHeader 
{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #353A40;
    margin-left: 25px;
    margin-right: 30px;
    margin-top:17px
}
.coachingAdminSessionsHeaderAgentName 
{
    flex: 1;
    padding: 2px;
	padding-bottom:8px;
    margin-left: 5px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderSessionName
{
    flex: 1;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderSessionCreator
{
    flex: 1;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderCoach
{
    flex: 1;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderDateSubmitted
{
    width: 160px;
    padding: 2px;
    padding-bottom: 8px;
    margin-left: 8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderReason
{
    flex: 1;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderSessionStarted
{
    width:200px;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderFlags
{
    width: 71px;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderKPIGoal
{
    width: 115px;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderTask
{
    width: 115px;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderFormScore 
{
    width: 120px;
    padding: 2px;
	padding-bottom:8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderClosed
{
    width:120px;
    padding: 2px;
    padding-bottom: 8px;
    outline: none;
    cursor: pointer;
}
.coachingAdminSessionsHeaderActive 
{
  width: 120px;
  padding: 2px;
  padding-bottom: 8px;
  outline: none;
  cursor: pointer;
}
.coachingAdminSessionsHeaderSortDoubleArrow 
{
    background-image: url(Images/CoreTheme/Sort.png);
    width: 12px;
    height: 17px;
    margin-left: 10px;
}
.coachingAdminSessionsHeaderSortArrowUp
{
    background-image: url(Images/CoreTheme/SortUp1.png);
    width: 12px;
    height: 8px;
    margin-left: 10px;
}
.coachingAdminSessionsHeaderSortArrowDown
{
    background-image: url(Images/CoreTheme/SortDown1.png);
    width: 12px;
    height: 8px;
    margin-left: 10px
}
.coachingAdminSessionsLevel 
{
    font-size: 14px;
	margin-top:8px;
	margin-bottom: 16px;
	color:#353A40;
}
.coachingAdminSessionsContact 
{
    display: flex;
    flex: 1;
    padding: 2px;
    margin-left: 5px;
}
.coachingAdminSessionsName 
{
    display: flex;
    flex: 1;
    padding: 2px;
}
.coachingAdminSessionsCoach 
{
    display: flex;
    flex: 1;
    padding: 2px;
}
.coachingAdminSessionsAssessmentDate
{
    display: flex;
    width: 280px;
    padding: 2px;
    margin-left: 8px;
}
.coachingAdminSessionsDateSubmitted
{
    display: flex;
    width: 160px;
    padding: 2px;
    margin-left: 8px;
}
@media only screen and (max-width: 1440px) {
    .coachingAdminSessionsHeaderDateSubmitted, .coachingAdminSessionsDateSubmitted {
        width: 144px;
    }
    .coachingAdminSessionsAssessmentDate {
        width: 240px;
    }
    .coachingAdminSessionsHeaderClosed, div.coachingAdminSessionsClosed {
        width: 96px;
    }
}
.coachingAdminSessionsIsStarted 
{
    display: flex;
    width:200px;
    padding: 2px;
}
.coachingAdminSessionsFlags 
{
    display: flex;
    width: 71px;
    padding: 2px;
}
.coachingAdminSessionsFlagsImg 
{
    background-image: url(Images/CoreTheme/CoachingAdmin/FlagCoachingAdmin.png);
    width: 17px;
    height: 19px;
    margin: auto;
}
.coachingAdminSessionsKPIGoal 
{
    display: flex;
    width: 115px;
    padding: 2px;
}
.coachingAdminSessionsTask 
{
    display: flex;
    width: 115px;
    padding: 2px;
}
.coachingAdminSessionsFormScore 
{
    display: flex;
    width: 120px;
    padding: 2px;
}
.coachingAdminSessionsClosed 
{
    display: flex;
	width:120px;
    padding: 2px;
}
.coachingAdminSessionsActive 
{
  display: flex;
  width:120px;
  padding: 2px;
}
.coachingAdminSessionsClosedImg 
{
    background-image: url(Images/CoreTheme/CoachingAdmin/CheckmarkSM.png);
    width: 12px;
    height: 11px;
    margin: auto;
}
.coachingAdminSessionsIsStartedImg
{
    background-image: url(Images/CoreTheme/CoachingAdmin/CheckmarkSM.png);
    width: 12px;
    height: 11px;
    margin: auto;
}
.coachingAdminSessionsBtnHolder 
{
    width: 31px;
    border: none;
}
.coachingAdminSessionsBtn 
{
    background-image: url(Images/CoreTheme/ClipboardSM.png);
    width: 20px;
    height: 28px;
    background-color: inherit;
    margin-top: 2px;
    padding: 0px;
    border: 1px;
    cursor: pointer;
}
.coachingAdminSessionsBtn:hover
{
    background-color: #EEEEEE;
}
.coachingAdminSessionsLeftArrow 
{
    background-image: url(Images/CoreTheme/CoachingAdmin/LeftCollapseArrow.png);
    width: 6px;
    height: 10px;
    margin-right: 5px;
    margin-left: 5px;
    outline: none;
    cursor:pointer;
}
.coachingAdminSessionsDownArrow 
{
    background-image: url(Images/CoreTheme/CoachingAdmin/DownCollapseArrow.png);
    width: 10px;
    height: 7px;
    margin-right: 5px;
    margin-left: 5px;
    outline: none;
    cursor:pointer;
}
.coachingPreviewMainBody 
{
    display: flex;
    flex-flow: column noWrap;
    /* margin: -6px -12px -6px -12px; */
    height: 100%;
}
.coachingPreviewKpiMainScrollContainer 
{
    height: calc(100% - 47px);
}
.coachingPreviewHeader 
{
    justify-content: space-between;
    height: 80px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #676868;
    color: #666667;
}
.coachingPreviewHeaderTitle 
{
    margin-left: 34px;
}
.coachingPreviewHeaderImg 
{
    margin-right: 10px;
    border-radius:50%;
}
.coachingPreviewHeaderFollowUpText 
{
    font-size: 16px;
    margin-left: 100px;
    height:21px;
}
.coachingPreviewHeaderFlagsText 
{
    font-size: 16px;
    margin-left: 100px;
    height:21px;
}
.coachingPreviewHeaderCycleHolder 
{
    margin-right: 25px;
    font-size:12px;
    color:#4C4C4C;
}
.coachingPreviewHeaderCycleHolder:hover
{
    color:white;
}
.coachingPreviewHeaderCycleText
{
    width: 70px;
    height: 34px;
    text-align: right;
    margin-right: 10px;
}
.coachingPreviewHeaderCycleText:hover
{
    color:#4C4C4C;
    cursor: default;
}
.coachingPreviewHeaderCycleLeftBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/LeftSmArrow.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 22px;
    cursor: pointer;
    margin-right:15px;
}
.coachingPreviewHeaderCycleLeftBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/LeftLgArrow.png);
    height: 34px;
    width: 22px;
}
.coachingPreviewHeaderCycleRightBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/RightSmArrow.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 22px;
    cursor:pointer;
}
.coachingPreviewHeaderCycleRightBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/RightLgArrow.png);
    height: 34px;
    width: 22px;
}
.coachingPreviewCloseHolder 
{
    height: 33px;
    width: 33px;
    margin-right: 24px;
    display: flex;
    justify-content: center;
}
.coachingPreviewCloseImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    outline: none;
}
.coachingPreviewCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
}
.coachingPreviewContentMain 
{
    height: calc(100% - 36px);
}
.coachingPreviewContentLeftNav 
{
    width: 159px;
    justify-content: space-between;
    user-select: none;
    padding-top: 16px;
    background-color: #333333;
}
.coachingPreviewLeftNavBtnHolder 
{
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
}
.coachingPreviewNotesGray 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingNotesGrayedOut.png);
    height: 47px;
    width: 138px;
    cursor: default;
}
.coachingPreviewNotesInUse
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/NotesBtnInUse.png);
    height: 47px;
    width: 138px;
    cursor: default;
}
.coachingPreviewKPIGray 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingKPIGrayedOut.png);
    height: 46px;
    width: 138px;
    cursor: default;
}
.coachingPreviewKPIInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/KPIBtnInUse.png);
    height: 46px;
    width: 138px;
    cursor: default;
}
.coachingPreviewTasksGray 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachinTaskssGrayedOut.png);
    height: 47px;
    width: 138px;
    cursor: default;
}
.coachingPreviewTasksInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/TasksBtnInUse.png);
    height: 47px;
    width: 138px;
    cursor: default;
}
.coachingPreviewFormGray 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingFormsGrayedOut.png);
    height: 46px;
    width: 138px;
    cursor: default;
}
.coachingPreviewFormInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FormBtnInUse.png);
    height: 46px;
    width: 138px;
    cursor: default;
}
.coachingPreviewRecordingsGray 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingRecordignsGrayedOut.png);
    height: 46px;
    width: 138px;
}
.coachingPreviewRecordingsInUse
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/RecordingsBtnInUse.png);
    height: 46px;
    width: 138px;
}
.coachingPreviewLeftNavBotContainer 
{
    margin-bottom: 20px;
}
.coachingPreviewLeftNavBotBtnHolder 
{
    margin-left: 10px;
    margin-right: 10px;
}
.coachingPreviewLeftNavBotFlagBtn 
{
    margin-bottom: 18px;
}
.coachingPreviewFlagsImgGrayed 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FlagsDissabled.png);
    height: 31px;
    width: 139px;
    background-repeat: no-repeat;
    outline: none;
}
.coachingPreviewFlagsSelectedImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FlagMove.png);
    height: 31px;
    width: 139px;
    background-repeat: no-repeat;
    outline: none;
}
.coachingPreviewFollowUPImgGrayed 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FollowUpDisabled.png);
    height: 31px;
    width: 139px;
    background-repeat: no-repeat;
    outline: none;
}
.coachingPreviewFollowUPScheduledImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FollowupMove.png);
    height: 31px;
    width: 139px;
    background-repeat: no-repeat;
    outline: none;
}
.coachingPreviewContentContainerMain 
{
    width: calc(100% - 159px);
    background-color: #E2E2E2;
}
.coachingPreviewRecordingContainer 
{
    height: 80px;
    min-height: 80px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    border-radius: 3px;
    background-color: #FFFFFF;
}
.coachingPreviewRecordingHeaderContainer 
{
    margin-left: 15px;
    font-family: 'Roboto Regular';
    font-size: 16px;
    height: 22px;
}
.coachingPreviewRecordingHeader 
{
    width: 50%;
}
.coachingPreviewRecordingHeaderSection 
{
    flex: 1;
}
.coachingPreviewRecordingHeaderText 
{
    width: 35%;
}
.coachingPreviewRecordingMainContainer 
{
    margin-left: 15px;
}
.coachingPreviewRecordingMain 
{
    width: 50%;
}
.coachingPreviewRecordingMainSelect 
{
    flex: 1;
    margin-right: 10px;
    height:20px;
}
.coachingPreviewRecordingMainSection 
{
    flex: 1;
    margin-right: 10px;
    height:16px;
}
.coachingPreviewRecordingMainMedia 
{
    width: 35%;
    height: 58px;
}
.coachingPreviewContainerHolder 
{
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 15px;
    overflow: hidden;
}
.coachingPreviewContainerMain 
{
    height:100%;
}
.coachingPreviewContainerMainCell 
{
    flex: 1;
}
.coachingPreviewContainerMainCellContent 
{
    height: calc(100% - 5px);
}
.coachingPreviewNotesContainer 
{
    flex: 1;
    height:0px;
    width: calc(100% - 10px);
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingPreviewNotesMain 
{
    height:100%;
    width:100%;
}
.coachingPreviewNotesSpacer 
{
    border-bottom: 1px dashed #000000;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.coachingPreviewNotesHeader 
{
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top:10px;
    justify-content: space-between;
}
.coachingPreviewNotesTextArea 
{
    resize: none;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 2px;
    outline: none;
    padding:8px;
    font-size:14px;
    overflow:auto;
}
.coachingPreviewNotesPrevText 
{
    height: calc(20% - 57px);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
.coachingPreviewFormContainer 
{
    height: 0px;
    align-self: center;
    flex: 1;
    width: calc(100% - 10px);
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    user-select: initial;
    min-height:0px;
}
.coachingPreviewTasksContainer 
{
    flex: 1;
    width: calc(100% - 10px);
    height:0px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingPreviewKPIContainer 
{
    flex: 1;
    width: calc(100% - 10px);
    height: 0px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}

.coachingPreviewKPIMain 
{
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}
.coachingPreviewKPIMainBoxContainer 
{
    height: 100%;
    width: 100%;
}
.coachingPreviewKPIMainBox 
{
    height:100%;
}
.coachingPreviewKPIMainBoxHeader 
{
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 10px;
    font-size: 16px;
    color: #3F3F3F;
    justify-content:space-between;
}
.coachingPreviewKPIMainBoxContentContainer 
{
    margin-top: 10px;
    margin-left: 20px;
    font-size: 16px;
    color: #3F3F3F;
}
.coachingPreviewKPIMainBoxContentMetricAbr 
{
    flex: 1;
    margin-right: 50px;
    margin-left: 12px;
    text-align: end;
}
.coachingPreviewKPIMainBoxContentSliderBox 
{
    flex: 2;
    margin-right: 50px;
    height: 50px;
}
.coachingPreviewTasksMain 
{
    height:100%;
    width:100%;
}
.coachingPreviewTasksHeader 
{
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #3F3F3F;
    justify-content: space-between;
}
.coachingPreviewTasksMainContainer 
{
    font-size: 16px;
    flex: 1;
    margin-bottom:10px;
    justify-content: space-between;
}
.coachingPreviewTasksSpacer 
{
    border-bottom: 1px dashed #000000;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}
.coachingPreviewFormQuestionPosition 
{
    width: 24px;
    min-width: 24px;
    padding-top: 10px;
    text-align: center;
    border-left: .25px solid #E2E2E2;
    border-right: .25px solid #E2E2E2;
}
.coachingPreviewFormQuestion 
{
    width: calc(100% - 71px);
    margin-left: 10px;
    margin-top: 10px;
}
.coachingPreviewFormQuestionName 
{
    margin-bottom: 10px;
}
.coachingPreviewFormQuestionContainer 
{
    margin-left: 10px;
}
.coachingPreviewFormQuestionRadioContainer 
{
    padding-bottom:9px;
}
.coachingPreviewFormQuestionTextInput 
{
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #FCFDFD;
    border-bottom: 2px solid #3F3F3F;
    outline: none;
    width: 75%;
}
.coachingPreviewFormAppName 
{
    margin-bottom: 10px;
}
.coachingPreviewFormInnerGroupSpacer 
{
    border-top: .25px solid #E2E2E2;
}
/*End Coaching Admin*/

/*Coaching Templates*/
.AddEditFollowUpContainer 
{
	position: fixed;
    width: 870px;
    height: 462px;
    border: 1px solid #333333;
    background-color: #FFFFFF;
    left: 50%;
    top: 50%;
    margin-left: -474px;
    margin-top: -294px;
}
.AddEditFollowUpTopContainer 
{
    border-bottom: 1px solid #6A7480;
    margin-left: 32px;
    margin-right: 32px;
    justify-content: space-between;
}
.AddEditFollowUpNameHolder 
{
    font-size: 20px;
    font-weight: bold;
    color: #353A40;
    margin-top: 16px;
    margin-bottom: 15px;
}
.AddEditFollowUpNameText 
{
    width: 100%;
}
.AddEditFollowUpCloseImgHolder
{
    height: 26px;
    width: 26px;
    margin-top: 10px;
    margin-right: -20px;
}
.AddEditFollowUpTopInputContainer 
{
    margin-top: 64px;
    margin-left: 136px;
    margin-right: 136px;
    font-size: 16px;
    color: #353A40;
    justify-content: space-between;
}
.AddEditFollowUpLabel 
{
    margin-bottom:8px;
}
.AddEditFollowUpTextInput 
{
    height: 21px;
    width: 266px;
    padding-left: 8px;
}
.AddEditFollowUpDescriptionContainer 
{
    margin-top: 24px;
    margin-left: 136px;
    font-size: 16px;
    color: #353A40;
}
.AddEditFollowUpDescriptionTextArea 
{
    width: 590px;
    height: 64px;
    resize: none;
    border-color: #A8AFB9;
}
.AddEditFollowUpCheckHolder 
{
    margin-top: 24px;
    margin-left: 136px;
    font-size: 16px;
    color: #353A40;
    width: 596px;
    height: 76px;
}
.AddEditFollowUpBotContainer 
{
    border-top: 1px solid #333333;
    height: 44px;
    margin-top: 8px;
    margin-left: 32px;
    margin-right: 32px;
    justify-content: flex-end;
}
.AddEditFollowUpLockLabel 
{
  font-size: 14px;
  position: relative;
  top: -3px;
}
.AddEditTemplateOverlay
{
    position: absolute;
    top: 0;
    width: calc(100% - 3px);
    height: 100%;
    background-color: black;
    opacity: .3;
}
.coachingTemplateSetupMainContainer 
{
    /* width: calc(100% - 48px); */
    /* overflow: auto; */
    /* margin-top:-15px; */
}
.coachingTemplateSetupHeader 
{
    justify-content: space-between;
    height: 80px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #676868;
    color: #D2DBD6;
}
.coachingTemplateSetupTitleImg 
{
    width: 150px;
    font-size: 16px;
    font-weight: lighter;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 11px;
}
.coachingTemplateSetupHeaderImg 
{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-left: 60px;
    margin-right: 60px;
}
.coachingTemplateSetupHeaderDate 
{
    font-size:16px;
    font-weight:lighter;
}
.coachingTemplateSetupHeaderTitle 
{
    flex: 1;
    margin-right: 80px;
}
.coachingTemplateSetupHeaderRightContainer 
{
    width: 536px;
}
.coachingTemplateSetupHeaderSelectContainer 
{
    font-weight: lighter;
    width: 192px;
    margin-right: 22px;
}
.coachingTemplateSetupHeaderSelect 
{
    height: 24px;
    width: 100%;
    margin-top: 4px;
	color: #D2D6DB;
	border-color: #D2D6DB;
}
.coachingTemplateSetupArrowContainer 
{
    width: 135px;
    margin-right: 124px;
}
.coachingTemplateSetupArrowHolderDisabled 
{
    cursor:default;
    color:#d0d2d3;
    outline:none;
}
.coachingTemplateSetupCycleLeftBtnDisabled 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/DisabledNextPrevArrowBtn.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    cursor: default;
    margin-right:15px;
}
.coachingTemplateSetupCycleRightBtnDisabled
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/DisabledNextPrevArrowBtn.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    cursor:default;
    transform: rotate(180deg);
    margin-left:15px;
}
.coachingTemplateSetupEditBtnHolder 
{
    width: 20px;
    height: 22px;
}
.coachingTemplateSetupContentMain 
{
  height: calc(100vh - 136px);
}
.coachingTemplateSetupContentLeftNav 
{
    width: 160px;
    user-select: none;
    padding-top: 8px;
    background-color: #FFFFFF;
    color: #666667;
}
.coachingTemplateSetupContentLeftNavTop 
{
  flex: 2;
  min-height: 329px;
  max-height: 348px;
  justify-content: space-between;
}
.coachingTemplateSetupLeftNavBtnHolder 
{
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
}
.coachingTemplateSetupContentContainerMain 
{
    width: calc(100% - 160px);
    background-color: #E2E2E2;
}
.coachingTemplateSetupRecordingDropZone 
{
    height: 80px;
    min-height: 80px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    border-radius: 3px;
    border: 1px dashed #0067A3;
}
.coachingTemplateSetupRecordingContainer 
{
    height: 80px;
    min-height: 80px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    border-radius: 3px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupContainerHolder 
{
    height: 100%;
    width: 100%;
    padding: 15px;    
    overflow-x: scroll;
    position:relative;
}
.coachingTemplateSetupContainerOverlay 
{
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    display: flex;
    flex-flow: row noWrap;
    z-index: 1;
    position: absolute;
}
.coachingTemplateSetupContainerOverlayCell 
{
    flex: 1;
}
.coachingTemplateSetupMoveContainerOverlay 
{
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    display: flex;
    flex-flow: row noWrap;
    z-index: 1;
    position: absolute;
}
.coachingTemplateSetupMoveContainerOverlayCell 
{
    flex: 1;
}
.coachingTemplateSetupContainerMain 
{
    height:100%;
}
.coachingTemplateSetupContainerMainCell 
{
    flex: 1;
}
.coachingTemplateSetupItemContainer 
{
    flex: 1;
    width: calc(100% - 10px);
    height:0px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingTemplateSetupMainCellContent 
{
    height: calc(100% - 5px);
}
.coachingTemplateSetupFormImg 
{
    height: 48px;
    width: 128px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupFormImg:hover
{
    background-color: #0078AC;
    width: 144px;
    border-radius:3px;
	padding-left: 8px;
}
.coachingTemplateSetupFormImg:hover .coachingTemplateSetupFormIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_form_white.svg);
}
.coachingTemplateSetupFormImg:hover .coachingTemplateSetupFormText
{
    color:#FFFFFF;
}
.coachingTemplateSetupKPIImg 
{
    height: 48px;
    width: 128px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupKPIImg:hover 
{
    background-color: #0078AC;
    width: 144px;
    border-radius:3px;
	padding-left: 8px;
}
.coachingTemplateSetupKPIImg:hover .coachingTemplateSetupKPIIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_kpi_white.svg);
}
.coachingTemplateSetupKPIImg:hover .coachingTemplateSetupKPIText
{
    color:#FFFFFF;
}
.coachingTemplateSetupNotesImg 
{
    height: 48px;
    width: 128px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupNotesImg:hover
{
    background-color: #0078AC;
    width: 144px;
    border-radius:3px;
	padding-left: 8px;
}
.coachingTemplateSetupNotesImg:hover .coachingTemplateSetupNotesIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_notes_white.svg);
}
.coachingTemplateSetupNotesImg:hover .coachingTemplateSetupNotesText
{
    color:#FFFFFF;
}
.coachingTemplateSetupQaPrompt 
{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #353A40;
}
.coachingTemplateSetupQAFormImg 
{
    height: 48px;
    width: 128px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupQAFormImg:hover
{
    background-color: #0078AC;
    width: 144px;
    border-radius:3px;
	padding-left: 8px;
}
.coachingTemplateSetupQAFormImg:hover .coachingTemplateSetupQAFormIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_qa_white.svg);
}
.coachingTemplateSetupQAFormImg:hover .coachingTemplateSetupQAFormText
{
    color:#FFFFFF;
}
.coachingTemplateSetupRecordingsImg 
{
    height: 48px;
    width: 128px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupRecordingsImg:hover
{
    background-color: #0078AC;
    width: 144px;
    border-radius:3px;
	padding-left: 8px;
}
.coachingTemplateSetupRecordingsImg:hover .coachingTemplateSetupRecordingsIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_recordings_white.svg);
}
.coachingTemplateSetupRecordingsImg:hover .coachingTemplateSetupRecordingsText
{
    color:#FFFFFF;
}
.coachingTemplateSetupTasksImg 
{
    height: 48px;
    width: 128px;
    background-color: #FFFFFF;
}
.coachingTemplateSetupTasksImg:hover
{
    background-color: #0078AC;
    width: 144px;
    border-radius:3px;
	padding-left: 8px;
}
.coachingTemplateSetupTasksImg:hover .coachingTemplateSetupTasksIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_tasks_white.svg);
}
.coachingTemplateSetupTasksImg:hover .coachingTemplateSetupTasksText
{
    color:#FFFFFF;
}
.coachingTemplateSetupFormIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_form.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.coachingTemplateSetupFormText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingTemplateSetupRecordingsIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_recordings.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.coachingTemplateSetupRecordingsText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingTemplateSetupKPIIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_kpi.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.coachingTemplateSetupKPIText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingTemplateSetupTasksIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_tasks.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.coachingTemplateSetupTasksText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingTemplateSetupNotesIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_notes.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.coachingTemplateSetupNotesText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #666667;
}
.coachingTemplateSetupQAFormIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_qa.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.coachingTemplateSetupQAFormText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #666667;
}
.temlateDraggable 
{
  cursor:move;
}
.coachingTemplateSetupDropTarget 
{
    flex: 1;
    width: calc(100% - 10px);
    align-self: center;
    border-radius: 3px;
    border: 1px dashed #0078AC;
    margin: 5px;
    position:relative;
}
.coachingTemplateSetupMoveTarget 
{
    flex: 1;
    width: calc(100% - 10px);
    align-self: center;
    border-radius: 3px;
    border: 1px dashed #0078AC;
    margin: 5px;
    position:relative;
}
#CoachingTemplateKPIMetricSelector_metricSelectorContainer 
{
  padding: 0px;
}
#CoachingTemplateKPIMetricSelector_metricSelectorContainer .showMetricSelectorModule 
{
    display:none;
}
.coachingTemplateKpiSliderImg 
{
  background-image: url(Images/CoreTheme/CoachingAdmin/slider_disabled.png);
  height: 34px;
  margin: auto;
  width:232px;
  background-repeat:no-repeat;
  margin-top:-8px;
}
.coachingTemplateKpiSettingsBoxMetric 
{
    margin-top: 12px;
	padding-bottom:12px;
    margin-left: 24px;
    font-size: 16px;
    color: #3F3F3F;
}
.coachingTemplateSetupFormSettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 9999;
    margin: -6px 0px 0px -12px;
}
.coachingTemplateSetupFormSettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 9999;
}
.coachingTemplateSetupTasksSettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 9999;
    margin: -6px 0px 0px -12px;
}
.coachingTemplateSetupTasksSettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 9999;
}
.coachingTemplateSetupKPISettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 9999;
    margin: -6px 0px 0px -12px;
}
.coachingTemplateSetupKPISettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 9999;
} 
/*End Coaching Templates*/

/*SuggestedCoachingSession*/
.suggestedCoachingPopupHeader
{
    background-color: #FFFFFF;
    color: #353A40;
    height: 47px;
    justify-content: space-between;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #6A7480;
    margin-left: 32px;
    margin-right: 32px;
    padding: 0px 0px 16px 0px !important;
}
.suggestedCoachingPopupHeaderSize24 
{
    font-size:24px;
}
/*.suggestedCoachingPopupHeaderCloseImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    float: right;
    cursor: pointer;
}
.suggestedCoachingPopupHeaderCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
}*/
/*End SuggestedChoachingSession*/

/*Coaching Toolbar*/
.coachingToolbarDateRangeSelect 
{
  position: absolute;
  cursor: pointer;
  top: -5px;
  left: 28px;
}
.coachingToolbarSearchImg
{
    position: absolute;
    display:inline-block; 
    float:left;
    width: 18px;
    height: 18px;
    background-image: url("Images/CoreTheme/MessagingAdmin/SearchWhite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    top: 13px;
    left: 480px;
    -webkit-transition: left .3s;
    transition: left .3s;
}

.coachingToolbarSearchImg:hover
{
    background-image: url("Images/CoreTheme/MessagingAdmin/SearchWhiteHover.png");
    height: 25px;
    width: 27px;
    top: 10px;
    left: 480px;
}
.coachingToolbarSearchImg.selected
{
    left: 16px;
}
.coachingToolbarSearchBox
{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid white;
    background-color: #5F6871;
    color: #FFFFFF;
    width: 425px;
    font-size: 14pt;
    padding-left: 4px;
}
.coachingToolbarSearchBox:focus
{
    outline: none;
}
.coachingToolbarCancelSearchImg
{
    position: absolute;
    display:inline-block; 
    float:left;
    width: 14px;
    height: 14px;
    background-image: url("Images/CoreTheme/MessagingAdmin/CloseWhite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    top: 13px;
    left: 480px;
}
.coachingToolbarCancelSearchImg:hover
{
    background-image: url("Images/CoreTheme/MessagingAdmin/CloseWhiteHover.png");
    width: 19px;
    height: 19px;
}
.coachingToolbarSortDoubleArrow, .sortDoubleArrow 
{
    background-image: url(Images/CoreTheme/Sort.png);
    width: 12px;
    height: 17px;
    pointer-events: none;
    position: relative;
    left: 7px;
    top: 4px;
    visibility: hidden;
}

.coachingToolbarOrderHeaderSessionName:hover .coachingToolbarSortDoubleArrow,
.coachingToolbarOrderHeaderStartBy:hover .coachingToolbarSortDoubleArrow,
.coachingToolbarOrderHeaderDueDate:hover .coachingToolbarSortDoubleArrow,
.coachingToolbarOrderHeaderAgentName:hover .coachingToolbarSortDoubleArrow,
.coachingToolbarOrderHeaderCreator:hover .coachingToolbarSortDoubleArrow,
.coachingToolbarOrderHeaderStatus:hover .coachingToolbarSortDoubleArrow {
    visibility: visible;
}

.sortArrowUp 
{
    background-image: url(Images/CoreTheme/SortUp1.png);
    width: 12px;
    height: 8px;
    pointer-events: none;
    position: relative;
    left: 7px;
    top: 4px;
}
.sortArrowDown 
{
    background-image: url(Images/CoreTheme/SortDown1.png);
    width: 12px;
    height: 8px;
    pointer-events: none;
    position: relative;
    left: 7px;
    top: 13px;
}

.coachingToolbarSortArrowUp 
{
    background-image: url(Images/CoreTheme/sort_normal.png);
    width: 10px;
    height: 6px;
    pointer-events: none;
    margin-top: 4px;
    margin-bottom: -4px;
}
.coachingToolbarSortArrowDown 
{
    background-image: url(Images/CoreTheme/sort_normal.png);
    transform: rotate(180deg);
    width: 10px;
    height: 6px;
    pointer-events: none;
    margin-top:7px;
}
.coachingToolbarSortArrowUpSelected
{
    background-image: url(Images/CoreTheme/sort_selected.png);
    width: 10px;
    height: 6px;
    pointer-events: none;
    margin-top: 4px;
    margin-bottom: -4px;
}
.coachingToolbarSortArrowDownSelected
{
    background-image: url(Images/CoreTheme/sort_selected.png);
    transform: rotate(180deg);
    width: 10px;
    height: 6px;
    pointer-events: none;
    margin-top:7px;
}

.coachingToolbarSlideoutName 
{
    width: 149px;
    cursor: pointer;
    outline: none;
    margin-right: 16px;
    font-weight: 500;
}
.coachingToolbarSlideoutSugName
{
    width: 149px;
    cursor: pointer;
    outline: none;
    margin-right: 56px;
    font-weight: 500;
}
.coachingToolbarSlideoutReason 
{
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
}
.coachingItem:hover
{
    background-color: #DBDBDB;
}
.coachingToolbarSlideoutFollowup 
{
    width:45px;
}
.coachingToolbarSlideoutFollowupIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FollowUpIconCal.png);
    width: 17px;
    height: 17px;
}
.coachingToolbarSlideoutFollowupDate 
{
    font-size: 10px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}
.coachingItemSession 
{
    min-height: 50px;
}
.coachingItemSessionDue 
{
    text-align: center;
    cursor: pointer;
    width: 85px;
    outline: none;
    margin-right: 40px;
}
.coachingDueDateLate 
{
    color: #BD2026;
}
.coachingItemSessionStatus 
{
    width: 154px;
    cursor: pointer;
    margin-right: 16px;
    outline: none;
}
.coachingItemSessionDate 
{
    width: 86px;
    cursor: default;
    margin-right: 16px;
    outline: none;
}
.coachingItemDeleteIcon 
{
    display:none;
}
.coachingItemSession:hover .coachingItemDeleteIcon 
{
    display:block;
}
.coachingItemSugSession:hover .coachingItemDeleteIcon 
{
    display:block;
}
.coachingItemSugSession 
{
    min-height: 50px;
    margin-bottom: 5px;
}
.coachingItemSugSessionDue 
{
    width: 75px;
    margin-right: 16px;
}
.coachingItemSugSessionName 
{
    cursor: pointer;
    width: 110px;
    margin-right: 35px;
    word-wrap: break-word;
}
.coachingToolbarAddSessionImg 
{
    position: absolute;
    display: inline-block;
    float: left;
    width: 18px;
    height: 18px;
    background-image: url(Images/CoreTheme/MessagingAdmin/AddWhite.png);
    background-repeat: no-repeat;
    cursor: pointer;
    top: 12px;
    left: 12px;
}
.coachingToolbarItemSpacer
{
    width: 100%;
    border-top: 1px solid #A3A3A3;
}
.coachingToolbarPastDueSpacerHolder 
{
  margin-top:16px;
}
.coachingToolbarPastDueSpacer 
{
  border-bottom: 1px solid #6A7480;
  margin: 16px;
  margin-top:8px;
  width:200px;
}
.coachingToolbarNoPastDue 
{
  text-align: center;
  color: #6A7480;
  font-style: italic;
  font-size: 14px;
}

.coachingToolbarMainHeader 
{
    height:43px;
    justify-content: center;
    background-color: #444F5A;
    color: white;
}
.coachingToolbarMainHeaderText 
{
    cursor:default;
}
.coachingToolbarMainHeaderSelect 
{
    border-bottom: 1pt solid #FFFFFF;
    margin-left: 21px;
	margin-top: 9px;
    outline: none;
    width: 100px;
    position: relative;
    top: 5px;
    cursor: pointer;
}
.coachingToolbarMainHeaderSelectArrow 
{
    background-image: url(Images/CoreTheme/WhiteDropdownArrow.png);
    width: 14px;
    height: 9px;
    /*z-index: 1;*/
    pointer-events: none;
}
.coachingToolbarSubHeader 
{
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select:none;
    justify-content: flex-start;
    background-color: #FFF;
    padding: 8px 16px;
}
.coachingToolbarSubHeaderSessions 
{
    padding: 0px 16px 0px 8px;
    color: #353A40;
    cursor: pointer;
    outline: none;
}
.coachingToolbarSubHeaderSessionsSelected 
{
    padding-left: 8px;
    padding-right: 8px;
	margin-right:8px;
    border-bottom: 2px solid #0078AC;
    color: #0078AC;
    cursor: default;
}
.coachingToolbarSubHeaderFollowUp 
{
    padding: 0px 16px 0px 16px;
    color: #353A40;
    cursor: pointer;
    outline: none;
}
.coachingToolbarSubHeaderFollowUpSelected 
{
    padding-left: 8px;
    padding-right: 8px;
	margin-left:8px;
	margin-right:8px;
    border-bottom: 2pt solid #0078AC;
    color: #0078AC;
    cursor: default;
}

.coachingToolbarSubHeaderSuggested 
{
    padding: 0px 8px 0px 16px;
    color: #353A40;
    cursor: pointer;
    outline: none;
}
.coachingToolbarSubHeaderSuggestedSelected 
{
    padding-left: 8px;
    padding-right: 8px;
	margin-left:8px;
    border-bottom: 2pt solid #0078AC;
    color: #0078AC;
    cursor: default;
}
.coachingToolbarOrderHeader 
{
    height: 37px;
    user-select: none;
    background-color: #EFEFEF;
}
.coachingToolbarOrderHeaderDueDate 
{
    cursor: pointer;
    width: 146px;
    outline: none;
    margin-right: 24px;
}
.coachingToolbarOrderHeaderStartBy
{
    cursor: pointer;
    width: 80px;
    outline: none;
    margin-right: 9px;
}
.coachingToolbarOrderHeaderSessionName 
{
    width: 102px;
    cursor: pointer;
    outline: none;
    margin-left: 45px;
    margin-right: 63px;
}
.coachingToolbarOrderHeaderAgentName 
{
    width: 120px;
    cursor: pointer;
    outline: none;
    margin-left: 45px;
    margin-right: 85px;
}
.coachingToolbarOrderHeaderStatus 
{
    width: 82px;
    cursor: pointer;
    margin-right: 20px;
    outline: none;
}
.coachingToolbarOrderHeaderCreator 
{
    width: 120px;
    cursor: pointer;
    margin-right: 25px;
    outline:none;
}

.coachingToolbarNewSessionPopup, .coachingNewSessionPopup
{
    background-color: #FFFFFF;
    position: fixed;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
}
.coachingToolbarNewSessionPopupOverlay, .coachingNewSessionPopupOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #686973;
    opacity: .35;
}
.coachingDatePickerInput::placeholder
{
    font-size: 12px !important;
}
#CoachingPopupKPIMetricSelector_metricSelectorContainer .showMetricSelectorModule 
{
    display:none;
}
.coachingToolbarPopup 
{
    background-color: #FFFFFF;
    position: fixed;
}
.coachingToolbarPopupOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #686973;
    opacity: .85;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.coachingNewSessionMainBody 
{
  height: 608px;
  width: 944px;
}
.coachingNewSessionHeader 
{
  height: 63px;
  color: #353A40;
  border-bottom: 1px solid #dee2e6;
  margin-left: 32px;
  margin-right: 32px;
}
.coachingToolbarNewSessionCloseImg
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
}
.coachingToolbarNewSessionCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
}
.coachingNewSessionContentMain
{
	height:480px;
}
.coachingNewSessionNameContainer
{
    width: 600px;
}
.coachingNewSessionNameImg, .circleOneImg
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle1.png);
    height: 25px;
    width: 26px;
}

.coachingNewSessionTemplateInput 
{
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 1px;
    outline: none;
}
.coachingNewSessionTemplateInput .selection 
{
  width: 245px;
  display: inline-block;
}

.coachingNewSessionTemplateInputDisabled 
{
    border: 1px solid #D2D6DB;
    border-radius: 4px;
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 1px;
    outline: none;
}
.coachingNewSessionTemplateInputDisabled .selection 
{
  width: 245px;
  color: #D2D6DB;
  display: inline-block;
}
.coachingNewSessionPopupArrow
{
  background-image: url(Images/CoreTheme/Toolbar/Coaching/drop_down_arrow.svg);
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  position: relative;
  top: 2px;
  left: 16px;
}
.coachingNewSessionDropdownContainer 
{
  width: 300px;
  max-height: 216px;
  position: absolute;
  top: 0; /* Set by javascript */
  left: 0;
  overflow-y: auto;
  border: 1px solid #666667;
  border-top: none;
  padding: 8px;
  background-color: #FFFFFF;
  z-index:1;
}
.coachingNewSessionDropdownContainer .folderTitleRow 
{
    font-size: 14px;
    color: #353A40;
    font-weight: 600;
	cursor:default;
}
.coachingNewSessionDropdownContainer .folderTitleRow .folderIcon
{
  background-image: url(Images/Wallboards/FolderIcon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  height: 15px;
  width: 19px;
}
.coachingNewSessionTemplateRow 
{
  font-size: 14px;
  color: #353A40;
  cursor:pointer;
  font-weight: normal;
  margin-left:8px;
}
.coachingNewSessionTemplateRow:hover 
{
  background-color:#DBDBDB;
}
.coachingNewSessionAgentContainer
{
    margin-top: 24px;
}
.coachingNewSessionAgentImg, .circleTwoImg
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle2.png);
    height: 26px;
    width: 26px;
}
.coachingNewSessionRequiredText 
{
    color: #BD2026;
    margin-left: 16px;
}

.coachingNewSessionCallGroupContainer
{
    margin-top: 24px;
}
.coachingNewSessionCallGroupImg, .circleThreeImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle3.png);
    height: 25px;
    width: 26px;
}

.coachingNewSessionCallGroupContext 
{
    margin-left: 3px;
    position: relative;
    top: 1px;
}
.coachingNewSessionTimeIntervalContainer
{
    margin-top: 24px;
}
.coachingNewSessionTimeIntevalImg, .circleFourImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle4.png);
    height: 26px;
    width: 26px;
}

.coachingNewSessionDueDateContainer
{
    margin-top: 25px;
}
.coachingNewSessionDueDateImg, .circleFiveImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Circle5.png);
    height: 26px;
    width: 26px;
}
.coachingNewSessionDueDateText 
{
    margin-left: 29px;
}
.coachingNewSessionDueDataCalendarInput 
{
    border-top: none;
    border-left: none;
    border-right: none;
    width: 224px;
    color: #3F3F3F;
    margin-top: 17px;
    margin-left: 54px;
    outline: none;
    font-size: 16pt !important;
}
.coachingNewSessionDueDataCalendar 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/Calendar.png);
    height: 28px;
    width: 28px;
    margin-top: 17px;
    margin-left: -28px;
    cursor: pointer;
}
.coachingNewSessionButtonContainer
{
  justify-content: flex-end;
  height: 63px;
  border-top: 1px solid #dee2e6;
  padding-top: 8px;
  margin-left: 32px;
  margin-right: 32px;
}
.coachingNewSessionCancelBtn 
{
    height: 17px;
    width: 55px;
    margin-right: 25px;
    border-bottom: 1px solid #000000;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.coachingNewSessionCancelBtn:hover 
{
    color: #BE0000;
    border-bottom: 1px solid #BE0000;
}
.coachingNewSessionApplyBtnHolder 
{
    height:34px;
    width:98px;
    margin-right: 353px;
    cursor: pointer;
}
.coachingNewSessionApplyBtn 
{
    background-color: #0067a3;
    font-size: 18px;
    color: #EFEFEF;
    text-align: center;
    height: 27px;
    width: 88px;
    border-radius: 20px;
    outline: none;
    background-repeat: no-repeat;
}

.coachingNewSessionApplyBtn:hover
{
    height: 30px;
    width: 98px;
    font-size: 21px;
}

.coachingPopupMainBody 
{
    display: flex;
    flex-flow: column noWrap;
    margin: -6px -12px -6px -12px;
    height: calc(100% + 12px);
    border-radius: 4px;
}

.coachingPopupModalAdjust 
{
    margin: -6px -12px -6px -12px;
}

.coachingPopupHeader 
{
    height: 80px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #676868;
    color: #666667;
}

.coachingPopupHeaderTitleImg 
{
    width: 160px;
    font-size: 16px;
    font-weight: lighter;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 11px;
}
.coachingPopupHeaderImg 
{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-left: 60px;
    margin-right: 60px;
}
.coachingPopupHeaderDate 
{
    font-size:16px;
    font-weight:lighter;
}
.coachingPopupHeaderRightContainer 
{
    width: 536px;
    margin-right: 13px;
}
.coachingPopupHeaderFollowUpText 
{
    font-size: 16px;
    margin-left: 100px;
    height:21px;
}
.coachingPopupHeaderFlagsText 
{
    font-size: 16px;
    margin-left: 100px;
    height:21px;
}
.coachingPopupHeaderCycleHolder 
{
    margin-right: 25px;
    font-size:12px;
    color:#4C4C4C;
}
.coachingPopupHeaderCycleHolder:hover
{
    color:white;
}
.coachingPopupHeaderCycleText
{
    width: 70px;
    height: 34px;
    text-align: right;
    margin-right: 10px;
}
.coachingPopupHeaderCycleText:hover
{
    color:#4C4C4C;
    cursor: default;
}
.coachingToolbarEditBtnHolder 
{
    width: 20px;
    height: 22px;
}
.coachingPopupArrowHolder 
{
    cursor:pointer;
    outline:none;
}
.coachingPopupArrowHolderDisabled 
{
    cursor:default;
    color:#d0d2d3;
    outline:none;
}
.coachingPopupArrowHolder:hover .coachingPopupHeaderCycleLeftBtn
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/PrevNextIconHover.png);
    height: 20px;
    width: 12px;
    margin-right:14px;
}
.coachingPopupArrowHolder:hover .coachingPopupHeaderCycleRightBtn
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/PrevNextIconHover.png);
    height: 20px;
    width: 12px;
    margin-right:14px;
}
.coachingPopupHeaderCycleLeftBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/PrevNextIcon.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    cursor: pointer;
    margin-right:15px;
}
/*.coachingPopupHeaderCycleLeftBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/PrevNextIconHover.png);
    height: 20px;
    width: 12px;
    margin-right:14px;
}*/
.coachingPopupHeaderCycleLeftBtnDisabled 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/DisabledNextPrevArrowBtn.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    cursor: default;
    margin-right:15px;
}
.coachingPopupHeaderCycleRightBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/PrevNextIcon.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    cursor:pointer;
    transform: rotate(180deg);
    margin-left:15px;
}
/*.coachingPopupHeaderCycleRightBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/PrevNextIconHover.png);
    height: 20px;
    width: 12px;
    margin-left:15px;
}*/
.coachingPopupHeaderCycleRightBtnDisabled
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/DisabledNextPrevArrowBtn.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    cursor:default;
    transform: rotate(180deg);
    margin-left:15px;
}
.coachingPopupHeaderEditSettingsBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/EditCoachingSessionTop.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    margin-right: 10px;
}
.coachingPopupArrowContainer 
{
    width: 195px;
    margin-right: 75px;
}
.coachingToolbarPopupCloseHolder 
{
    height: 33px;
    width: 33px;
    margin-right: 24px;
    display: flex;
    justify-content: center;
}
.coachingToolbarPopupCloseImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    outline: none;
}
.coachingToolbarPopupCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
}
.coachingPopupContentMain 
{
    height: calc(100% - 81px);
}
.coachingPopupContentLeftNav 
{
    width: 12.9rem;
    justify-content: space-between;
    user-select: none;
    padding-top: 8px;
    background-color: #FFFFFF;
    color: #666667;
    display: flex;
    align-items: center;
}
.coachingPopupContentLeftNavTop 
{
  flex: 2;
  min-height:336px;
  max-height: 369px;
  padding-bottom:2px;
  justify-content: space-between;
  width: 12.9rem;
}
.coachingPopupLeftNavBtnHolder 
{
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
}
.coachingPopupLeftNavSaveHolder 
{
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    height: 34px;
}
.coachingPopupDragInstContainer 
{
    justify-content: center;
    padding-bottom: 5px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    border-bottom: 1px solid #666667;
}
.coachingPopupDragInstIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/MoveIconGray.png);
    height: 13px;
    width: 13px;
    margin-right: 5px;
}
.coachingDraggable 
{
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), auto;
}
.coachingPopupNotesImg 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
}
.coachingPopupNotesImg:hover
{
    background-color: #0078AC;
    width: 100%;
    border-radius:3px;
    margin-left: 7px;
}
.coachingPopupNotesImg:hover .coachingPopupNotesIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_notes_white.svg);
    margin-left:8px;
}
.coachingPopupNotesImg:hover .coachingPopupNotesText
{
    color:#FFFFFF;
}
.coachingPopupNotesGray 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
    cursor: default;
}
.coachingPopupNotesInUse
{
    height: 48px;
    width: 100%;
    cursor: default;
    background-color: #D0D2D3;
}
.coachingPopupNotesIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_notes.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
}
.coachingPopupNotesGrayIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingNotesGray.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupNotesIconInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_notes_white.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupNotesText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #666667;
}
.coachingPopupNotesDisabledText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #D0D2D3;
}
.coachingPopupNotesTextInUse
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #FFFFFF;
}
.coachingPopupQAFormImg 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
}
.coachingPopupQAFormImg:hover
{
    background-color: #0078AC;
    width: 100%;
    border-radius:3px;
}
.coachingPopupQAFormImg:hover .coachingPopupQAFormIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_qa_white.svg);
    margin-left:8px;
}
.coachingPopupQAFormImg:hover .coachingPopupQAFormText
{
    color:#FFFFFF;
}
.coachingPopupQAFormGray 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
    cursor: default;
}
.coachingPopupQAFormInUse
{
    height: 48px;
    width: 100%;
    cursor: default;
    background-color: #D0D2D3;
}
.coachingPopupQAFormIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_qa.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
}
.coachingPopupQAFormGrayIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingQAGray.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupQAFormIconInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_qa_white.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupQAFormText
{
    margin-top: 12px;
    margin-left: 4px;
    font-size: 16px;
    font-weight:lighter;
    color: #666667;
}
.coachingPopupQAFormDisabledText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #D0D2D3;
}
.coachingPopupQAFormTextInUse
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color: #FFFFFF;
}
.coachingPopupKPIImg 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
}
.coachingPopupKPIImg:hover 
{
    background-color: #0078AC;
    width: 100%;
    border-radius:3px;
}
.coachingPopupKPIImg:hover .coachingPopupKPIIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_kpi_white.svg);
    margin-left:8px;
}
.coachingPopupKPIImg:hover .coachingPopupKPIText
{
    color:#FFFFFF;
}
.coachingPopupKPIGray 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
    cursor: default;
}
.coachingPopupKPIInUse 
{
    height: 48px;
    width: 100%;
    cursor: default;
    background-color: #D0D2D3;
}
.coachingPopupKPIIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_kpi.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
}
.coachingPopupKPIGrayIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingKPIGray.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupKPIIconInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_kpi_white.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupKPIText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingPopupKPIDisabledText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#D0D2D3;
}
.coachingPopupKPITextInUse
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#FFFFFF;
}
.coachingPopupTasksImg 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
}
.coachingPopupTasksImg:hover
{
    background-color: #0078AC;
    width: 100%;
    border-radius:3px;
}
.coachingPopupTasksImg:hover .coachingPopupTasksIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_tasks_white.svg);
    margin-left:8px;
}
.coachingPopupTasksImg:hover .coachingPopupTasksText
{
    color:#FFFFFF;
}
.coachingPopupTasksGray 
{
    height: 48px;
    width: 144px;
    background-color: #FFFFFF;
    cursor: default;
}
.coachingPopupTasksInUse 
{
    height: 48px;
    width: 100%;
    cursor: default;
    background-color: #D0D2D3;
}
.coachingPopupTasksIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_tasks.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
}
.coachingPopupTasksGrayIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingTasksGray.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left: 8px;
}
.coachingPopupTasksIconInUse
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_tasks_white.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left: 8px;
}
.coachingPopupTasksText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingPopupTasksDisabledText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#D0D2D3;
}
.coachingPopupTasksTextInUse
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#FFFFFF;
}
.coachingPopupFormImg 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
}
.coachingPopupFormImg:hover
{
    background-color: #0078AC;
    width: 100%;
    border-radius:3px;
}
.coachingPopupFormImg:hover .coachingPopupFormIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_form_white.svg);
    margin-left: 8px;
}
.coachingPopupFormImg:hover .coachingPopupFormText
{
    color:#FFFFFF;
}

.coachingPopupFormGray 
{
    height: 48px;
    width: 144px;
    background-color: #FFFFFF;
    cursor: default;
}
.coachingPopupFormInUse 
{
    height: 48px;
    width: 100%;
    cursor: default;
    background-color: #D0D2D3;
}
.coachingPopupFormIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_form.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
}
.coachingPopupFormGrayIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingFormGray.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupFormIconInUse 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_form_white.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left: 8px;
}
.coachingPopupFormText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingPopupFormDisabledText 
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#D0D2D3;
}
.coachingPopupFormTextInUse
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#FFFFFF;
}
.coachingPopupRecordingsImg 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
}
.coachingPopupRecordingsImg:hover
{
    background-color: #0078AC;
    width: 100%;
    border-radius:3px;
}
.coachingPopupRecordingsImg:hover .coachingPopupRecordingsIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_recordings_white.svg);
    margin-left:8px;
}
.coachingPopupRecordingsImg:hover .coachingPopupRecordingsText
{
    color:#FFFFFF;
}
.coachingPopupRecordingsGray 
{
    height: 48px;
    width: 100%;
    background-color: #FFFFFF;
    cursor: default;
}
.coachingPopupRecordingsInUse
{
    height: 48px;
    width: 100%;
    cursor: default;
    background-color: #D0D2D3;
}
.coachingPopupRecordingsIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_recordings.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
}
.coachingPopupRecordingsGrayIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingRecordingGray.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupRecordingsIconInUse
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/coaching_recordings_white.svg);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left:8px;
}
.coachingPopupRecordingsText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#666667;
}
.coachingPopupRecordingsDisabledText
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#D0D2D3;
}
.coachingPopupRecordingsTextInUse
{
    margin-top: 12px;
    margin-left: 16px;
    font-size: 16px;
    font-weight:lighter;
    color:#FFFFFF;
}
.coachingPopupFlagsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupFlagsContainer 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}
.coachingPopupFlagsBox 
{
    height: 163px;
    width: 584px;
    background: white;
    border-radius: 3px;
}
.coachingPopupFlagsSettingsBox 
{
    height: 163px;
    width: 584px;
    background: white;
    border-radius: 3px;
    margin-top:150px;
}
.coachingPopupFlagInput 
{
    width: 448px;
    margin-left: auto;
    margin-right: auto;
}
.coachingPopupFlagInput span.multiSelect button 
{
    width: 100%;
    outline: 0;
    cursor: pointer;
    border: 1px solid #A8AFB9;
    min-height: 24px !important;
    max-height: 24px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    white-space: normal;
    text-align: left;
    color: #353A40;
}
.coachingPopupFlagInput span.multiSelect div.checkboxLayer button 
{
    width:auto;
}
.coachingPopupFlagInput span.multiSelect div.checkboxLayer
{
    width: 446px;
}
.coachingPopupFlagInput .multiSelect .buttonLabel 
{
    padding: 0;
}
.coachingPopupFlagInput .multiSelect .caret 
{
    position: absolute;
    left: 414px;
    top: 8px;
    background-image: url(Images/CoreTheme/SortDown1.png);
    background-repeat: no-repeat;
    height: 8px;
    width: 12px;
    border: none;
}


.coachingPopupSugSessionInput span.multiSelect button {
    width: 100%;
    outline: 0;
    cursor: pointer;
    border: 1px solid #A8AFB9;
    min-height: 24px !important;
    max-height: 24px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    white-space: normal;
    text-align: left;
    color: #353A40;
}

.coachingPopupSugSessionInput span.multiSelect div.checkboxLayer button {
    width: auto;
}

.coachingPopupSugSessionInput span.multiSelect div.checkboxLayer {
    width: 313px;
}

.coachingPopupSugSessionInput .multiSelect .buttonLabel {
    padding: 0;
}

.coachingPopupSugSessionInput .multiSelect .caret {
    position: absolute;
    left: 234px;
    top: 8px;
    background-image: url(Images/CoreTheme/SortDown1.png);
    background-repeat: no-repeat;
    height: 8px;
    width: 12px;
    border: none;
}

.coachingPopupFollowUpOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupFollowUpContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}
.coachingPopupFollowUpBox 
{
    width: 808px;
    height: 432px;
    background: white;
    border-radius: 3px;
    padding: 16px 32px;
}
.coachingPopupFollowUpSmallBox 
{
    width: 456px;
    height: 144px;
    background: white;
    border-radius: 3px;
}
.coachingPopupFollowUpBeginFollowUpBtn
{
    width: 260px;
    font-size: 18px;
    border-radius: 15px;
    background-color: #0067A3;
    color: #FFFFFF;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.coachingPopupFollowUpLeftSpacer 
{
    border-bottom: 1px solid #000000;
    margin-left: 15px;
    margin-right: 10px;
    flex: 1;
}
.coachingPopupFollowUpSpacerText 
{
    font-size: 20px;
    color: #3F3F3F;
    position: relative;
    font-weight: bold;
    top: -3px;
}
.coachingPopupFollowUpRightSpacer 
{
    border-bottom: 1px solid #000000;
    margin-left: 10px;
    margin-right: 15px;
    flex: 1;
}
.coachingPopupFollowUpScheduleText 
{
    font-size: 16px;
    color: #353A40;
    margin-top: 16px;
    margin-bottom: 8px;
    margin-left: 96px;
}
.coachingPopupFollowUpTimeContainer 
{
    margin-top: 15px;
    margin-left: 100px;
}
.coachingPopupFollowUpTimeText 
{
    width: 125px;
    font-size:16px;
}
.coachingPopupFollowUpHeader 
{
  height: 31px;
  font-size: 20px;
  color: #353A40;
  padding-bottom: 16px;
  border-bottom: 1px solid #353A40;
  justify-content: space-between;
  font-weight: bold;
}
.coachingPopupFollowUpSmallHeader 
{
  height: 31px;
  font-size: 20px;
  color: #353A40;
  padding-bottom: 16px;
  justify-content: flex-end;
  font-weight: bold;
}
.coachingPopupFollowUpSmallContainer 
{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.coachingPopupFollowUpHeaderDate 
{
  font-size: 20px;
  color: #353A40;
}
.coachingPopupFollowUpTypeContainer 
{
  font-size: 16px;
  color: #353A40;
  margin-top: 16px;
  margin-left: 72px;
}
.coachingPopupFollowUpTypeSelector 
{
  font-size: 14px;
  margin-bottom: 8px;
}
.coachingToolbarPopupFollowUpBtnHolder 
{
	height: 39px;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px solid #353A40;
}
.coachingToolbarPopupFollowUpCancelBtn 
{
    height: 17px;
    width: 55px;
    margin-right: 25px;
    border-bottom: 1px solid #000000;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.coachingToolbarPopupFollowUpCancelBtn:hover 
{
    color: #BE0000;
    border-bottom: 1px solid #BE0000;
}
.coachingToolbarPopupFollowUpRemoveBtn 
{
    width: 80px;
    height:22px;
    margin-right: 25px;
    font-size: 16px;
    border-radius: 15px;
    background-color: #BD2026;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    outline: none;
}
.coachingToolbarPopupFollowUpRemoveBtn:hover 
{
    width: 85px;
    height: 23px;
    margin-right: 25px;
}
.coachingToolbarPopupFollowUpScheduleBtn 
{
    width: 175px;
    height:22px;
    font-size: 16px;
    border-radius: 15px;
    background-color: #0067A3;
    color: #FFFFFF;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 25px;
    cursor: pointer;
    outline: none;
}
.coachingToolbarPopupFollowUpScheduleBtn:hover 
{
    width: 180px;
    height: 23px;
    margin-top: 19px;
    margin-left: 20px;
}
.coachingToolbarPopupFollowUp._720kb-datepicker-calendar 
{
    width: 300px;
    height: 275px;
    margin-left: 96px;
    border-radius: 3px;
    position: relative;
    z-index: 0;
    padding: 2px;
	visibility:visible;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-header:nth-child(odd)
{
    background: #FFFFFF;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-header:nth-child(even)
{
    background: #0067A3;
    position: absolute;
    top: 64px;
    z-index: 1;
    width: 400px;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active 
{
    color: #FFFFFF;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-years-pagination a
{
    color: #FFFFFF;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled 
{
    color: #A3A3A3;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-month
{
    color: #353A40;
    font-size: 18px;
    font-family: "Roboto";
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-month a 
{
    margin-left: 1%;
    border: 1px solid #A8AFB9;
    border-radius: 0px;
    padding: 2px 0px 2px 8px;
    font-size: 14px;
    font-weight: 500;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-month a:hover 
{
  margin-left: 1%;
  border: 1px solid #A8AFB9;
  border-radius: 0px;
  padding: 2px 0px 2px 8px;
  font-size: 14px;
  font-weight: 500;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-month span
{
	color: #3F3F3F;
    font-size: 16px;
    font-family: "Roboto";
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-header-left, .coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-header-right 
{
    height: 48px;
    display: flex;
    justify-content: center;
}
.coachingToolbarPopupFollowUp .calendarPrev
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/drop_down_arrow.svg);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    margin-top: 22px;
    transform: rotate(90deg);
}
.coachingToolbarPopupFollowUp .calendarNext
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/drop_down_arrow.svg);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    margin-top: 22px;
    transform: rotate(270deg);
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-years-pagination-pages 
{
    display: flex;
    justify-content: center;
}
 .coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-header-closed-pagination
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/drop_down_arrow.svg);
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-size: 10px 10px;
    color: transparent;
    margin-left: 8px;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-header-opened-pagination
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/drop_down_arrow.svg);
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-size: 10px 10px;
    color: transparent;
    margin-left: 8px;
}  
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-days-header
{
    background: #FFFFFF;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-days-header div
{
    font-size: 14px;
    color: #3F3F3F;
    padding: 0;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-body 
{
    margin: 0 2%;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-day 
{
    font-size: 14px;
    padding: 2% 0;
    background-color: #E0E3E6;
    color: #0078AC;
    width: 12.8%;
    margin: 2px 2px;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-day:hover 
{
    background-color: #0078AC;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-day._720kb-datepicker-active, ._720kb-datepicker-calendar-day:hover 
{
    background-color: #0078AC;
    color: #FFFFFF;
}
.coachingToolbarPopupFollowUp ._720kb-datepicker-calendar-day._720kb-datepicker-disabled 
{
    color: #A8AFB9;
    background: #EEF0F2;
    cursor: default;
}
.CoachingToolbarPopupFollowUpTimePicker 
{
    border: none;
    border-bottom: 1px solid #000000;
    font-size: 16px;
    outline: none;
    width: 150px;
    text-align: center;
    color: #E3E2E2;
    cursor: pointer;
}
.popupCloseOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.popupCloseContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}
.popupCloseContent 
{
    width: 456px;
    background: white;
    margin-top: 150px;
    color: #333333;
    text-align: center;
    align-self: center;
    margin-bottom: auto;
}
.coachingPopupCloseXBtnHolder 
{
    height: 28px;
    width: 28px;
    display: flex;
    margin-right: -10px;
    margin-top: 5px;
}
.coachingPopupCloseHeaderTitle
{
    padding-top: 10px;
}
.coachingPopupCloseHeader 
{
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 20px;
    justify-content: space-between;
    /*border-bottom: 1px solid #666667;*/
    color: #666667;
    font-size:28px;
}
.coachingPopupCloseMain 
{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
    color: #666667;
    /*border-bottom: 1px solid #666667;*/
}
.coachingPopupCloseXBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseNormal.png);
    height: 19px;
    width: 18px;
    margin: auto;
    outline: none;
}
.coachingPopupCloseXBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseHover.png);
    height: 28px;
    width: 28px;
}
.coachingPopupCloseBtnHolder 
{
    height: 38px;
    /* width: 310px; */
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 32px;
    align-self: center;
}
.coachingPopupCloseNoBtn 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/NoNormal.png);*/
    height: 25px;
    width: 20px;
    outline: none;
    font-size: 15px;
    text-decoration: underline;
    text-align: center;

}
.coachingPopupCloseNoBtn:hover 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/NoHover.png);*/
    height: 25px;
    width: 20px;
    outline: none;
    font-size: 15px;
    text-decoration: underline;
    text-align: center;
    color: red;

}
.coachingPopupCloseYesHolder 
{
    height: 38px;
    width: 105px;
}
.coachingPopupCloseYesBtn 
{
    /* background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/YesBtnNormal.png); */
    height: 25px;
    width: 88px;
    margin: auto;
    outline: none;
    background-color: #1D64A2;
    border-radius: 20px;
    font-size: 15px;
    color: white;
    padding-top: 5px;
}
.coachingPopupCloseYesBtn:hover
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/YesBtnHover.png);*/
    height: 27px;
    width: 90px;
    margin: auto;
    outline: none;
    background-color: #1D64A2;
    border-radius: 20px;
    font-size: 15px;
    color: white;
    padding-top: 6px;
}
.coachingPopupLeftNavBotContainer 
{
    margin-bottom: 16px;
    height: 112px;
    width: 11.9rem
}
.coachingPopupLeftNavBotBtnHolder 
{
    padding: 8px 0 8px;
    border-top: 1px solid #666667;
    padding-top: 8px;
    flex: 1;
    width: 11.9rem
}
.coachingPopupLeftNavBotFlagBtn 
{
    margin-bottom: 8px;
}
.coachingPopupFlagsImg 
{
    outline: none;
    height: 32px;
    width: 100%;
}
.coachingPopupFlagsText
{
    padding-top: 5px;
    font-size: 14px;
    color: #666667;
    outline: none;
    height: 32px;
    width: 85%;
    background-color: #F2F2F2;
    border: 1px solid #EEEFF0;
    text-align: center;
}
.coachingPopupFlagsImg:hover .coachingPopupFlagsText
{
    color: #FFFFFF;
    outline: none;
    /* height: 32px; */
    width: 85%;
    background-color: #0078AC;
    border: 1px solid #005980;
    text-align: center;
}
.coachingPopupFlagsImgGrayed 
{
    outline: none;
    height: 32px;
    width: 122px;
    margin-left: 12px;
    cursor: default;
}
.coachingPopupFlagsImgGrayed .coachingPopupFlagsText
{
    color: #666667;
    outline: none;
    height: 32px;
    width: 92px;
    background-color: #FAFAFA;
    border: 1px solid #EEEFF0;
    text-align: center;
}
.coachingPopupFlagsSelectedImg
{
    outline: none;
    height: 32px;
    width: 122px;
    margin-left:8px;
}
.coachingPopupFlagsDisabledImg
{
    outline: none;
    height: 32px;
    width: 122px;
    margin-left:8px;
}
.coachingPopupFlagsSelectedImg:hover .coachingPopupFlagsText
{
    color: #FFFFFF;
    outline: none;
    height: 25px;
    width: 92px;
    background-color: #0078AC;
    border: 1px solid #005980;
    text-align: center;
}
.coachingPopupFlagsSelectedImg .coachingPopupFlagsIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingFlagIconON.png);
}
.coachingPopupFlagsDisabledImg .coachingPopupFlagsIcon
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingFlagIconON.png);
}
.coachingPopupFlagsIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingFlagsOFF.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 21px;
    margin-left: 7px;
    margin-top: 6px;
}
.coachingPopupFollowUPImg 
{
    outline: none;
    height: 31px;
    width: 138px;
    background-color: #4c4c4c;
    border-radius:20px;
}
.coachingPopupFollowUPImg:hover
{
    background-color: #808080;
}
.coachingPopupFollowUPImgGrayed 
{
    height: 31px;
    width: 138px;
    background-color: #b3b3b3;
    cursor: default;
    border-radius:20px;
}
.coachingPopupFollowUPScheduledImg 
{
    height: 31px;
    width: 138px;
    cursor: default;
    background-color: #0067a3;
    border-radius:20px;
    outline:none;
}
.coachingPopupFollowUpIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/FollowUpMove.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 17px;
    margin-top: 8px;
    margin-left: 20px;
}
.coachingPopupFollowUpText
{
    margin-top: 8px;
    /* margin-left: 8px; */
    font-size: 14px;
}
.coachingPopupSaveBtn 
{
    height: 23px;
    width: 121px;
    background-color: #de4337;
    border-radius: 20px;
    outline: none;
    justify-content: center;
    font-size: 16px;
}
.coachingPopupSaveBtn:hover
{
    height: 30px;
    width: 130px;
    font-size: 18px;
}
.coachingPopupSaveOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupSaveContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}
.coachingPopupSaveContent 
{
    width: 700px;
    background: white;
    margin-top: 150px;
    font-size: 28px;
    color: #333333;
    align-self: center;
    margin-bottom: auto;
    padding-bottom: 28px;
}
.coachingPopupSaveXBtnHolder 
{
    height: 28px;
    width: 28px;
    align-self: flex-end;
    display: flex;
    margin-right: 10px;
    margin-top: 5px;
}
.coachingPopupSaveXBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseNormal.png);
    height: 19px;
    width: 18px;
    margin: auto;
    outline: none;
}
.coachingPopupSaveXBtn:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/XcloseHover.png);
    height: 28px;
    width: 28px;
}
.coachingPopupSaveSaveHolder 
{
    flex: 1;
}
.coachingPopupSaveSaveBtn 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/SaveSessionBtnNormal.png);*/
    background-color: #1D64A1;
    border-radius: 20px;
    height: 30px;
    width: 155px;
    outline: none;
    margin-left: 10px;
    font-size: 16px;
    text-align: center;
    color: white;
    padding-top: 5px;
}
.coachingPopupSaveSaveBtn:hover 
{
    /* background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/SaveSessionBtnHover.png); */
    height: 33px;
    width: 160px;
    /* margin-left: 0px; */
    background-color: #1D64A1;
    border-radius: 20px;
    outline: none;
    margin-left: 8px;
    font-size: 17px;
    text-align: center;
    color: white;
    padding-top: 6px;
}
.coachingPopupSaveSaveBtnDisabled 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/SaveSessionBTNDisabled.png);*/
    background-color: #BBBBBB;
    border-radius: 20px;
    height: 30px;
    width: 155px;
    outline: none;
    margin-left: 10px;
    font-size: 16px;
    text-align: center;
    color: #DCDCDC;
    padding-top: 5px;
}
.coachingPopupSaveSaveText 
{
    flex: 1;
    font-size:16px;
}
.coachingPopupSaveCloseOutHolder 
{
    flex: 1;
}
.coachingPopupSaveCloseOutBtn 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/CloseOutSessionBTNNormal.png);
    height: 31px;
    width: 155px;
    outline: none;
    margin-left: 10px;*/

    background-color: #BC2B29;
    border-radius: 20px;
    height: 30px;
    width: 155px;
    outline: none;
    margin-left: 10px;
    font-size: 16px;
    text-align: center;
    color: white;
    padding-top: 5px;
}
.coachingPopupSaveCloseOutBtn:hover 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/CloseOutSessionBTNHover.png);
    height: 42px;
    width: 175px;
    margin-left: 0px;*/

    height: 33px;
    width: 160px;
    background-color: #BC2B29;
    border-radius: 20px;
    outline: none;
    margin-left: 8px;
    font-size: 17px;
    text-align: center;
    color: white;
    padding-top: 6px;
}
.coachingPopupSaveCloseOutBtnDisabled 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/CloseOutBTNDisabled.png);*/
    background-color: #BBBBBB;
    border-radius: 20px;
    height: 30px;
    width: 155px;
    outline: none;
    margin-left: 10px;
    font-size: 16px;
    text-align: center;
    color: #DCDCDC;
    padding-top: 5px;
}
.coachingPopupSaveGrayText 
{
    color:#BCBCBC;
}
.coachingPopupSaveCloseOutText 
{
    flex: 1;
    font-size:16px;
}
.coachingPopupSaveBotSpacer 
{
    border-bottom: 1px solid #000000;
    margin: 15px;
}
.coachingPopupSaveBotBtnHolder 
{
    height: 38px;
    width: 150px;
    justify-content: space-between;
    margin-top: 20px;
    margin-right: 40px;
    align-self: flex-end;
}
.coachingPopupSaveBotNoBtn 
{
        /* background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/NoNormal.png); */
    height: 25px;
    width: 20px;
    outline: none;
    font-size: 15px;
    text-decoration: underline;
    text-align: center;
}
.coachingPopupSaveBotNoBtn:hover 
{
    /*background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/NoHover.png);*/
    height: 25px;
    width: 20px;
    outline: none;
    font-size: 15px;
    text-decoration: underline;
    text-align: center;
    color: red;
}
.coachingPopupSaveBotYesHolder 
{
    height: 38px;
    width: 105px;
}
.coachingPopupSaveBotYesBtn 
{
    /* background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/YesBtnNormal.png); */
    height: 24px;
    width: 88px;
    margin: auto;
    outline: none;
    background-color: #1D64A2;
    border-radius: 20px;
    color: white;
    font-size: 15px;
    text-align: center;
    padding-top: 3px;
}
.coachingPopupSaveBotYesBtn:hover
{
    /* background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseImages/YesBtnHover.png); */
    height: 27px;
    width: 103px;
    margin: auto;
    outline: none;
    background-color: #1D64A2;
    border-radius: 20px;
    color: white;
    font-size: 15px;
    text-align: center;
    padding-top: 5px;
}
.coachingPopupContentContainerMain 
{
    width: calc(100% - 160px);
    background-color: #E2E2E2;
}
.coachingModuleRecordingDropZone 
{
    height: 80px;
    min-height: 80px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    border-radius: 3px;
    border: 1px dashed #0067A3;
}
.coachingPopupRecordingContainer 
{
    height: 80px;
    min-height: 80px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    border-radius: 3px;
    background-color: #FFFFFF;
}
.coachingPopupRecordingHeaderContainer 
{
    margin-left: 15px;
    font-family: 'Roboto Regular';
    font-size: 16px;
    height: 22px;
}
.coachingPopupRecordingHeader 
{
    width: 50%;
}
.coachingPopupRecordingHeaderSection 
{
    flex: 1;
}
.coachingPopupRecordingHeaderText 
{
    width: 35%;
}
.coachingPopupRecordingMainContainer 
{
    margin-left: 15px;
}
.coachingPopupRecordingMain 
{
    width: 50%;
}
.coachingPopupRecordingMainSelect 
{
    flex: 1;
    margin-right: 10px;
    height:20px;
}
.coachingPopupRecordingMainSection 
{
    flex: 1;
    margin-right: 10px;
    height:16px;
}
.coachingPopupRecordingMainMedia 
{
    width: 35%;
    height: 58px;
}
.coachingPopupContainerHolder 
{
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 15px;
    overflow: hidden;
}
.coachingPopupContainerMain 
{
    height:100%;
}
.coachingModuleContainerMainCell 
{
    flex: 1;
}
.coachingModuleContainerMainCellContent 
{
    height: calc(100% - 5px);
}

.coachingPreviewContainerMainCellContent .sgFormTextInput {
    width: 336px;
}

.coachingPreviewContainerMainCellContent .sgFormSelectInput {
    width: 336px;
}

.coachingPreviewContainerMainCellContent .sgFormHeader {
    width: calc(100% - 48px);
}

.coachingPopupFormSettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupFormSettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
}
.coachingPopupFormSettingsBox 
{
    height: 464px;
    width: 872px;
    padding: 16px 32px;
    background: white;
    border-radius: 3px;
    margin-top: 150px;
}
.coachingPopupFormSettingsBoxText 
{
    width: 448px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    font-size: 16px;
    margin-bottom: 8px;
    color: #3F3F3F;
}
.coachingPopupFlagsSettingsBoxText 
{
    width: 448px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    font-size: 16px;
    margin-bottom: 8px;
    color: #3F3F3F;
}
.coachingPopupFormSettingsBoxDropDown 
{
    border-top: none;
    border-left: none;
    border-right: none;
    width: 506px;
    outline: none;
    padding-left: 9px;
    padding-bottom: 9px;
    margin-left: 25px;
    margin-bottom: 25px;
    font-size: 20px;
    color: #3F3F3F;
}
.coachingPopupFormsSettingsDescriptionHolder 
{
    width: 448px;
    height:187px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    color: #353A40;
}
.coachingPopupFormsSettingsDescription 
{
    font-size: 16px;
    margin-bottom: 8px;
    color: #3F3F3F;
}
.coachingPopupFormBtnHolder 
{
    height: 39px;
    padding-top: 24px;
    justify-content: flex-end;
    border-top: 1px solid #A8AFB9;
}
.coachingPopupFlagsBtnHolder 
{
    height: 34px;
    justify-content: flex-end;
    margin-top: 3%;
}
.coachingPopupFormApplyHolder
{
    margin-right: 25px;
}
.coachingPopupFormContainer 
{
    height: 0px;
    align-self: center;
    flex: 1;
    width: calc(100% - 10px);
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    user-select: initial;
    min-height:0px;
}
.coachingPopupFormApplyBtn 
{
    background-color: #0067a3;
    font-size: 18px;
    color: #EFEFEF;
    text-align: center;
    height: 27px;
    width: 88px;
    border-radius: 20px;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupFormApplyBtn:hover
{
    height: 30px;
    width: 98px;
    font-size: 21px;
}

.coachingPopupFormScrollContainer 
{
    height: calc(100% - 5px);
    margin: 5px;
}
.coachingPopupFormQuestionPosition 
{
    width: 24px;
    min-width: 24px;
    padding-top: 10px;
    text-align: center;
    border-left: .25px solid #E2E2E2;
    border-right: .25px solid #E2E2E2;
}
.coachingPopupFormQuestion 
{
    width: calc(100% - 71px);
    margin-left: 10px;
    margin-top: 10px;
}
.coachingPopupFormQuestionName 
{
    margin-bottom: 10px;
}
.coachingPopupFormQuestionContainer 
{
    margin-left: 10px;
}
.coachingPopupFormQuestionRadioContainer 
{
    padding-bottom:9px;
}
input.coachingPopupFormQuestionTextInput 
{
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #FCFDFD;
    border-bottom: 2px solid #3F3F3F;
    outline: none;
    width: 75%;
}
textarea.coachingPopupFormQuestionTextInput {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #FCFDFD;
    border-bottom: 2px solid #3F3F3F;
    outline: none;
    width: 75%;
    overflow:hidden;
    resize: none;
}
.coachingPopupFormAppName 
{
    margin-bottom: 10px;
}
.coachingPopupFormInnerGroupSpacer 
{
    border-top: .25px solid #E2E2E2;
}

.coachingPopupKPIContainer 
{
    flex: 1;
    width: calc(100% - 10px);
    height: 0px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingPopupKPIHide 
{
    display:none;
}
.coachingPopupKPIMain 
{
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}
.coachingPopupKPIMainBoxContainer 
{
    height: 100%;
    width: 100%;
}
.coachingPopupKPIMainBox 
{
    height:100%;
}
.coachingPopupKPIMainBoxHeader 
{
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 10px;
    font-size: 16px;
    color: #3F3F3F;
    justify-content:space-between;
}
.coachingPopupKpiMainScrollContainer 
{
    height: calc(100% - 47px);
}
.coachingPopupKPIMainBoxContentContainer 
{
    margin-top: 10px;
    margin-left: 20px;
    font-size: 16px;
    color: #3F3F3F;
}
.coachingPopupKPIMainBoxContentMetricAbr 
{
    flex:3;
    margin-right: 50px;
    margin-left: 12px;
}
.coachingPopupKPIMainBoxContentSliderBox 
{
    flex: 2;
    margin-right: 50px;
    height: 50px;
}
.coachingPopupKPISettingsBoxHeader 
{
    width: 748px;
    margin-top: 24px;
    margin-left: 8px;
    font-size: 14px;
    color: #353A40;
    font-weight: 500;
}
.coachingPopupKPISettingsBoxFooter {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
  font-size: 14px;
  color: #353A40;
  font-weight: 500;
}
.coachingPopupKPISettingsBoxHeaderKPI 
{
    flex: 3;
    margin-left: 26px;
    height: 21px;
}
.coachingPopupKPISettingsBoxHeaderCurrent 
{
    flex:2;
    margin-right: 63px;
    height: 21px;
}
.coachingPopupKPISettingsBoxHeaderGoal
{
    flex:2;
    height: 21px;
}
.coachingPopupKPISettingsBoxMetric 
{
    margin-top: 24px;
    margin-left: 24px;
    font-size: 16px;
    color: #3F3F3F;
}
.coachingPopupKPISettingsBoxMetricBtnHolder {
  width: 16px;
  height: 16px;
  margin-top: 6px;
  margin-right: 8px;
  margin-left: 24px;
}
.coachingPopupKPISettingsBoxMetricKPI
{
    margin-left: 10px;
    margin-right:2px;
    flex: 3;
    height: 21px;
}
.coachingPopupKPISettingsBoxMetricCurrent
{
    margin-right: 55px;
    width: 65px;
    overflow: hidden;
    height: 21px;
}
.coachingPopupKPISettingsBoxMetricGoal
{
    margin-right: 25px;
    width: 83px;
    border-left: none;
    border-right: none;
    border-top: none;
    border: 1px solid #353A40;
    outline: none;
    color: #3D9349;
    text-align: center;
    font-size:16px;
    height: 25px;
}
.coachingPopupKPISettingsBoxMetricAlert 
{
    margin-right: 25px;
    width: 83px;
    border-left: none;
    border-right: none;
    border-top: none;
    border: 1px solid #353A40;
    outline: none;
    color: #BD2026;
    text-align: center;
    font-size:16px;
    height: 25px;
}
.coachingPopupKPISettingsBoxMetricSlider
{
    width: calc(100% - 552px);
    height:50px;
}
.coachingPopupKPISettingsBoxBtnHolder 
{
    display: flex;
    padding-bottom: 3px;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #A8AFB9;
}
.coachingPopupKPISettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupKPISettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
} 
.coachingPopupKPISettingsBox 
{
	width: 872px;
	height: 464px;
	padding: 16px 32px;
	background: white;
	border-radius: 3px;
	margin-top: 150px;
	margin-bottom: auto;
	align-self: center;
}
.coachingPopupKPIMetricLoading 
{
    background-image: url(Images/CoreTheme/Small-Horizontal-Loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
    height:75px;
}
.coachingPopupKPISliderDown.rzslider 
{
    margin:0px
}
.coachingPopupKPISliderDown.rzslider .rz-bar 
{
    height: 12px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #48c362, #48c362 50%, #FF8469 50%, #FF8469);
    background-size: cover;
    background-repeat: no-repeat;
}
.coachingPopupKPISliderDown.rzslider .rz-selection 
{
    background: #FFEF92;
}
.coachingPopupKPISliderDown.rzslider[disabled]
{
    cursor:default;
    position: relative;
    top: 10px;
}
.coachingPopupKPISliderDown.rzslider[disabled] .rz-tick
{
    cursor:default;
}
.coachingPopupKPISliderDown.rzslider[disabled] .rz-tick.rz-selected 
{
    background: #000000;
}
.coachingPopupKPISliderDown.rzslider[disabled] .rz-pointer
{
    cursor:default;
    background-color:transparent;
}
.coachingPopupKPISliderDown.rzslider[disabled] .rz-selection 
{
    background: #FFEF92;
}
.coachingPopupKPISliderDown.rzslider .rz-pointer-min 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/GreenSlider.png);
    width: 17px;
    height: 17px;
    background-repeat:no-repeat;
    background-color: transparent;
    top: -2px;
    outline:none;
}
.coachingPopupKPISliderDown.rzslider .rz-pointer-max 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/RedSlider.png);
    width: 17px;
    height: 17px;
    background-repeat:no-repeat;
    background-color: transparent;
    top: -2px;
    outline:none;
}
.coachingPopupKPISliderDown.rzslider .rz-pointer:after 
{
  display: none;
}
.coachingPopupKPISliderDown.rzslider .rz-bubble 
{
    bottom: -30px;
    padding: 1px 3px;
    color: #3F3F3F;
    cursor: default;
}
.coachingPopupKPISliderDown.rzslider .rz-tick 
{
    width: 2px;
    height: 17px;
    margin-left: 4px;
    background: #000000;
    top: 1px;
}
.coachingPopupKPISliderDown.rzslider .rz-tick-legend 
{
    top: -20px;
    font-size: 16px;
    white-space: pre;
    line-height: 24px;
}
.coachingPopupKPISliderUp.rzslider 
{
    margin:0px
}
.coachingPopupKPISliderUp.rzslider .rz-bar 
{
    height: 12px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #FF8469, #FF8469 50%, #48c362 50%, #48c362);
    background-size: cover;
    background-repeat: no-repeat;
}
.coachingPopupKPISliderUp.rzslider .rz-selection 
{
    background: #FFEF92;
}
.coachingPopupKPISliderUp.rzslider[disabled]
{
    cursor:default;
    position: relative;
    top: 10px;
}
.coachingPopupKPISliderUp.rzslider[disabled] .rz-pointer
{
    cursor:default;
    background-color:transparent;
}
.coachingPopupKPISliderUp.rzslider[disabled] .rz-tick
{
    cursor:default;
}
.coachingPopupKPISliderUp.rzslider[disabled] .rz-tick.rz-selected 
{
    background: #000000;
}
.coachingPopupKPISliderUp.rzslider[disabled] .rz-selection 
{
    background: #FFEF92;
}
.coachingPopupKPISliderUp.rzslider .rz-pointer-min 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/RedSlider.png);
    width: 17px;
    height: 17px;
    background-repeat:no-repeat;
    background-color: transparent;
    top: -2px;
    outline:none;
}
.coachingPopupKPISliderUp.rzslider .rz-pointer-max 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/GreenSlider.png);
    width: 17px;
    height: 17px;
    background-repeat:no-repeat;
    background-color: transparent;
    top: -2px;
    outline:none;
}
.coachingPopupKPISliderUp.rzslider .rz-pointer:after 
{
  display: none;
}
.coachingPopupKPISliderUp.rzslider .rz-bubble 
{
    bottom: -30px;
    padding: 1px 3px;
    color: #3F3F3F;
    cursor: default;
}
.coachingPopupKPISliderUp.rzslider .rz-tick 
{
    width: 2px;
    height: 17px;
    margin-left: 4px;
    background: #000000;
    top: 1px;
}
.coachingPopupKPISliderUp.rzslider .rz-tick-legend 
{
    top: -20px;
    font-size: 16px;
    white-space: pre;
    line-height: 24px;
}
.coachingPopupKPISliderMain.rzslider .rz-bubble {
    bottom: -27px;
    font-size:16px;
}
.coachingPopupKPISliderUp.rzslider .rz-bubble {
    bottom: -27px;
    font-size:16px;
}
.coachingPopupKPISliderDown.rzslider .rz-bubble {
    bottom: -27px;
    font-size:16px;
}

.coachingPopupKPIAddBtn 
{
    background-image: url(Images/CoreTheme/blue_plus.svg);
    height: 16px;
    width: 16px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupKPIAddBtn:hover
{
    background-image: url(Images/CoreTheme/blue_plus_hover.svg);
    cursor: pointer;
}
.coachingPopupKPIAddLine {
  border-bottom: 1px solid #E9EAEE;
  width: 660px;
  margin-bottom: 7px;
  margin-left: 8px;
}
.coachingPopupTasksAddLine {
  border-bottom: 1px solid #E9EAEE;
  width: 535px;
  margin-bottom: 7px;
  margin-left: 8px;
}
.coachingPopupKPIRemoveBtn 
{
    background-image: url(Images/CoreTheme/remove.svg);
    height: 16px;
    width: 16px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupKPIRemoveBtn:hover 
{
    background-image: url(Images/CoreTheme/remove_hover.svg);
    cursor: pointer;
}

.coachingPopupKPIApplyBtn 
{
    background-color: #0067a3;
    font-size: 18px;
    color: #EFEFEF;
    text-align: center;
    height: 27px;
    width: 88px;
    border-radius: 20px;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupKPIApplyBtn:hover
{
    height: 30px;
    width: 98px;
    font-size: 21px;
}
.coachingPopupKPIloadView
{
	width: 100%;
    height: 100%;
}

.coachingPopupTasksContainer 
{
    flex: 1;
    width: calc(100% - 10px);
    height:0px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingPopupTasksMain 
{
    height:100%;
    width:100%;
}
.coachingPopupTasksHeader 
{
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #3F3F3F;
    justify-content: space-between;
}
.coachingPopupTasksAddBtn
{
    background-image: url(Images/CoreTheme/blue_plus.svg);
    height: 16px;
    width: 16px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupTasksAddBtn:hover
{
    background-image: url(Images/CoreTheme/blue_plus_hover.svg);
    cursor: pointer;
}
.coachingPopupTasksRemoveBtn 
{
    background-image: url(Images/CoreTheme/remove.svg);
    height: 16px;
    width: 16px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupTasksRemoveBtn:hover
{
    background-image: url(Images/CoreTheme/remove_hover.svg);
    cursor: pointer;
}
.coachingPopupTasksButtonHolder 
{
    height: 39px;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px solid #353A40;
}

.coachingPopupTasksApplyHolder 
{
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
}
.coachingPopupTasksApplyBtn 
{
    background-color: #0067a3;
    font-size: 18px;
    color: #EFEFEF;
    text-align: center;
    height: 27px;
    width: 88px;
    border-radius: 20px;
    outline: none;
    background-repeat: no-repeat;
}
.coachingPopupTasksApplyBtn:hover
{
    height: 30px;
    width: 98px;
    font-size: 21px;
}
.coachingPopupTasksMainContainer 
{
    font-size: 16px;
    flex: 1;
    margin-bottom:10px;
    justify-content: space-between;
}
.coachingPopupTasksSettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupTasksSettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
    align-items: center;
}
.coachingPopupTasksSettingsBox 
{
    width: 808px;
    height: 432px;
    background: white;
    border-radius: 3px;
    margin-top: 150px;
    margin-bottom: auto;
    padding: 16px 32px;
}
.coachingPopupTasksSettingsTitle 
{
    height: 31px;
    font-size: 20px;
    color: #353A40;
    padding-bottom: 16px;
    border-bottom: 1px solid #353A40;
    justify-content:space-between;
}
.coachingTaskMainContainer {
    height: 300px;
}
.coachingTaskSideContainer {
    width: 88px;
}
.assignTaskContainer {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: flex-end;
}

.coachingPopupTasksSpacer 
{
    border-bottom: 1px dashed #000000;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}
.coachingPopupTasksInput 
{
    margin-right: 16px;
	margin-left:88px;
    border: 1px solid #A8AFB9;
    color: #353A40;
    outline: none;
    padding: 0px 8px;
    height: 24px;
	width: 448px;
}
.coachingPopupTasksInput:-ms-input-placeholder
{
    color: #A8AFB9;
}
.coachingPopupTasksInput::-ms-input-placeholder
{
    color: #A8AFB9;
}
.coachingPopupTasksInput::placeholder
{
    color:#A8AFB9;
    opacity: 1;
}
.coachingPopupNotesContainer 
{
    flex: 1;
    height:0px;
    width: calc(100% - 10px);
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingPopupNotesMain 
{
    height:100%;
    width:100%;
}
.coachingUrlInput::placeholder {
    color: #a8afb9 !important;
    font-size: 12px !important;
}
.coachingPrimaryButton:disabled {
    color: #a8afb9 !important;
}

.coachingPopupNotesSpacer 
{
    border-bottom: 1px dashed #000000;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.coachingPopupQAFormContainer 
{
    flex: 1;
    height:0px;
    width: calc(100% - 10px);
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 5px;
    min-height:0px;
}
.coachingPopupQAFormMain 
{
    height:100%;
    width:100%;
}
.coachingPopupQAFormHeader 
{
    font-size: 16px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px;
    height: 100px;
}
.coachingPopupQAFormHeaderText 
{
    width: calc(100% - 50px);
    justify-content: space-between;
}

.coachingPopupNotesMain:hover .coachingPopupModuleHoverIcons
{
    display:block;
}
.coachingPopupQAFormMain:hover .coachingPopupModuleHoverIcons
{
    display:flex;
    justify-content:flex-end;
    width:35px;
}
.coachingPopupKPIMainBox:hover .coachingPopupModuleHoverIcons
{
    display:flex;
    justify-content:flex-end;
    width:35px;
}
.coachingPopupTasksMain:hover .coachingPopupModuleHoverIcons
{
    display:flex;
    justify-content:flex-end;
    width:35px;
}
.coachingPopupFormScrollContainer:hover .coachingPopupModuleHoverIcons
{
    display:flex;
    justify-content:flex-end;
    width:35px;
}
.coachingPopupRecordingMainContainer:hover .coachingPopupModuleHoverIcons 
{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin-right: 10px;
    margin-top: 5px;
}

.coachingPopupNotesHeader 
{
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top:10px;
    justify-content: space-between;
}
.coachingPopupModuleHoverIcons 
{
    display:none;
}
.coachingPopupModuleRemoveIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CloseCoachingHover.png);
    height: 12px;
    width: 12px;
    cursor: pointer;
    margin-left:10px;
}
.coachingPopupModuleSettingsIcon 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/EditCoachingHover.png);
    height: 13px;
    width: 13px;
    cursor: pointer;
}
.coachingPopupNotesTextArea 
{
    resize: none;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 2px;
    outline: none;
    padding:8px;
    font-size:14px;
    overflow: auto;
}
.coachingPopupNotesLinkTooltip 
{
    font-size:10px !important;
}
.coachingNotesLinks {
    a {
        color:#069DEF !important;
        cursor: pointer;
    }
}
.coachingPopupNotesPrevText 
{
    height: calc(20% - 57px);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
.coachingDropTarget 
{
    flex: 1;
    width: calc(100% - 10px);
    align-self: center;
    border-radius: 3px;
    border: 1px dashed #0078AC;
    margin: 5px;
    position:relative;
}
.coachingPopupPlaceHolder {
    display:none;
}
.coachingModuleContainerOverlay 
{
    width: 90%;
    height: 90%;
    display: flex;
    flex-flow: row noWrap;
    z-index: 4;
    position: absolute;
}
.coachingModuleContainerOverlayCell 
{
    flex: 1;
}

.coachingPopupQASettingsOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
}
.coachingPopupQASettingsBoxContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 4;
} 
.coachingPopupQASettingsBox 
{
    width: 856px;
    height: 464px;
    border: 1px solid #515252;
    background: #FFFFFF;
    border-radius: 3px;
    margin-top: 150px;
    margin-bottom: auto;
    align-self: center;
}
.coachingPopupQASettingsBoxHeader 
{
    height: 56px;
    font-size: 24px;
    color: #676868;
    border-bottom: 1px solid #676868;
    margin-left: 24px;
    margin-right: 24px;
    justify-content: space-between;
}
.coachingPopupQASettingsBoxHeaderContact 
{
    width: 168px;
    height: 21px;
}
.coachingPopupQASettingsBoxHeaderCallDate 
{
    width: 120px;
    margin-left: 24px;
    height: 21px;
}
.coachingPopupQASettingsBoxHeaderMDate
{
    width: 120px;
    margin-left: 24px;
    height: 21px;
}
.coachingPopupQASettingsBoxHeaderScore
{
    width: 58px;
    margin-left: 24px;
    height: 21px;
}
.coachingPopupQASettingsBoxHeaderSubmitter
{
    width: 160px;
    margin-left: 70px;
    height: 21px;
}
.coachingPopupQASettingsBoxMain 
{
    height: calc(100% - 130px);
    font-size: 14px;
    color: #676868;
    background-color: #FFFFFF;
    border-bottom: 1px solid #676868;
    margin-bottom: 72px;
    margin-left: 24px;
    margin-right: 24px;
}
.coachingPopupQASettingsBoxMainCols 
{
    margin-left: 16px;
    margin-right: 16px;
    border-bottom: 1px solid #ACADAD;
    padding: 8px;
    font-size: 16px;
    color: #676868;
    height: 38px;
}
.coachingPopupQASettingsBoxMainData 
{
    height: 296px;
    margin-left: 16px;
    margin-right: 16px;
    color: #676868;
    font-weight: lighter;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
}
.coachingPopupQASettingsBoxMainContact 
{
    width: 168px;
    height: 21px;
    color: #5C8BF6;
}
.coachingPopupQASettingsBoxMainContact:hover
{
    text-decoration:underline;
    cursor:pointer;
}
.coachingPopupQASettingsBoxMainCallDate 
{
    width: 120px;
    margin-left: 24px;
    height: 21px;
}
.coachingPopupQASettingsBoxMainMDate
{
    width: 112px;
    margin-left: 24px;
    height: 21px;
}
.coachingPopupQASettingsBoxMainScore
{
    width: 58px;
    margin-left: 24px;
    height: 21px;
    text-align: right;
}
.coachingPopupQASettingsBoxMainSubmitter
{
    width: 160px;
    margin-left: 70px;
    height: 21px;
}
.coachingPopupQASettingsBoxNoRecs
{
    margin-top: 76px;
    text-align: center;
}
/*End Coaching Toolbar*/

/*CVAngularForm Control Classes*/
.cvAngularFormHeader 
{
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #D2D6DB;
    justify-content: space-between;
}
.cvAngularFormTitle 
{
    font-size: 20px;
    font-weight: bold;
    color: #25282D;
    margin-left: 16px;
}
.cvAngularFormModified 
{
    color:#BD2026;
}
.cvAngularFormScore 
{
    font-size: 16px;
    color: #25282D;
    margin-right: 16px;
}
.cvAngularFormMain 
{
    margin-left: 24px;
    margin-right: 24px;
    height: calc(100% - 35px);
}
.cvAngularFormQuestionGroup 
{
    margin-left: 16px;
    margin-right: 16px;
}
.cvAngularFormQuestionGroupName 
{
    font-size: 14px;
    color: #0078AC;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 16px;
}
.cvAngularFormQuestion 
{
    font-size:14px;
    margin-bottom: 32px;
}
.cvAngularFormTextInput
{
    background-color: #FCFDFD;
    border: 1px solid #666667;
    outline: none;
    width: 324px;
    height: 58px;
    overflow: hidden;
    resize: none;
}
.cvAngularFormSelectInput
{
    width: 328px;
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
}
.cvAngularFormRadioInput 
{
    margin-bottom:12px;
}
.cvAngularFormRadioInput input
{
    position:relative;
    top:2px;
}
.cvAngularFormCheckInput input
{
    position:relative;
    top:2px;
}
/*End CVAngularForm Control*/


/*Generic FullScreen Popup Classes*/
.RobotoRegular10
{
    /*font-family: "Roboto Regular";*/
    font-size: 10px;
}
.RobotoRegular12
{
    /*font-family: "Roboto Regular";*/
    font-size: 12px;
}
.RobotoRegular14
{
    /*font-family: "Roboto Regular";*/
    font-size: 14px;
}
.RobotoRegular16
{
    /*font-family: "Roboto Regular";*/
    font-size: 16px;
}
.RobotoRegular20
{
    /*font-family: "Roboto Regular";*/
    font-size: 20px;
}
.RobotoRegular24
{
    /*font-family: "Roboto Regular";*/
    font-size: 24px;
}
.GrayBackWhiteText 
{
    background-color: #676868;
    color:#FFFFFF
}
.GrayBackWOffWhiteText
{
    background-color: #788196;
    color:#FCFCFC
}
.BlueBackWhiteText 
{
    background-color: #005BA4;
    color:#FFFFFF
}
.WhiteText {color: #FFFFFF;}
.GrayText {color: #353A40;}
.BlueText {color: #005CA5;}
.GreenText {color: #009444;}

.PopupFrontAll {z-index:10000 !important;}
.PopupOverlayAllElse {z-index:9999 !important;}

.PopupFrontAll2 {z-index:10002 !important;}
.PopupOverlayAllElse2 {z-index:10001 !important;}

.FlexRowNoWrap 
{
    display:flex;
    flex-flow: row nowrap;
    /* height: 100%; */
}
.FlexColNoWrap 
{
    display:flex;
    flex-flow: column nowrap;
}
.FlexAlignVertical 
{
    margin-top: auto;
    margin-bottom: auto;
}

/*End Generic FullScreen Popup Classes*/

/*Angular Audio Player*/
.qaToolbarPopupAudioContainer
{
    margin-top: 10px;
    margin-bottom: 10px;
    border: .25px solid #A3A3A3;
}
.coachingToolbarPopupAudioContainer
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.qaToolbarPopupPlayButton 
{
    background-image: url(Images/CoreTheme/playBtn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 22px;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 4px;
}
.qaToolbarPopupPlayButton:hover
{
    background-image: url(Images/CoreTheme/playBtnHover.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: relative;
    top: -2px;
    left: 0px;
}
.qaToolbarPopupPauseButton 
{
    background-image: url(Images/CoreTheme/pauseBtn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 4px;
}
.qaToolbarPopupPauseButton:hover
{
    background-image: url(Images/CoreTheme/pauseBtnHover.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: relative;
    top: -2px;
    left: 0px;
}
.qaToolbarPopupMuteButton
{
    background-image: url(images/CoreTheme/VolumeIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 18px;
    margin-top: 10px;
    position: relative;
    top: 3px;
}
.qaToolbarPopupMuteButtonDisabled
{
    background-image: url(images/CoreTheme/volumn_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 18px;
    margin-top: 10px;
    position: relative;
    top: 3px;
}
.qaToolbarPopupPlayBackSlow 
{
    background-image: url(images/CoreTheme/Rewind.png);
    width: 19px;
    height: 14px;
    float: right;
    position: relative;
    top: 1px;
}
.qaToolbarPopupPlayBackSlow:hover
{
    background-image: url(images/CoreTheme/RewindHover.png);
    width: 29px;
    height: 23px;
    position: relative;
    top: -2px;
    left: 4px;
}
.qaToolbarPopupPlayBackSlowDisabled 
{
    background-image: url(images/CoreTheme/forward_rewind_icon.svg);
    width: 19px;
    height: 14px;
    float: right;
    position: relative;
    top: 3px;
	transform: rotate(180deg);
}
.qaToolbarPopupPlayBackFastDisabled 
{
    background-image: url(images/CoreTheme/forward_rewind_icon.svg);
    width: 19px;
    height: 14px;
    position: relative;
    top: 3px;
}
.qaToolbarPopupPlayBackFast 
{
    background-image: url(images/CoreTheme/FastForward.png);
    width: 19px;
    height: 14px;
    position: relative;
    top: 1px;
}
.qaToolbarPopupPlayBackFast:hover
{
    background-image: url(images/CoreTheme/FastForwardHover.png);
    width: 29px;
    height: 23px;
    position: relative;
    top: -2px;
    left: -4px;
}
.qaToolbarPopupVolume 
{
    width:100%;
    margin:0px;     /*added for browser uniformity (ie11)*/
    padding:0px;    /*added for browser uniformity (ie11)*/
}
.qaToolbarPopupProgress 
{
    width: 100%;
    margin:0px;     /*added for browser uniformity (moz)*/
    padding:0px;    /*added for browser uniformity (ie11)*/
}
.qaToolbarPopupProgressDisplay 
{
    position: relative;
    width: 75px;
    top: -46px;
    left: 8px;
    text-align: right;
    float: right;
}
.qaToolbarPopupProgressDisplayDisabled 
{
    position: relative;
    width: 75px;
    top: -17px;
    text-align: right;
    float: right;
	color: #D2D6DB;
}

.qaToolbarPopupCustomRangeBar
{
    margin: 10px;
    max-height:27px;       /*added for browser uniformity (ie11)*/
}
.qaToolbarPopupCustomRangeBar input[type=range]
{
    -webkit-appearance: none;
    background: transparent;
    outline:none;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-webkit-slider-thumb
{
    -webkit-appearance: none;
    border: 1px solid #A3A3A3;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #005BA4;
    cursor: pointer;
    margin-top: -8px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-moz-range-thumb
{
     box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
     border: 1px solid #000000;
     height: 15px;
     width: 15px;
     border-radius: 50%;
     background: #ffffff;
     cursor: pointer;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-webkit-slider-runnable-track 
{
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1px;
  border: 0.2px solid #010101;
}
.qaToolbarPopupCustomRangeBar input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-ms-track
{
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    padding:0px;
    margin:0px;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.qaToolbarPopupCustomRangeBar input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
.qaToolbarPopupCustomRangeBar input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.qaToolbarPopupCustomRangeBar input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.qaToolbarPopupCustomRangeBarDisabled
{
    margin: 10px;
    max-height:27px;       /*added for browser uniformity (ie11)*/
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]
{
    -webkit-appearance: none;
    background: transparent;
    outline:none;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-webkit-slider-thumb
{
    -webkit-appearance: none;
    border: 1px solid #A3A3A3;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #D2D6DB;
    cursor: pointer;
    margin-top: -8px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-moz-range-thumb
{
     box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
     border: 1px solid #A3A3A3;
     height: 15px;
     width: 15px;
     border-radius: 50%;
     background: #D2D6DB;
     cursor: pointer;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #A3A3A3;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #D2D6DB;
  cursor: pointer;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-webkit-slider-runnable-track 
{
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #D2D6DB, 0px 0px 1px #D2D6DB;
  background: #D2D6DB;
  border-radius: 1px;
  border: 0.2px solid #D2D6DB;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]:focus::-webkit-slider-runnable-track {
  background: #D2D6DB;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #D2D6DB, 0px 0px 1px #D2D6DB;
  background: #D2D6DB;
  border-radius: 1px;
  border: 0.2px solid #D2D6DB;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-ms-track
{
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    padding:0px;
    margin:0px;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-ms-fill-lower {
  background: #D2D6DB;
  border: 0.2px solid #D2D6DB;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #D2D6DB, 0px 0px 1px #D2D6DB;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]:focus::-ms-fill-lower {
  background: #D2D6DB;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]::-ms-fill-upper {
  background: #D2D6DB;
  border: 0.2px solid #D2D6DB;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #D2D6DB, 0px 0px 1px #D2D6DB;
}
.qaToolbarPopupCustomRangeBarDisabled input[type=range]:focus::-ms-fill-upper {
  background: #D2D6DB;
}
/*End Angular Audio Player*/

/*Login Selector*/
.loginSelectorLoginItem
{
    height: 20px; 
    padding: 4px 2px 2px 2px;
    background-color: #F7F8F9;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.loginSelectorLoginItem:nth-child(odd)
{
    background-color: #E9EAED;
}

.loginSelectorLoginItem:hover
{
    outline: 1px solid #0078AC;
    border-left: 1px solid #0078AC;
    border-right: 1px solid #0078AC;
}

.loginSelectorListContainer
{
    overflow-y: auto;
}

.loginSelectedRemoveButton
{
    background-image: url("Images/CoreTheme/Minus-Gray.png");
    width: 15px;
    height: 15px;    
    float: right;
    margin-right: 15px;
    margin-top: 2px;
    cursor: pointer;
}

.loginSelectedRemoveButton:hover
{
    background-image: url("Images/CoreTheme/Minus-GrayFill.png");
}
/*End Login Selector*/

/* ------------------Multiple Logins Page------------------- */
.loginContent 
{
	width: calc(100% - 66px);
	max-height: 490px;
	overflow: auto;
	padding-left: 18px; 
}

.lvl4, .lvl3, .lvl2, .lvl1
{
	margin-left: 30px;	
}

.base 
{
	width: 810px;
	margin-right: 68px;
	background: #C4DAEF;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;	

	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(196,218,239);
	/* RGBa with 0.6 opacity */ 
	background: rgba(196,218,239,0.4);
	/* For IE 8 */
	/* use Math.floor(<transparency level> * 255).toString(16) in chrome console to determine the filter vals... vals are #<hex transparency><hex red><hex green><hex blue> */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C4DAEF, endColorstr=#66C4DAEF)";
}

.base.last 
{
	border-bottom: 1px solid #666666;
}


.txtEmail.watermark, .txtLN.watermark
{
	color: #999999;
}

.lvl5 
{
	margin-left: 3px;
}

.mlex /* multi-login expand */
{
	width: 7px;
	height: 13px;
	float: left;
	margin-top: 3px;
	background-image: url(Images/expand.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.mlcls /*multi-login collapse */
{
	width: 7px;
	height: 13px;
	float: left;
	margin-top: 3px;
	background-image: url(Images/collapse.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.mlexall /*Expand All*/ 
{
	color: Blue;
	text-decoration: underline;
	margin-bottom: 5px;
}

.mlexall span 
{
	cursor: pointer;	
}

.mlexallImg
{
	float: left;
	width: 10px;
	height: 7px;
	margin-top: 5px;
	padding-left: 5px;
	background-image: url(Images/show-more.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.mlclsall /*Collapse All*/
{
	color: Blue;
	text-decoration: underline;
	margin-bottom: 5px;
}

.mlclsall span 
{
	cursor: pointer;	
}

.mlclsallImg 
{
	float: left;
	width: 10px;
	height: 7px;
	margin-top: 5px;
	padding-left: 5px;
	background-image: url(Images/show-less.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.btnDefault 
{
	margin-left: 5px;
	font-size: 10px;
	text-decoration: underline;
	color: Blue;
	cursor: pointer;
}

.btnDefault:hover 
{
	font-weight: bold;	
}

.err 
{
	margin: 5px 0px 0px -20px;
	float: left;
	position: relative;
	width: 16px;
	height: 16px;
	background-image: url(Images/attention_small.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.txtErr 
{
	border: 2px solid red;
}

.unm /*username field*/
{
	display: inline-block;
	width: 150px;
}

.lnm, .prf, .eml /*lnm=loginname field, prf=profile field, eml=email field*/
{
	display: inline-block;
}

.lnm input 
{
	 width:140px;
	 font-size:11px;	
}

.prf select 
{
	 max-width: 163px;	
}

.eml input 
{
	width: 300px;
	font-size: 11px;
}
/*End Multiple Logins Page*/

/* ------------------Profile Page------------------- */
.tabs 
{
	float: left;
	position: relative;
	top: 3px;
	height: 19px;
	margin: -4px 3px 0px 0px;
	border-bottom: 0 !important;
	padding: 1px 5px 0px 5px;
	white-space: nowrap;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
	color: #666666 !important;
}

.tabs.selected 
{
	border: 1px solid #0078AC;
	background: #0078AC;
	font-weight: bold;
	color: white !important;
}

.invertedTabs
{
	float: left;
	position: relative;
	top: 0px;
	margin: 0px 3px 0px 0px;
	border-top: 0 !important;
	padding: 1px 5px 4px 5px;
	white-space: nowrap;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
	color: #666666 !important;
}

.tabs:not(.selected):hover, .invertedTabs:hover
{
	background: #CCCCCC;
	border: 1px solid #BBBBBB;
}

.invertedTabs.disabled 
{
	cursor: default;
	opacity: 0.5;
	filter: Alpha(opacity=50);		
}

.profileRequiredItem 
{
    color: red;
    font-size: 15px;
    line-height: 0px;
}
/*End Profile Page*/

/* ------------------Security Policy Page------------------- */
.spSlider 
{
	 width: 66%;
	 float: left;
	 margin: 9px 0px 0px 10px;	
}

.spInput 
{
	float: left;	
}

.securityPolicyHeader /*Removed previous h1 tag to accomodate localization*/
{
    font-size: 20px;
    font-weight: bold;
    text-align:center;
}
/*End Security Policy Page*/

table.dgrecalcC tr:nth-child(odd) td
{
    background-color: #CDCDCD;
}

/*PO Direction Arrow Backgrounds*/
.calcMetricDirLabel
{
    margin-top: 3px;
    display: inline-block;
}

.PODir_Up
{
    background-image: url("images/uparrow.png");
}

.PODir_Down
{
    background-image: url("images/downarrow.png");
}
/*End PO Direction Arrow Backgrounds*/

/*Custom Badges*/
.customBadgeLauncher
{
    border: 2px gray dashed;
    width: 56px;
    height: 57px;
    margin-bottom: 2px;
}

.customBadgeLauncherIcon
{
    background-image: url(Images/CoreTheme/BluePlus33.png);
    width: 24px;
    height: 24px;
    margin: auto;
    margin-top: 19px;
    background-size: 24px;
}

.customBadgeItem
{
    position: relative;
}

.customBadgeDeactivateIcon
{
    background-image: url("Images/CoreTheme/Minus-White.png");
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
}
.customBadgeDeactivateIcon:hover
{
    cursor: pointer;
    background-image: url("Images/CoreTheme/Minus-WhiteFill.png");
}

.customBadgePopup
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10009;
    background-color: white;
    border: 1px solid gray;
    width: 650px;
    height: 350px;
}

.customBadgePopupHeader
{
    height: 50px;
}

.customBadgePopupContent
{
    height: 300px;
}

.customBadgeThumbnailHolder
{
    width: 100%;
    display: inline-block;
}

.customBadgeThumbnail
{
    width: 200px;
    height: 225px;
    border: 1px dashed gray;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

.customBadgeThumbnailText
{
    display: inline-block;
    margin-top: 50%;
}

.customBadgeBackgroundItem
{
    display: inline-block;
    border: 1px solid #DDDDDD;
    padding: 0px 10px;
    position: relative;
}
.customBadgeBackgroundItem.selected
{
    border: 1px solid #0078AC;
    background-color: rgba(0, 128, 255, 0.1);
}
.customBadgeBackgroundItem:hover
{
    background-color: rgba(0, 128, 255, 0.1);
    cursor: pointer;
}

.customBadgeBackgroundItemHolder
{
    margin-top: 60px;
    margin-left: 20%;
    float: left;
}

.customBadgeBackgroundItemTitle
{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
}

.customBadgeBackgroundItemLabel
{
    background-color: white;
    opacity: 0;
}
.customBadgeBackgroundItem:hover .customBadgeBackgroundItemLabel
{
    opacity: 1;
}

.customBadgeColorPickerHolder
{
    margin-top: 29px;
    margin-left: 216px;
}

.customBadgeInfieldHolder
{
    position: absolute;
    bottom: 52px;
    left: 228px;
    width: 396px;
}
.customBadgeInfieldHolder.centered
{
    left: 113px;
}

.customBadgePreview
{
    width: 200px;
    height: 225px;
    position: absolute;
    border: 1px solid lightgray;
    top: 72px;
    left: 15px;
}
.customBadgePreview.centered
{
    left: 200px;
}

.customBadgeBackgroundLayerContainer
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.customBadgeBackgroundColorLayer
{
    width: 100%;
    height: 100%;
}

.customBadgeBackgroundLayer
{
    position: absolute;
    left: 0;
    top: 0;
}

.imgOverlapLayer
{
    position: absolute;
    left: 0;
    top: 0;
}

.customBadgeNoBackground
{
    background-color: white;
}

.customBadgeRightSideShader
{
    background-color: #555555;
    opacity: 0.25;
    width: 50%;
    height: 100%;
    margin-left: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.customBadgeIconPlaceholder
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;    
}

.customBadgeIconWhiteout
{
    filter: grayscale(100%) brightness(500);
}

.customBadgeStepButton
{
    position: absolute;
    bottom: 0;
    right: 10px;
}

.wizardNavigationSegment
{
    background-image: url("Images/CoreTheme/SegmentMiddle.png");
    color: white;
    font-size: 14px;    
    padding: 10px;
    width: 133px;
    display: inline-block;
    background-size: 150px 38px;
    background-repeat: no-repeat;
    margin-left: -13px;
    cursor: pointer;
}
.wizardNavigationSegment.selected,
.wizardNavigationSegment:hover
{
    background-image: url("Images/CoreTheme/SegmentMiddle_Blue.png");
    color: white;
}

.wizardNavigationSegment.left
{
    background-image: url("Images/CoreTheme/SegmentLeft.png");
}
.wizardNavigationSegment.left.selected,
.wizardNavigationSegment.left:hover
{
    background-image: url("Images/CoreTheme/SegmentLeft_Blue.png");    
}

.wizardNavigationSegment.right
{
    background-image: url("Images/CoreTheme/SegmentRight.png");
}
.wizardNavigationSegment.right.selected,
.wizardNavigationSegment.right:hover
{
    background-image: url("Images/CoreTheme/SegmentRight_Blue.png");
}

.customBadgeNavigationText
{
    margin-left: 15px;
    display: inline-block;
}

.customBadgeNavigationSegmentHolder
{
    margin-left: 30px;
    display: inline-block;
}

.customBadgeBackButton
{
    position: absolute;
    bottom: 17px;
    right: 120px;
}
/*End Custom Badges*/

/*#region -----------------Channels Page------------------- */
.channelEditArea 
{
	/*float:right;*/
	margin: 0px 60px 2px 0px;
	padding-top: 3px;
}

.initChannelContainer
{
    position: absolute;
    height: 50px;
    width: 300px;
    top: 113px;
    left: 250px;
    text-align: center;
}

.lblInitSelectedChannel
{
    font-size: 20px;
    color: #999;
    position: relative;
    top: 13px;
}

.btnInitSelectChannel
{
    background-size: 9px;
    width: 16px;
    height: 8px;
    margin: 23px 0px 0px 0px;	
}

.initChannelItemContainer
{
    position: absolute;
    top: 164px;
    left: 250px;
    max-height: 302px;
    overflow: hidden;
}

.lstInitChannels td, .lstChannels td
{
    padding: 0px;
}

.initChannelCreation
{
    width: 100%;
    text-align: center;
    height: 32px;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 3px;
    border-top: 1px solid #336699;
    border-bottom: 1px solid #336699;
    background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -webkit-linear-gradient(#019AF9, #00A3FF); /* For Safari 5.1 to 6.0 */
    background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -o-linear-gradient(#019AF9, #00A3FF); /* For Opera 11.1 to 12.0 */
    background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -moz-linear-gradient(#019AF9, #00A3FF); /* For Firefox 3.6 to 15 */
    background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, linear-gradient(#019AF9, #00A3FF); /* Standard syntax */
    background-size: 18px;
    color: white;
    cursor: pointer;
}

.initChannelItem
{
    height: 30px;
    font-size: 16px;
}

.lblInitChannelItemName
{
    margin-left: 5px;
    margin-top: 4px;
    display: inline-block;
}

.channelContainer
{
	margin-bottom:6px;
}

.txtChannelList 
{
	min-width: 135px;
	display: inline-block;
	/*width:50px;*/
	height: 16px;
	margin-top: 4px;
}

.lblSelectedChannel 
{
}

.channelPageActive 
{
	text-align: left;	
}

.channelItemContainer 
{
	max-height: 300px;
	min-width: 150px;
	overflow-y: auto; 
	position: absolute;
	z-index: 92;
	margin:13px 0px 0px 0px;
	top: 73px;
	left: 41px;	
}

.channelItem 
{
	width:150px;
}

.btnSelectChannel 
{
}

.imgRemoveChannel 
{
	width: 10px;
	height: 10px;
	/*float: right;*/
	display: inline-block;
	/*padding: 5px 0px 0px 3px;*/
	margin-left: 3px;
	background-image: url(Images/CoreTheme/BlueMinus.png);
	background-position: center center;
	background-repeat: no-repeat;	
}

.lblChannelItemName 
{
}

.btnPreviewChannel 
{
	margin: 4px 12px;
}

.btnPreviewChannel.disabled 
{
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  cursor: default;
}

.lblChannelMessage 
{
	margin-left: 5px;
	color: Red;	
}

.channelViewOverlay 
{
	background-color: black; 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10001;
	/*background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;*/
	/*opacity: .95;
	filter: Alpha(opacity=95);*/	
}

.cvErrPopup 
{
	width: 400px;
	height: 200px;	
}

.closeChannelPreview 
{
	position: absolute;
	z-index: 10002;
	width: 32px;
	height: 32px;
	top: 0px;
	right: 0px;
	background-image: url(images/closePreview.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.channelPageSlider {
    width: 100%;
    height: 100%;
    background-size: cover;
}


div[type='racing']  {
   color: #fff;
}

.channelViewContainer 
{
	width: 100%;
	top: 0px;
	left: 0px;
	
	/*TEMPLATE #1*/
	/*background-color: #144F8D;*/
	background-color: Black;
	background-image: url(images/ChannelsBackground2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
	/*TEMPLATE #2*/
	/*background-color: #144F8D;*/
	
	/*background-color: #FFF;
	border: 3px solid Black;*/
	position: absolute;
	z-index: 10002;
	/*-webkit-box-shadow: 0px 0px 40px 10px #000;
	-moz-box-shadow: 0px 0px 40px 10px #000;
	box-shadow: 0px 0px 40px 10px #000;*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;		
}

.dgSummaryGroups 
{
	color: White;
	/*border-color: White;*/
	border: none;
	/*table-layout: fixed;*/
	/*background-color: rgba(255, 255, 255, 0.5);	*/
}

/*.dgSummaryGroups th 
{
	font-family: 'ClearViewGaugesMixed';
	background-color: rgba(18, 128, 282, 0.14);	
}

.dgSummaryGroups th, td 
{
	font-family: 'HallFetica';	
}*/

.dgSummaryGroups td, .dgSummaryGroups th 
{
	border: 0px;
	/*font-family: 'ProximaNova';*/    
}



.dgSummaryGroups tr:first-child /*header row*/
{
    color: #fff;
    background-color: transparent;
}

.dgSummaryGroups tr:first-child th 
{
	border: 0;    
    border-bottom: 1px solid #EFEFEF;	
    padding-left: 10px;    
}

.dgSummaryGroups tr:first-child th:first-child {
    text-align: justify;
}


.dgSummaryGroups tr:last-child td 
{
	border-bottom: 0;
}

/*.dgSummaryGroups tr td:first-child,
.dgSummaryGroups tr th:first-child 
{
	border-left: 0;	
}

.dgSummaryGroups tr td:last-child,
.dgSummaryGroups tr th:last-child 
{
	border-right: 0;	
}*/

.btnAddChannel, .btnAddChannelPage 
{
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(Images/CoreTheme/Plus-Blue.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.btnEditChannel, .btnEditChannelPage 
{
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(Images/CoreTheme/Edit-Icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 5px;
}

.btnAddChannelPage 
{
	margin: 5px 5px 0px 0px;	
}

.btnEditChannelPage 
{
	margin-top: 5px;	
}

.btnChannelPageSettings
{
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(Images/CoreTheme/Edit-Icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 5px 5px 0px 0px;
}

/*.btnChannelPageSettings:hover
{
	background-image: url(Images/CoreTheme/Modules/Settings-SEL.png);
}*/

.btnChannelPageModuleSettings 
{
	cursor: pointer;
	float: right;
	width: 17px;
	height: 17px;
	margin-top: 3px;
	margin-right: 3px;
	background-image: url(Images/CoreTheme/Modules/Settings.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}

.btnChannelPageModuleSettings:hover 
{
	width: 16px;
    margin-right: 4px;
    background-image: url(Images/CoreTheme/Modules/Settings-SEL.png);
}

.channelPopupContainer, .channelPagePopupContainer, .templateSettingsContainer 
{
	width: 100%;
}

.txtDefaultSlideInterval, .txtSlideInterval
{
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 40px !important;
    color: #D0D0D0;
}

.txtDefaultSlideInterval.minutes, .txtSlideInterval.minutes
{
    margin: 0px 7px 0px 10px;
}

.txtDefaultSlideInterval.seconds, .txtSlideInterval.seconds
{
    margin: 0px 0px 0px 7px;
}

.slideIntervalBoxLabel
{
    text-align: center;
    font-size: 10px;
}

.textModuleImagePreviewContainer 
{
	float: right;
	width: 162px;
}

.channelBackgroundPreviewContainer
{
    display: inline-block;
    width: 162px;
}

.channelBackgroundPreview, .textModuleImagePreview 
{
	border:1px solid #A9A9A9;
	width:160px;
	height:90px;
}

.channelBackgroundPreview img 
{
	width: 160px;
	height: 90px;	
}

.fsSlideshowOptions, .fsWallboardBackgroundOptions 
{
	/*border:1px solid #a9a9a9; */
	/*margin: 10px 0px 10px 0px;*/
	margin: 10px 0px 10px 0px;
	background-color: #efefef;	
}

.slideShowURLContainer 
{
	display: inline-block;
	border: 1px solid #A9A9A9;
	height: 20px;
	background-color: White;	
}

.innerSlideShowURLContainer 
{
	margin: 4px 10px 0px 1px;
}

.lblChannelPopupNoActiveMsg 
{
	color: Red;
	margin-left: 5px;	
}

.btnSlideshowURL 
{
	
}

.btnSlideshowURL:hover 
{
	font-weight: normal !important;
}

.ddlDefaultChannelTheme 
{
	min-width: 100px;	
}

.channelActive 
{
	text-align: right;
}

.channelButtonsRight 
{
	text-align: right;	
}

.defaultThemeRow 
{
	display: none;	
}

.txtChannelDescription, .txtChannelPageDescription 
{
	resize: vertical;	
}

.channelPageContainer 
{
	/*width: 500px;
	height: 281px;*/
    width: 800px;
    height: 273px;
	background-color: #FFFFFF;
	/*border: 3px solid Black;*/
	position: relative;
	/*-webkit-box-shadow: 0px 0px 40px 10px #000;
	-moz-box-shadow: 0px 0px 40px 10px #000;
	box-shadow: 0px 0px 40px 10px #000;*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
    -moz-box-shadow: 0px 2px 10px 0px #333;
	-webkit-box-shadow: 0px 2px 10px 0px #333;
	box-shadow: 0px 2px 10px 0px #333;
}

/*.channelPageContainer.empty 
{	
	background-image: url(Images/CoreTheme/Clearview-Horizontal_Large.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
}*/

.channelPageSettings 
{
	width: inherit;
	height: 27px;
	text-align: center;
	/*float: right;*/
	/*position: relative;
	top: -31px;*/
	/*-webkit-box-shadow: 0px -11px 40px -7px #000;
	-moz-box-shadow: 0px -11px 40px -7px #000;
	box-shadow: 0px -11px 40px -7px #000;*/
}

.channelPageContainerBody
{
    background-color: #FFFFFF;
    min-height: 246px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
	background: -webkit-linear-gradient(#FFFFFF, #EDEDED 60%, #CCCCCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF, #EDEDED 60%, #CCCCCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #EDEDED 60%, #CCCCCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #EDEDED 60%, #CCCCCC); /* Standard syntax */
}

.channelPageFooter
{
    height: 0px;
    background-color: transparent;
    border-bottom: 3px solid #0078AC;
}

.channelPageLayout 
{
	/*border: 1px solid #4499D2;*/
	position: absolute;
	/*background-color: #D8E4F4;	*/
}

.slideShowIndicator 
{
	width: 16px;
	height: 16px;
	float: left;
	/*background-image: url(Images/slideShowIndicator_NotSelected.png);*/
    background-image: url(Images/CoreTheme/Checkmark-DES.png);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 16px;
	margin: 5px 0px 0px 5px;
	cursor: pointer;	
}

.slideShowIndicator.selected 
{
	/*background-image: url(Images/slideShowIndicator_Selected.png);*/
    background-image: url(Images/CoreTheme/Checkmark-HoverSEL.png);	
}

.cpsButtons 
{
	float: right;
	margin-left: 5px;	
}

.lblScpLabel
{ 
	font-size: 18px;
    font-weight: bold;
    height: 15px;
    display: inline-block;
    margin-top: 1px;
}

.channelPageNavRight 
{
	width: 65px;
	height: 100px;
	position: absolute;
	background-image: url(Images/arrow-blue-right.png);
	background-position: center center;
	background-repeat: no-repeat;	
	opacity: 0.1;
	filter: Alpha(opacity=10);
}

.channelPageNavLeft 
{
	width: 65px;
	height: 100px;
	position: absolute;
	background-image: url(Images/arrow-blue-left.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.1;
	filter: Alpha(opacity=10);
}

.channelPageNavLeft:hover, .channelPageNavRight:hover
{
	opacity: 1.0;
	filter: Alpha(opacity=100);
	cursor: pointer;
}

	/* Channel Modules */
.channelPageModuleContainer 
{
	width:100%;
	height:100%;
	background-color: #DEDEDE;
	/*background-color: #FFF;*/
	border: 2px dashed #AAAAAA;	
	/*border: 1px solid Black;*/
}

.channelPageModuleContainer.inView 
{
	/*background-color: transparent;	*/
	
	/*TEMPLATE #1*/
	/*background-color: rgba(255, 255, 255, 0.2); */
	background-color: rgba(0,0,0,0.6);
	
	/*TEMPLATE #2*/
	/*background-color: #144F8D;*/
	
	border: none;
}

.cmcHeader 
{
	width: inherit;
	height: 25px;
	/*-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
	
	/*background: #ffb76b; /* Old browsers */
	/*background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 32%,#ff7c00 65%,#ff7f04 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

.cmcBody 
{
	text-align: center;	
}

.ddlChannelPageModules 
{
	font-size: 16px;
	float: left;
	margin-left: 1px;
	margin-top: 1px;	
}

.ddlChannelPageModules select 
{
	font-size: 16px;	
}
/* Text Module */
.cmTextContainer 
{
	/*font-family: 'HallFetica';*/
	color: White;		
}

.cmTextContainer p {
    margin: 0px;
    padding: 10px;
}

.txtText 
{
	resize: vertical;	
}
/* End TextModule */
/* Summary Module */

.channelModuleDataFrame .dgSummaryGroups td,
.channelModuleDataFrame .dgSummaryGroups tr
{
	padding: 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #fff;
}

.cpsContainer {
}

/* End Summary Module */
/* End Channel Modules */

/*-------------------Channel Page Pull Out------------------------*/
.channelPageItem.noBorder 
{
	border-bottom: none;	
}

.channelPagePullOutItem:hover, .channelPageItem:hover, .channelPagePullOutAltItem:hover
{
	/*background: #91b8fb;*/
    box-shadow: none;
}

.channelPagePullOutItem, .channelPagePullOutAltItem
{
	/*border-left: 1px solid #336699;*/
    /*border-right: 1px solid #336699;*/
    /*color:White;
	background-color:#344B56;
	cursor: pointer;
	padding: 0px 3px 0px 3px;
	width: 194px;
	font-size: 10px;*/
}

.channelPagePullOutAltItem 
{
	/*border-bottom: 1px solid #ACADAD;				
	background-color:#252e33;*/
}

.channelPagePullOutItem, .channelPagePullOutAltItem:not(.channelPageCreation) 
{
	/*height: 12px;*/	
}

.channelPagePullOutItem.ui-sortable-helper,
.channelPagePullOutAltItem.ui-sortable-helper 
{
	border-top: 1px solid #ACADAD;	
}

.cppoiPlaceHolder 
{
	background-color: #ACADAD;	
}

.channelPageItemName
{
    display: inline-block;
    margin-left: 4px;
}

.channelPageCreation 
{
	padding: 3px 0px 3px 20px;
	height: 27px;
	font-size: 12px;
	border-top: 1px solid #336699;
	/*border-left: 1px solid #336699;*/
	border-bottom: 1px solid #336699;
	background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, #001F3C;
	background-size: 12px;
	color: white;
	cursor: pointer;
}

.channelPageCreation:hover
{
    background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -webkit-linear-gradient(#019AF9, #00A3FF); /* For Safari 5.1 to 6.0 */
	background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -o-linear-gradient(#019AF9, #00A3FF); /* For Opera 11.1 to 12.0 */
	background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, -moz-linear-gradient(#019AF9, #00A3FF); /* For Firefox 3.6 to 15 */
	background: url("Images/CoreTheme/Add-icon.png") no-repeat 4px center, linear-gradient(#019AF9, #00A3FF); /* Standard syntax */	
	background-size: 12px;
}

.channelPageCreation div
{
    margin-top: 2px;
}

.imgAddChannelPage 
{
	/*float: left;*/
	float: left;
	width: 16px;
	height: 16px;
	background-image: url(Images/CoreTheme/Plus-Blue.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 1px;
}

.activeInSlideshow 
{
	width: 10px;
	height: 10px;
	float: left;
	padding: 2px 0px 0px 3px;
	/*background-image: url(Images/slideshowIndicator_Selected_Small.png);*/
    background-image: url(Images/CoreTheme/Checkmark-HoverSEL.png);
	background-position: center center;
	background-repeat: no-repeat;
    background-size: 10px;	
    cursor: default;
}

.imgRemoveChannelPage
{
	width: 10px;
	height: 10px;
	float: right;
	padding: 2px 6px 0px 0px;
	background-image: url(Images/CoreTheme/Minus-WhiteFill.png);
    background-position: center center;
	background-repeat: no-repeat;	
    background-size: 10px;
}

.channelPagePullOutContainer
{
	position: absolute;
	z-index: 90;
	width: 0px;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 20px;
}

.cpTabPin 
{
	width: 8px;
	height: 14px;
	background-image: url("Images/SalesForce/unpinned3_small.png");
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 47px;
	top: 9px;
}

.cpTabPin.pinned 
{
	background-image: url("Images/SalesForce/pinned3_small.png");
}

.channelPagePullOutContainer.fixed 
{
	position: fixed;
	top: 0px;
}

.channelPagePullOutInnerContainer 
{
	float: right;
	width: 200px;
}

.channelPagePullOutBox
{
	float: left;
	width: 198px;
	min-height:273px;
	background-color: #001F3C;
	border-right: 1px solid #336699;
    border-left: 1px solid #336699;
}

.channelPagePullOutTab
{
	position: absolute;
	z-index: 91;
	background-image: url("Images/CoreTheme/Channels/WallboardSlidesPullOutTabWithoutText.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 67px;
	height: 283px;
	margin-top: 15px;
	margin-left: 0px;
}

.channelPagePullOutTab .wallboard-slides-text {
    color: #FFFFFF;
    transform: rotate(90deg);
    width: 221px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: -84px;
    top: 125px;
    font-size: x-large;
    text-align: center;
}

.channelPagePullOutTab.fixed 
{
	position: fixed;
	top: 0px;
}
/*End Channel Page PullOut*/
/*---------- Channel Page Module: THERMOMETER ----------*/
.thermManualPOOverrides 
{
	background-color: #efefef;	
}

.thermPOOMsgAlert {
    color: red;
}

.thermManualPOOverrides .txtLowerBound, 
.thermManualPOOverrides .txtUpperBound,
.thermManualPOOverrides .txtLimiter 
{
	width: 75px;
	margin-bottom: 3px;
	text-align: right;	
}

.thermDirection.tdUp
{
    width: 9px;
    height: 19px;
    background-image: url("images/uparrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.thermDirection.tdDown
{
    width: 9px;
    height: 19px;
    background-image: url("images/downarrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
/*End Channel Page Module: THERMOMETER*/

/*---------- Channel Page Module: GAUGE ----------*/
.gaugeManualPOOverrides 
{
	background-color: #efefef;	
}

.gaugePOOMsgAlert {
    color: red;
}

.gaugeManualPOOverrides .txtLowerBound, 
.gaugeManualPOOverrides .txtUpperBound,
.gaugeManualPOOverrides .txtLimiter 
{
	width: 75px;
	margin-bottom: 3px;
	text-align: right;	
}

.gaugeDirection.gdUp
{
    width: 9px;
    height: 19px;
    background-image: url("images/uparrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.gaugeDirection.gdDown
{
    width: 9px;
    height: 19px;
    background-image: url("images/downarrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

/*End Channel Page Module: GAUGE*/

/*---------- Channel Page Template Layouts Control ----------*/
.layoutPreviewSection 
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;	
}

.layoutPreviewContainer 
{
	width: 100%;
	/*border: 1px inset #555555;
	background-color: #EEEEEE;
	text-align: center;*/
}

.layoutTemplateNew 
{
	width: 47px;
	height: 16px;
	float: left;
    margin-top: 38px;
	margin-right: 15px;
	
}

.btnLayoutTemplateNew
{
    width: 23px;
    height: 23px;
    background-image: url("Images/CoreTheme/Channels/newTemplate.png");
	background-repeat: no-repeat;
	background-position: center center;
    cursor: pointer;
}

.layoutTemplateSelector 
{
	float: right;	
}

.rotateLeft, .rotateRight
{
	float: left;
    margin-top: 16px;
    background-color: #CCC;
    border: 1px solid #A9A9A9;
    border-right: none;
    width: 12px;
    height: 90px;
    background-image: url(Images/collapse-left.gif);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.rotateRight
{
    background-image: url(Images/expand-right.gif);
    border-right: 1px solid #A9A9A9;
    border-left: none;
    position: relative;
    left: -5px;
}

.rotateLeftImg 
{
	width: 25px;
	height: 38px;
	margin-top: 47px;
	background-image: url("Images/arrow-blue-left_small.png");
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	opacity: 0.5;
	filter: Alpha(opacity=50);
}

.rotateRightImg
{
	width: 25px;
	height: 38px;
	margin-top: 47px;
	background-image: url("Images/arrow-blue-right_small.png");
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	opacity: 0.5;
	filter: Alpha(opacity=50);
}

.rotateLeftImg:hover, .rotateRightImg:hover
{
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.layoutTemplateBoxes 
{
	float: left;	
}

.layoutTemplateBox 
{
	float: left;	
}

.layoutTemplateBoxHeader, .layoutTemplateBoxFooter
{
	text-align: center;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
}

.layoutTemplateBoxBody 
{
	width: 160px; 
	height: 90px;		
    background-color: #CDFFFF;
	border: 1px solid #A9A9A9;
	margin-right: 5px;
	cursor: pointer;
}



.layoutTemplateBoxBody.selected 
{
	border: 1px solid orange;	
}

.defaultTemplateImg 
{
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	z-index: 1;
	left: 55px;
	top: 20px;
	background-image: url("Images/newIcon.png");
	background-repeat: no-repeat;
	background-position: center center;	
}

.layoutTemplateBoxBody.selected 
{
	border: 1px solid orange;	
}

.editTemplate 
{
	width: 16px;
	height: 16px;
	margin: 5px;
	display: inline-block;
	background-image: url("Images/CoreTheme/Edit-Icon.png");
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.duplicateTemplate 
{
	width: 16px;
	height: 16px;
	margin: 5px;
	display: inline-block;
	background-image: url("Images/copy.png");
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.removeTemplate 
{
	width: 13px;
	height: 13px;
	margin: 5px;
	display: inline-block;
	background-image: url("Images/CoreTheme/BlueMinus.png");
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.ChannelPageSettingsBox {
    width: 100%;
    margin-bottom: 15px;
}
.ChannelPageSettingsBox .ChannelFields{
    width: 30%;
    padding-right: 20px;
}

.ChannelPageSettingsBox .ChannelFields,
.ChannelPageSettingsBox .ChannelBackgroundOptions {
    float: left;
}

.ChannelPageSettingsBox .ChannelBackgroundOptions {
    width: 40%;
}

.ChannelPageSettingsBox .ChannelBackgroundOptions .fsWallboardBackgroundOptions {
    position: relative;
    width: 100%;
}

.ChannelPageSettingsBox .ChannelBackgroundOptions .fsWallboardBackgroundOptions .buttonBacker {
    position: absolute;
    top: 15px;
    right: 25px;
    width: 30%;
}

.ChannelPageSettingsBox .ChannelIntervals {
    float: right;
    padding-right: 5px;
}
.ChannelPageLayout table {
    width: 100%;
}
.ChannelDescription textarea {
   height: 105px !important;
}

.ChannelIntervals .ChannelActive {
    margin-bottom: 25px;
}

.ChannelEditPopUp {
    position: relative;
}

.ChannelEditPopUp .buttonBacker{
    position: absolute;
    top: 17px;
    right: 20px;
}

/*------------------- RACING MODULE ----------------------------*/

.infoBlock .gdUp
{
    width: 9px;
    height: 19px;
    background-image: url("images/uparrow.png");
    background-repeat: no-repeat;
    background-position: center center;    
    position: absolute;
    left: 80px;
}

.infoBlock .gdDown
{
    width: 9px;
    height: 19px;
    background-image: url("images/downarrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 80px;
}

.racing-settings-content {
    padding: 10px;
}

.racing-dialog .ui-widget-header {
    border-top: 0px;
    background: #666668;
    color: #fff;
    font-weight: normal;
    text-align: center;
    background: #666668;
}

.racing-dialog .ui-widget-content {
    border-bottom: 0px;
}

.racing-settings-content .racing-left{
    width: 100%;
}

.racing-settings-content .racing-left,
.input-blk .left {
    float: left;
}

.racing-settings-content .racing-right,
.input-blk .right {
    float: right;    
}

.racing-settings-content .racing-settings-left .input-block {
    margin: 0 0 10px 0;
}

.racing-settings-content .racing-settings-left {
    float: left;
    width: 130px;
}

.racing-settings-left .input-block input, 
.racing-settings-left .input-block select {
  width: 100%;
}
.racing-settings-content .blockw {
    margin-bottom: 20px;    
}

.racing-settings-content .blockw .left {
    float: left;
    width: 35%;
}

.racing-settings-content .blockw .right {
    float: right;
}

.racing-settings-content .btnRacingSave {
    background: #0E63A3;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    width: 70px;
    float: right;
    margin-bottom: 25px;
    cursor: pointer;
}

.racing-settings-right {
    width: 330px;
    float: right;
    height: 180px;
}


.racing-settings-right .racingPreview {
    background-image: url(Images/RacingModule/horsetheme.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
    background-size: contain;
}

.racing-settings-content .buttonBacker{
    padding: 0px;
    background: 0px;
    box-shadow: none;
}

.racing-settings-content .metricSelectorButton {
    background-color: #166198;
    box-shadow: none;
}

.racing-settings-content .metricSelectorImg {
    display: none;
}

.racing-settings-content .metricSelectorText {
    width: 100%;
    text-align: center;
}

/*End Channel Page Template Layouts Control*/
/*----------------- CHANNEL TEMPLATE CREATION -----------------*/
.templateAreaOverlay 
{
	background: rgba(0, 0, 0, 1); 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0px; 
	left:0px; 
	/*background: #686973 url(images/ui-bg_flat_0_686973_40x100.png) 50% 50% repeat-x;*/
	/*opacity: .95;
	filter: Alpha(opacity=95);*/	
}

.templateArea 
{
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #CCFFFF /*WhiteSmoke*/;
	position: absolute;
	overflow: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.templateAreaGrid 
{
    height:100%;
    width:100%;
    opacity:0.14;
    position:absolute;
    top:0;
    left:0;
    z-index:-4;
}

.templateAreaControlPanel 
{
	position: absolute;
	/*z-index: 9999;
	background-color: rgba(255, 255, 255, 0.5);*/
	background-image: url(images/Background-Icons-Channels.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 49px;
	height: 86px;	
	top: 0px;
	right: 0px;
	/*text-align: center;*/
	/*border: 1px solid #666666;*/
	/*border-top-left-radius: 6px;*/
	/*border-bottom-left-radius: 6px;*/
}

.saveTemplate 
{
	width: 49px;
	height: 26px;
	background-image: url(images/save.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 15px 0px 5px 0px;
}

.closeTemplateArea 
{
	width: 49px;
	height: 28px;
	background-image: url(images/x2.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*margin: 0px 5px 5px 5px;*/
}

.selectionBox 
{
	position: absolute;
	background: rgba(102,153,255,0.5);
	border: 1px dashed black;
	font-family: 'PrimaNovaBold';
	font-weight: bold;
}

.selectionBox.dragBox.collision,
.selectionBox.resizeBox.collision 
{
	background: rgba(255,0,0,0.3);	
}

.selectionBox:hover 
{
	cursor: move;	
}

.removeSelectionBox, .lockAR 
{
	background-color: #003399 /*White*/;
	color: #CCFFFF;
	cursor: pointer;
	height: 20px;
	margin: 5px;	
}

.removeSelectionBox 
{
	width: 20px;	
}

.removeSelectionBox .imgClose 
{
	width: 20px;
	height: 20px;
	background-image: url(images/X1.png);
	background-repeat: no-repeat;
	background-position: center center;	
}

.lockAR .imgLock.locked 
{
	width: 12px;
	height: 15px;
	float: left;
	margin: 2px;
	background-image: url(images/locked.png);
	background-repeat: no-repeat;
	background-position: center center;	
}

.lockAR .imgLock.unlocked 
{
	width: 12px;
	height: 15px;
	float: left;
	margin: 2px;
	background-image: url(images/unlocked.png);
	background-repeat: no-repeat;
	background-position: center center;	
}

.lockAR .lockARText 
{
	float: left;
	font-size: 10px;
	margin: 5px 2px 0px 1px;	
}

.taBufferTop, .taBufferBottom, .taBufferLeft, .taBufferRight 
{
	/*position: absolute;*/
	float: left;
	position: relative;
	background-color: red; /*lime*/
	opacity: 0.3;
	/*display: none;*/
}

.selectionBox .positioning
{
	float: left;
	font-size: 16px;
	width: 100%;
	text-align: center;
}
/*End Channel Template Creation*/
/*End Channels Page*/

/*---------------Channel View Page ---------------*/
.channelViewBody 
{
	background-color: Black;	
}

.channelModuleDataFrame .gaugeBack 
{
	background: none;	
}

.noPagesMsg 
{
	color: White;
	width: 100%;
	text-align: center;
	position: absolute;	
}
/*End Channel View Page*/
/*#endregion Channels Page */

/*#region -----------------Wallboard Management------------------- */
.wallboardFilterArea
{
	height: 56px;
	padding: 14px 65px 4px 178px;
	/* margin-top: -10px; */
	background-color: #676868;
	position: relative;
}

.wallboardFolderFilter
{
	height: 28px;
    width: 300px;
    margin-left: 28px;
    font-size: 14px;
}

.addWallboard
{
	position: absolute;
	right: 100px;
	top: 37px;
    background-image: url(Images/CoreTheme/LargeFloatingAdd.png);
	background-position: center center;
	background-repeat: no-repeat;
    cursor: pointer;
    height: 57px;
    width: 57px;
}
.addWallboard:hover 
{
	right: 95px;
    background-image: url(Images/CoreTheme/LargeFloatingAddHover.png);	
    height: 62px;
    width: 62px;
}

.wallboardTileArea
{
	/*width: calc(100% - 50px);*/
	margin: 0px 115px 0px 45px;
}

.wallboardFolderAreas
{
	border-bottom: 1px solid #707070;
}

.wallboardFolderTitle
{
	font-size: 20px;
	color: #666767;
	font-weight: bold;
	margin: 19px 0px 19px 60px;
	width: 90%;
}

.wallboardFolderIcon
{	
    background-image: url(Images/Wallboards/FolderIcon.png);
	background-position: center center;
	background-repeat: no-repeat;
    background-size: contain;
	display: inline-block;
	margin-right: 10px;
    height: 15px;
    width: 19px;    
}

.wallboardsHolder
{	
	margin-left: 133px;
	display: flex;
	flex-flow: row wrap;
}

.wallboardTile
{
	width: 280px;
    height: 190px;
    margin: 0px 30px 30px 0px;
    position: relative;
}
.wallboardTile:hover
{
	/*box-shadow: 0 0 8px black;*/
}
.wallboardTile:hover .wallboardActionButtons
{
	display:block;
}

.wallboardTilePreview
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 156px;
}

.wallboardTileInfo
{
	position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    justify-content: space-between;
}

.wallboardTileTitle
{
	width: 55%;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	height:25px;
}

.wallboardActionButtons
{
  display:none;
	/*margin-top: 20px;
	margin-bottom: 17px;
	text-align: center;*/
}

.wallboardAction
{
	margin: 0px 3px;
}

/*Add Edit Wallboard*/
.AddEditWallboardOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .3;
}
.AddEditWallboardHolder 
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.AddEditWallboardContainer {
    position: fixed;
    width: 500px;
    height: auto;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -294px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.AddEditWallboardTopContainer 
{
    border-bottom: 1px solid #333333;
    margin-left: 46px;
    margin-right: 46px;
    justify-content: space-between;
}
.AddEditWallboardNameHolder 
{
    font-size: 40px;
    color: #333333;
    margin-top: 35px;
    margin-bottom: 15px;
    margin-left: 25px;
    margin-right: 25px;
    height: 53px;
    width: calc(100% - 50px);
}
.AddEditWallboardNameText 
{
    width: 100%;
}
.AddEditWallboardCloseImgHolder
{
    height: 26px;
    width: 26px;
    margin-top: 10px;
    margin-right: -35px;
}
.AddEditWallboardCloseImg
{
    background-image: url(Images/CoreTheme/CloseNoPad.png);
    height: 19px;
    width: 19px;
    margin-top: 3px;
    margin-left: 3px;
    cursor: pointer;
    outline: none;
}
.AddEditWallboardCloseImg:hover
{
    background-image: url(Images/CoreTheme/CloseIcon.png);
    height: 26px;
    width: 26px;
    margin-top: 0px;
    margin-left: 0px;
}
.AddEditWallboardTopInputContainer 
{
    margin-top: 42px;
    margin-left: 73px;
    margin-right: 73px;
    font-size: 16px;
    color: #333333;
    justify-content: space-between;
}
.AddEditWallboardTextInput 
{
    height: 30px;
    width: 340px;
    padding-left: 10px;
}
.AddEditWallboardDescriptionContainer 
{
    margin-top: 48px;
    margin-left: 73px;
    font-size: 16px;
    color: #333333;
}
.AddEditLabel 
{
    margin-bottom:10px;
}
.AddEditDescriptionTextArea 
{
    width: 575px;
    height: 78px;
    resize: none;
}
.AddEditWallboardCheckHolder 
{
    height: 110px;
    margin-top: 48px;
    margin-left: 73px;
    margin-right: 73px;
    font-size: 16px;
    color: #333333;
}
.AddEditWallboardURLHolder 
{
    margin-top: 48px;
    font-size: 16px;
    color: #333333;
    height:110px;
}
.AddEditWallboardBotContainer 
{
    border-top: 1px solid #333333;
    height: 45px;
    margin-top: 20px;
    margin-left: 46px;
    margin-right: 46px;
    justify-content: space-between;
}
.AddEditWallboardURLInputHolder 
{
    margin-bottom: 10px;
}
.AddEditWallboardURLInput 
{
    font-size: 13px;
    padding-left: 3px;
    width: 400px;
}
.AddEditWallboardCopyButton 
{
    border: 1px solid #0067A4;
    border-radius: 4px;
    height: 21px;
    margin-left: 8px;
    background-color: #FFFFFF;
    color: #0067A4;
    box-shadow: none;
    transition: box-shadow ease 0.1s;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    cursor: pointer;
}
.AddEditWallboardCopyButton:hover 
{ 
    background-color: #298FD8; 
    color:#FFFFFF;
}
.AddEditWallboardCopyButtonTxt 
{
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}
AddEditWallboardCopyButtonTxt:hover 
{
    color:#FFFFFF
}
.AddEditWallboardDisclaimer 
{
    font-size: 12px;
    color: #BD2227;
    margin-top: auto;
    margin-bottom: auto;
}
.AddEditWallboardChkLabel 
{
    font-size: 14px;
    position: relative;
    top: -2px;
}
/**/
/*Wallboard Setup*/
.wallboardSetupMainContainer 
{
    width: 100%;
    /* margin-bottom:-24px; */
    overflow: auto;
    height: calc(100vh - 56px);
}
.wallboardSetupNavHomeIcon
{
	width: 17px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
	background-image: url(Images/Wallboards/HomeIcon.png);
	background-position: center center;
	background-repeat: no-repeat;
    margin-top: auto;
    margin-bottom: 16px;
}
.wallboardSetupDragDropHolder 
{
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #333333;
}
.wallboardSetupDragDropContainer 
{
    font-size: 12px;
    color: #666767;
    margin: 10px auto;
    width: 120px;
}
.wallboardSetupDragDropIcon 
{
    width: 17px;
    height: 17px;
    margin-right: 8px;
    background-image: url(Images/Wallboards/DragDropIcon.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.wallboardSetupSettingsIcon
{
	cursor: pointer;
	width: 35px;
	height: 20px;
    background-size:20px;
	background-image: url(Images/CoreTheme/Modules/Settings.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition: transform ease .5s;
}
.wallboardSetupSettingsIcon:hover
{
	transform: rotate(45deg);
}

.wallboardSetupHeader {
    justify-content: space-between;
    height: 48px;
    border-bottom: 1px solid #d2d6db;
}
.wallboardSetupNavContainer 
{
    margin-left: 20px;
    margin-right: 205px;
    margin-top: auto;
    margin-bottom: auto;
    height: 19px;
    outline: none;
    cursor: pointer;
}
.wallboardSetupNavCurTab 
{
    font-size:12px;
    color:#0067A4;
    width: 128px;
    margin-top: auto;
    margin-bottom: 14px;
    height: 17px;
}
.wallboardSetupNavOtherTab 
{
    font-size:12px;
    color:#333333;
    cursor:pointer;
    margin-top: auto;
    margin-bottom: 14px;
    height: 17px;
}
.wallboardSetupHeaderName 
{
    font-size: 24px;
    font-weight: bold;
    color: #0067A4;
    max-width: 255px;
    margin-right: 5px;
    cursor: default;
    height: 33px;
}
.wallboardSetupTabs
{
    font-size: 14px;
    cursor: default;
    margin-top: auto;
    margin-bottom: 8px;
    width: 342px;
    height: 20px;
}
.wallboardSetupTabHolder 
{
    margin-right: 6px;
}
.wallboardSetupTabDisabled 
{
    color :#D0D2D3;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
}
.wallboardSetupTabNotSelected 
{
    cursor:pointer;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
}
.wallboardSetupTabSelected 
{
    border-bottom: 2px solid #0067A5;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
}
.wallboardSetupBotContainer 
{
    border-top: 1px solid #676868;
    height: 57px;
    justify-content: space-between;
}
.wallboardSetupPreviewWallboardBtn 
{
    border: 1px solid #0067A4;
    border-radius: 4px;
    height: 32px;
    width: 172px;
    margin: 10px auto;
    background-color: #007CBE;
    box-shadow: none;
    transition: box-shadow ease 0.1s;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.wallboardSetupPreviewWallboardBtn:hover 
{ 
    background-color: #298FD8;
}
.wallboardSetupPreviewWallboardBtnTxt 
{
    font-size: 16px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    color: #FFFFFF;
    cursor: pointer;
    user-select: none;
}
.wallboardSetupPreviewWallboardBtnTxt:hover 
{
    color:#FFFFFF
}
.wallboardSetupLeftColumn {
    border-right: 1px solid #d2d6db;
    flex: 19;
    min-width: 245px;
}
.wallboardSetupMiddleColumn 
{
    flex: 67;
    position:relative;
    min-width: 875px;
    overflow:hidden;
}
.wallboardSetupRightColumn {
    border-left: 1px solid #d2d6db;
    flex: 14;
    min-width: 165px;
}
.wallboardSetupAddBtnHolder 
{
    height: 36px;
    width: 37px;
}
.wallboardSetupAddBtn 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/AddLargerHover.png);
    height: 24px;
    width: 25px;
    margin-left: 6px;
    margin-top: 5px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
}
.wallboardSetupNewSlideLabel:hover .wallboardSetupAddBtn
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/AddLarger.png);
    height: 36px;
    width: 37px;
    margin-left: 0px;
    margin-top: 0px;
    cursor: pointer;
}
.wallboardSetupNewSlideHolder 
{
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.wallboardSetupNewSlideLabel 
{
    outline:none;
    cursor:pointer;
}
.wallboardSetupNewSlideText 
{
    font-size: 16px;
    color: #333333;
    height:21px; /*IE requires an explicit height for auto margin to work properly*/
    font-weight:bold;
}
.wallboardSetupSlideHolder 
{
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
    margin-right: 10px;
}
.wallboardSetupSlidePlaceHolder 
{
    background-color: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-top:15px;
    margin-bottom: 15px;
    padding-top: calc(44% - 26px);
}
.wallboardSetupSlidePreviewBox 
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #333333;
    background-color: #FFFFFF;
    width: calc(75% + 15px);
    text-align: center;
    outline: none;
    padding-top: 44%;
    position: relative;
    top:-21px;
    cursor: pointer;
    user-select: none;
}
.wallboardSetupWallboardChkLabel 
{
    font-size: 12px;
    position: relative;
    margin-left:5px;
}
.WallboardSetupSlidePreviewSelected 
{
    border: 3px solid #5FA6DB;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: calc(44% - 30px);
    width: calc(75% + 11px);
}
.WallboardSetupSlidePreviewToggle 
{
    position: absolute;
    top: 5px;
    left: 5px;
}
.WallboardSetupSlidePreviewNameText
{
    position: absolute;
    top: calc(35% - 5px);
    left: 0;
    right: 0;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
}
.WallboardSetupSlidePreviewTypeText 
{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 10px;
}
.WallboardSetupSlideSelectedOptionsContainer
{
    height:26px;
    /*background-color:#B3B3B3;*/
}
.WallboardSetupSlideSelectedOptionsHolder 
{
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 176px;
    height: 26px;
    align-items: center;
}
.WallboardSetupButtonMargins 
{
    margin:0px 12px;
}
.wallboardSetupSlideContainer 
{
    margin: 20px 10px 20px 20px;
    border: 2px solid #6a7480;
    min-height: 480px;
    max-height: 720px;
    min-width: 840px;
    box-sizing: content-box;
    overflow: hidden;
}

@media (min-height: 650px) and (max-height: 800px) {
    .wallboardSetupSlideContainer{
        max-height: 696px !important;
        max-width: 1160px !important;
    }
    .wallboardSetupSlideCustomGridMask{
        max-height: 696px !important;
        max-width: 1160px !important;
    }
}

@media (min-height: 801px) and (max-height: 900px) {
    .wallboardSetupSlideContainer{
        max-height: 602px !important;
        max-width: 1000px !important;
        margin: 20px 10px 20px 20px;
    }
    .wallboardSetupSlideCustomGridMask{
        max-height: 602px !important;
        max-width: 1000px !important;
        margin: 0px 10px 20px 0px;
    }
}
@media (min-width: 1440px) and (max-width: 1472px) {
    .wallboardSetupSlideContainer {
        max-height: 527px !important;
    }

    .wallboardSetupSlideCustomGridMask {
        max-height: 527px !important;
    }
}
.wallboardSetupNoSlides 
{
    width: 100%;
    height:0px;
    text-align: center;
    font-size: 36px;
    padding-bottom: 28%;
    padding-top: 28%;
}
.wallboardSetupSlideSelected 
{
    padding-bottom: 56%;
    margin-left: auto;
    margin-right: auto;
    height: 0;
    width: 100%;
}
.wallboardSetupNoSlideSelected 
{
    padding-bottom: 28%;
    padding-top: 28%;
    margin-left: auto;
    margin-right: auto;
    height: 0px;
    width: 0px;
}
.wallboardSetupSummaryPreview 
{
    padding-top: 5vh;
    padding-bottom: 5vh;
}
.wallboardSetupLeaderboardHeader 
{
    width: 94%;
    height: 63px;
    padding-left:6%;
    font-size: 48px;
}
.wallboardSetupLeaderboardContainer 
{
    padding-top: 5vh;
    padding-bottom: 5vh;
}
.wallboardSetupSpotlightContainer 
{
    padding-top: 5vh;
    padding-bottom: 5vh;
}
.wallboardSetupLeaderboardRow 
{
    font-size: 34px;
    width: calc(100% - 20px);
    padding-left: 20px;
}

.wallboardSetupLeaderboardRowPosition 
{
    flex:13;
}
.wallboardSetupLeaderboardRowName 
{
    flex:65;
}
.wallboardSetupLeaderboardRowData 
{
    flex:22;
}
.wallboardSetupLeaderboardContentLeft
{
    width: 60%;
    height: 100%;
    justify-content: space-around;
}
.wallboardSetupLeaderboardContentRight 
{
    width: 40%;
}
.wallboardSetupLeaderboardImageRing 
{
    /*background: url(Images/Wallboards/WallboardView/LeaderboardRing.svg);*/
    margin: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.wallboardSetupLeaderboardInnerImage 
{
    margin: auto;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 6px solid #FFFFFF;
}
.wallboardSetupSummaryContentLight
{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardSetupSummaryContentDark 
{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardSetupLeaderboardContentLight
{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardSetupLeaderboardContentDark
{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardSetupSpotlightContentLight
{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardSetupSpotlightContentDark
{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px #000000;
}
.wallboardSetupSpotlightTitleName 
{
    height: 66px;
    font-size: 48px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: calc(3.8vh - 20px);
    margin-left: 4%;
    margin-right: 4%;
    box-shadow: 0px 12px 8px -9px #000000;
}
.wallboardSetupSpotlightDataColumn 
{
    flex: 557;
    width: 0px;
    margin-top: calc(9.5vh - 20px);
    margin-bottom: calc(9.5vh - 20px);
    height: calc(59vh - 172px);
}
.wallboardSetupSpotlightDataBox
{
    margin: 10px;
    margin-top: calc(5.2vh - 20px);
    margin-bottom: calc(5.5vh - 20px);
    margin-left: 5%;
    margin-right: 4%;
    height: 73%;
    width: 91%;
}
.wallboardSetupSpotlightImageColumn
{
    flex: 443;
    width: 0px;
    margin-top: calc(8vh - 20px);
    margin-bottom: calc(8vh - 20px);
    padding-left: 2vw;
    padding-right: 3.5vw;
    height: calc(62vh - 172px);
}
.wallboardSetupLeftColumnHolder 
{
    height:0px; 
    flex:1;
    max-height: 0px;
    min-height: 100%;
}
.wallboardSetupLeftColumnScrollContainer 
{
    height: calc(100% - 118px);
}
.wallboardSetupRightColumnHolder 
{
    height:0px; 
    flex:1;
    max-height: 0px;
    min-height: 100%;
}
.wallboardSetupRightColumnScrollContainer 
{
    height: calc(100% - 10px);
}
.WallboardSetupThemePreviewNameText 
{
    text-align: center;
    font-size: 14px;
}

/*standard style class for new wallboard Racing Theme items*/
.wallboardSetupThemeBox 
{
    margin:2px auto;
    border: 1px solid #333333;
    text-align: center;
    outline: none;
    padding-top: 55%;
    position: relative;
    cursor: pointer;
    user-select: none;
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupThemeBox.Moto { background-image: url(Images/Wallboards/MotocrossSm.jpg); }
.wallboardSetupThemeBox.Horse { background-image: url(Images/Wallboards/HorseDerbySm.jpg); }
.wallboardSetupThemeBox.Rocket { background-image: url(Images/Wallboards/RocketRaceSm.png); }
.wallboardSetupThemeBox.Swim { background-image: url(Images/Wallboards/SwimMeetSm.jpg); }
.wallboardSetupThemeBox.ATV { background-image: url(Images/Wallboards/ATVRacingSm.jpg); }
.wallboardSetupThemeBox.Boat { background-image: url(Images/Wallboards/BoatRacingSm.jpg); }
.wallboardSetupThemeBox.Drag { background-image: url(Images/Wallboards/DragRacingSm.jpg); }
.wallboardSetupThemeBox.FormulaOne { background-image: url(Images/Wallboards/FormulaOneRacingSm.jpg); }
.wallboardSetupThemeBox.Jet { background-image: url(Images/Wallboards/JetRacingSm.jpg); }
.wallboardSetupThemeBox.Truck { background-image: url(Images/Wallboards/TruckRacingSm.jpg); }
.wallboardSetupThemeBox.Raptor { background-image: url(Images/Wallboards/RaptorRacingSm.jpg); }
.wallboardSetupThemeBox.Snail { background-image: url(Images/Wallboards/SnailRacingSm.jpg); }
.wallboardSetupThemeBox.Snowmobile { background-image: url(Images/Wallboards/SnowmobileRacingSm.jpg); }
.wallboardSetupThemeBox.Street { background-image: url(Images/Wallboards/StreetRacingSm.jpg); }
.wallboardSetupThemeBox.Tortoise { background-image: url(Images/Wallboards/TortoiseRacingSm.jpg); }
.wallboardSetupThemeBox.UFO { background-image: url(Images/Wallboards/UFORacingSm.jpg); }
.wallboardSetupThemeBox.Train { background-image: url(Images/Wallboards/TrainRacingSm.jpg); }
.wallboardSetupThemeBox.ChristmasTree { background-image: url(Images/Wallboards/ChristmasTreeRacingSm.jpg); }
.wallboardSetupThemeBox.Cupid { background-image: url(Images/Wallboards/CupidRacersSm.jpg); }
.wallboardSetupThemeBox.EasterBunny { background-image: url(Images/Wallboards/EasterBunnyRaceSm.jpg); }
.wallboardSetupThemeBox.Elderly { background-image: url(Images/Wallboards/ElderlyRacingSm.jpg); }
.wallboardSetupThemeBox.Fish { background-image: url(Images/Wallboards/FishRacingSm.jpg); }
.wallboardSetupThemeBox.RobotRacing { background-image: url(Images/Wallboards/RobotRacingSm.jpg); }
.wallboardSetupThemeBox.SleighRide { background-image: url(Images/Wallboards/SleighrideRacingSm.jpg); }
.wallboardSetupThemeBox.StPatricksDay { background-image: url(Images/Wallboards/StPatricksDayRacingSm.jpg); }
.wallboardSetupThemeBox.Super { background-image: url(Images/Wallboards/SuperRaceSm.jpg); }
.wallboardSetupThemeBox.Turkey { background-image: url(Images/Wallboards/TurkeyRacingSm.jpg); }
.wallboardSetupThemeBox.Zombie { background-image: url(Images/Wallboards/ZombieRacingSm.jpg); }
.wallboardSetupThemeBox.StPatricksDay2 { background-image: url(Images/Wallboards/StPatricksDayRacing2Sm.png); }
.wallboardSetupThemeBox.Thanksgiving1 { background-image: url(Images/Wallboards/ThanksgivingRacing1Sm.jpg); }
.wallboardSetupThemeBox.Thanksgiving2 { background-image: url(Images/Wallboards/ThanksgivingRacing2Sm.jpg); }
.wallboardSetupThemeBox.Easter2 { background-image: url(Images/Wallboards/EasterRacing2Sm.jpg); }
.wallboardSetupThemeBox.Valentine1 { background-image: url(Images/Wallboards/ValentineRacing1Sm.jpg); }
.wallboardSetupThemeBox.CandyLand { background-image: url(Images/Wallboards/CandyLandRacingSm.jpg); }
.wallboardSetupThemeBox.ChristmasCarol { background-image: url(Images/Wallboards/ChristmasCarolRacingSm.jpg); }
.wallboardSetupThemeBox.Halloween1 { background-image: url(Images/Wallboards/HalloweenRacing1Sm.jpg); }
.wallboardSetupThemeBox.Jungle1 { background-image: url(Images/Wallboards/JungleRacing1Sm.jpg); }
.wallboardSetupThemeBox.Jungle2 { background-image: url(Images/Wallboards/JungleRacing2Sm.jpg); }
.wallboardSetupThemeBox.Mask { background-image: url(Images/Wallboards/MaskRacingSm.jpg); }
.wallboardSetupThemeBox.Plant { background-image: url(Images/Wallboards/PlantRacingSm.jpg); }

.jungleRace1Pattern {
    background-image: url(Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/JungleRace1_Pattern.svg);
    background-repeat: repeat;
    background-color:transparent;
}
.jungleRace2Pattern {
    background-image: url(Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/JungleRace2_Pattern.svg);
    background-repeat: repeat;
    background-color: transparent;
}
.maskRacePattern {
    background-image: url(Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/MaskRace_Pattern.svg);
    background-repeat: repeat;
    background-color: transparent;
}
.plantRacePattern {
    background-image: url(Images/Wallboards/WallboardView/Racing-Headers-and-Backgrounds/PlantRace_Pattern.svg);
    background-repeat: repeat;
    background-color: transparent;
}
.wallboardSetupThemeBox.Random { 
    background-image: url(Images/Wallboards/RandomRacingSm.svg); 
    height:0px;
}

.wallboardSetupMotoBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/racingBikesPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupHorseBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/racingHorsesPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupRocketsBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/racingRocketsPreview.png);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupSwimmingBigPreview
{
    position: relative;
    background-image: url(Images/Wallboards/racingSwimmingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupATVBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/ATVRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupBoatBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/BoatRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupDragBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/DragRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupFormulaOneBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/FormulaOneRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupJetBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/JetRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupTruckBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/TruckRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupRaptorBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/RaptorRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupSnailBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/SnailRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupSnowmobileBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/SnowmobileRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupStreetBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/StreetRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupTortoiseBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/TortoiseRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupUFOBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/UFORacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupTrainBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/TrainRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupChristmasTreeBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/ChristmasTreeRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupCupidRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/CupidRacersPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupEasterBunnyRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/EasterBunnyRacePreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupElderlyRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/ElderlyRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupFishRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/FishRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupRobotRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/RobotRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupSleighRideRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/SleighRideRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupStPatricksDayRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/StPatricksDayRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupSuperRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/SuperRacePreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupTurkeyRacingBigPreview 
{
    position: relative;
    background-image: url(Images/Wallboards/TurkeyRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupZombieRacingBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/ZombieRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupStPatricksDayRacing2BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/StPatricksDayRacing2Preview.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupThanksgivingRacing1BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/ThanksgivingRacing1Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupThanksgivingRacing2BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/ThanksgivingRacing2Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupEasterRacing2BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/EasterRacing2Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupValentineRacing1BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/ValentineRacing1Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupCandyLandRacingBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/CandyLandRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupChristmasCarolRacingBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/ChristmasCarolRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupHalloweenRacing1BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/HalloweenRacing1Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupJungleRacing1BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/JungleRacing1Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupJungleRacing2BigPreview {
    position: relative;
    background-image: url(Images/Wallboards/JungleRacing2Preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupMaskRacingBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/MaskRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupPlantRacingBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/PlantRacingPreview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wallboardSetupRandomRacingBigPreview {
    position: relative;
    background-image: url(Images/Wallboards/RandomRacingPreview.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.randomRaceText {
    position: relative;
    bottom: 104px;
    text-align: center;
    font-size: 48px;
    font-family: 'Lato-Bold';
    width: 400px;
}
.randomRacePreviewText {
    width: 100%;
    padding-top: 37%;
    text-align: center;
    font-size: 7vw;
    font-family: 'Lato-Bold';
}
.randomRacePreviewTextSmall {
    position: relative;
    bottom: 2.5vw;
    font-size: 1.4vw;
    font-family: 'Lato-Bold';
}

.wallboardSetupFullImagePreview {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.wallboardSetupFullVideoPreview 
{
    /*background-image: url(Images/Wallboards/VideoPreview.png);*/
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center center;
    background-color:#000000;
}
.wallboardSetupLeaderboardPreview 
{
    /*background-image: url(Images/Wallboards/GenericLeaderboard.png);*/
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupSpotlightPreview 
{
    /*background-image: url(Images/Wallboards/GenericSpotlight.png);*/
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupThemeHolder
{
    margin:5px;
    outline:none;
}
.wallboardSetupThemeItem 
{
    margin-right: auto;
    margin-left: auto;
    width: 95%;
    padding:8px;
}
.wallboardSetupThemeSelected 
{
    border: 3px solid #5FA6DB;
    padding:5px;
}
.wallboardSetupGridContainer 
{
    width: 100%;
    background-color: #ccffff;
}
.wallboardSetupGridRow 
{
    flex:1;
}
.wallboardSetupGridCell 
{
    border: 1px solid #C9C9C9;
    flex: 1;
}
.wallboardSetupModulePreviewBox 
{
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #333333;
    text-align: center;
    outline: none;
    padding-top: 54%;
    position: relative;
    cursor: pointer;
    user-select: none;
    background-color:#E3E3E3;
}
.wallboardSetupModuleHolder
{
    padding: 5px;
    outline: none;
}
.wallboardSetupModuleHolder,
.wallboardSetupModuleHolder *,
.wallboardSetupModuleHolder *::after,
.wallboardSetupModuleHolder *::before {
  box-sizing: content-box;
}

.wallboardSetupModuleIcon 
{
    margin:0 auto;
    margin-bottom:3px;
    height:50px;
    width:50px;
}
.wallboardSetupGaugeItem 
{
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customGaugeIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupThermometerItem 
{
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customThermometerIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupCounterItem 
{
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/counter_icon.svg);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupSummaryItem 
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customSummaryIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupAchievementItem 
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customBadgeIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupTextItem 
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customTextIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupImageItem 
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customImageIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupTopItem 
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/customTopIcon.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.wallboardSetupKPIItem {
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
    user-select: none;
    background-image: url(Images/Wallboards/kpi_icon.svg);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.WallboardSetupModulePreviewNameText 
{
    text-align: center;
    font-size: 12px;
    cursor: default;
}
.wallboardSetupModuleColumnHolder 
{
    margin-top:15px;
    justify-content:center;
}
.wallboardSetupModuleColumn 
{
    /*flex:1;*/
    width:90px;
}
.wallboardSetupCustomItemContainer 
{
    padding-bottom: 56%;
    height: 0px;
    width: 0px;
}
.wallboardSetupSlideCustomGridMask 
{
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-height: 720px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    box-sizing: content-box;
}
.wallboardSetupCustomItemCollision 
{
    background-color:red !Important;
}
.wallboardDragBox 
{
    z-index:2;
    background: #333333;
    opacity: .7;
}
.wallboardSetupResizeBox 
{
    z-index:2;
    background: #333333;
    opacity: .7;
}
.wallboardSetupCustomGauge 
{
    background: url(Images/Wallboards/gauge_wallboard_preview.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(65% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomGaugeGhost 
{
    background: url(Images/Wallboards/gauge_wallboard_preview.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(65% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomGaugeTitle, .wallboardSetupCustomKpiTitle {
    position: relative;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}
.wallboardSetupCustomGaugeMetric, .wallboardSetupCustomKpiMetric {
    position: relative;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}
.wallboardCustomKpiBar {
    position: relative;
    border: 5px solid #A8AFB9;
    border-radius: 5px;
    margin: 10px 5px;
}
.wallboardCustomKpiBarView {
    border: 5px solid;
    border-radius: 5px;
    margin: 10px 5px;
}
.wallboardCustomKpiCenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wallboardSetupCustomThermometer 
{
    background: url(Images/Wallboards/GenericThermometer.svg) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(85% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomThermometerGhost 
{
    background: url(Images/Wallboards/GenericThermometer.svg) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(85% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomCounter 
{
    background: url(Images/Wallboards/None.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(65% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomCounterContainer 
{
    width:100%;
    height:100%;
    overflow:hidden;
}
.wallboardSetupCustomCounterTitle 
{
    color: #FFFFFF;
    position: relative;
    height: 18%;
    margin: auto 0px;
}
.wallboardSetupCustomCounterDataContainer 
{
  height: calc(82% - 20px);
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.wallboardSetupCustomCounterDataContainer.None 
{
  height: calc(100% - 20px);
}
.wallboardSetupCustomCounterDataContainer.Label 
{
  height: calc(82% - 20px);
}
.wallboardSetupCustomCounterDataContainer.Legend 
{
  height: calc(95% - 20px);
}
.wallboardSetupCustomCounterDataContainer.Both 
{
  height: calc(77% - 20px);
}
.wallboardSetupCustomCounterMainVal 
{
    text-align: center;
    color: #FFFFFF;
    position: relative;
    height: 75%;
    margin: auto 0px;
}
/*.wallboardSetupCustomCounterSubValue 
{
    flex: 1;
    padding: 5px;
    text-align: center;
    color: #6A7480;
    position: relative;
    margin: 5px;
    margin-top: auto;
}
.wallboardSetupCustomCounterSubValue.TopLeft 
{
  border-radius: 100% 0 0 0;
  border: 1px solid #6DC36D;
  border-right: none;
  border-bottom: none;
  top: -120px;
  left: 75px;
}
.wallboardSetupCustomCounterSubValue.TopRight 
{
  border-radius: 0 100% 0 0;
  border: 1px solid #FED83F;
  border-left: none;
  border-bottom: none;
  top: -120px;
  left: -85px;
}
.wallboardSetupCustomCounterSubValue.BottomLeft 
{
  border-radius: 0 0 0 100%;
  border: 1px solid #6D79C3;
  border-right: none;
  border-Top: none;
  top: -64px;
}
.wallboardSetupCustomCounterSubValue.BottomRight 
{
  border-radius: 0 0 100% 0;
  border: 1px solid #FB5762;
  border-left: none;
  border-Top: none;
  top: -64px;
  left: -10px;
}*/
.wallboardSetupCustomThermometerTextArea 
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}
.wallboardSetupCustomThermometerTitle 
{
    font-size: 2vw;
    margin: auto;
    width: 90%;
}
.wallboardSetupCustomThermometerMetric 
{
    font-size: 1.5vw;
    width: 100%;
}
.wallboardSetupCustomTop 
{
    background: url(Images/Wallboards/GenericTopModule.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(60% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomTopGhost 
{
    background: url(Images/Wallboards/customTopGhost.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(60% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}
.wallboardSetupCustomKpiGhost {
    background: url(Images/Wallboards/customKpiGhost.svg) center center no-repeat;
    background-size: contain;
    position: relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px;
}
.wallboardSetupCustomKpi {
    position: relative;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}
.wallboardSetupCustomKpiPreview {
    background: url(Images/Wallboards/customKpiGhost.svg) no-repeat;
    background-size: contain;
    height: 250px;
    width: 250px;
}
.wallboardSetupCustomTopContainer 
{
    height:100%;
    width:100%;
}
.wallboardSetupCustomTopTextArea 
{
    width:100%;
}
.wallboardSetupCustomTopTitle 
{
    position: relative;
    margin: auto;
    text-align: center;
    color: #FFFFFF;
}
.wallboardSetupCustomSummary 
{
    position: relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    overflow:hidden;
}
.wallboardSetupCustomSummaryGhost 
{
    background: url(Images/Wallboards/customSummaryGhost.png) center center no-repeat;
    background-size: contain;
    position: relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    overflow:hidden;
}
.wallboardSetupCustomSummaryHeader
{
    height:90px;
    margin-top: 11px;
    margin-bottom: 11px;
    padding: 20px;
    color:#FFFFFF;
}
.wallboardSetupCustomSummaryTable
{
    font-size: 24px;
    color: #FFFFFF;
    position: relative;
}
.wallboardSetupCustomSummaryTableRow {
    height: 42px;
    padding: 5px 0px;
    vertical-align: bottom;
}
.wallboardSetupCustomAchievement 
{
    background: url(Images/Wallboards/customBadgeGhost.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px;
}
.wallboardSetupCustomText 
{
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin:10px;
    text-align: center;
    color: #FFFFFF;
    overflow:hidden;
}
.wallboardSetupCustomTextPreview *
{
overflow: hidden;
text-overflow: ellipsis;
}
.wallboardSetupCustomTextGhost
{
    background: url(Images/Wallboards/customTextGhost.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin:10px;
    text-align: center;
    color: #FFFFFF;
    overflow:hidden;
}
.wallboardSetupCustomImage 
{
    background: url(Images/Wallboards/customImageGhost.png) center center no-repeat;
    background-size: contain;
    position:relative;
    cursor: url(Images/CoreTheme/Toolbar/Coaching/DragAndDropCursor.png), default;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px;
}
.wallboardSetupCustomRemoveHolder 
{
    position: absolute;
    right: 8px;
    top: 0;
    margin-top: 8px;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:1;
}
.wallboardSetupBackgroundRemoveHolder 
{
    position: absolute;
    right: 0px;
    top: 1px;
    margin-top: 8px;
    height: 33px;
    width: 33px;
    display: none;
    align-items: center;
    justify-content: center;
    z-index:1;
    outline:none;
}
.wallboardSetupCustomRemoveIcon 
{
    outline: none;
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}
/*.wallboardSetupCustomRemoveIcon:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
    position: relative;
    left: 2px;
    top: 2px;
}*/
.wallboardSetupCustomModuleBackground 
{
    background: #333333;
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.wallboardSetupCustomModuleBackgroundDark 
{
    background: #333333;
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.wallboardSetupCustomModuleBackgroundLight 
{
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.wallboardSetupCustomSettingsIcon 
{
    position: absolute;
    right: 45px;
    top: 0;
    margin-top: 10px;
    height: 22px;
    width: 22px;
    padding-left: 4px;
    padding-top: 4px;
    z-index: 1;
    background-repeat: no-repeat;
    cursor: pointer;
    background: url(Images/CoreTheme/Modules/Settings.png) center center no-repeat;
    background-size: 21px 21px;
	transition: transform ease .5s;
}
.wallboardSetupCustomSettingsIcon:hover
{
	transform: rotate(45deg);
}

.WallboardSetupCustomTopCloseWrapper 
{
    width: 90px;
    justify-content: flex-end;
}
.WallboardSetupCustomThermCloseWrapper 
{
    width: 175px;
    justify-content: flex-end;
}
.WallboardSetupCustomGaugeCloseWrapper 
{
    width: 115px;
    justify-content: flex-end;
}
.WallboardSetupCustomSummaryCloseWrapper 
{
    width: 141px;
    justify-content: flex-end;
}
.GaugeDetailsMargins 
{
    margin-top: 109px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 85px;
    width: 487px;
    height: calc(100% - 325px);
    justify-content: space-between;
}
.AgentCounterDetailsMargins 
{
    margin-top: 109px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 85px;
    width: 637px;
    height: calc(100% - 325px);
    justify-content: space-between;
}
.AchievementDetailsMargins 
{
    margin-top: 109px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 205px;
    width: 700px;
    height: calc(100% - 445px);
    justify-content: space-between;
}
.GaugeMetricMargins 
{
    margin-top: 73px;
    margin-left: 226px;
    margin-right: 267px;
    margin-bottom: 27px;
    height: calc(100% - 231px);
    justify-content: space-between;
}
.GaugeObjectiveLabelContainer 
{
    margin-top:112px;
    font-size: 16px;
    color: #333333;
}
.GaugeObjectiveValueContainer 
{
    margin-top:77px;
}
.GaugeObjectiveHeader 
{
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #676868;
    width: 330px;
}
.GaugeObjectiveBound
{
    width:115px;
    text-align: center;
}
.GaugeObjectiveAlert
{
    width:100px;
    text-align: center;
}
.GaugeObjectiveValue 
{
    width:115px;
    text-align: center;
}
.GaugeObjectiveValues 
{
    padding-left: 5px;
    padding-right: 5px;
    width: 330px;
    height:19px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 23px;
}
.GaugeObjectiveCurrentLabel 
{
    margin-bottom: 23px;
    margin-left:25px;
}
.GaugeObjectiveOverrideLabel 
{
    margin-left: 5px;
    margin-top: -2px;
}
.GaugeObjectiveBoundInput 
{
    width: 75px;
    height: 16px;
    margin-left: 20px;
    margin-right: 35px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.GaugeObjectiveAlertInput 
{
    width: 75px;
    height: 16px;
    margin-right: 35px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.GaugeObjectiveValueInput 
{
    width: 75px;
    height: 16px;
    margin-right: 25px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.wallboardSetupTransitionHolder
{
    margin:5px;
    outline:none;
}
.wallboardSetupTransitionItem 
{
    margin-right: auto;
    margin-left: auto;
    width: 95%;
    padding:8px;
}
.wallboardSetupTransitionSelected 
{
    border: 3px solid #5FA6DB;
    padding:5px;
}
.WallboardSetupTransitionPreviewNameText 
{
    text-align: center;
    font-size: 14px;
}
.ThermometerDetailsMargins 
{
    margin-top: 59px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 85px;
    width:462px;
    height: calc(100% - 275px);
    justify-content: space-between;
}
.TopDetailsMargins 
{
    margin-top: 109px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 85px;
    width:637px;
    height: calc(100% - 325px);
    justify-content: space-between;
}
.SummaryDetailsMargins 
{
    margin-top: 109px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 135px;
    height: calc(100% - 375px);
    width: 587px;
    justify-content: space-between;
}
.WallboardSetupCustomShowRankings 
{
    font-size: 14px;
    color: #333333;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.SummaryTrophyIcon 
{
    background-image: url(Images/Wallboards/rankingIcon.png);
    height: 12px;
    width: 12px;
    margin-top: 16px;
    margin-left: 53px;
}
.VideoTitleBlur
{
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 65%);
    content: '\200C';
    top: -40px;
    right: -26px;
    height: 50px;
    width: 75px;
    pointer-events: none;
}
.ImageCenterContainer 
{
    margin-left: 32px;
    margin-right: 32px;
    height: calc(100% - 217px);
}
.ImagePreviewBox 
{
    width: 400px;
    height: 225px;
    border: 1px solid #333333;
    margin: 86px auto 23px auto;
}
.ImagePreviewImg 
{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.SpotlightLogin 
{
    outline: none;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 25px;
}
.SpotlightLoginSelected 
{
    background-color:#EAEAEA;
}
.SpotlightLoginContainer
{
    border: 1px solid #333333;
    height: 309px;
    width: 270px;
    overflow-y: hidden;
}
.SpotlightLoginSelectedName 
{
    font-size: 20px;
    color: #333333;
    margin-bottom: 14px;
    height: 26px;
    text-align: center;
}
.SpotlightLoginMargins 
{
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px;
    height: calc(100% - 182px);
    width: 600px;
}
.SpotlightSearchInput 
{
    margin-bottom: 15px;
    height: 23px;
    width: 245px;
    padding-left: 25px;
    border: 1px solid #333333;
    font-size: 14px;
}
.SpotlightInfoMargins 
{
    margin-top: 52px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 37px;
    height: calc(100% - 220px);
    width: 891px;
}
.SpotlightInfoBox 
{
    height: 353px;
    width: 274px;
    border: 1px solid #333333;
    margin-right:21px;
}
.SpotlightInfoTopContainer 
{
    justify-content: space-between;
}
.SpotlightInfoBoxTitle 
{
    margin-top: 19px;
    font-size: 20px;
    font-weight: bold;
    margin-left: 25px;
    color: #333333;
}
.SpotlightInfoToggle
{
    margin-top: 26px;
}
.SpotlightInfoTextArea 
{
    resize: none;
    width: 205px;
    height: 205px;
    margin-left: 24px;
    outline: none;
    padding: 8px;
}
.SpotlightInfoCheckHolder 
{
    margin-left: 22px;
    margin-top: 21px;
    margin-bottom: 22px;
    height: 19px;
}
.SpotlightInfoCheckLabel 
{
    font-size: 14px;
    color: #333333;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.SpotlightInfoAddHobby 
{
    background-image: url(Images/Wallboards/AddSecondaryBtn.png);
    height: 25px;
    width: 25px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-size:contain;
    margin-left: 125px;
    margin-top: 15px;
}
.SpotlightInfoAddHobby:hover 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/AddLargerHover.png);
}
.SpotlightInfoHobbyInput 
{
    width: 182px;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 24px;
    margin-right: 8px;
    padding-left: 8px;
    border: 1px solid #333333;
}
.SpotlightInfoScrollContainer 
{
    max-height: 185px;
}
.SpotlightInfoRemoveHobby 
{
    background-image: url(Images/CoreTheme/PointStore/remove-red-icon.png);
    height: 25px;
    width: 25px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-size:contain;
    margin-top: 4px;
}
.SpotlightInfoRemoveHobby:hover 
{
    background-image: url(Images/CoreTheme/PointStore/remove-red-assignment-icon.png);
}
.SpotlightInfoRadioBtns
{
    margin-top: 16px;
    margin-left: 24px;
}
.SpotlightInfoRadioHolder
{
    margin-bottom: 12px;
}
.SpotlightInfoRadioLabel 
{
    position: relative;
    top: -2px;
    font-size: 14px;
    color: #333333;
}
.SpotlightInfoBadgeContainer 
{
    height: 168px;
    margin-bottom:16px;
}
.SpotlightInfoBadgeHolder 
{
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}
.SpotlightInfoBadge 
{
    margin-left: auto;
    margin-right: auto;
    transition: transform 1s ease;
    transform: rotateY(90deg);
}
.SpotlightSetupInfoBadge 
{
    margin-left: auto;
    margin-right: auto;
}
.SpotlightInfoBadgeIcon 
{
    margin-left:auto;
    margin-right:auto;
}
.SpotlightInfoBadgeLabel 
{
    font-size: 30px;
    text-align: center;
    margin-top: 12px;
}
.SpotlightInfoBadgeLabelBig 
{
    font-size: 46px;
    text-align: center;
    margin-top: 25px;
}
.SpotlightSetupBadgeLabel
{
    font-size: 10px;
    color: #333333;
    text-align:center;
}
.SpotlightInfoBadgeTitle 
{
    font-size: 48px;
    text-align: center;
    margin-bottom: calc(5.2vh - 20px);
    display:none;
}
.SpotlightImageLabel 
{
    font-size: 16px;
    color: #333333;
    margin-bottom: 6px;
    text-align:center;
}
.SpotlightImageDropdown 
{
    width: 200px;
    padding-left: 5px;
    font-size: 16px;
    margin-left:auto;
    margin-right:auto;
}
.SpotlightImageMargins 
{
    margin-top: 20px;
    margin-left: 226px;
    margin-right: 267px;
    margin-bottom: 20px;
    height: calc(100% - 171px);
}
.SpotlightLoginRadioBtns 
{
    margin-top: 50px;
    margin-right: 75px;
}
.SpotlightLoginRadioHolder
{
    margin-bottom: 10px;
}
.SpotlightLoginRadioLabel
{
    font-size: 14px;
    color: #333333;
    position: relative;
    top: -2px;
}
.SpotlightManualInput 
{
    width: 200px;
    padding-left: 5px;
    font-size: 16px;
    margin-top: 50px;
}
.SpotlightManualPreviewBox 
{
    width: 300px;
    height: 300px;
    border: 1px solid #333333;
    margin: 0px auto 23px auto;
}
.SpotlightLoginPreviewBox 
{
    width: 300px;
    height: 300px;
    border: 1px solid #333333;
    margin: 0px auto 23px auto;
}
.SpotlightImageCropContainer 
{
    width: 300px;
    height: 300px;
}
.SpotlightImageCropButtonContainer 
{
    background-color: #000000;
    height: 29px;
    width: 300px;
}
.SpotlightImgCropDoneBtn 
{
    width: 59px;
    height: 19px;
    outline: none;
    cursor: pointer;
    margin-left: 75px;
    margin-right: 30px;
    margin-top: 4px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    background-color: #FFFFFF;
}
.SpotlightImgCropCancelBtn 
{
    width: 59px;
    height: 19px;
    outline: none;
    cursor: pointer;
    margin-top: 4px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    background-color: #FFFFFF;
}
.SpotlightImgCrop 
{
    width: 300px;
    height: 271px;
    background-color: #808080;
}
/*standard style class for new wallboard transition items*/
.wallboardSetupTransitionBox
{
    margin:2px auto;
    border: 1px solid #333333;
    text-align: center;
    outline: none;
    padding-top: 54%;
    position: relative;
    cursor: pointer;
    user-select: none;
    background-repeat: no-repeat;
    background-size:cover;
}
.wallboardSetupTransitionBox.None { background-image: url(Images/Wallboards/SlideTransitions/none.png); }
.wallboardSetupTransitionBox.Blinds { background-image: url(Images/Wallboards/SlideTransitions/blinds.png); }
.wallboardSetupTransitionBox.Checkerboard { background-image: url(Images/Wallboards/SlideTransitions/checkerboard.png); }
.wallboardSetupTransitionBox.Dissolve { background-image: url(Images/Wallboards/SlideTransitions/dissolve.png); }
.wallboardSetupTransitionBox.Fade { background-image: url(Images/Wallboards/SlideTransitions/fade.png); }
.wallboardSetupTransitionBox.Flip { background-image: url(Images/Wallboards/SlideTransitions/flip.png); }
.wallboardSetupTransitionBox.Pin { background-image: url(Images/Wallboards/SlideTransitions/pin_hole.png); }
.wallboardSetupTransitionBox.Shatter { background-image: url(Images/Wallboards/SlideTransitions/shatter.png); }
.wallboardSetupTransitionBox.slideBottom { background-image: url(Images/Wallboards/SlideTransitions/slide_bottom.png); }
.wallboardSetupTransitionBox.slideLeft { background-image: url(Images/Wallboards/SlideTransitions/slide_left.png); }
.wallboardSetupTransitionBox.slideRight { background-image: url(Images/Wallboards/SlideTransitions/slide_right.png); }
.wallboardSetupTransitionBox.slideTop { background-image: url(Images/Wallboards/SlideTransitions/slide_top.png); }

.slideBackgroundUploader 
{
    display:none;
}
.wallboardSetupBackgroundHolder 
{
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    outline: none;
    position: relative;
}
.wallboardSetupBackgroundItem 
{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding:8px;
}
.wallboardSetupBackgroundItem:hover .wallboardSetupBackgroundRemoveHolder 
{
    display:flex;
}
.wallboardSetupBackgroundSelected 
{
    border: 3px solid #5FA6DB;
    padding:5px;
}
/*standard style class for new wallboard background items*/
.wallboardSetupBackgroundBox
{
    margin:2px auto;
    border: 1px solid #333333;
    text-align: center;
    outline: none;
    height: 123px;
    position: relative;
    cursor: pointer;
    user-select: none;
    background-repeat: no-repeat;
    background-size:cover;
}

.wallboardSetupBackgroundBox.None {
    background-color: #e9eaee;
}
.wallboardSetupBackgroundBox.Uploader {
    background: url(Images/Wallboards/Backgrounds/uploadImage.png) center center no-repeat;
    background-size: 41%;
    background-color: #EBEBEB;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding-top: calc(54% - 15px);
    padding-bottom: 10px;
}
.wallboardSetupBackgroundBox.Brick { background-image: url(Images/Wallboards/Backgrounds/brick1.jpg); }
.wallboardSetupBackgroundBox.Buildings1 { background-image: url(Images/Wallboards/Backgrounds/buildings1.jpg); }
.wallboardSetupBackgroundBox.Buildings2 { background-image: url(Images/Wallboards/Backgrounds/buildings2.jpg); }
.wallboardSetupBackgroundBox.Gears { background-image: url(Images/Wallboards/Backgrounds/gears1.jpg); }
.wallboardSetupBackgroundBox.Light1 { background-image: url(Images/Wallboards/Backgrounds/light1.jpg); }
.wallboardSetupBackgroundBox.Light2 { background-image: url(Images/Wallboards/Backgrounds/light2.jpg); }
.wallboardSetupBackgroundBox.Light3 { background-image: url(Images/Wallboards/Backgrounds/light3.jpg); }
.wallboardSetupBackgroundBox.Light4 { background-image: url(Images/Wallboards/Backgrounds/light4.jpg); }
.wallboardSetupBackgroundBox.Mountains1 { background-image: url(Images/Wallboards/Backgrounds/mountains1.jpg); }
.wallboardSetupBackgroundBox.Mountains2 { background-image: url(Images/Wallboards/Backgrounds/mountains2.jpg); }
.wallboardSetupBackgroundBox.Mountains3 { background-image: url(Images/Wallboards/Backgrounds/mountains3.jpg); }
.wallboardSetupBackgroundBox.Rocks { background-image: url(Images/Wallboards/Backgrounds/rocks1.jpg); }
.wallboardSetupBackgroundBox.Stars1 { background-image: url(Images/Wallboards/Backgrounds/stars1.jpg); }
.wallboardSetupBackgroundBox.Stars2 { background-image: url(Images/Wallboards/Backgrounds/stars2.jpg); }
.wallboardSetupBackgroundBox.Sunset1 { background-image: url(Images/Wallboards/Backgrounds/sunset1.jpg); }
.wallboardSetupBackgroundBox.Sunset2 { background-image: url(Images/Wallboards/Backgrounds/sunset2.jpg); }
.wallboardSetupBackgroundBox.Texture { background-image: url(Images/Wallboards/Backgrounds/texture1.jpg); }
.wallboardSetupBackgroundBox.Trees { background-image: url(Images/Wallboards/Backgrounds/trees1.jpg); }
.wallboardSetupBackgroundBox.Tunnel { background-image: url(Images/Wallboards/Backgrounds/tunnel1.jpg); }
.wallboardSetupBackgroundBox.Water1 { background-image: url(Images/Wallboards/Backgrounds/water1.jpg); }
.wallboardSetupBackgroundBox.Water2 { background-image: url(Images/Wallboards/Backgrounds/water2.jpg); }
.wallboardSetupBackgroundBox.Water3 { background-image: url(Images/Wallboards/Backgrounds/water3.jpg); }
.wallboardSetupBackgroundBox.Wood1 { background-image: url(Images/Wallboards/Backgrounds/wood1.jpg); }
.wallboardSetupBackgroundBox.Wood2 { background-image: url(Images/Wallboards/Backgrounds/wood2.jpg); }
.wallboardSetupBackgroundBox.Wood3 { background-image: url(Images/Wallboards/Backgrounds/wood3.jpg); }

/*End Wallboard Setup*/
/*Wallboard Slide Creation*/
.WallboardSlideSettingsOverlay
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: black;
    opacity: .3;
}
.WallboardSlideHolder 
{
    position: absolute;
    top: 0;
    width: calc(100% - 3px);
    height: 100%;
}
.WallboardSlideContainer {
    width: 1000px;
    min-height: 550px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.WallboardSlideTopColumn {
    border-bottom: 1px solid #e0e3e6;
    height: 65px;
    margin-left: 25px;
    margin-right: 25px;
    justify-content: space-between;
    font-size: 30px;
    color: #333333;
}
.WallboardSlideHeaderText 
{
    margin-left: 15px;
    height:39px; /*IE requires an explicit height for auto margin to work properly*/
}
.WallboardSlideCloseImgHolder 
{
    height: 26px;
    width: 26px;
    margin-top: 15px;
    margin-right: -17px;
}
.WallboardSlideCloseImg 
{
    background-image: url(Images/CoreTheme/CloseNoPad.png);
    height: 19px;
    width: 19px;
    margin-top: 3px;
    margin-left: 3px;
    cursor: pointer;
    outline: none;
}
.WallboardSlideCloseImg:hover
{
    background-image: url(Images/CoreTheme/CloseIcon.png);
    height: 26px;
    width: 26px;
    margin-top: 0px;
    margin-left: 0px;
}
.WallboardSlideBotContainer {
    border-top: 1px solid #e0e3e6;
    height: 50px;
    margin-left: 25px;
    margin-right: 25px;
    justify-content: flex-end;
}
.WallboardSlideTypeContainer
{
    width: 224px;
    height: 126px;
    padding: 7px;
    cursor: pointer;
    outline: none;
}
.SlideTypeComingSoon 
{
    position: relative;
    top: -70px;
    font-size: 16px;
    background-color: yellow;
    text-align: center;
    font-weight: bold;
    opacity: 0.7;
    transform: rotate(-25deg);
}
.WallboardSlideTypeLabel 
{
    font-size: 18px;
    color: #333333;
    text-align: center;
    cursor: default;
}
.WallboardSlideMargins 
{
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    height: calc(100% - 172px);
}
.WallboardSlideTypeRow 
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    height: 100%;
    overflow-y: auto;
}
.WallboardSlideTypeSelected 
{
    border: 2px solid #0067A4;
    padding: 5px;
}
.WallboardSlideTypeImage 
{
    height: 100%;
    width: 100%;
}

.wallboard-game-tooltip .tooltip-inner {
    width: 300px;
    max-width: 300px;
    font-size: 10px;
    text-align: left;
    font-weight: 600;
}
/**/
/*Slide Details*/
.SlideTypeContainer {
    width: 1120px;
    height: 575px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.SlideTypeTopColumn {
    border-bottom: 1px solid #e0e3e6;
    height: 65px;
    margin-left: 32px;
    margin-right: 32px;
    justify-content: space-between;
    font-size: 30px;
    color: #333333;
}
.SlideTypeHeaderText 
{
    font-size: 20px;
    font-weight: bold;
    color: #666767;
    height: 26px; /*IE requires an explicit height for auto margin to work properly*/
}
.SlideTypeMargins 
{
    margin-top: 110px;
    margin-left: 275px;
    margin-right: 180px;
    margin-bottom: 90px;
    height: calc(100% - 331px);
    justify-content: space-between;
}
.LoadGroupsMargins 
{
    margin-top: 97px;
    margin-bottom: 103px;
    height: calc(100% - 331px);
}
.RacingGroupsMargins 
{
    margin-top: 97px;
    margin-left: 250px;
    margin-bottom: 103px;
    height: calc(100% - 331px);
    justify-content: space-between;
}
.RacingMetricMargins 
{
    margin-top: 73px;
    margin-left: 226px;
    margin-right: 267px;
    margin-bottom: 127px;
    height: calc(100% - 331px);
    justify-content: space-between;
}
.RacingDetailsMargins 
{
    margin-top: 115px;
    margin-left: 144px;
    margin-right: 144px;
    margin-bottom: 85px;
    height: calc(100% - 331px);
    justify-content: space-between;
}
.ImagePreviewMargins 
{
    margin-bottom: 103px;
    height: calc(100% - 250px);
}
.VideoPreviewMargins 
{
    margin-bottom: 7px;
    height: calc(100% - 146px);
}
.VideoCenterContainer 
{
    margin-left: 32px;
    margin-right: 32px;
    height: 100%;
}
.VideoPreviewBox 
{
    width: 400px;
    height: 225px;
    border: 1px solid #333333;
    margin: 40px auto 23px auto;
}
.VideoURLInputHolder 
{
    height: 65px;
    width: 460px;
    margin: 0px auto 25px auto;
}
.VideoSoundInputHolder 
{
    height: 20px;
    width: 460px;
    margin: 0px auto 0px auto;
}
.VideoSettingsURLInput 
{
    width: 380px;
    height: 34px;
    padding-left: 4px;
    font-size: 14px;
}
.VideoIntervalDisclaimer 
{
    font-size: 12px;
    color: #BD2227;
    margin-top: 110px;
}
.VideoLinkDisclaimer 
{
    font-size: 12px;
    color: #BD2227;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
}
.ChallengesDisplayOptions {
    margin-top: 30px;
    margin-left: 120px;
    margin-right: 65px;
    margin-bottom: 3px;
    height: calc(100% - 165px);
    justify-content: space-between;
}
.ChallengesPreviewImage {
    width: 460px;
    height: 266px;
    background-color: #B6BCC4;
}
.SlideTypeBotContainer {
    border-top: 1px solid #e0e3e6;
    height: 64px;
    margin-left: 32px;
    margin-right: 32px;
    justify-content: flex-end;
}
.SlideTypeStepNav 
{
    font-size: 18px;
}
.SlideTypeNavBarStep 
{
    margin-left: 10px;
    cursor: pointer;
    user-select:none;
    outline: none;
}
.SlideTypeNavActiveCircle 
{
    background-color: #0067A4;
    color: #FFFFFF;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 1px solid transparent;
    font-size: 18px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}
.SlideTypeNavActiveStep 
{
    font-size: 18px;
    color: #0078ac;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    height: 24px; /*IE requires an explicit height for auto margin to work properly*/
}
.SlideTypeNavInactiveCircle 
{
    background-color: rgba(0, 0, 0, 0.38);
    color: white;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #999999;
    font-size: 18px;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 4px;
}
.SlideTypeNavInactiveStep {
    font-size: 18px;
    color: #6a7480;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    height: 24px; /*IE requires an explicit height for auto margin to work properly*/
}
.SlideTypeNavLine 
{
    width: 50px;
    border-top: 2px solid #9D9D9D;
    margin-top: auto;
    margin-bottom: auto;
    height: 0px; /*IE requires an explicit height for auto margin to work properly*/
}
.SlideSettingsInputLabel 
{
    font-size: 14px;
    color: #333333;
    margin-bottom: 6px;
}
.AchievementSettingsImageDropDown 
{
    width: 200px;
    padding-left: 5px;
    font-size: 16px;
}
.LeaderboardSettingsImageDropDown 
{
    width: 200px;
    padding-left: 5px;
    font-size: 16px;
    margin-bottom:27px;
}
.SlideSettingsInputHolder 
{
    margin-bottom: 25px;
    width: 450px;
}
.SlideSettingsNameInput 
{
    width: 450px;
    height: 34px;
    padding-left: 4px;
    font-size: 14px;
}
.SlideSettingsTextArea
{
    width: 450px;
    height: 80px;
    resize: none;
    font-size: 14px;
}
.SlideSettingsIntervalColumn 
{
    width:160px;
}
.SlideSettingsIntervalContainer 
{
    justify-content: space-between;
}
.SlideSettingsIntervalHolder 
{
    border: 1px solid #333333;
}
.SlideSettingsIntervalInput 
{
    border-color: transparent;
    width: 75px;
    height: 70px;
    text-align: center;
    font-size: 60px !important;
    color: #333333;
    padding: 0;
    outline: none;
}
.SlideSettingsIntervalLabel 
{
    text-align: center;
    font-size: 8px;
    margin-bottom: 2px;
}
.SlideDetailsBannerInput 
{
    width: 175px;
    height: 24px;
    font-size: 14px;
    color: rgb(51, 51, 51);
    padding-left: 8px;
    margin-bottom: 27px;
}
.SlideDetailsThemeInput 
{
    width: 150px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    padding-left: 8px;
    margin-bottom: 27px;
}
.SlideDetailsShowTopInput
{
    width: 75px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    padding-left: 8px;
}
.SlideDetailsPositioningInput
{
    width: 110px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    padding-left: 8px;
    margin-bottom: 24px;
}
.SlideDetailsStartingLineInput
{
    width: 75px;
    height: 24px;
    font-size: 14px;
    color: #333333;
    padding-left: 8px;
    margin-bottom: 24px;
}
.SlideSettingsMetricsHeader 
{
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #676868;
}
.SlideSettingsMetricsColumnHeader 
{
    width: 175px;
}
.SlideSettingsMetricsColumnItem
{
    width: 175px;
    font-size: 16px;
    font-weight: bold;
}
.SlideSettingsMetricsColumnNoneItem
{
    width: 175px;
    font-size: 16px;
    font-weight: bold;
    color: #D0D2D3;
}
.SlideSettingsDisplayColumnHeader 
{
    width: 188px;
}
.SlideSettingsDisplayColumnInputHolder 
{
    width: 188px;
    font-size: 16px;
}
.SlideSettingsDisplayColumnInput
{
    width: 150px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.SlideSettingsDirectionColumnHeader 
{
    width: 100px;
}
.SlideSettingsDirectionColumnItem
{
    width: 100px;
    font-style: italic;
    font-size: 11px;
}
.SlideSettingsDirectionColumnNoneItem
{
    width: 100px;
    font-style: italic;
    font-size: 11px;
    color: #D0D2D3;
}
.SlideSettingsMetricsItems 
{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 18px;
}
.SlideSettingsDirectionArrowDown
{
    background-image: url(Images/Wallboards/DirectionArrow.png);
    height: 18px;
    width: 14px;
    transform: rotate(180deg);
}
.SlideSettingsDirectionArrowUp
{
    background-image: url(Images/Wallboards/DirectionArrow.png);
    height: 18px;
    width: 14px;
}
/*End Slide Details*/

/*Background Uploader*/
.BackgroundMainContainer 
{
    width: 606px;
    height: 393px;
    border: 2px solid #333333;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    background-color: #FFFFFF;
}
.BackgroundCenterContainer 
{
    margin-left: 32px;
    margin-right: 32px;
    height: calc(100% - 125px);
}
.BackgroundPreviewBox 
{
    width: 320px;
    height: 180px;
    border: 1px solid #333333;
    margin: 24px auto 16px auto;
}
.BackgroundPreviewImg 
{
    width:100%;
    height:100%;
}
.BackgroundUploadBtn 
{
    border: 1px solid #0067A4;
    border-radius: 4px;
    height: 30px;
    width: 150px;
    margin: 10px auto;
    background-color: #FFFFFF;
    box-shadow: none;
    transition: box-shadow ease 0.1s;
    padding-left: 10px;
    padding-right: 10px;
    color: #007CBE;
    cursor: pointer;
}
.BackgroundUploadBtnTxt 
{
    font-size: 16px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    user-select: none;
}
.BackgroundUploadBtn:hover 
{ 
    background-color: #298FD8;
    color:#FFFFFF
}
/*End Background Uploader*/

/*#endregion*/

/*#region ---------------------- Agent Traits -----------------------*/

.agentAttributesValuePopup .centerContainer .attributeName {
    font-size: 14px;
    font-weight: bold;
    max-width: 50%;
    margin-right: 16px;
  cursor: default;
  margin-bottom: 4px;
}

.agentAttributesValuePopup .centerContainer .attributeContainer .clearAttribute {
    font-size: 12px;
  color: #0078AC;
  cursor: pointer;
  outline: none;
  display: none;
}

.agentAttributesValuePopup .centerContainer .attributeContainer:hover .clearAttribute {
  display: block;
}

.agentAttributesValuePopup .centerContainer .singleSelectContainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.agentAttributesValuePopup .centerContainer .singleSelectContainer .valueContainer1 {
	width: 100%;
}

.agentAttributesValuePopup .centerContainer .singleSelectContainer .valueContainer2 {
	width: 49%;
}

.agentAttributesValuePopup .centerContainer .singleSelectContainer .valueContainer3 {
	width: 32%;
}

.agentAttributesValuePopup .centerContainer .singleSelectContainer .attrRadio {
  margin: 6px 6px 5px 5px;
}

.agentAttributesValuePopup .centerContainer .singleSelectContainer .label {
	width: calc(100% - 24px);
}

.agentAttributesValuePopup .centerContainer .multiSelectContainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.agentAttributesValuePopup .centerContainer .multiSelectContainer .valueContainer1 {
	width: 100%;
}

.agentAttributesValuePopup .centerContainer .multiSelectContainer .valueContainer2 {
	width: 49%;
}

.agentAttributesValuePopup .centerContainer .multiSelectContainer .valueContainer3 {
	width: 32%;
}

.agentAttributesValuePopup .centerContainer .multiSelectContainer .attrCheck {
  margin: 6px 6px 5px 5px;
}

.agentAttributesValuePopup .centerContainer .multiSelectContainer .label {
	width: calc(100% - 24px);
}

.agentAttributesValuePopup .centerContainer .dateSelectContainer {
  margin-top: 4px;
}

.agentAttributesValuePopup .centerContainer .numSelectContainer {
  margin-top: 4px;
}

.agentAttributesValuePopup .centerContainer .numSelectContainer .numInput {
  width: 140px;
  height: 21px;
  padding-left: 8px;
  border: 1px solid #6A7480;
}

.agentAttributesFilterArea
{
	height: 93px;
	padding: 17px 0px 4px 80px;
	margin-left: 32px;
	margin-right: 80px;
	/* margin-top: -10px; */
	border-bottom: 1px solid #707070;
	position: relative;
	background-color: #FFFFFF;
}
.agentAttributesFolderFilter
{
	height: 28px;
    width: 300px;
    margin-left: 28px;
    font-size: 14px;
}
.agentAttributesFilterArea .filterMicroText 
{
  font-size: 14px;
  color: #353A40;
  margin-bottom: 16px;
}
.agentAttributesFilterArea .addAttribute
{
	position: absolute;
	right: 24px;
	top: 48px;
    background-image: url(Images/CoreTheme/LargeFloatingAdd.png);
	background-position: center center;
	background-repeat: no-repeat;
    cursor: pointer;
    height: 57px;
    width: 57px;
}
.agentAttributeTileArea
{
	margin: 0px 80px 0px 32px;
}
.agentAttributeTileArea .attributeFolderAreas
{
	border-bottom: 1px solid #707070;
}
.agentAttributeTileArea .attributeFolderAreas .Title
{
	font-size: 20px;
    color: #353A40;
    font-weight: bold;
    margin: 16px 0px 16px 24px;
    width: 90%;
}
.attributeFolderIcon
{	
    background-image: url(Images/Wallboards/FolderIcon.png);
	background-position: center center;
	background-repeat: no-repeat;
    background-size: contain;
	display: inline-block;
	margin-right: 8px;
    height: 15px;
    width: 19px;    
}
.agentAttributeHolder 
{
  margin-left: 68px;
  display: flex;
  flex-flow: row wrap;
}
.agentAttributeTile
{
	width: 253px;
    height: 135px;
    margin: 0px 24px 24px 0px;
    position: relative;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	padding-top: 0px;
    padding-left: 0px;
	background-color:#FFFFFF;
	box-shadow: 1px 1px 1px 0px #00000026;
}
.agentAttributeTile:hover
{
  width: 253px;
  height: 135px;
  padding-top: 0px;
  padding-left: 0px;
  border:1px solid #0078AC;
  box-shadow: 3px 3px 2px 0px #00000040;
  background-color:#FAFEFF;
}
.agentAttributeTile:hover .agentAttributeActionButtons
{
	display:block;
}
.agentAttributeSystemTile
{
	width: 253px;
    height: 160px;
    margin: 0px 24px 24px 0px;
    position: relative;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	padding-top: 0px;
    padding-left: 0px;
	box-shadow: 1px 1px 1px 0px #00000026;
	background-color:#FFFFFF;
}
.agentAttributeSystemTile:hover
{
  width: 253px;
  height: 160px;
  padding-top: 0px;
  padding-left: 0px;
  border:1px solid #0078AC;
  box-shadow: 3px 3px 2px 0px #00000040;
  background-color:#FAFEFF;
}
.agentAttributePreview 
{
  cursor:pointer;
  outline:none;
}
.agentAttributeTileInfo
{
	height: 100%;
    width: 100%;
    justify-content: space-between;
	outline: none;
    cursor: pointer;
}
.agentAttributeTileInfo .tileTitle
{
	outline: none;
    cursor: pointer;
    width: 212px;
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-left: 16px;
    padding-top: 15px;
}
.agentAttributeTileInfo .infoItem 
{
    margin-left: 16px;
    margin-top: 8px;
    font-size: 14px;
}
.agentAttributeTileInfo .infoItem .infoText
{
  width: 125px;
}
.agentAttributeTileInfo .infoItem .infoValue
{
  margin-left: 8px;
  width: 110px;
}
.agentAttributeTileInfo .infoItem .infoValue.noX
{
  background-image: url(Images/CoreTheme/NoX.svg);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.agentAttributeTileInfo .infoItem .infoValue.yesCheck
{
  background-image: url(Images/CoreTheme/YesCheck.svg);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.agentAttributeTileInfo .systemToggle
{
    height: 40px;
    align-items: center;
    margin-left: 16px;
}
.attributeActionButtons 
{
  display:none;
  position: absolute;
  top: 8px;
  right: 8px;
}
.agentAttributeTile:hover .attributeActionButtons
{
	display:block;
}
.agentAttributeAction
{
	margin:0px;
}
.AgentTraitsSetup
{
  width: calc(100% - 48px);
  color: #353A40;
}

.AgentTraitsSetup .HeaderContainer 
{
  height: 63px;
  border-bottom: 1px solid #6A7480;
  margin: 0px 32px 0px 32px;
  background-color:#FFFFFF;
}
.AgentTraitsSetup .HeaderContainer .HomeHolder 
{
  width: 133px;
  margin-right: 64px;
  cursor: pointer;
}
.AgentTraitsSetup .HeaderContainer .HomeIcon 
{
  width: 17px;
  height: 14px;
  margin-left: 8px;
  margin-right: 8px;
  background-image: url(Images/Wallboards/HomeIcon.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.AgentTraitsSetup .HeaderContainer .HomeText 
{
  font-size:14px;
  width:100px;
}

.AgentTraitsSetup .HeaderContainer .Tab 
{
  font-size: 18px;
  margin-right: 24px;
  padding:0px 4px 2px 4px;
  outline: none;
  cursor: pointer;
}

.AgentTraitsSetup .HeaderContainer .TabSelected 
{
  color:#0067A4;
  border-bottom: 2px solid #0067A4;
  padding-bottom:0px;
}

.AgentTraitsSetup .HeaderContainer .TabDisabled 
{
  color:#A8AFB9;
  cursor:default;
  user-select:none;
  outline:none;
}
.AgentTraitsSetup .HeaderContainer .TopOptions 
{
  flex: 1;
  margin-right: 120px;
  justify-content: flex-end;
}

.AgentTraitsSetupSettings 
{
  margin: 24px 32px 16px 32px;
  align-items: center;
}
.AgentTraitsSetupSettings .MainContainer .LeftOptions
{
  font-size: 14px;
  color: #353A40;
  margin-right: 64px;
}
.LeftOptions .NameContainer
{
  margin-bottom:24px;
  width: 400px;
  margin-left:16px;
}
.LeftOptions .dataLabel
{
  margin-bottom: 8px;
  font-weight:bold;
  margin-left:-16px;
}
.LeftOptions .microText
{
  font-size: 14px;
  color: #6A7480;
  margin-bottom: 8px;
}
.LeftOptions .NameContainer input
{
  padding-left: 8px;
  border: 1px solid #A8AFB9;
  width: 238px;
  margin-right: 2px;
}
.LeftOptions .FolderContainer
{
  margin-bottom:24px;
  width: 400px;
  margin-left:16px;
}
.LeftOptions .ToggleContainer
{
  margin-bottom:24px;
  width: 400px;
  margin-left:16px;
}
.LeftOptions .ToggleContainer .ToggleChkLabel
{
    font-size: 14px;
    position: relative;
    top: -2px;
}
.LeftOptions .radioContainer
{
  width: 400px;
  margin-left:16px;
  margin-bottom:24px;
}
.LeftOptions .radioContainer .radioHolder 
{
  margin-top: 8px;
}
.LeftOptions .radioContainer .radioHolder .label 
{
  position:relative;
  top:-1px;
  margin-left: 4px;
  width:120px;
}
.LeftOptions .radioContainer .radioHolder .microTextInfo 
{
  font-size: 12px;
  color: #A8AFB9;
  margin-left: 8px;
}
.AgentTraitsSetupSettings .ButtonContainer 
{
    width: 906px;
    margin-top: 16px;
    justify-content: flex-end;
}
.AgentTraitsSetupAddValues 
{
  width: 421px;
}
.AgentTraitsSetupAddValues.std
{
  height: 493px;
}
.AgentTraitsSetupAddValues.date
{
  height: 840px;
}
.AgentTraitsSetupAddValues.num
{
  height: 548px;
}
.AgentTraitsSetupAddValues .stdType
{
  margin-left: 16px;
}
.AgentTraitsSetupAddValues .dateType
{
  margin-left: 16px;
  width: 520px;
}
.AgentTraitsSetupAddValues .numType
{
  margin-left: 16px;
  width: 568px;
}
.AgentTraitsSetupAddValues .stdType .valueLabel 
{
    font-size:14px;
	margin-bottom: 8px;
	font-weight: bold;
	margin-left: -16px;
}
.AgentTraitsSetupAddValues .stdType .microText 
{
    font-size: 14px;
    color: #6A7480;
    margin-bottom: 16px;
}
.AgentTraitsSetupAddValues .stdType .listContainer 
{
    border: 1px solid #A8AFB9;
    height: 382px;
	padding-top:8px;
}
.AgentTraitsSetupAddValues .stdType .listContainer .emptyAttributeList
{
    font-size: 14px;
    color: #6A7480;
    font-weight: bold;
    text-align: center;
}
.AgentTraitsSetupAddValues .stdType .listContainer .emptyAttributeInfo
{
    font-size: 14px;
    color: #707070;
    width: 262px;
    text-align: center;
    margin: 8px auto;
}
.AgentTraitsSetupAddValues .stdType .listContainer .value
{
    margin-left: 8px;
    margin-right: 8px;
    height: 32px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    cursor: default;
    outline: none;
    justify-content: space-between;
}
.AgentTraitsSetupAddValues .stdType .listContainer .value:hover 
{
  background-color:#E8F8FF;
}
.AgentTraitsSetupAddValues .stdType .listContainer .inlineValueInput
{
  height: 24px;
  width: 470px;
  font-size: 14px;
  padding-left: 8px;
  margin-left: -8px;
}
.AgentTraitsSetupValueDeleteBtn 
{
  width: 20px;
  height: 22px;
}
.AgentTraitsSetupValueDeleteBtn .sgDeleteBtn
{
  display:none;
}
.AgentTraitsSetupValueEditBtn 
{
  width: 20px;
  height: 22px;
  margin-right: 8px;
}
.AgentTraitsSetupValueEditBtn .sgEditBtn
{
  display:none;
}
.AgentTraitsSetupAddValues .stdType .listContainer .value:hover .AgentTraitsSetupValueDeleteBtn .sgDeleteBtn 
{
  display:block;
}
.AgentTraitsSetupAddValues .stdType .listContainer .value:hover .AgentTraitsSetupValueEditBtn .sgEditBtn 
{
  display:block;
}

.AgentTraitsSetupAddValues .stdType .buttonContainer 
{
  border: 1px solid #A8AFB9;
  border-bottom: none;
  height: 49px;
}

.AgentTraitsSetupAddValues .stdType .buttonContainer input 
{
  height: 24px;
  font-size:14px;
  padding-left: 8px;
  margin-left: 8px;
  margin-right: 8px;
  flex: 1;
}

.AgentTraitsSetupAddValues .dateType .valueLabel 
{
    font-size:14px;
	margin-bottom: 8px;
	margin-right: 4px;
	font-weight:bold;
	margin-left: -16px;
}
.AgentTraitsSetupAddValues .dateType .microText 
{
    font-size: 14px;
    color: #6A7480;
    margin-bottom: 16px;
}
.AgentTraitsSetupAddValues .dateType .listContainer 
{
    border: 1px solid #A8AFB9;
    height: 390px;
	width:590px;
	padding-top:8px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .valueHeading
{
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    cursor: default;
    outline: none;
    justify-content: space-between;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value
{
    margin-left: 8px;
    margin-right: 8px;
	margin-bottom: 40px;
    height: 26px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    cursor: default;
    outline: none;
    justify-content: space-between;
}
.agentTraitsDateHeader 
{
  width:592px;
  font-size:14px;
  margin-bottom: 24px;
}

.agentTraitsDateHeader .label 
{
  margin-right: 8px;
}
.agentTraitsDateHeader .ShowLabelAs 
{
  width: 180px;
  margin-right: 8px;
  padding-left: 8px;
}
.agentTraitsDateHeader .DisabledShowLabelAs 
{
  width: 180px;
  margin-right: 8px;
}
.agentTraitsDateHeader .agentTraitHelpText 
{
  font-size: 12px;
  color: #A8AFB9;
  margin-top: 8px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .valueHeading .name 
{
  width: 267px;
  margin-right: 40px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .valueHeading .min 
{
  width: 89px;
  margin-right: 24px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .valueHeading .max 
{
  width: 100px;
  margin-right: 16px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .name 
{
  width: 257px;
  padding-left:8px;
  margin-right: 40px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .min 
{
  width: 77px;
  margin-right: 24px;
  padding-left: 8px;
  outline: none;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .max 
{
  width: 88px;
  margin-right: 16px;
  padding-left: 8px;
  border: none;
  background-color: #FFFFFF;
  color: #D2D6DB;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .minText 
{
  width: 77px;
  margin-right: 24px;
  padding-left: 8px;
  border: none;
  background-color: #FFFFFF;
  color: #D2D6DB;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .maxText 
{
  width: 88px;
  margin-right: 16px;
  padding-left: 8px;
  border: none;
  background-color: #FFFFFF;
  color: #D2D6DB;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .nameDisabled 
{
  width: 259px;
  margin-right: 48px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .minDisabled 
{
  width: 79px;
  margin-right: 24px;
  outline: none;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .maxDisabled 
{
  width: 88px;
  margin-right: 16px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .minTextDisabled 
{
  width: 79px;
  margin-right: 24px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value .maxTextDisabled 
{
  width: 88px;
  margin-right: 16px;
}
.AgentTraitsSetupAddValues .dateType .listContainer .value:hover .AgentTraitsSetupValueDeleteBtn .sgDeleteBtn  
{
  display:block;
}
.AgentTraitsSetupDateUnitBox 
{
  border: 1px solid #A8AFB9;
  background-color: #FFFFFF;
  padding: 8px;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  top: 53px;
  left: 427px;
  width: 77px;
  cursor: default;
  outline: none;
  font-size: 14px;
  line-height: 21px;
  border-radius:4px;
}
.AgentTraitsSetupDateUnitBox .unitLabel
{
  cursor:pointer;
  padding-left: 4px;
}
.AgentTraitsSetupDateUnitBox .unitLabel:hover 
{
  background-color:#E8F8FF;
}
.AgentTraitsSetupDateUnitBox .selected 
{
  color:#FFFFFF;
  background-color:#0078AC;
}
.AgentTraitsSetupDateUnitBox .selected:hover 
{
  background-color:#0078AC;
}
.AgentTraitsSetupAddValues .numType .valueLabel 
{
    font-size:14px;
	margin-bottom: 8px;
	margin-right: 4px;
	font-weight:bold;
	margin-left: -16px;
}
.AgentTraitsSetupAddValues .numType .microText 
{
    font-size: 14px;
    color: #6A7480;
    margin-bottom: 16px;
}
.AgentTraitsSetupAddValues .numType .quickSetupLabel 
{
  font-size: 14px;
  color: #353A40;
  margin-right: 8px;
  font-weight: bold;
}
.agentTraitsQuickSetup 
{
    border: 1px solid #A8AFB9;
    border-bottom: none;
	height: 79px;
    width: 590px;
}
.agentTraitsQuickSetup .SetupContainer 
{
    margin-top: 16px;
    font-size: 14px;
    margin-left: 8px;
    /*border-bottom: 1px solid #A8AFB9;*/
}
.agentTraitsQuickSetup .SetupContainer .SetupHeadings .QuickSetup 
{
    margin-left: 8px;
    margin-right: 24px;
    width: 80px;
}
.agentTraitsQuickSetup .SetupContainer .SetupHeadings .MinMax 
{
    margin-right: 24px;
    width: 80px;
}
.agentTraitsQuickSetup .SetupContainer .SetupHeadings .Buckets 
{
    width: 104px;
}
.agentTraitsQuickSetup .SetupContainer .SetupInputs .QuestionMark 
{
  margin:auto 56px auto 38px;
}
.agentTraitsQuickSetup .SetupContainer .SetupInputs .SetupInput 
{
    margin-right: 36px;
    width: 68px;
    padding-left: 8px;
}
.agentTraitsQuickSetup .ButtonHolder 
{
    width: 150px;
    margin-right: 8px;
    margin-top: 24px;
    /*border-bottom: 1px solid #A8AFB9;*/
}
.AgentTraitsSetupAddValues .numType .listContainer 
{
    border: 1px solid #A8AFB9;
	/*border-top:none;*/
    height: 310px;
	width:590px;
	padding-top:8px;
}
.AgentTraitsSetupAddValues .numType .listContainer .valueHeading
{
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    cursor: default;
    outline: none;
    justify-content: space-between;
}
.AgentTraitsSetupAddValues .numType .listContainer .value
{
    margin-left: 8px;
    margin-right: 8px;
    height: 26px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    cursor: default;
    outline: none;
    justify-content: space-between;
}
.AgentTraitsSetupAddValues .numType .listContainer .valueHeading .name 
{
  width: 280px;
  margin-right: 27px;
}
.AgentTraitsSetupAddValues .numType .listContainer .valueHeading .min 
{
  width: 89px;
  margin-right: 24px;
}
.AgentTraitsSetupAddValues .numType .listContainer .valueHeading .max 
{
  width: 100px;
  margin-right: 16px;
}
.AgentTraitsSetupAddValues .numType .listContainer .value .name 
{
  width: 257px;
  padding-left:8px;
  margin-right: 40px;
}
.AgentTraitsSetupAddValues .numType .listContainer .value .min 
{
  width: 77px;
  margin-right: 24px;
  padding-left: 8px;
  outline: none;
}
.AgentTraitsSetupAddValues .numType .listContainer .value .max 
{
  width: 88px;
  margin-right: 16px;
  padding-left: 8px;
  border: none;
  background-color: #FFFFFF;
  color: #D2D6DB;
}
.AgentTraitsSetupAddValues .numType .listContainer .value .firstMax 
{
  width: 88px;
  margin-right: 16px;
  padding-left: 8px;
}
.AgentTraitsSetupAddValues .numType .listContainer .value .minText 
{
  width: 81px;
  margin-right: 24px;
  padding-left: 8px;
}
.AgentTraitsSetupAddValues .numType .listContainer .value .maxText 
{
  width: 88px;
  margin-right: 16px;
  padding-left: 8px;
  border: none;
  background-color: #FFFFFF;
  color: #D2D6DB;
}
.AgentTraitsSetupAddValues .numType .listContainer .value:hover .AgentTraitsSetupValueDeleteBtn .sgDeleteBtn  
{
  display:block;
}
.AgentTraitsSetupAddValues .numType .listContainer .extra
{
	margin-bottom: 20px;
    margin-right: 63px;
    height: 20px;
    font-size: 12px;
    cursor: default;
    outline: none;
    justify-content: flex-end;
    color: #0078AC;
}
.AgentTraitsSetupAddValues .numType .listContainer .extra .NoLimitText 
{
  cursor: pointer;
  outline: none;
  user-select: none;
  width: 85px;
}
.AgentTraitsSetupUsers .singleContainer 
{
    margin: 24px 184px 16px 184px;
    height: calc(100vh - 184px);
}
.AgentTraitsSetupUsers .singleContainer .Column 
{
  flex: 1;
  min-width: 200px;
}
.AgentTraitsSetupUsers .singleContainer .ColumnHolder 
{
  flex: 3;
  min-width: 600px;
  margin-left: 8px;
  height: 100%;
}
.AgentTraitsSetupUsers .singleContainer .header 
{
  border-bottom: 2px solid #A8AFB9;
  font-size: 16px;
  font-weight: bold;
  height:40px;
}
.AgentTraitsSetupUsers .singleContainer .header .valueCol
{
  border-right: 2px solid transparent;
  padding: 8px;
}
.AgentTraitsSetupUsers .singleContainer .header .headerCol
{
  padding: 8px;
  padding-left: 16px;
}
.AgentTraitsSetupUsers .singleContainer .header .RemoveCol 
{
  width: 20px;
  margin-right: 16px;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer
{
  height: calc(100vh - 224px);
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .valueCol
{
  border-right: 2px solid #A8AFB9;
  height: calc(100vh - 224px);
  padding: 8px;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .valueCol .repeatScroll
{
    max-height: 100%;
    overflow: auto;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .valueCol .dataValue
{
  font-size: 14px;
  padding-top: 5px;
  padding-left: 8px;
  margin-right: 8px;
  height: 28px;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .valueCol .dataValue:hover 
{
  background-color:#E8F8FF;
}
.agentAttributeDataValueSelected
{
  color: #FFFFFF;
  background-color: #0078AC;
  padding-left: 16px;
  margin-left: -16px;
  margin-right: -16px;
  height: 33px;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .ColumnHolder .dataRow 
{
  font-size: 14px;
  height:40px;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .ColumnHolder .dataRow:hover
{
  background-color:#E8F8FF;
}

.agentAttributeSingleRow:hover .RemoveCol .RemoveIcon 
{
  visibility:visible;
}

.agentAttributeDateNumRow:hover .RemoveCol .RemoveIcon 
{
  visibility:visible;
}

.AgentTraitsSetupUsers .singleContainer .dataContainer .ColumnHolder .dataRow .dataCol
{
  padding: 10px 8px;
  padding-left: 16px;
  outline: none;
  user-select: none;
  border-bottom: 1px solid #E0E3E6;
}
.agentAttributeSingleRow .RemoveCol
{
  width: 16px;
  height:21px;
}
.agentAttributeSingleRow RemoveCol .RemoveIcon {
    width: 20px;
    height: 20px;
    background: url(Images/CoreTheme/RemoveSubscriptionsIcon.png) no-repeat;
    cursor: pointer;
    visibility: hidden;
    outline: none;
}

.KPIWidgedRemoveIcon {
    width: 20px;
    height: 20px;
    background: url(Images/CoreTheme/RemoveSubscriptionsIcon.png) no-repeat;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
}
.agentAttributeDateNumRow .RemoveCol
{
  width: 16px;
  height:21px;
}
.agentAttributeDateNumRow .RemoveCol .RemoveIcon, .agentAttributeSingleRow .RemoveCol .RemoveIcon
{
  width: 20px;
  height: 20px;
  background: url(Images/CoreTheme/RemoveSubscriptionsIcon.png) no-repeat;
  cursor: pointer;
  visibility: hidden;
  outline: none;
}
.AgentTraitsSetupUsers .singleContainer .dataContainer .ColumnHolder .repeatScroll
{
    max-height: 100%;
    overflow: auto;
}
.AgentTraitsSetupUsers .dateNumContainer 
{
    margin: 24px 168px 16px 168px;
    height: calc(100vh - 184px);
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer
{
    height: calc(100vh - 224px);
}
.AgentTraitsSetupUsers .dateNumContainer .Column 
{
  flex: 1;
  min-width: 200px;
}
.AgentTraitsSetupUsers .dateNumContainer .ColumnHolder 
{
  flex: 3;
  min-width: 600px;
  height:100%;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .repeatScroll
{
    max-height: 100%;
    overflow: auto;
}
.AgentTraitsSetupUsers .dateNumContainer .header 
{
  border-bottom: 2px solid #A8AFB9;
  font-size: 16px;
  font-weight: bold;
  height:40px;
}
.AgentTraitsSetupUsers .dateNumContainer .header .headerCol
{
  padding: 8px;
  padding-left: 16px;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .dataRow 
{
  font-size: 14px;
  height:40px;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .dataRow:hover
{
  background-color:#E8F8FF;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .dataRow .dataCol
{
  padding: 10px 8px;
  padding-left: 16px;
  outline: none;
  user-select: none;
  border-bottom: 1px solid #E0E3E6;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .dataRow .RemoveCol
{
  width: 41px;
  padding-top: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid #E0E3E6;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .dataRow .RemoveCol .RemoveIcon
{
  width: 20px;
  height: 20px;
  background: url(Images/CoreTheme/RemoveSubscriptionsIcon.png) no-repeat;
  cursor: pointer;
  visibility: hidden;
  outline: none;
}
.AgentTraitsSetupUsers .dateNumContainer .dataContainer .ColumnHolder .dataRow:hover .RemoveCol .RemoveIcon 
{
  visibility:visible;
}
.AgentTraitsSetupAddUsersOverlay
{
    position: absolute;
    top: 0;
	left: 0;
    width: calc(100% - 3px);
    height: 100vh;
    background-color: black;
    opacity: .3;
}
.AgentTraitsSetupAddUsersHolder 
{
    position: absolute;
    top: 0;
	left: 0;
    width: calc(100% - 3px);
    height: 100vh;
}
.AgentTraitsSetupAddUsersContainer 
{
  width: 1120px;
  height: 576px;
  background-color: white;
  margin: auto;
}
.AgentTraitsSetupAddUsersContainer .header 
{
  justify-content: space-between;
  height: 63px;
  font-size: 20px;
  font-weight: bold;
  color: #353A40;
  border-bottom: 1px solid #6A7480;
  margin-left: 32px;
  margin-right: 32px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder 
{
  height: 450px;
  padding: 16px 32px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .colLabels
{
  margin-left: 32px;
  margin-right: 32px;
  margin-top: 16px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #6A7480;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .colLabels .chkCol
{
  margin-left: 8px;
  width: 13px;
  margin-right: 8px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .colLabels .stdCol
{
  margin-left: 8px;
  margin-right: 8px;
  width: 295px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .colLabels .dateCol
{
  margin-left: 8px;
  margin-right: 8px;
  width: 225px;
}
.AgentTraitsSetupAddUsersContainer .buttonHolder 
{
  height: 63px;
  margin-left: 32px;
  margin-right: 32px;
  border-top: 1px solid #6A7480;
  justify-content:flex-end;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .ColumnHolder
{
  height: 286px;
  margin-left: 32px;
  margin-right: 32px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .ColumnHolder .dataRow
{
  height: 39px;
  padding-top: 13px;
  border-bottom: 1px solid #E0E3E6;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .ColumnHolder .dataRow .chkCol
{
  margin-left: 8px;
  width: 13px;
  margin-right: 8px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .ColumnHolder .dataRow .stdCol
{
  margin-left: 8px;
  margin-right: 8px;
  width: 295px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .ColumnHolder .dataRow .dateCol
{
  margin-left: 8px;
  margin-right: 8px;
  width: 225px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .ColumnHolder .dataRow .dateCol .numInput
{
  width:140px;
  height: 21px;
  margin-top: -5px;
  padding-left:8px;
  border: 1px solid #6A7480;
}
.AgentTraitsSetupAddUsersContainer .repeatScroll 
{
  overflow-y:scroll;
  max-height: 286px;
}
.AgentTraitsSetupAddUsersContainer .dataHolder .SelectedCount 
{
  height: 27px;
  padding-top: 13px;
  margin-left: 40px;
  margin-right: 32px;
  font-size: 14px;
  font-style: italic;
  color: #A8AFB9;
  position: relative;
  top: 72px;
  width: 200px;
}

.AgentTraitsSetupHistory 
{
    margin: 24px 32px 0px 233px;
    height: calc(100vh - 184px);
	font-size: 14px;
}
.AgentTraitsSetupHistory .DataItem 
{
  margin-bottom: 16px;
}
.AgentTraitsSetupHistory .DataItem .label 
{
  font-weight: bold;
  width: 100px;
  margin-right: 24px;
}
/*#endregion*/

/*Metric Security Control*/
.btn_editMetricSecurity
{
    background-image: url(Images/CoreTheme/Edit-Icon.png);
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-left: 5px;
}

.btn_newMetricSecurity
{
    background-image: url(Images/CoreTheme/Plus-Blue.png);
    width: 13px;
    height: 13px;
    display: inline-block;
}
/*End Metric Security Control*/

/*-------------------About------------------------*/
.aboutTable
{
    border-collapse:collapse;
    width:90%;
    margin:0px auto;
    background-color:White;
    border:1px solid gray;
    table-layout:fixed;
}

.aboutTable tr:nth-child(even)
{
    background-color: #EAE9E8;
}

/*End About Page*/

/*Allow audio tag to span entire page rather than clamping at 850px*/
audio::-webkit-media-controls-enclosure
{
    max-width: 100%;
}

.textAnswers_showMore
{
    background-image: url(Images/show-more.png);
    width: 10px;
    height: 7px;
    display: inline-block;
}

.textAnswers_showLess
{
    background-image: url(Images/show-less.png);
    width: 10px;
    height: 7px;
    display: inline-block;
}

.textAnswersReport_ddlQuestions
{
    max-width: 350px;
}

.textAnswersReport_ddlSubForms
{
    max-width: 350px;
}

.textAnswersReport_ddlForms
{
    max-width: 350px;
}

.textAnswersReport_HeaderQuestion
{
    min-width: 200px;
}

/*-------------------Documentation ---------------*/
.docItmContainer 
{
	width: 100%;
	height: 100%;
	background-color: white;
}
/*End Documentation Page*/

/*-------------------Documentation Management ---------------*/
.docAssignmentItem 
{
	line-height: 22px;
	background-color:rgb(160,191,222);
	background-image:url("Images/GridHeader.jpg");
	background-position: top;
	background-repeat:repeat-x;
	font-weight:bold;		
}

.docAssignmentItem .expandCollapse
{
	width: 7px;
	height: 18px;
	float: left;
}

.docAssignmentItem .expandCollapse.expand
{
	width: 7px;
	height: 18px;
	background-image: url(Images/expand.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.docAssignmentItem .expandCollapse.collapse
{
	width: 7px;
	height: 18px;
	background-image: url(Images/collapse.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.docItem
{
	background-color: White;
	font-size:12px;	
	cursor: pointer;
}

.docItem.alt
{
	background-color:#DCDEE4;
	font-size:12px;
}

.docItem span,
.docItem.alt span
{
	margin-left: 15px;
}

.docItem.first
{
	border-top: 1px solid #7F8082;	
}

.docItem.separator,
.docItem.alt.separator
{
	border-bottom: 1px solid #7F8082;
}

.docItem:hover
{
	background-color: #FFFF95;	
}

.docItem.alt:hover
{
	background-color: #EEEFBC;	
}

.docItem.selected
{
	background-color: #F0A029;
}

.docItem.selected:hover
{
	background-color: #F8D05F;
}
/*End Documentation Management Page*/

/*#region Proficiency Routing Test Page*/
.fsToken
{
    height: 0px;
    overflow: hidden;
}

.fsToken.open
{
    height: auto;
}
/*#endregion Proficiency Routing Test Page*/

/*-------------Generic Import-------------*/
.lblImportName:hover
{
	font-weight: bold;
}

.btnRemoveRecord 
{
	width:50px;
	text-align:center;
}

table.importedDataTable 
{
	border: 1px solid black;
	border-collapse: collapse;
}

table.importedDataTable th
{
	border: 1px solid black;
	border-collapse: collapse;
}

table.importedDataTable td
{
	border: 1px solid black;
	border-collapse: collapse;
}

.importMapping table .ddlImportCustomData
{
    width: 100px;
}

.importMapping table .lblImportMapping
{
    text-align: right;    
}

.importMapping .importMapping_page_mapping
{
    margin: auto;
    width: 100%;
}

.importMapping_page_preview
{
    height: 95%;
    width: 100%;
}

.importPreviewTableContainer,
.importFailedTableContainer
{    
    height: 95%;
    width: 100%;
    /*overflow: auto;*/
}

.importMapping_page_mapping table
{
    width: 100%;
    overflow: auto;
}

.importMapping_page_mapping .btnImportNextPage
{
    float: right;
    margin-right: 14px;
    margin-top: 10px;
}

.btnPerformCustomImport
{
    float: right;
    margin-right: 14px;
    margin-top: 10px;
}

.btnImportViewErrors
{
    float: right;
    margin-right: 14px;
    margin-top: 10px;
}

.importHistoryTable
{
    width: 100%;
    border-collapse: collapse;
}

.importHistoryTable td, .importHistoryTable th
{
    border: 1px black solid;
}

.importHistoryTable tr:nth-child(odd)
{
    background-color: #D6E4EE;
}

.importHistoryTable tr:first-child
{
    background-color: #61869B;
    color: black;
}

.importHistoryTable th:first-child
{
    width: 75%;
}

.importPreviewTable,
.importFailedTable
{
    border: 1px black solid;
    border-collapse: collapse;
}

.importPreviewTable tr:nth-child(odd),
.importFailedTable tr:nth-child(odd)
{
    background-color: #E5F6FF;    
}

.importPreviewTable th,
.importPreviewTable td
{
    border: 1px black solid;
    border-collapse: collapse;
    white-space: nowrap;
    padding: 0px 25px;
    text-align: center;
}

.importMapping_page_preview .importPreviewTable tr:first-child,
.importMapping_page_preview .importFailedTable tr:first-child
{
    background-color: #61869B;
    color: black;
}

.importHistoryTable table tr th
{
    color: black;
}

.lblSavedImportMappings
{
    display: block;
}

.ddlSavedImportMappings
{
    width: 150px;
}

.btnSaveImportMapping
{
    display: block;
}

.txtMappingName
{
    display: inline-block;
    width: 146px;
}

.importCustomSavedMappings
{
    margin-top: 50px;
}

.lblSaveMapping
{
    display: block;
    margin-top: 20px;
}

/*IBM Imports*/
.txtToBeImported 
{
	width:95%;
	margin:5px auto;
	display:block;	
}

.btnLoadImport.linkButton 
{
	margin:5px auto;
	display:block;
}

.txtImportNameArea
{
	width: 400px;
	margin:5px auto;
}
/*End IBM Import*/
/*End Generic Import*/

/*#region Custom Data Modification*/
.attCatSelectorContainer::after
{
    
}
/*#endregion Custom Data Modification*/

/*HTML5 Audio Player Control*/
.decreasePlaybackSpeed
{
    background-image: url('images/CoreTheme/REW-REG.png');
    width: 30px;
    height: 15px;
    display: inline-block;
    float: right;
    margin-top: 2px;
}
.decreasePlaybackSpeed:hover
{
    background-image: url('images/CoreTheme/REW-HOVER.png');
}

.increasePlaybackSpeed
{
     background-image: url('images/CoreTheme/FF-REG.png');
     width: 30px;
     height: 15px;
     display: inline-block;
     float: right;
     margin-top: 2px;
}
.increasePlaybackSpeed:hover
{
    background-image: url('images/CoreTheme/FF-HOVER.png');
}

.currentPlaybackRate
{
    width: 34px;
    display: inline-block;
    text-align: center;
}

.currentPlaybackRateContainer
{
     display: inline-block; 
     min-width: 34px; 
     max-width: 34px; 
     margin: auto;
     float: right;
     margin-top: 5px;
}

.playbackSpeedControlsContainer
{
    max-width: 188px;
    height: 15px;
    margin: auto;
}
/*End HTML5 Audio Player Control*/

/*ApplicationViewerControl Control*/
.QAForms_invalidGroup
{
    border: 4px solid red;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.ApplicationViewerControl_QuestionGroup
{
    border: 1px solid gray;
    border-top: 3px solid #007eff;
    margin-bottom: 0px;
}

.ApplicationViewerControl_QuestionGroup table tr:nth-child(odd)
{
    background-color: #EEEEE8;            
}

.ApplicationViewerControl_QuestionGroupHeading
{
    background-color: #F2F2F2;
    color: #007eff;
    text-align: center;
    font-weight: bold;
    
}

.QAForms_Text
{
    width: 34%;
    min-width: 34%;
    max-width: 34%;
    border: 1px solid gray;
    border-bottom: 0;
    border-left: 0;
}

.QAForms_Input
{
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    white-space: nowrap;
    border: 1px solid gray;
    border-bottom: 0;
}

.ApplicationViewerControl_Header
{
    font-weight: bold;
    text-align: center;
}

.ApplicationViewerControl_PreviousAnswer
{
    border: 1px solid gray;
    border-right: 0;
    border-bottom: 0;
    min-width: 6.6%;
    max-width: 6.6%;
    width: 6.6%;
        
    /*background: rgb(220, 220, 220);
    background: rgba(120, 120, 120, .3);*/
}

.suggestCoachingSession
{
    overflow: visible;
}

.SuggestCoachingSession_AssignSuggestedCoachButton
{
    background-image: url(Images/CoreTheme/Plus-Blue.png);
    width: 13px;
    height: 13px;
    display: inline-block;
}

.CoachingSessionFollowUp_SessionField .ui-datepicker-trigger
{
    margin-left: 3px;
    float: right;
    cursor: pointer;
}

.CoachingSessionFollowUp_SessionField input[type=checkbox]
{
    float: right;
    margin-top: 0;
}

.ApplicationViewerControlTableHeader
{
    background-color: #007EFF;
    color: white;
    border: 0;
    text-align: left;
    padding-left: 5px;
}

.ApplicationViewerControl_PreviousAnswerTopCell
{
    border-top-right-radius: 0px;
}

.ApplicationViewerControl_PreviousAnswerBottomCell
{
    border-bottom-right-radius: 0px;
}
/*End ApplicationViewerControl Control*/

div.CoachingNavBarBackground.CoachingNavBar_Summary,
div.CoachingNavBarBackground.CoachingNavBar_Overdue,
div.CoachingNavBarBackground.CoachingNavBar_Completed,
div.TasksNavBarBackground.TasksNavBar_Summary,
div.TasksNavBarBackground.TasksNavBar_Overdue,
div.TasksNavBarBackground.TasksNavBar_Completed
{
    height: 568px;
    background-color: white;
}

/* #region -------------------------------*\
	#MANUAL BADGES
\*---------------------------------------*/
.ManualBadgeInfo { height: 420px; }

.createManualBadgeContainer
{
	width: 600px;
	float:left;
	border-left: 1px solid #ADABB3;
	padding-left:10px;
	min-height: 420px;
}

.manualLevelHeaderText
{		
	font-size: 14px; 
	font-weight: bold;
}

.manualLevelItemView { width: 588px; }

.infieldInputHolder .infieldCalendarManual
{
	background-image: url("Images/CoreTheme/Calendar-25.png");
    float: right;    
    height: 25px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 13px;
    left: 115px;
}

.infieldReadOnlyValueDouble
{
	display: inline-block;
    margin: 0;
    padding: 19px 5px 5px 5px;
    width: 25%;
    font-size: 16px;
}
/* #endregion #MANUAL BADGES */





/* #region -------------------------------*\
	#MATERIAL CUSTOM THEME
\*---------------------------------------*/

 /* color of input underline */
 md-select.cvMaterialSelect:not([disabled]):focus .md-select-value, 
 md-select.cvMaterialSelect:not([disabled]):focus .md-select-value {
   border-bottom-color: #0078AC;
 }

 .cvMaterialControl.md-select-menu-container {
     z-index: 2000;
 }

md-select.cvMaterialSelect .md-select-value .md-select-icon {
  display: block;
  background-image: url('Images/CoreTheme/Combobox_Dropdown_padded_gray.png');
  height: 24px;
  width: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  /* background-position: 90% 90%; */
  margin-top: 3px;
}
  md-select.cvMaterialSelect .md-select-value .md-select-icon:after {
    content: "";
  }

/* select placeholder text format */
 md-select.cvMaterialSelect .md-select-value.md-select-placeholder {
    color: #A8AFB9;
    padding-left: 8px;
    font-style: italic;
}

 /* md-select option row height */
 .cvMaterialControl md-option {
   height: 36px;
 }

 /* checkbox container size */
 .cvMaterialControl md-select-menu[multiple] md-option.md-checkbox-enabled .md-container,
 .cvMaterialControl md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
   width: 14px;
   height: 14px;
 }

 /* checkbox dimensions */
 .cvMaterialControl md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
   left: 3px;
   width: 4px;
   height: 9px;
   border-width: 1.5px;
 }

 /* checkbox checked text color */ 
 .cvMaterialControl md-select-menu md-content md-option[selected] {
   color: #0078AC;
 }

 /* checkbox text color while check changing */
 .cvMaterialControl md-select-menu md-content md-option[selected]:focus {
   color: #006ea2;
 }

 /* checkbox background color */
 .cvMaterialControl .md-checkbox-enabled[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
   background-color: #0078AC;
 }
/* #endregion #MATERIAL CUSTOM THEME */





/* #region -------------------------------*\
	#FLEX TABLE
\*---------------------------------------*/

/*.flexTable {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #353A40;
  white-space: nowrap;
}

.flexTable.body {
  overflow: auto;
  max-height: calc(100vh - 386px);
}

.flexTable.body.expandedFilter {
  overflow: auto;
  max-height: calc(100vh - 380px);
}

.flexTable.header {
  height: 40px;
  border-bottom: 1px solid #6A7480;
  font-size: 14px;
  flex-direction: row;
  align-items: center;
}

.flexTable.header.headerItem {
  border-top: none;
  border-bottom: none;
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  font-weight: bold;
}

/* Columns that are grouped together need to not have padding in between the flex boxes, instead give that padding to the child
.flexTable.groupedColumn {
  padding-right: 0px;
  padding-left: 0px;
}
  .flexTable.groupedColumn > div {
    padding-right: 10px;
    padding-left: 10px;
  }
  .flexTable.groupedColumn.firstItem {
    padding-right: 0px;
    padding-left: 10px;
  }
  .flexTable.groupedColumn.firstItem > div {
    padding-right: 10px;
    padding-left: 0px;
  }
  .flexTable.groupedColumn.lastItem {
    padding-right: 10px;
    padding-left: 0px;
  }
  .flexTable.groupedColumn.lastItem > div {
    padding-right: 0px;
    padding-left: 10px;
  }
  .flexTable.groupedColumn.firstItem.lastItem {
    padding-right: 10px;
    padding-left: 10px;
  }

.flexTable.rightItem {
  justify-content: flex-end;
}

.flexTable.header.headerItem.sortable:hover {
  cursor: pointer
}

.flexTable.row:hover div {
  background-color: #E8F8FF;
}

.flexTable.row {
  flex-flow: row nowrap;
  flex-direction: row;
  align-items: center;
  flex: none;
}

.flexTable.rowItem {
  white-space: nowrap;
  font-size: 14px;
  flex: 1;
  height: 40px;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.flexTable.num {
  text-align: right;
}

.flexTable.footer {
  height: 40px;
  border-top: 1px solid #6A7480;
  font-size: 14px;
  font-weight: bold;
}*/

/* #endregion #FLEX TABLE */





/* #region -------------------------------*\
	#RULE RESULTS SIMULATOR
\*---------------------------------------*/

.simulatorTableHolder {
  width: 100%;
  height: calc(100vh - 262px);
  overflow: auto;
}

.rsTable.simulatorTable {
  grid-auto-columns: minmax(max-content, 1fr);
  margin-bottom: 0;
  border-color: #cdd3dc;
}

.simulatorTable .rsTableValue {
  border-color: inherit;
}

.rsTableHover,
.rsProfileCol.rsTableHover {
  background: #E8F8FF;
}

.rsTableValue.rsProfileCol,
.rsTableFooter.rsProfileCol {
  position: static; /* fix hover when position sticky isn't supported */
  position: sticky;
  left: 0px;

  z-index: 1;
}

.simulatorTable .rsTableFooter,
.simulatorTable .rsTableValue,
.simulatorTable .rsTableHeader {
  padding-left: 0px;
  padding-right: 0px;
}
  .simulatorTable .rsTableHeader > *,
  .simulatorTable .rsTableFooter > *,
  .simulatorTable .rsTableValue  > * {
    padding-left: 12px;
    padding-right: 12px;
  }

.simulatorTable .rsProfileCol.rsTableHeader {
  left: 0;
  z-index: 2;
}

.simulatorTable .noBadges {
  margin-left: auto;
  margin-right: 16px;
}

.simulatorTable .badgeImage {
  width: 20px;
  height: 24px;
  vertical-align: top;
  margin-right: 5px;
}

.simulatorTable .badgeNumber {
  text-align: left; 
  display: inline-block;
  min-width: 20px;
}

.simulatorTable .rsTableHeader {
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
}

.simulatorTable .rsTableHeader.subHeader {
  top: 45px;
  border-top-width: 0;
  border-right-width: 0;
  text-align: right;
}
  .simulatorTable .rsTableHeader.subHeader.rsProfileCol {
    border-right-width: 1px;
  }

.simulatorTable .rsTableFooter {
  position: sticky;
  bottom: 0;
  background: white;
  border-top: 1px solid;
  border-color: inherit;
}

.simulatorTable .resultsProfileContainer {
  text-align: left;
  margin-left: 0px;
}

.rsProfileCol {
  grid-column: 1;
  -ms-grid-column: 1;
  background: white;
  border-right: 1px solid;
  border-color: inherit;
}

.simulatorNotRun {
  width: 430px;
  height: 300px;
  margin: 20px auto;
  background-image: url('Images/CoreTheme/Rules/Beakers-Empty-State.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.simulatorBlankLoginHeader {
  width: 227px;
  float: left;
  padding-top: 46px;
  background-color: #788196;
}

.simulatorHeader {
  display: inline-block;
  margin-bottom: -3px;
}

.resultsPageHeader {
  width: 100%;
}

.simulatorIcon {
  display: inline-block;
  background-image: url(Images/CoreTheme/play-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  vertical-align: middle;
}

.emptyResultsText {
  font-size: 18px;
  padding: 10px 5px;
}

.resultsBadgeHeader, .resultsProfile, .simulatorBadgeHeader {
  position: absolute;
  top: 3px;
  left: 3px;
  height: 40px;
  float: left;
}

.simulatorBadgeHeader {
  left: 33px;
}

.resultsTopHolder {
  margin-left: 30px;
  margin-bottom: 30px;
}

/* #endregion #Rule Results / Simulator */





/* #region -------------------------------*\
	#RULE RESULTS
\*---------------------------------------*/

/* temp TODO: remove */
.bottomContent {
    display: none;
}

.fakeSettingsArea {
  width: 100%;
  height: 56px;
  /* margin-top: -15px; */
  display: flex;
  align-items: center;
}

.resultsDateFilterHolder {
  width: 320px;
  margin: 17px 0px 0px 10px;
  display: inline-block;
}

#ruleSummaryDialog md-dialog {
  max-width: 832px;
  max-height: 504px;
  width: 80%;
  height: 80%;
}
  #ruleSummaryDialog md-dialog .md-dialog-content {
    padding-left: 56px;
    padding-right: 32px;
  }

#ruleSummaryDialog md-toolbar {
  background: transparent;
  color: #353A40;
}
  #ruleSummaryDialog md-toolbar .md-toolbar-tools {
    margin: 0 32px;
    padding: 0px;
    width: calc(100% - 64px);
    border-bottom: 1px solid #6a7480;
  }

.noBadges {
  width: 25px;
  height: 2px;
  border: 0;
  background-color: #888;
}

.badgesContainer {
  align-items: flex-start;
}

.badgeHolder {
  padding-left: 25px;
}

.resultsProfileContainer {
  min-width: 175px;
  padding-left: 50px;
  position: relative;
}

.resultsProfileContainer {
  height: 35px;
  margin-left: 15px;
}
  .resultsProfileContainer img {
    height: 35px;
    width: 35px;
    background-color: grey;
    vertical-align: middle;
    margin-right: 3px;
  }


.expanderArrow {
  background-image: url(Images/arrow_r.png);
  background-size: contain;
  height: 12px;
  width: 12px;
  margin: 6px 10px 6px;
  display: inline-block;
  vertical-align: middle;
}

.expanderArrow.expanded {
  transform: rotate(90deg);
}

/* #endregion #Rule Results / Simulator */





/* #region -------------------------------*\
	#RULES LIST / EDIT
\*---------------------------------------*/

.rulesFilterContainer {
  display: flex;
  width: 80%;
  margin-left: 5%;
}

.rulesFilterArea {
  height: 58px;
  padding: 8px 0;
  background-color: #676868;
  position: relative;
}
  .rulesFilterArea .md-select-value {
    background-color: white;
    height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-width: 0px;
    min-height: unset;
  }

.rulesFilterFormGroup {
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 28px;
}

.rulesFilterFormGroup .rulesFilterLabel {
  color: white;
  font-size: 12px;
  padding-bottom: 2px;
}

.rulesFilterInputContainer, .rulesFilterInputContainer select {
  max-width: 300px;
  font-size: 14px;
  display: inline-block;
  flex: 1;
  height: 24px;
}

select.rulesFilterInputContainer  {
  background: white url('Images/CoreTheme/Combobox_Dropdown_padded_gray.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 98% 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0;
  appearance: none;
  outline-width: 0;
  padding-left: 8px;
}

.rulesFilterContainer .sgInputFilterContainer {
  margin-top: 18px;
}

.rulesFilterContainer .sgInputFilter {
  height: 24px;
}

  .rulesFilterContainer input.sgInputFilter::placeholder {
    color: #A8AFB9;
    font-style: italic;
  }

.rulesFilterContainer .sgInputFilterIcon {
  height: 18px;
  background-size: contain;
}

.rulesFilterLabel {
  min-width: 50px;
  display: inline-block;
}

.rolePicker {
  min-width: 150px;
  max-width: 300px;
}

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

.rulesEditBarSegment {
  width: 122px;
  height: 34px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  padding-top: 14px;
  margin-right: -26px;
  position: relative;
  cursor: pointer;
}

.unselectedSegment {
  background: url(Images/CoreTheme/ProgressBarSegment_DES.png) no-repeat center center;
}

.selectedSegment {
  color: white;
  background: url(Images/CoreTheme/ProgressBarSegment_SEL.png) no-repeat center center;
}

.ruleNavigationSegment  {
  color: white;
  background: url("Images/CoreTheme/SegmentMiddle.png") no-repeat center center;
}
  .ruleNavigationSegment.Selected {
    background: url("Images/CoreTheme/SegmentMiddle_Blue.png") no-repeat center center;
  }
  .ruleNavigationSegment.Left  {
    background: url("Images/CoreTheme/SegmentLeft.png") no-repeat center center;
  }
  .ruleNavigationSegment.Selected.Left {
    background: url("Images/CoreTheme/SegmentLeft_Blue.png") no-repeat center center;
  }
  .ruleNavigationSegment.Right {
      background: url("Images/CoreTheme/SegmentRight.png") no-repeat center center;
  }
  .ruleNavigationSegment.Selected.Right {
      background: url("Images/CoreTheme/SegmentRight_Blue.png") no-repeat center center;
  }

.ruleNameTextInput {
  width: 300px;
  font-size: 15px;
}

.ruleDescTextInput {
  width: 298px;
  font-size: 15px;
  margin-top: 2px;
  resize: none;
  font-family: sans-serif;
  height: 55px;
}

.rulesFolderIcon {	
  background-image: url(Images/Wallboards/FolderIcon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  height: 15px;
  width: 19px;    
}

.ruleItem {
  width: 284px;
  min-width: 284px;
  height: 150px;
  margin: 0px 15px 25px 0px;
  background-color: #fafafa;
  position: relative;
  border: 1px solid #A7B0C6;
}
  .ruleItem.new {
    -moz-box-shadow: 0px 0px 10px 5px #0078AC;
    -webkit-box-shadow: 0px 0px 10px 5px #0078AC;
    box-shadow: 0px 0px 10px 5px #0078AC;
  }
  .ruleItem.inEditing::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    position: absolute;
    top: 0px;
  }
  .ruleItem.inEditing::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;	
    background-image: url(Images/CoreTheme/Small-Horizontal-Loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 77px 19px;
  }

.metricSummaryQualifier {
  color: white;
  font-size: 14px;
  border-top: 2px solid #FF99CC;
  border-left: 2px solid #FF99CC;
  background-color: #CC0059;
  padding: 5px;
  margin-bottom: 2px;
}

.metricSummaryOther {
  color: white;
  font-size: 14px;
  background-color: #004CCC;
  border-top: 2px solid #66CCFF;
  border-left: 2px solid #66CCFF;
  padding: 5px;
  margin-bottom: 2px;
}

.action {
    width: 40.25px;
    height: 40.25px;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    outline: 1px solid grey;
}

.coinAct {
  background-image: url(Images/CoreTheme/Rules/Coins-gray.png);
}

.xpAct {
  background-image: url(Images/CoreTheme/Rules/XP-gray.png);
}

.badgeAct {
  background-image: url(Images/CoreTheme/Rules/Badges-gray.png);
}

.proficiencyAct {
  background-image: url(Images/CoreTheme/Rules/Proficiency-gray.png);
}

.coachingAct {
  background-image: url(Images/CoreTheme/Rules/Coaching-gray.png);
}

.surveyAct {
  background-image: url(Images/CoreTheme/Rules/Surveys-gray.png);
}

.challengeAct {
  background-image: url(Images/CoreTheme/Rules/Challenges-gray.png);
  display: none;
}

.currencyAct {
  background-image: url(Images/CoreTheme/Rules/Currency-gray.png);
}


.hasCoinAct {
  background-image: url(Images/CoreTheme/Rules/Coins.png);
}

.hasXPAct {
  background-image: url(Images/CoreTheme/Rules/XP.png);
}

.hasBadgeAct {
  background-image: url(Images/CoreTheme/Rules/Badges.png);
}

.hasProficiencyAct {
  background-image: url(Images/CoreTheme/Rules/Proficiency.png);
}

.hasCoachingAct {
  background-image: url(Images/CoreTheme/Rules/Coaching.png);
}

.hasSurveyAct {
  background-image: url(Images/CoreTheme/Rules/Surveys.png);
}

.hasChallengeAct {
  background-image: url(Images/CoreTheme/Rules/Challenges.png);
}

.hasCurrencyAct {
  background-image: url(Images/CoreTheme/Rules/Currency.png);
}

.actionDrag.hasCoinAct,
.actionAdded.hasCoinAct,
.action.hasCoinAct {
  background-color: #e1c42b;
  background-image: url(Images/CoreTheme/Rules/Coins-white.png);
}

.actionDrag.hasXPAct,
.actionAdded.hasXPAct,
.action.hasXPAct {
  background-color: #63c930;
  background-image: url(Images/CoreTheme/Rules/XP-white.png);
}

.actionDrag.hasBadgeAct,
.actionAdded.hasBadgeAct,
.action.hasBadgeAct {
  background-color: #f28a00;
  background-image: url(Images/CoreTheme/Rules/Badges-white.png);
}

.actionDrag.hasProficiencyAct,
.actionAdded.hasProficiencyAct,
.action.hasProficiencyAct {
  background-color: #c200c4;
  background-image: url(Images/CoreTheme/Rules/Proficiency-white.png);
}

.actionDrag.hasCoachingAct,
.actionAdded.hasCoachingAct,
.action.hasCoachingAct {
  background-color: #636363;
  background-image: url(Images/CoreTheme/Rules/Coaching-white.png);
}

.actionDrag.hasSurveyAct,
.actionAdded.hasSurveyAct,
.action.hasSurveyAct {
  background-color: #e0b957;
  background-image: url(Images/CoreTheme/Rules/Surveys-white.png);
}

.actionDrag.hasChallengeAct,
.actionAdded.hasChallengeAct,
.action.hasChallengeAct {
  background-color: #cc3333;
  background-image: url(Images/CoreTheme/Rules/Challenges-white.png);
  display: none;
}

.actionDrag.hasCurrencyAct,
.actionAdded.hasCurrencyAct,
.action.hasCurrencyAct {
  background-color: #70c021;
  background-image: url(Images/CoreTheme/Rules/Currency-white.png);
}

.setupActionsHolder {
  margin: 6px 4px 0px 0px;
  float: right;
}

.setupActionsButton {
  width: 60px;
  height: 14px;
  text-align: center;
  padding-top: 2px;
  font-size: 11px;
  border-radius: 10px;
  background-color: #0078AC;
  color: white;
  cursor: pointer;
  vertical-align: middle;
}

.ruleChallengesHolder {
  margin: 6px 4px 0px 0px;
  float: right;
  display: none;
}

.ruleChallengesButton {
  width: 60px;
  height: 16px;
  text-align: center;
  font-size: 11px;
  border-radius: 10px;
  background-color: #0078AC;
  color: white;
  cursor: pointer;
  vertical-align: middle;
  padding: 0px 4px 0px 3px;
}

.editAreaSub {
  border: 1px solid #CCCCCC;
  padding: 5px;
}

.lblTextRuleName {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 5px;
}

.ruleEligibilityMetricSelector .showMetricSelectorModule {
    display: none;
}

.addRuleComponent {
  width: 108px;
  height: 40px;
  display: inline-block;
  background-image: url(Images/CoreTheme/Rules/Metric-REG.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
}
.addRuleComponent:hover {
  background-image: url(Images/CoreTheme/Rules/Metric-OVER.png);
}
.addRuleComponent.qualifier {
  background-image: url(Images/CoreTheme/Rules/Qualifier-REG.png);
}
.addRuleComponent.qualifier:hover {
  background-image: url(Images/CoreTheme/Rules/Qualifier-OVER.png);
}

.ruleComponent {
  width: 179px;
  min-height: 110px;
  font-size: 14px;
  margin: 5px;
  border-radius: 5px;
  background-color: #E3F3FF;
  float: left;
}
  .ruleComponent.hasLevels {
    width: 368px;
  }
  .ruleComponent.isQualifier {
    background-color: #FFDDEB;
  }

.ruleComponent.summary {
  cursor: default;
  background-color: #E9E9E9;
  color: black;
}
  .ruleComponent.summary .centerText {
    color: #004CCC;
  }

.ruleComponent.isQualifier.summary {
  cursor: default;
  background-color: #E9E9E9;
  color: black;
}
  .ruleComponent.isQualifier.summary .centerText {
    color: #CC0059;
  }

.ruleDate {
  width: 75px;
}

.ruleChallengeTemplateFieldsContainer {
  width: 790px;
  float: left;
}

.ruleChallengeListContainer {
  margin-left: 10px;
  display: inline-block;
  width: 605px;
}

.ruleChallengeListHeader {
  display: inline-block;
}

.ruleChallengeListItem {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 1px;
}

.ruleChallengeListShowEndedContainer {
  float: right;
  margin-top: -7px;
  color: #FF6666;
}

.challengeOverlay {
  width: 50%;
  height: 82%;
  position: relative;
  background-color: gray;
  opacity: 0.5;
  left: 399px;
  top: -150px;
  text-align: center;
}

.challengeOverlayText {
  font-size: 27px;
  font-weight: bold;
  z-index: 1050;
  opacity: 100;
}

.ruleChallengeCoinsIcon {
  background-image: url("Images/CoreTheme/Coins-24.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.newRuleChallenge {
  background-color: #e9e9e9;
  border: 1px solid lightgray;
  text-align: center;
  margin: 0px 10px;
  margin-bottom: 10px;
  transition: background-color 0.3s ease-in-out, border 0.3s ease;
  cursor: pointer;
}
  .newRuleChallenge:hover {
    background-color: #DFDFDF;
    border: 1px solid blue;
    transition: background-color 0.3s ease-in-out, border 0.3s ease;
  }

.newRuleChallengeIcon {
  background-image: url("Images/CoreTheme/Plus-Blue.png");
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin: 1px 0px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.ruleChallengeIsPrivateIcon {
  background-image: url("Images/CoreTheme/Checkmark-HoverSEL.png");
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  background-size: 13px;
  margin: 1px 0px;
  margin-top: 2px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.ruleChallengeContainer {
  height: 230px;
}

.ruleListOfChallengesContainer {
  border: 1px solid black;
  height: 178px;
  margin-bottom: 10px;
}

.ruleChallengesLists {
  overflow-y: auto;
  height: 127px;
}

.ruleListEndedChallengesContainer {
  background-color: #FF6666;
  color: white;
}

.challengeInfoTemplateHeader {
  background-color: #0078AC;
  color: white;
  height: 20px;
  padding-left: 5px;
}

.challengeInfoTemplateItem {
  padding-left: 5px;
}

.challengeInfoTemplateItemOdd {
  background-color: #CCEEFF;
}

.ruleActionChallengeParticipantsContainer {
  border: 1px solid black;
  height: 108px;
  margin-top: 10px;
}

.ruleActionChallengeParticipantsInvitedContainer,
.ruleActionChallengeParticipantsJoinedContainer {
  width: 50%;
  height: 148px;
  float: left;
  border: 1px solid black;
  box-sizing: border-box;
}

.ruleActionChallengeParticipantsHeader {
  border-bottom: 1px solid black;
  background-color: #0078AC;
  color: white;
  padding-left: 5px;
  height: 18px;
}

.ruleChallengeParticipantHeaderText {
  float: left;
  margin-top: 3px;
}

.ruleChallengeParticipantCount {
  float: right;
  margin-top: 3px;
  margin-right: 5px;
}

.ruleChallengeParticipantOverviewRow {
  padding: 3px 0px 3px 5px;
}

.ruleChallengeParticipantOverviewRow:nth-child(even) {
  background-color: #e9e9e9;
}

.ruleChallengeParticipantListContainer {
  overflow-y: auto;
  height: 90px;
  margin-top: 10px;
  border-top: 1px solid lightgray;
}

.ruleNewGroupItemContainer {
  margin-top: 3px;
}

.ruleChallengeNewInvited,
.ruleChallengeNewForceJoin {
  background-image: url("Images/CoreTheme/Plus-Blue.png");
  width: 13px;
  height: 13px;
  display: inline-block;
  float: left;
  margin: -2px 5px 0px 5px;
  cursor: pointer;
}

.ruleChallengeGroupPickerHeader {
  background-color: #0078AC;
  color: white;
  height: 16px;
  border: 1px solid black;
  text-align: center;
  margin-bottom: 1px;
}

.ruleChallengeGroupPickerHeaderText {
  float: left;
  margin-top: 2px;
}

.ruleChallengeGroupPickerItem {
  padding-left: 10px;
  height: 20px;
}
  .ruleChallengeGroupPickerItem:nth-child(odd) {
    background-color: #e9e9e9;
  }
  .ruleChallengeGroupPickerItem:hover {
    background-color: #0078AC;
    color: white;
  }
  .ruleChallengeGroupPickerItem:hover .ruleChallengeGroupRemoveIcon {
    background-image: url("Images/CoreTheme/White-minus.png");
    background-size: 14px;
  }

.ruleChallengeGroupRemoveIcon {
  background-image: url("Images/CoreTheme/BlueMinus.png");
  display: inline-block;
  width: 13px;
  height: 13px;
  float: left;
  margin-top: 3px;
  cursor: pointer;
}

.ruleChallengeGroupItemText {
  margin-top: 4px;
  margin-left: 5px;
  display: inline-block;
}

.ruleChallengeItem {
  height: 18px;
}
  .ruleChallengeItem.selected {
    background-color: #0078AC;
    color: white;
  }
  .ruleChallengeItem:hover {
    background-color: #0078AC;
    color: white;
  }
  .ruleChallengeItem span {
    cursor: default;
  }
  .ruleChallengeItem .removeRuleChallengeListItem {
    width: 0px;
    height: 0px;
  }
  .ruleChallengeItem:hover .removeRuleChallengeListItem,
  .ruleChallengeItem.selected .removeRuleChallengeListItem {
    background-image: url(Images/CoreTheme/White-minus.png);
    width: 13px;
    height: 10px;
    background-size: 13px;
    float: right;
    margin-right: 6px;
    margin-top: 3px;
    cursor: pointer;
  }
  .ruleChallengeItem:hover .removeRuleChallengeListItem:hover {
    background-image: url("Images/CoreTheme/Minus-WhiteFill.png");
    margin-right: 6px;
    margin-top: 3px;
  }

.removeRuleChallenge {
  background-image: url("Images/CoreTheme/Trash.png");
  width: 15px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 15px;
  display: inline;
  cursor: pointer;
}
  .removeRuleChallenge:hover {
    background-image: url("Images/CoreTheme/Trash-Hover.png");
  }

.ruleChallengePayoutTiersFieldset {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 21px;
  border: 2px groove threedface;
  height: 60px;
}

.ruleChallengePayoutTiersFieldset legend {
  margin: 0;
  font-size: unset;
  padding: 0px 2px;
}

.ruleActionDefaultView {
  width: 100%;
  height: 180px;
  margin-top: 90px;
  color: #CCCCCC;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background-image: url(Images/CoreTheme/Gray-C.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.setupActionsActionBar {
  width: 50px;
  height: 300px;
  margin: 7px 5px 0px 0px;
  display: inline-block;
  float: left;
}

.ruleActionType {
  width: 814px;
  height: 35px;
  padding: 6px 0px 0px 12px;
  border: 1px solid #979797;
  background-color: #E9E9E9;
  font-size: 15px;
  cursor: pointer;
  position: relative;
}
  .ruleActionType:hover {
    background-color: #CBCBCB;
  }
  .ruleActionType.selected {
    /* width: 802px; */
    color: white;
    border: none;
    background-color: #0078AC;
  }
    .ruleActionType.selected:hover {
      background-color: #005AE1;
    }

.ruleActionInUse {
  width: 17px;
  height: 17px;
  background-image: url(Images/CoreTheme/Checkmark-HoverSEL.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0px 0px 0px 100px;
  position: absolute;
}

.chosenBadgeImg {
  text-align: center;
  margin-bottom: 4px;
  cursor: pointer;
}

.chooseImg {
  width: 50px;
}

.actionDrag,
.actionDragDisabled {
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  outline: 1px solid grey;
}

.actionDragDisabled {
  cursor: default;
}

.actionAdded {
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  outline: 1px solid grey;
}

.ruleLevel.canDrag {
  background-color: #E9F1FD;
}

.ruleLevel.canDrag .ruleLevelActionAvailable {
  background-color: #0078AC;
}

.proficiencySchedulePlacement {
  bottom: 0px;
  right: 0px;
}

.ruleChallengePayoutTier {
  float: left;
  width: 105px;
}

.ruleChallengeNewPayoutTierContainer {
  float: left;
  width: 105px;
  height: 17px;
  border: 1px solid gray;
  background-color: #e9e9e9;
  cursor: pointer;
  width: 70px;
  margin-left: 12px;
  transition: background-color 0.3s ease-in-out, border 0.3s ease;
}

.ruleChallengeNewPayoutTierContainer:hover {
  background-color: #DFDFDF;
  border: 1px solid blue;
  transition: background-color 0.3s ease-in-out, border 0.3s ease;
}

.ruleChallengesInfoIcon {
  background-image: url("Images/CoreTheme/info-icon.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  float: left;
}

.ruleChallengesResultsIcon {
  background-image: url("Images/CoreTheme/Finish-Flag-Results-Icon.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  float: left;
}

.ruleChallengesResultsSpacer {
  width: 15px;
  margin-right: 7px;
  margin-top: 3px;
  display: inline-block;
}

.challengeResultRow {
  background-color: #F7F8F9;
  height: 35px;
  font-size: 14px;
  color: #3D4652;
  padding-bottom: 1px;
  line-height: 35px;
}

.challengeResultRow:nth-child(even) {
  background-color: #E9EAED;
}

.challengeResultPlace {
  padding-left: 17px;
  width: 20px;
  display: inline-block;
}

.challengeResultLoginName {
  padding-left: 13px;
}

.ruleChallengeNewPayoutIcon {
  background-image: url("Images/CoreTheme/Plus-Blue.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-top: 1px
}

.ruleChallenge_AddPayoutTier {
  background-image: url("Images/CoreTheme/Plus-Blue.png");
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 1px;
  margin-right: 3px;
}

.ruleChallenge_RemovePayoutTier {
  background-image: url("Images/CoreTheme/BlueMinus.png");
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  float: right;
  margin-right: 6px;
  margin-top: 1px;
}

.ruleChallenge_firstPayoutTierRemovePlaceholder {
  width: 13px;
  height: 13px;
  float: right;
  margin-right: 6px;
  margin-top: 1px;
}

.ruleChallenge_PayoutLeftGreen {
  border: 2px solid #74DA41;
}

.ruleChallenge_PayoutLeftYellow {
  border: 2px solid #EEDC43;
}

.ruleChallenge_PayoutLeftRed {
  border: 2px solid #DC4343;
}

/* #endregion #RULES LIST */





/* #region -------------------------------*\
	#RULE SUMMARY
\*---------------------------------------*/
.rsSectionHeader {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
}

.rsSectionSubHeader {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
}
  .rsSectionSubHeader p {
    margin: 0px;
  }

.rsSectionColumn {
  padding-right: 24px;
}
  .rsSectionColumn .rsValue,
  .rsSectionColumn .rsMultiple {
    min-width: 90px;
  }
    .rsSectionColumn .rsValue.rsSecondValue {
      min-width: 0;
      text-align: right;
      padding-left: 16px;
    }
  .rsSectionColumn .rsLabel {
    padding-right: 16px;
  }

.rsValue {
  font-weight: 600;
}

.rsMultiple > a {
  font-weight: 600;
  text-decoration: dashed underline;
}

.rsMultipleTooltip {
  background-color: #e0e3e6;
  border: 1px solid #6a7480;
  position: absolute; 
  max-height: 215px;
  overflow: auto;
  box-shadow: 2px 2px 10px black;
  z-index: 1;
  padding: 8px 1px 8px 8px;
}
  .rsMultipleTooltip p {
    font-size: 12px;
    line-height: 18px;
    margin: 5px;
    padding-right: 7px;
    white-space: nowrap;
  }

/* use flex for browsers without grid */
.rsSection {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
}

.rsSectionColumn {
  display: flex;
  flex-flow: column;
}

.rsSectionHeader {
  flex: 0 0 100%;
}

.rsSubGrid {
  display: flex;
  flex-flow: row;
  flex: 0 0 100%;
}

.rsValueRow {
  display: flex;
  flex-flow: row;
  flex: 1 1 20px;
  max-height: 20px;
}
  .rsValueRow .rsLabel {
    min-width: 90px;
  }

@supports (display:grid) {
  .rsSection {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-rows: min-content;
  }

  .rsSectionHeader {
    grid-row: 1;
    grid-column: 1 / -1;
  }

  .rsSectionColumn {
    display: grid;
    grid-auto-rows: 20px;
    grid-auto-columns: max-content;
    grid-row: 2;
  }
    .rsSectionColumn {
      grid-column: 1 / -1;
    }
    .rsSectionColumn .rsLabel {
      grid-column: 1;
    }
    .rsSectionColumn .rsValue,
    .rsSectionColumn .rsMultiple {
      grid-column: 2;
    }
      .rsSectionColumn .rsValue.rsSecondValue {
        grid-column: 3;
      }

  .rsSubGrid { display: grid; }
  .rsValueRow { display: grid; }

  @supports (display:contents) { /* Looks nicer with newer browsers that support display: contents */
    .rsValueRow { display: contents; }
    .rsValueRow .rsLabel { min-width: unset; }
    .rsValueRow .rsValue { min-width: 72px; }
  }


  /* Rule Summary Specific */
  .rsSubGrid.rsMetricsQualifiers {
    grid-template-columns: repeat(2, max-content);
  }
    .rsMetricsQualifiers .rsMetrics {
      grid-column: 1;
      margin-right: 58px;
    }
    .rsMetricsQualifiers .rsQualifier {
      grid-column: 2;
    }
    
  .rsActions {
    grid-auto-columns: auto;
  }

}


/* Using grid and -ms-grid for the tables */
.rsTable {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max-content;
  grid-auto-rows: max-content;
  grid-auto-columns: max-content;
  border-color: #a8afb9;
}

.rsTableHeader {
  grid-row: 1;
  -ms-grid-row: 1;
  padding: 16px 16px 8px 0px;
  font-size: 14px;
  color: #6a7480;
  border-bottom: 1px solid #a8afb9;
}

.rsTableHeader.subHeader {
  grid-row: 2;
  -ms-grid-row: 2;
}

.rsTableValue {
  padding: 12px 16px 12px 0px;
  text-align: right;
}

.rsTableFooter {
  padding: 12px 16px;
  text-align: right;
}

.rsCoinRatioRow {
  -ms-grid-row: 2;
  grid-row: 2;
}

.rsXPRatioRow {
  -ms-grid-row: 3;
  grid-row: 3;
}

.rsCurrencyRatioRow {
  -ms-grid-row: 4;
  grid-row: 4;
}

.rsLabelCol {
  grid-column: 1;
  -ms-grid-column: 1;
  text-align: left;
}

.rsMultiplierCol {
  grid-column: 2;
  -ms-grid-column: 2;
}

.rsMaxCol {
  grid-column: 3;
  -ms-grid-column: 3;
}

.rsCoinCol {
  grid-column: 2;
  -ms-grid-column: 2;
}

.rsXPCol {
  grid-column: 3;
  -ms-grid-column: 3;
}

.rsCurrencyCol {
  grid-column: 4;
  -ms-grid-column: 4;
}

.rsBadgeCol {
  grid-column: 5;
  -ms-grid-column: 5;
}

.rsProficiencyCol {
  grid-column: 6;
  -ms-grid-column: 6;
}

.rsCoachingCol {
  grid-column: 7;
  -ms-grid-column: 7;
}

.rsSurveyCol {
  grid-column: 8;
  -ms-grid-column: 8;
}


@media only screen and (max-width: 880px) { /* lower padding and min-widths on smaller screen */
  .rsTableHeader {
    padding: 10px 10px 5px 10px; 
  }
  .rsTableValue {
    padding: 8px 10px;
  }
  .rsLabelCol {
    min-width: 50px;
  }
}

.mdDialogClose {
  height: 26px;
  width: 26px;
  margin-top: 10px;
}
.mdDialogCloseImg
{
  background-image: url(Images/CoreTheme/CloseNoPad.png);
  height: 19px;
  width: 19px;
  margin-top: 3px;
  margin-left: 3px;
  cursor: pointer;
  outline: none;
}
  .mdDialogCloseImg:hover {
    background-image: url(Images/CoreTheme/CloseIcon.png);
    height: 26px;
    width: 26px;
    margin-top: 0px;
    margin-left: 0px;
  }

/* #endregion #RULE SUMMARY */




/*#region --- QA Pages (view recording etc)*/
.recordingOutOfText
{
	font-size: 20px;
    display: inline-block;    
    width: 66%;
    text-align: center;
    padding: 8px 0px 28px 0px;
}

.new_btn_spacer
{
	width: 100px;
	display: inline-block;
}
/*#endregion ---QA Pages (view recording etc)*/

/*#region --- Misc Angular Controls ---*/
/*#region --- String Repeater ---*/
.stringRepeaterItem
{
    padding: 3px 3px 1px 3px;
    text-overflow: ellipsis;
    background-color: white;
}

.stringRepeaterItem:nth-child(even) 
{
    background-color: #eeeeee;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
/*#endregion --- String Repeater ---*/
/*#endregion --- Misc Angular Controls ---*/

/* ------------------Standard formatting--------------------*/
/*Buttons*/
.buttonBacker
{
	padding: 7px;
	margin: 2px;
	border-radius: 5px;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#D7D7D7', endColorstr='#F5F5F5');
	background: -webkit-linear-gradient(#D7D7D7, #F5F5F5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D7D7D7, #F5F5F5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D7D7D7, #F5F5F5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D7D7D7, #F5F5F5); /* Standard syntax */
	box-shadow: 1px 1px 5px 0px #D8D8D8, inset 1px 1px white;
	margin-right: 0;
	margin-left: auto;
}

.linkButton
{	
	padding: 3px 6px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	background-color: #EFEFEF;
	box-shadow: 1px 1px 5px #666666, inset 1px 1px white;
	text-align: center;
	color: #666666;
}

.linkButton.fixedWidth
{
	width: 52px;
}

.linkButton:hover
{
	font-weight: normal;
	box-shadow: 1px 1px 0px #CCCCCC, inset 2px 2px white;
}

.linkButton.white
{
    color: white;
}

.linkButton.disabled, .linkButton.disabled:hover
{
	font-weight: normal;
	color: Gray;
	cursor: default;
	border-color: Gray;
	background-color: #EAE9E8;
    box-shadow: 0px 0px;
}

.wizardButton
{
    width: 100px;
    height: 28px;
    text-align: center;
    padding-top: 7px;
	margin: 10px 0px;
    font-size: 15px;
    border-radius: 25px;
    background-color: #0078AC;
    color: white;
	cursor: pointer;
	display: inline-block;
}

.wizardButton:hover
{
	background-color: #0077EE;
}

.textButton
{
	color: #0078AC;
	font-size: 14px;
	letter-spacing: 2px;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
}

.textButton:hover
{
	font-weight: bold;	
}

.textButtonSmall
{
    color: #0078AC;
	font-size: 12px;	
	display: inline-block;	
	cursor: pointer;
    background: 0;
    outline: 0;
    border: 0;
}

.textButtonSmall:hover
{
    box-shadow: 0;
}

.settingsNavButton
{
    height: 32px;
    border: 2px solid white;
    min-width:80px;
    float: left;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;

    /*fix for needing to be a button for recordings*/
    background: 0;
    outline: 0;
    color: white;
}

.settingsNavButton.onDiv
{
	height: 32px;
	text-align: center;
	padding: 4px 0px;
	font-size: 14px;
}

.settingsNavButton.blue
{
    border-color: #0078AC;
    color: #0078AC;
}

.settingsNavButton:hover
{
    background-color: white;
    color: #3D4652;
}

.settingsNavButton.blue:hover
{
    background-color: #0078AC;
    color: white;
}

.settingsNavButton.inSettingsBar
{
    margin-left: 25px;    
    margin-top: 31px;
}

.settingsNavButton.short
{
    width: 100px;
}

/*If changing: also change the error message dialog button.  Find by selector with .errorDialog + .ui-dialog-buttonpane .ui-dialog-buttonset button*/
.actionButton
{
    border-radius: 5px;
    background-color: gray;    
    border: 0 none;
    color: #FFF;
    font-size: 14px;
    height: 39px;
    text-transform: uppercase;
    width: 95px;
    border-bottom: 1px solid #003AA9;
    outline: 0;
    position: relative;
	cursor: pointer;
}

.actionButton.short
{
    height: 27px;
    margin-top: -6px;
}

.actionButton:active { border-bottom: 0px; height: 40px; }
.actionButton.onASPInput:active { height: 39px; }

.actionButtonInnerText
{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    cursor: pointer;
}

.actionButton.short .actionButtonInnerText
{
    padding-top: 5px;
}

/*Blue Action Button*/
.actionButton.blue 
{ 
    background: #1B9EFF;
    background: -moz-linear-gradient(top, #1B9EFF 0%, #0034e2 100%);
    background: -webkit-linear-gradient(top, #1B9EFF 0%,#0034e2 100%);
    background: linear-gradient(to bottom, #1B9EFF 0%,#0034e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B9EFF', endColorstr='#0034E2', GradientType=0 );    
}

.actionButton.blue:hover
{
	background: #469BFF;
    background: -moz-linear-gradient(top, #469BFF 0%, #0058FF 100%);
    background: -webkit-linear-gradient(top, #469BFF 0%,#0058FF 100%);
    background: linear-gradient(to bottom, #469BFF 0%,#0058FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469BFF', endColorstr='#0058FF',GradientType=0 );
}

.actionButton.blue:active { background: #0078AC; }

/*Magenta Action Button*/
.actionButton.magenta { 
    background-color: #FF0066; 
    border-color: #74003A; 
    background: -moz-linear-gradient(top, #FF0066 0%, #930049 100%);
    background: -webkit-linear-gradient(top, #FF0066 0%,#930049 100%);
    background: linear-gradient(to bottom, #FF0066 0%,#930049 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0066', endColorstr='#930049', GradientType=0 );    
}

.actionButton.magenta:hover
{
	background: #FF0066;
    background: -moz-linear-gradient(top, #FF0066 0%, #C30061 100%);
    background: -webkit-linear-gradient(top, #FF0066 0%,#C30061 100%);
    background: linear-gradient(to bottom, #FF0066 0%,#C30061 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0066', endColorstr='#C30061',GradientType=0 );
}

.actionButton.magenta:active { background: #CC0066; }

.actionButton.disabled { background-color: #CCCCCC; }

.actionButton.disabled:active
{
	box-shadow: none;
	text-shadow: none;
}

.rndBtn
{
	width: 93px;
    height: 25px;
    color: #3f3f3f;
    background-color: #788196;
    border-radius: 10px;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 17px;
    cursor: pointer;
	transition: transform 0.1s ease;
}
.rndBtn:hover { transform: scale(1.02); }
.rndBtn.blue { background-color: #005CA5; color: white; }
.rndBtn.red { background-color: #BD2026; color: white; }
.rndBtn.green { background-color: #3D9349; color: white; }
.rndBtn.inactive { cursor: not-allowed; }
/*END Buttons*/

.lblActionHeader
{
    margin-top: 7px;
    display: inline-block;
}

.lblTextDescription
{
	margin: 5px 0px;
	font-weight: bold;
	font-size: 18px;
}

.lblTextMoreOptions
{
	color: #0078AC;
	font-size: 12px;
	cursor: pointer;
}

.inputHolder 
{ 
	display: inline-block; 
	margin: 5px 25px; 
	float: left;
}

/*Question Marks*/
.cvQuestionMarkHolder
{
	display: inline-block;
	position: relative;
	
	font-weight: normal;
	font-size: 12px;	
}

.cvQuestionMarkBubble span
{
	display: inline-block;
	padding-top: 5px;
}

.cvQuestionMarkHolder ul
{
	padding-left: 15px;
}

.cvQuestionMark
{
	width: 18px;
	height: 18px;
	background-image: url(Images/CoreTheme/Question-REG.svg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.cvQuestionMark:hover
{
	background-image: url(Images/CoreTheme/Question-Hovered_Active.svg);
}

.cvQuestionMarkBubble
{
	min-width: 200px;
	min-height: 100px;		
	border-radius: 4px;
	padding: 5px;
	color: black;
	background-color: white;
	border: 1px solid #A8AFB9;
	position: absolute;
	z-index: 100;
}

/*.cvQuestionMarkBubble:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: white transparent;
    display: block;
    width: 0;
    z-index: 100;
    margin-left: -5px;
    bottom: -10px;
    left: 9%;
}

.cvQuestionMarkBubble:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #8EB5E3 transparent;
    display: block;
    width: 0;
    z-index: 99;
    margin-left: -6px;
    bottom: -13px;
    left: 9%;
}*/
/*END Question Marks*/

/*Infield Inputs*/
.infieldSpacer
{
    border: 1px solid transparent; 
	position: relative;	
	margin: 0px auto;
	float: left;
    box-sizing: border-box;    
    height: 40px;
}

.infieldInputHolder,
.infieldCheckboxHolder,
.infieldSelectHolder,
.infieldImageHolder
{ 
	border: 1px solid #A7B0C6; 
	position: relative;
	background-color: white;
	margin: 0px auto;
	float: left;
    box-sizing: border-box;    
    height: 40px;    
}

.infieldInputHolder label,
.infieldCheckboxHolder label,
.infieldSelectHolder label,
.infieldImageHolder label
{ 
	font-size: 10px; 
	display: block; 
	position: absolute;
	top: 5px;
	left: 5px;
	transition: color 0.4s ease, background-color 0.1s ease-in-out;
    letter-spacing: 1px;
	text-transform: uppercase;
    color: #788196;
}

.infieldInputHolder input 
{ 
	border: none; 
	display: block;
	margin: 0;
	padding: 20px 5px 5px 10px;
	outline: none;
	width: 91%; 
	background-color: transparent;
	transition: color 0.4s ease, background-color 0.1s ease-in-out;
}

.infieldSelectHolder select
{
	border: none; 
	display: block;
	margin: 0;
	padding: 16px 5px 5px 6px;
	outline: none;
	width: 100%; 
	background-color: transparent;
	transition: color 0.4s ease, background-color 0.1s ease-in-out;
}

.infieldMultiSelectHolder
{
	border: 1px solid #A7B0C6; 
	position: relative;
	background-color: white;
	margin: 0px auto;
	float: left;
    box-sizing: border-box;    
    height: 40px;   
}

.infieldMultiSelectHolder div[isteven-multi-select] > span
{
    border: none;
}

.infieldMultiSelectHolder div[isteven-multi-select] > span > button
{
    height: 40px;
    width: 100%;
    padding: 16px 5px 5px 6px;
    border: none;
    border-radius: 0;
    text-align: left;
    background: none;
}

.infieldMultiSelectHolder div[isteven-multi-select] .caret
{
    position: absolute;
    right: 5px;
    top: 16px;
}

.infieldMultiSelectHolder div[isteven-multi-select] > span > .checkboxLayer
{
    width: 100%;
    bottom: 40px;
}

.infieldRadioGroupHolder
{
    border: 1px solid #A7B0C6; 
	position: relative;
	background-color: white;
	margin: 0px auto;
	float: left;
    box-sizing: border-box;    
    height: 40px;
}

.infieldRadioGroupHolder span
{ 
	font-size: 10px; 
	display: block; 
	position: absolute;
	top: 5px;
	left: 5px;
	transition: color 0.4s ease, background-color 0.1s ease-in-out;
    letter-spacing: 1px;
	text-transform: uppercase;
}

.infieldRadioGroupHolder input[type="radio"]
{
    margin-top: 18px;
}

.infieldRadioGroupHolder label
{
    margin-right: 10px;
}

.infieldCheckboxHolder div
{
    margin-top: 19px;
}

.infieldCheckboxHolder input
{
    border: none; 
	display: block;
	margin: 0;	
	outline: none;
	width: 100%; 
	background-color: transparent;
	transition: color 0.4s ease, background-color 0.1s ease-in-out;    
}

.infieldImageHolder div
{
	margin: 10px 0px 0px 90px;
}

.infieldInputHolder input:focus,
.infieldSelectHolder select:focus
{
	color: #000;	
	box-shadow: 3px 0px 0px 0px #999999 inset;
}

.infieldInputHolder input:focus + label,
.infieldSelectHolder select:focus + label
{
	color: #0078AC;	
	font-weight: bold;
	letter-spacing: 1.8px;
}

.infieldInputHolder .infieldCalendar
{
    background-image: url("Images/CoreTheme/Calendar-25.png");
    float: right;
    margin-top: 13px;
    margin-right: 1px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    position: static;
}

.infieldInputHolder.disabled,
.infieldSelectHolder.disabled
{
    background-color: lightgray;
}

.infieldIcon
{
    background-image: url("Images/CoreTheme/Edit-22.png");
    float: right;
    margin-top: 11px;
    margin-right: 10px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    position: static;
}

.infieldIcon.edit
{
    height: 22px;
    width: 22px;
    background-image: url("Images/CoreTheme/Edit-22.png");    
}

.infieldIcon.edit:hover
{
    background-image: url("Images/CoreTheme/Edit-22-HOV.png");
}

.infieldIcon.save
{
    width: 17px;
    height: 17px;
    background-image: url("Images/CoreTheme/Checkmark-DES.png");
}

.infieldIcon.save:hover
{
    background-image: url("Images/CoreTheme/Checkmark-HoverSEL.png");
}

.infieldIcon.cancel
{
    width: 17px;
    height: 17px;
    background-image: url("Images/CoreTheme/Cancel-DES.png");
}

.infieldIcon.cancel:hover
{
    background-image: url("Images/CoreTheme/Cancel-HoverSEL.png");
}

/*Infield ASP substitutes*/
.infieldInputHolder .infieldCalendarInputASP
{
    width: 74%;
    display: inline-block;
}
/*End Infield ASP substitutes*/

.infieldInputHolder.allowIcon input
{
    width: 74%;
    display: inline-block;
}

/*Infield Ready Only Boxes*/
.infieldReadOnlyHolder
{
    border: 1px solid #A7B0C6; 
	position: relative;
	background-color: white;
	margin: 0px auto;
	float: left;
    box-sizing: border-box;    
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.infieldReadOnlyHolder.blue
{
    background-color: #E3F3FF; 
    border-color: #A0D0F3;
}

.infieldReadOnlyHolder.pink
{
     background-color: #FFE4EF; 
     border-color: #FF99CC;
}

.infieldReadOnlyHolder.noHeader
{
    height: 27px;
}

.infieldReadOnlyHolder.noHeader .infieldReadOnlyValue
{
    padding-top: 3px;
}

.infieldReadOnlyValue
{
    display: block;
	margin: 0;
	padding: 17px 5px 5px 5px;	
	width: 100%; 		
    font-size: 16px; 
}

.infieldReadOnlyValue.noWidth
{
	width: auto;
}

.infieldReadOnlyHolder.allowIcon .infieldReadOnlyValue
{
    width: 74%;
    display: inline-block;
}

.infieldReadOnlyHeader
{
    font-size: 10px; 
	display: block; 
	position: absolute;
	top: 5px;
	left: 5px;	
    letter-spacing: 1px;
	text-transform: uppercase;
}
/*END Infield Read Only Boxes*/
/*END Infield Inputs*/

/*CV Schedule*/
.showSchedule
{
	width: 25px;
	height: 25px;
	background-image: url(Images/CoreTheme/Calendar-25.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
}

.cvScheduleContainer 
{	
	position: absolute;
	z-index: 1050;	
}

.cvscHeader
{
    width: 100%;
    height: 19px;
    background-color: #F8F9FB;
}

.lblScheduleTitle
{
	font-size: 14px;
    display: inline-block;
    margin: 3px 0px 0px 3px;    
}

.cvScheduleInnerContainer
{
	float: right;
	width: 245px;
}

.cvScheduleContent
{
    float: left;
    width: 245px;
    background-color: #F8F9FB;
}

.cvscContent
{
	height: 286px;
    margin: 0px 5px 0px 3px;
	font-size: 11px;
}

.cvDOW
{
	font-size: 9px;
}

.btnCVScheduleClose 
{
    width: 28px;
    height: 16px;
    float: right;
    margin: 1px 2px 0px 0px;
	
	/*background-image: url("Images/backButton.png");
	background-position: center center;
	background-repeat: no-repeat;*/	
}
/*END CV Schedule*/

/*REGION Dialog formatting/styling*/
.dialogImage
{
    width: 138px;
    height: 138px;    
    display: inline-block;
	float: left;
}

.dialogImage.dialogInfo
{
    background-image: url("Images/CoreTheme/Satellite.png");
}

.dialogImage.dialogWarning
{
    background-image: url("Images/CoreTheme/Spacegopher.png");
}

.dialogImage.dialogError
{
    background-image: url("Images/CoreTheme/Asteroid.png");
}

.dialogMessage
{
    height: 100%;
    display: inline-block;
    float: left;
    margin-left: 15px;
    font-size: 14px;
    max-width: 70%;
}

.dialogMessageHeader
{
    font-size: 24px;
    margin: 15px 0px;
}

.dialogMessageHeader.dialogInfo
{
    color: #58BD45;
}

.dialogMessageHeader.dialogWarning
{
    color: #F6B348;
}

.dialogMessageHeader.dialogError
{
    color: #FD1964;
}

.errorDialog + .ui-dialog-buttonpane .ui-dialog-buttonset button
{
    border-radius: 5px;
    background: #1B9EFF;
    background: -moz-linear-gradient(top, #1B9EFF 0%, #0034e2 100%);
    background: -webkit-linear-gradient(top, #1B9EFF 0%,#0034e2 100%);
    background: linear-gradient(to bottom, #1B9EFF 0%,#0034e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B9EFF', endColorstr='#0034E2', GradientType=0 );
    font-family: 'robotoregular', arial, sans-serif;
    border: 0 none;
    color: #FFF;
    font-size: 1em;
    height: 40px;
    text-transform: uppercase;
    width: 95px;
    border-bottom: 1px solid #003AA9;
    outline: 0;
}

.errorDialog + .ui-dialog-buttonpane .ui-dialog-buttonset button:active
{	
	 border-bottom: 0px;
     background-color: #0078AC;
}

.errorDialog + .ui-dialog-buttonpane .ui-dialog-buttonset button:hover
{	
	background: #469BFF;
    background: -moz-linear-gradient(top, #469BFF 0%, #0058FF 100%);
    background: -webkit-linear-gradient(top, #469BFF 0%,#0058FF 100%);
    background: linear-gradient(to bottom, #469BFF 0%,#0058FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469BFF', endColorstr='#0058FF', GradientType=0 );
}

.errorBulletList
{
    padding-left: 15px;
}

.errorZIndex {z-index:99999 !important;}
/* END REGION Dialog formatting/styling */

/* REGION CVTooltip */
.CVTooltipSlide
{
    position: absolute;    
    background-color: #494949;
    border: 1px solid #A7B0C6;    
    z-index: 10000;
}
.CVTooltipSlide.DirLeft
{
    transform-origin: right;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;    
}
.CVTooltipSlide.DirRight
{
    transform-origin: left;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;    
}
.CVTooltipSlideText
{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    display: inline-block;
    color: white;
}
/* ENDREGION CVTooltip */

/*REGION Profiles With Avatars*/
/*Profile Avatar Main View*/
@keyframes profile-spinner {
  to { transform: rotate(360deg); }
}

.profileAvatarLoadView
{
  width: 100%;
  height: 100%;
  display: flex;
}
  .profileAvatarLoadView:after {
    content: '';
    display: block;
    margin: auto;
    width: 4rem;
    height: 4rem;
    border: .3em solid #d2d6db;
    border-radius: 50%;
    border-right-color: transparent;
    animation: profile-spinner .75s linear infinite;
  }

.profileAvatarSection  {
  flex: 1 0 0px;
  position: relative;
  overflow: hidden;
}

.profileNoAvatarBoxContainer {
  height: 100%;
  display: flex;
}

.avatarSelectGender {
  background-size: contain;
	background-repeat: no-repeat;
  background-position: center;
}

.avatarSelectGenderMale {
  background-image: url('Images/Avatar/avatar-male.svg');
}
  .avatarSelectGenderMale:hover {
    background-image: url('Images/Avatar/avatar-male_hover.svg');
  }

.avatarSelectGenderFemale {
  background-image: url('Images/Avatar/avatar-female.svg');
}
  .avatarSelectGenderFemale:hover {
    background-image: url('Images/Avatar/avatar-female_hover.svg');
  }

.profileNoAvatarBox {
  margin: auto;
  width: 80%;
  height: 40%;
  background-color: rgba(35, 48, 61, 0.8);
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  /* display: flex; */
  /* flex-flow: column; */
}

.profileAvatarImageContainer {
  position: relative;
  display: flex;
  height: 100%;
}

.profileAvatarImagePosition {
  position: relative;
  z-index:3;
  margin-left: auto;
  height: 110%;
    align-self: flex-end;
  top: 12.5%;
  right:16px;
  /* cursor: pointer; */
}

.profileAvatarImageLoading {
  position: absolute;
  margin-left: 27%;
}

.profileAvatarImagePosition.profileAvatarImageZoom,
.profileAvatarImageLoading.profileAvatarImageZoom {
  /* margin: 0 auto; */
  top: 0;
}

.profileAvatarImagePosition.ng-animate {
    display: none;
}

.profileAvatarImageLoading.ng-animate {
    display: none;
}

.profileAvatarPreviewImagePosition 
{
    margin-right: 8px;
    align-self: flex-end;
    margin-top: -189px;
    position: relative;
}
.profileAvatarImageHoverBox 
{
    position: relative;
    cursor:pointer;
    outline:none;
    z-index:4;
}
.profileAvatarImageHover 
{
    position: absolute;
    background-image: url(Images/Avatar/AvatarHover.png);
    width: 393px;
    height: 497px;
    background-repeat: no-repeat;
}
.profileAvatarNoImageHover 
{
    background-image: url(Images/Avatar/BlankAvatarSelectionHover.png);
    width: 393px;
    height: 497px;
    background-repeat: no-repeat;
    position: absolute;
    top: 103px;
    left:-1px;
    z-index:3;
}
.userProfileAnchor 
{
    width:100%;
    height:100%;
}

.profileAvatarContainer {
  background-color: #23303D;
  border-radius: 3px;
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.3);
  height: 100%;
  position: relative;
  max-height: 600px;
  height: calc(100vh - 96px);
  /* overflow: visible auto; */
}

.profileAvatarCloseBtn.sgCloseBtn {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 13px;
  width: 13px;
  z-index: 10;
}
  .profileAvatarCloseBtn.sgCloseBtn .sgCloseBtnImg {
      background-image: url(Images/CoreTheme/CloseIcon.png);
      width: 100%;
      height: 100%;
      background-size: contain;
      background-position: center;
      margin: 0;
  }
  .profileAvatarCloseBtn.sgCloseBtn .sgCloseBtnImg:hover {
      background-image: url(Images/CoreTheme/CloseNoPad.png);
      width: 100%;
      height: 100%;
  }

.profileAvatarRightContainer {
  color: white;
  height: 100%;
  position: relative;
  background-color: #23303D;
}

.cancelButtonOnAvatar {
    color: #D2D6DB !important;
    border: 1px transparent;
    height: 28px !important;
}

.saveButton {
    background-color: white !important;
    color: #007cbe !important;
    border-color: #007cbe !important;
    padding-top: 5px !important;
    height: 33px !important;
}

.saveButtonDisabled {
    background-color: white !important;
    color: #007cbe !important;
    border-color: #007cbe !important;
    padding-top: 5px !important;
    height: 33px !important;
    opacity: .5;
}

.profileAvatarRightHeader {
  /* height: 90px; */
  padding: 16px 0;
  display: flex;
  flex-shrink: 0;
  text-align: center;
  font-size: 18px;
}

.profileAvatarRightHeaderText {
  margin: auto;
  font-size: 18px;
}

.avatarLabelText {
  font-size: 0.875rem;
}

.profileImageRadioImage {
  width: 64px;
  height: 64px;
  margin-left: 24px;
  margin-top: 8px;
  background-color: gainsboro;
  border-radius: 32px;
  position: relative;  
}

.profileAvatarHeaderContainer {
  height: 90px;
    position:relative;
    z-index:3;
}

.profileAvatarStatItem {
  text-align: center;
  margin: auto;
  margin-bottom: 8px;
}

.profileAvatarStatIcon {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
  .levelStatItem .profileAvatarStatIcon {
    background-image: url(./Images/CoreTheme/Notifications/level.svg);
  }

  .gemsStatItem .profileAvatarStatIcon {
    background-image: url(./Images/CoreTheme/Notifications/gems.svg);
  }

  .coinsStatItem .profileAvatarStatIcon {
    background-image: url(./Images/CoreTheme/Notifications/coins.svg);
  }

  .challengesStatItem .profileAvatarStatIcon {
    background-image: url(./Images/CoreTheme/Notifications/challenges.svg);
  }

  .badgesStatItem .profileAvatarStatIcon {
    background-image: url(./Images/CoreTheme/Notifications/badges.svg);
  }

.profileAvatarStatText {
  margin-top: 6px;
}
.profileAvatarStatItem.clickable:hover .profileAvatarStatText {
  color: white;
  text-decoration: underline;
}

.profileAvatarGemsArea
{
    width: 89px;
    text-align: center;
    /* margin-right: 15px; */
    cursor: default;
}
.profileAvatarCoinsArea 
{
    width: 90px;
    text-align: center;
    /* margin-right: 15px; */
    cursor: default;
}
.profileAvatarWinsArea 
{
    width: 75px;
    text-align: center;
    margin-right: 19px;
    cursor: default;
}
.profileAvatarGemIcon 
{
    background-image: url(Images/Avatar/diamond.png);
    width: 46px;
    height: 33px;
    background-repeat: no-repeat;
    outline: none;
}
.profileAvatarCoinIcon 
{
    background-image: url(Images/Avatar/coins.png);
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    outline: none;
}
.profileAvatarBackgroundPreviewCoinsArea 
{
    width: 90px;
    text-align: center;
    cursor: default;
}
.profileAvatarBackgroundPreviewWinsArea 
{
    width: 75px;
    text-align: center;
    margin-right: 19px;
    cursor: default;
}
.profileAvatarMedalIcon 
{
    background-image: url(Images/Avatar/Metal.png);
    width: 41px;
    height: 44px;
    background-repeat: no-repeat;
    margin-right: 35px;
    margin-left: 17px;
    margin-top: 12px;
}
.profileAvatarPlatform
{
    background-image: url(Images/Avatar/AvatarPlatform.png);
    width: 205px;
    height: 92px;
    background-repeat: no-repeat;
    margin-top: -91px;
    margin-right: 17px;
    align-self: flex-end;
    overflow: hidden;
    z-index:2;
}
.profileAvatarLeftTabContainer 
{
    height: 248px;
    width: 400px;
}
.profileAvatarLeftTab 
{
    width: 63px;
    height: 47px;
    background: #EFEFEF;
    border: 3px solid #666667;
    border-left: none;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top:15px;
    cursor: pointer;
    justify-content: space-between;
    position: relative;
    z-index: 4;
}
.profileAvatarLeftTab:hover
{
    transition: width 0.5s ease;
    width:161px;
}
.profileAvatarLeftMarketplaceTab 
{
    width: 62px;
    height: 47px;
    background: #EFEFEF;
    border: 3px solid #666667;
    border-left: none;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top:15px;
    cursor: pointer;
    justify-content: space-between;
    position: relative;
    z-index: 4;
}
.profileAvatarLeftMarketplaceTab:hover
{
    transition: width 0.5s ease;
    width:191px;
}
.profileAvatarLeftTab:hover .profileAvatarStoreText,.profileAvatarLeftTab:hover .profileAvatarBadgeText,.profileAvatarLeftTab:hover .profileAvatarQuestText,.profileAvatarLeftTab:hover .profileAvatarSettingsText
{
    display:block;
}
.profileAvatarLeftMarketplaceTab:hover .profileAvatarStoreText
{
    display:block;
}
.profileAvatarLeftTab:hover .profileAvatarTextSpace
{
    display:none;
}
.profileAvatarStoreIcon 
{
    background-image: url(Images/Avatar/StoreIcon.png);
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-right: 16px;
}
.profileAvatarStoreText 
{
    display: none;
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    margin-left: 11px;
    overflow: hidden;
}
.profileAvatarBadgeIcon 
{
    background-image: url(Images/Avatar/badgeIcon.png);
    width: 26px;
    height: 34px;
    min-width: 26px;
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-right: 16px;
}
.profileAvatarBadgeText 
{
    display: none;
    font-size: 21px;
    font-weight: bold;
    margin-left:11px;
    margin-top: 5px;
    overflow: hidden;
}
.profileAvatarQuestIcon 
{
    background-image: url(Images/Avatar/QuestIcon.png);
    width: 34px;
    height: 35px;
    min-width: 34px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-right: 12px;
}
.profileAvatarQuestText 
{
    display: none;
    font-size: 21px;
    font-weight: bold;
    margin-left:11px;
    margin-top: 5px;
    overflow: hidden;
}
.profileAvatarSettingsIcon 
{
    background-image: url(Images/Avatar/ProfileSettingsIcon.png);
    width: 34px;
    height: 34px;
    min-width: 34px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-right: 12px;
}
.profileAvatarSettingsText 
{
    display: none;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    margin-left:11px;
    margin-top: 5px;
    overflow: hidden;
}
.profileAvatarRightTab 
{
    width: 63px;
    height: 47px;
    background: #EFEFEF;
    border: 3px solid #666667;
    border-right: none;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    margin-top: -70px;
    margin-right: 222px;
    align-self: flex-end;
    cursor: pointer;
    justify-content:space-between;
    position: relative;
    z-index: 4;
}
.profileAvatarRightTab:hover
{
    transition: width 0.5s ease;
    width:161px;
}
.profileAvatarRightTab:hover .profileAvatarInventoryText
{
    display:block;
}
.profileAvatarRightTab:hover .profileAvatarTextSpace
{
    display:none;
}
.profileAvatarInventoryIcon 
{
    background-image: url(Images/Avatar/InventoryIcon.png);
    width: 35px;
    min-width:35px;
    height: 39px;
    background-repeat: no-repeat;
    margin-top: 1px;
    margin-left: 10px;
}
.profileAvatarInventoryText 
{
    display:none;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 7px;
    overflow: hidden;
}
.profileAvatarInventoryImageContainer
{
    margin-left: -134px;
    margin-top: 0px;
}
.profileAvatarInventoryImagePosition 
{
    margin-right: 8px;
    margin-top: -3px;
    position: relative;
    z-index:3;
}
.profileAvatarBlankAvatar 
{
    background-image: url(Images/Avatar/BlankAvatarSelection.png);
    width: 162px;
    height: 389px;
    background-repeat: no-repeat;
    margin-right: 39px;
    align-self: flex-end;
    margin-top: -213px;
    position: relative;
    outline:none;
}
.profileAvatarBlankAvatar:hover
{
    background-image: url(Images/Avatar/BlankAvatarSelectionHover.png);
    width: 169px;
    height: 392px;
    background-repeat: no-repeat;
    margin-right: 36px;
    margin-top: -216px;
    cursor: pointer;
}
.profileAvatarTitleContainer 
{
    height: 30px;
    background-color: #23303D;
}
.profileAvatarTitle 
{
    font-size: 20px;
    margin-left: 160px;
    color: #EFEFEF;
    cursor: default;
}

.profileAvatarLeftContainer {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.profileAvatarHeaderBotContainer {
  height: 90px;
    color: #EFEFEF;
  display: flex;
  align-items: center;
}

.row.profileAvatarItemSection {
    padding: 6px;
    background-color: #16212B;
    justify-content: center;
}

.col.profileAvatarItemSection {
  display: flex;
  align-items: center;
  height: 32px;
  color: #D2D6DB;
  cursor: pointer;
  border-radius: 2px;
  padding: 0 8px;
}
  .col.profileAvatarItemSection:hover {
    color: white;
  }
  .col.profileAvatarItemSection.active {
    color: white;
  }
    .col.profileAvatarItemSection.active:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 100%;
      border-radius: 2px;
      background-color: #4C6984;
      z-index: 0;
      /* padding: 0 15px; */
    }


.profileAvatarItemSectionIcon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  margin-right: 6px;
  margin-left: auto;
  flex-shrink: 0;
  z-index: 1;
}
  .shirtsItemSection .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/shirts.svg');
  }
    .shirtsItemSection:hover .profileAvatarItemSectionIcon {
      background-image: url('./Images/CoreTheme/Profile/ItemSections/shirts_hover.svg');
    }

  .pantsItemSection .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/pants.svg');
  }
    .pantsItemSection:hover .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/pants_hover.svg');
  }

  .shoesItemSection .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/shoes.svg');
  }
    .shoesItemSection:hover .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/shoes_hover.svg');
  }
  
  .accessoriesItemSection .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/accessories.svg');
  }
    .accessoriesItemSection:hover .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/accessories_hover.svg');
  }

  .petsItemSection .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/pets.svg');
  }
    .petsItemSection:hover .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/pets_hover.svg');
  }

  .backgroundsItemSection .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/backgrounds.svg');
  }
    .backgroundsItemSection:hover .profileAvatarItemSectionIcon {
    background-image: url('./Images/CoreTheme/Profile/ItemSections/backgrounds_hover.svg');
  }

.profileAvatarItemSectionText {
  margin-right: auto;
  z-index: 1;
  font-size: 12px;
  line-height: 14px;
}
  .profileAvatarContainer-feature .profileAvatarItemSectionText {
    margin: auto;
  }

.profileAvatarCurrentLevel 
{
    margin-top: -37px;
    margin-left: 72px;
    font-size: 21px;
    color: #FEFEFE;
}
.profileAvatarMaxLevel 
{
    margin-top: -37px;
    margin-left: 55px;
    font-size: 21px;
    color: #FEFEFE;
}
.profileAvatarPreviewLevel 
{
    margin-top: -37px;
    margin-left: 72px;
    font-size: 21px;
    color: #FEFEFE;
}
.profileAvatarProgressBar 
{
    margin-top: -12px;
    margin-left: -24px;
}
.profileAvatarProgressBarOutline 
{
    width: 201px;
    height: 25px;
    position: relative;
    margin-top: -25px;
    top: 40px;
    border-left: 2px solid #221f1f;
    border-right: 2px solid #221f1f;
}
.avatarPtsAreaPopup 
{
    padding:0px;
}
/*End Avatar Main View*/
/*Profile Avatar Background*/
.profileAvatarBackgroundSelectorImg 
{
    cursor:pointer;
    border: 3px solid #808080;
    outline:none;
    width: 100%;
}
.profileAvatarBackgroundSelectedHighlight 
{
    border-color:#8CC63F;
}

.profileAvatarBackground:before {
    content: "";
    display: block;
  position: absolute;
  top: 0;
    width: 100%;
  height: 100%;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: 2s -webkit-filter ease;
    -moz-transition: 2s -moz-filter ease;
    -o-transition: 2s -o-filter ease;
    transition: 2s -webkit-filter ease;
  background-position: bottom;
    background-size: cover;
}

.profileAvatarBackground001:before { background-image: url("../Avatar/ProfileBackgrounds/background-01.png"); }
.profileAvatarBackground002:before { background-image: url("../Avatar/ProfileBackgrounds/background-02.png"); }
.profileAvatarBackground003:before { background-image: url("../Avatar/ProfileBackgrounds/background-03.png"); }
.profileAvatarBackground004:before { background-image: url("../Avatar/ProfileBackgrounds/background-04.png"); }
.profileAvatarBackground005:before { background-image: url("../Avatar/ProfileBackgrounds/background-05.png"); }
.profileAvatarBackground006:before { background-image: url("../Avatar/ProfileBackgrounds/background-06.png"); }
.profileAvatarBackground007:before { background-image: url("../Avatar/ProfileBackgrounds/background-07.png"); }
.profileAvatarBackground008:before { background-image: url("../Avatar/ProfileBackgrounds/background-08.png"); }
.profileAvatarBackground009:before { background-image: url("../Avatar/ProfileBackgrounds/background-09.png"); }
.profileAvatarBackground010:before { background-image: url("../Avatar/ProfileBackgrounds/background-10.png"); }
.profileAvatarBackground011:before { background-image: url("../Avatar/ProfileBackgrounds/background-11.png"); }
.profileAvatarBackground012:before { background-image: url("../Avatar/ProfileBackgrounds/background-12.png"); }
.profileAvatarBackground013:before { background-image: url("../Avatar/ProfileBackgrounds/background-13.png"); }
.profileAvatarBackground014:before { background-image: url("../Avatar/ProfileBackgrounds/background-14.png"); }
.profileAvatarBackground015:before { background-image: url("../Avatar/ProfileBackgrounds/background-15.png"); }
.profileAvatarBackground016:before { background-image: url("../Avatar/ProfileBackgrounds/background-16.png"); }
.profileAvatarBackground017:before { background-image: url("../Avatar/ProfileBackgrounds/background-17.png"); }
.profileAvatarBackground018:before { background-image: url("../Avatar/ProfileBackgrounds/background-18.png"); }
.profileAvatarBackground019:before { background-image: url("../Avatar/ProfileBackgrounds/background-19.png"); }
.profileAvatarBackground020:before { background-image: url("../Avatar/ProfileBackgrounds/background-20.png"); }
.profileAvatarBackground021:before { background-image: url("../Avatar/ProfileBackgrounds/background-21.png"); }
.profileAvatarBackground022:before { background-image: url("../Avatar/ProfileBackgrounds/background-22.png"); }
.profileAvatarBackground023:before { background-image: url("../Avatar/ProfileBackgrounds/background-23.png"); }
.profileAvatarBackground024:before { background-image: url("../Avatar/ProfileBackgrounds/background-24.png"); }
.profileAvatarBackground025:before { background-image: url("../Avatar/ProfileBackgrounds/background-25.png"); }
.profileAvatarBackground026:before { background-image: url("../Avatar/ProfileBackgrounds/background-26.png"); }
.profileAvatarBackground027:before { background-image: url("../Avatar/ProfileBackgrounds/background-27.png"); }
.profileAvatarBackground028:before { background-image: url("../Avatar/ProfileBackgrounds/background-28.png"); }
.profileAvatarBackground029:before { background-image: url("../Avatar/ProfileBackgrounds/background-29.png"); }
.profileAvatarBackground030:before { background-image: url("../Avatar/ProfileBackgrounds/background-30.png"); }
.profileAvatarBackground031:before { background-image: url("../Avatar/ProfileBackgrounds/background-31.png"); }
.profileAvatarBackground032:before { background-image: url("../Avatar/ProfileBackgrounds/background-32.png"); }
.profileAvatarBackground033:before { background-image: url("../Avatar/ProfileBackgrounds/background-33.png"); }
.profileAvatarBackground034:before { background-image: url("../Avatar/ProfileBackgrounds/background-34.png"); }
.profileAvatarBackground035:before { background-image: url("../Avatar/ProfileBackgrounds/background-35.png"); }
.profileAvatarBackground036:before { background-image: url("../Avatar/ProfileBackgrounds/background-36.png"); }
.profileAvatarBackground037:before { background-image: url("../Avatar/ProfileBackgrounds/background-37.png"); }
.profileAvatarBackground038:before { background-image: url("../Avatar/ProfileBackgrounds/background-38.png"); }
.profileAvatarBackground039:before { background-image: url("../Avatar/ProfileBackgrounds/background-39.png"); }
.profileAvatarBackground040:before { background-image: url("../Avatar/ProfileBackgrounds/background-40.png"); }
.profileAvatarBackground041:before { background-image: url("../Avatar/ProfileBackgrounds/background-41.png"); }
.profileAvatarBackground042:before { background-image: url("../Avatar/ProfileBackgrounds/background-42.png"); }
.profileAvatarBackground043:before { background-image: url("../Avatar/ProfileBackgrounds/background-43.png"); }
.profileAvatarBackground044:before { background-image: url("../Avatar/ProfileBackgrounds/background-44.png"); }
.profileAvatarBackground045:before { background-image: url("../Avatar/ProfileBackgrounds/background-45.png"); }
.profileAvatarBackground046:before { background-image: url("../Avatar/ProfileBackgrounds/background-46.png"); }
.profileAvatarBackground047:before { background-image: url("../Avatar/ProfileBackgrounds/background-47.png"); }
.profileAvatarBackground100:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/city3.png"); }
.profileAvatarBackground101:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/paris1.png"); }
.profileAvatarBackground102:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/winter1.png"); }
.profileAvatarBackground103:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/basketball1.png"); }
.profileAvatarBackground104:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/beach1.png"); }
.profileAvatarBackground105:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/city1.png"); }
.profileAvatarBackground106:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/city2.png"); }
.profileAvatarBackground107:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/desert1.png"); }
.profileAvatarBackground108:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/fall1.png"); }
.profileAvatarBackground109:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/forest1.png"); }
.profileAvatarBackground110:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/forest2.png"); }
.profileAvatarBackground111:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/golden-gate.png"); }
.profileAvatarBackground112:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/grafitti1.png"); }
.profileAvatarBackground113:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/opera-house.png"); }
.profileAvatarBackground114:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/space1.png"); }
.profileAvatarBackground115:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/spring1.png"); }
.profileAvatarBackground116:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/spring2.png"); }
.profileAvatarBackground117:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/summer1.png"); }
.profileAvatarBackground118:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/sunset1.png"); }
.profileAvatarBackground119:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/pyramids.png"); }
.profileAvatarBackground120:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/stonehenge.png"); }
.profileAvatarBackground121:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/grandcanyon.png"); }
.profileAvatarBackground122:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/saltflats.png"); }
.profileAvatarBackground123:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/mountains1.png"); }
.profileAvatarBackground124:before { background-image: url("../Avatar/ProfileBackgrounds/illustrative/mountains2.png"); }

.profileAvatarBackgroundBlur:before 
{
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
/*End Avatar Background Section*/
/*Profile Avatar Setup Section*/
.profileAvatarSetupSlideout 
{
    position: absolute;
    top: 600px;
    background-color: #333132;
    height: 493px;
    width: 100%;
    transition: top 1s ease;
    z-index:4;
}
.profileAvatarSetupSlideoutOpen 
{
    top: 107px;
}
.profileAvatarSetupImagePosition 
{
    margin-right: 8px;
    align-self: flex-end;
    margin-top: -474px;
    position: relative;
    z-index: 1;
}
.profileAvatarSetupPlatform
{
    background-image: url(Images/Avatar/AvatarPlatform.png);
    width: 205px;
    height: 92px;
    background-repeat: no-repeat;
    margin-top: -97px;
    margin-left: 178px;
    align-self: flex-end;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.profileAvatarSetupZoomPosition
{
    margin-left: 7px;
    margin-top: -477px;
    position: relative;
    z-index: 0;
}
.profileAvatarSetupSlideoutCloseImg 
{
    background-image: url(Images/Avatar/downArrow.png);
    height: 13px;
    width: 18px;
    outline: none;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-top: 10px;
}
.profileAvatarSetupTopText1
{
    color: #EFEFEF;
    margin-left: 28px;
    margin-top:33px;
    font-size: 18px;
    width: 150px;
    cursor: default;
}
.profileAvatarSetupTopText2
{
    color: #EFEFEF;
    margin-left: 28px;
    font-size: 28px;
    width: 150px;
    cursor: default;
}
.profileAvatarSetupTopContainer 
{
    justify-content:space-between;
}
.profileAvatarSetupLeftContainer 
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    height: 380px;
    width: 65px;
    margin-left:28px;
    position:relative;
    z-index:2;
}
.profileAvatarFeatureLeftContainer 
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    height: 380px;
    width: 65px;
    margin-left:20px;
    position:relative;
    z-index:2;
}
.profileAvatarSetupLeftButtonContainer 
{
    width:86px;
    height:86px;
}
.profileAvatarSetupMaleSelectButton 
{
    background-image: url(Images/Avatar/maleUnselected.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 78px;
    margin-top: 40px;
    outline:none;
    cursor:pointer;
    position:relative;
    left:4px;
    top:4px;
}
.profileAvatarSetupMaleSelectButton:hover
{
    background-image: url(Images/Avatar/maleHover.png);
    height: 86px;
    width: 86px;
    left:0px;
    top:0px;
}
.profileAvatarSetupMaleSelectedButton 
{
    background-image: url(Images/Avatar/maleSelected.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 78px;
    margin-top: 40px;
    outline:none;
    cursor:pointer;
    position:relative;
    left:4px;
    top:4px;
}
.profileAvatarSetupFemaleSelectButton 
{
    background-image: url(Images/Avatar/femaleUnselected.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 78px;
    margin-top: 40px;
    outline:none;
    cursor:pointer;
    position:relative;
    left:4px;
    top:4px;
}
.profileAvatarSetupFemaleSelectButton:hover 
{
    background-image: url(Images/Avatar/femaleHover.png);
    height: 86px;
    width: 86px;
    left:0px;
    top:0px;
}
.profileAvatarSetupFemaleSelectedButton 
{
    background-image: url(Images/Avatar/femaleSelected.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 78px;
    margin-top: 40px;
    outline:none;
    cursor:pointer;
    position:relative;
    left:4px;
    top:4px;
}
.profileAvatarSetupGenderBox 
{
    position: relative;
    top: -428px;
    left: 87px;
}
.profileAvatarSetupGenderBoxArrow 
{
    border-bottom: none;
    border-right: none;
    width: 15px;
    height: 15px;
    position: relative;
    top: 25px;
    left: -7px;
    transform: rotate(-45deg);
    background-color: #808080;
}
.profileAvatarSetupGenderSelector 
{
    width: 100px;
    height: 180px;
    border-radius: 4px;
    background-color: #808080;
    position: relative;
    padding-top: 10px;
}
.profileAvatarSetupMaleButton 
{
    height: 76px;
    width: 76px;
    border: 2px solid #FFFFFF;
    margin-left: 10px;
    border-radius: 5px;
}
.profileAvatarSetupFemaleButton 
{
    height: 76px;
    width: 76px;
    border: 2px solid #FFFFFF;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 5px;
}
.profileAvatarSetupSaveButton 
{
    margin-bottom: 20px;
    padding-top: 3px;
    background-color: #000000;
    border-radius: 5px;
    color: #EFEFEF;
    font-size: 18px;
    text-align: center;
    width: 97px;
    height: 35px;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    outline: none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarSetupSaveButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarSetupSaveButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarSetupCancelButton 
{
    height: 22px;
    width: 57px;
    cursor: pointer;
    outline: none;
    color: #999999;
    font-size: 18px;
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
    margin-left: 23px;
}
.profileAvatarSetupCancelButton:hover 
{
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.profileAvatarSetupNextButton 
{
    margin-bottom: 17px;
    outline: none;
    padding-top: 3px;
    background-color: #000000;
    color: #EFEFEF;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    width: 95px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarSetupNextButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarSetupNextButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarSetupNextButton.ng-hide 
{
  transition: none;
}
.profileAvatarSetupNextButtonDisabled 
{
    background-color: #676868;
    color: #000000;
    margin-bottom: 17px;
    outline: none;
    padding-top: 3px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    width: 95px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: default;
}
.profileAvatarSetupResetAvatar 
{
    width: 100px;
    text-align: center;
    color: #efefef;
}
.profileAvatarSetupResetAvatar:hover 
{
    color:red;
    cursor:pointer;
}
.profileAvatarSetupResetContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.profileAvatarSetupResetOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 4;
    margin: -6px 0px 0px -12px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.profileAvatarSetupResetContent 
{
    width: 577px;
    height: 294px;
    background: white;
    margin-top: 220px;
    margin-right: 155px;
}
.profileAvatarSetupResetHeader 
{
    height: 25px;
    background-color: #333132;
    color: #EFEFEF;
}
.profileAvatarSetupResetHeaderText 
{
    margin-top: 4px;
    margin-left: 10px;
}
.profileAvatarSetupResetMainContainer 
{
    padding-top: 28px;
    padding-left: 20px;
}
.profileAvatarSetupResetMainBigText 
{
    font-size: 24px;
    margin-bottom: 20px;
    color: #CF3200;
    margin-left: 13px;
    font-weight: bold;
}
.profileAvatarSetupResetMainText
{
    width: 307px;
    margin-left: 13px;
    margin-right: 13px;
    font-size: 14px;
}
.profileAvatarSetupCloseImgFull 
{
    background-image: url(Images/Avatar/resetFullAvatar.png);
    width: 91px;
    height: 188px;
    background-repeat: no-repeat;
}
.profileAvatarSetupCloseImgEmpty 
{
    background-image: url(Images/Avatar/resetEmptyAvatar.png);
    width: 80px;
    height: 162px;
    background-repeat: no-repeat;
}
.profileAvatarSetupCloseResetArrow 
{
    background-image: url(Images/Avatar/resetArrow.png);
    width: 27px;
    height: 23px;
    background-repeat: no-repeat;
    margin-top: 67px;
    margin-left: 13px;
    margin-right: 13px;
}
.profileAvatarSetupResetBtnHolder 
{
    height: 53px;
    width: 100%;
}
.profileAvatarSetupResetCancelBtn 
{
    height: 25px;
    width: 49px;
    outline: none;
    text-decoration: underline;
    font-size: 16px;
}
.profileAvatarSetupResetCancelBtn:hover 
{
    color: #CF3200;
}
.profileAvatarSetupResetConfirmHolder 
{
    height: 43px;
    width: 130px;
}
.profileAvatarSetupResetConfirmBtn 
{
    height: 31px;
    width: 123px;
    outline: none;
    margin: auto;
    margin-top: 3px;
    border-radius: 5px;
    background-color: #005CA5;
    color: #EFEFEF;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
}
.profileAvatarSetupResetConfirmBtn:hover 
{
    height: 33px;
    width: 128px;
    padding-top: 8px;
}
.profileAvatarFeatureSlideout 
{
    /* position: absolute; */
    height: 100%;
    right: 0px;
}

.profileAvatarFeatureTabText 
{
    font-size: 18px;
    font-weight: bold;
    color: #EFEFEF;
    margin-top: 7px;
    margin-bottom: 20px;
    text-align: center;
    cursor: default;
}
.profileAvatarFeatureClosedSpacerContainer 
{
    height: 480px;
    width: 400px;
}
.profileAvatarFeatureSkinColorContainer 
{
    height: 100%;
    width: 100%;
    border: 1px solid #000000;
    display:flex;
    flex-flow: row wrap;
}
.profileAvatarFeatureScrollContainer 
{
    height: calc(100% - 16px);
    width: 100%;
    border: 1px solid #000000;
    border-radius: 8px;
    background-color: #808080;
}
.profileAvatarFeatureContainer 
{
    display:flex;
    flex-flow:row wrap;
    margin-left: 3px;
    margin-top: 9px;
}
.profileAvatarFeatureItem 
{
    width: 33%;
    padding: 6px;
}
.profileAvatarFeatureEyeItem 
{
    width: 33%;
    padding: 6px;
}
.profileAvatarFeatureEyebrowItem 
{
    width: 33%;
    padding: 6px;
}
.profileAvatarFeatureMouthItem 
{
    width: 94px;
    height: 52px;
    padding-left: 9px;
    margin-bottom: 12px;
}
.profileAvatarFeatureNoseItem 
{
    width: 64px;
    padding: 6px;
    margin-bottom: 12px;
}
.profileAvatarBodyShapeContainer 
{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    width: 100%;
    border: 1px solid #000000;
    border-radius: 19px;
    background-color: #808080;
    padding-left: 11px;
    padding-right: 9px;
}
.profileAvatarBodyShapeHolder 
{
    flex: 1 1 30%;
    height: 45%;
    outline: none;
    cursor: pointer;
    padding: 3px;
    margin: auto 3px;
    border-radius: 9px;
}
.profileAvatarBodyShapeHolder:hover 
{
    background-color: #8CC63F;
}

.profileAvatarBodyShape {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.profileAvatarBodyShapeSM1 {
    background-image: url(Images/Avatar/BodyShapeSM1.png);
}
.profileAvatarBodyShapeSM2 {
    background-image: url(Images/Avatar/BodyShapeSM2.png);
}
.profileAvatarBodyShapeMD1 {
    background-image: url(Images/Avatar/BodyShapeMD1.png);
}
.profileAvatarBodyShapeMD2 {
    background-image: url(Images/Avatar/BodyShapeMD2.png);
}
.profileAvatarBodyShapeLG1 {
    background-image: url(Images/Avatar/BodyShapeLG1.png);
}
.profileAvatarBodyShapeLG2 {
    background-image: url(Images/Avatar/BodyShapeLG2.png);
}
.profileAvatarJumpToContainer 
{
    height: 100%;
    margin: auto;
    border: 1px solid #000000;
    border-radius: 19px;
    background-color: #808080;
    padding-left: 11px;
    padding-right: 9px;
}
.profileAvatarJumpToListHolder 
{
    font-size: 24px;
    width: 225px;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
}
.profileAvatarJumpToListItem
{
    margin-bottom: 12px;
    cursor: pointer;
    width: 100%;
    color: rgba(0,0,0,0.87);
}
.profileAvatarJumpToListItem:hover 
{
    color:#8CC63F;
}
.profileAvatarFeatureBottomButtonContainer 
{
    justify-content: space-around;
    height: 66px;
}

.profileAvatarFeatureNavButton {
  display: flex;
  margin: auto;
  min-width: 20%;
    text-align: center;
  font-size: 14px;
  height: 19px;
  cursor: pointer;
  color: #D2D6DB;
}
  .profileAvatarFeatureNavButton:before,
  .profileAvatarFeatureNavButton:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid #D2D6DB;
    border-bottom: 2px solid #D2D6DB;
    margin-top: 6px;
}

  .profileAvatarFeatureNavButton:hover {
    color: #fff;
}
    .profileAvatarFeatureNavButton:hover:after,
    .profileAvatarFeatureNavButton:hover:before {
      border-color: #fff;
}

.profileAvatarFeatureNextButton:after {
  content: '';
  display: block;
  transform: rotate(-45deg);
  margin-left: 4px;
}

.profileAvatarFeatureBackButton:before {
  content: '';
  display: block;
  transform: rotate(135deg);
  margin-right: 4px;
}

.profileAvatarFeatureSkinColor 
{
    width: 25%;
    border: 3px solid transparent;
    cursor: pointer;
    outline: none;
}
.profileAvatarFeatureSkinColor:hover
{
    border:3px solid #8CC63F;
}
.profileAvatarFeatureSkinColorSelected 
{
    /* width: 102px; */
    /* height: 90px; */
    border:3px solid #8CC63F;
}
/*End Profile Avatar Setup*/
/*Profile Avatar Badge Section*/
.profileAvatarBadgeSlideout 
{
    /* top: 600px; */
    height: 100%;
    width: 100%;
}
.profileAvatarBadgeSlideoutOpen 
{
    top: 107px;
}
.profileAvatarBadgeSlideoutCloseImg 
{
    position: absolute;
    top: 455px;
    right: 20px;
    height: 21px;
    cursor: pointer;
    outline: none;
    color: #999999;
    font-size: 17px;
    margin-right: 32px;
    border-bottom: 1px solid #999999;
}
.profileAvatarBadgeSlideoutCloseImg:hover 
{
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.profileAvatarBadgeTopContainer 
{
    justify-content:flex-end;
    height: 23px;
}
.profileAvatarBadgeTopText 
{
    font-size: 12px;
    color: #0078AC;
    cursor: pointer;
}
.profileAvatarBadgeLeftContainer 
{
    width: 300px;
}
.profileAvatarBadgeLeftTopContainer 
{
    height: 204px;
}
.profileAvatarDefaultBadge 
{
    background-image: url(Images/Avatar/DefaultBadge.png);
    height: 111px;
    width: 102px;
    background-repeat: no-repeat;
}
.profileAvatarBadgeWreath 
{
    /* background-image: url(Images/Avatar/Chrest.png); */
    height: 112px;
    width: 110px;
    background-repeat: no-repeat;
}

.profileAvatarBadgeImg 
{
    margin-left: 3px;
    margin-right: 15px;
    margin-bottom: 17px;
    margin-top: 3px;
    outline: none;
    cursor: pointer;
    height: 48px;
    width: 36px;
}

.profileAvatarBadgeContainer {
  position: relative;
  height: 4rem;
  width: 4rem;
  border: 1px solid #707070;
  border-radius: 50%;
  margin: 0.75rem;
    float:left;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
  .profileAvatarBadgeContainer:hover {
    height: 4.5rem;
    width: 4.5rem;
    margin: 0.5rem;
}

  .profileAvatarBadgeContainer:hover .profileAvatarMyBadgesCountIndicator {
    left: 1.75rem;
}

.profileAvatarCommonAchieversInfoBox 
{
    height: 52px;
    width: 0px;
    margin-top: 36px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    position: absolute;
    right:115px;
    transition: width .5s ease;
    border: none;
    color: #EFEFEF;
    font-size: 0px;
}
.profileAvatarCommonAchieversImage 
{
    height: 40px;
    width: 40px;
    margin: 8px;
    border: 1px solid #707070;
    border-radius: 50%;
    outline: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.profileAvatarCommonAchieversImage:hover 
{
    /* border: 3px solid #8CC63F; */
    /* margin-left: 12px; */
    /* margin-bottom: 0px; */
}
.profileAvatarCommonAchieversAvatarImage 
{
    background-color:#FFFFFF;
}
.profileAvatarCommonAchieversMain:hover .profileAvatarCommonAchieversInfoBox
{
    width: 109px;
    border: 3px solid #676768;
    border-right: none;
    font-size: 12px;
    overflow: hidden;
    background-color: #414042;
    cursor:default;
}
.profileAvatarCommonAchieversInfoOpen 
{
    width: 85px;
    border: 3px solid #676768;
    border-left: none;
    font-size: 12px;
    overflow: hidden;
    background-color: #414042;
}
.profileAvatarLeftArrow 
{
    background-image: url(Images/Avatar/endLeft.png);
    height: 17px;
    width: 11px;
    background-repeat: no-repeat;
    cursor:pointer;
    outline: none;
}
.profileAvatarEndLeftArrow 
{
    background-image: url(Images/Avatar/leftArrow.png);
    height: 17px;
    width: 11px;
    background-repeat: no-repeat;
}
.profileAvatarRightArrow 
{
    background-image: url(Images/Avatar/endRight.png);
    height: 17px;
    width: 11px;
    background-repeat: no-repeat;
    cursor:pointer;
    outline: none;
}
.profileAvatarEndRightArrow 
{
    background-image: url(Images/Avatar/rightArrow.png);
    height: 17px;
    width: 11px;
    background-repeat: no-repeat;
}
.profileAvatarMyBadgesCountIndicator
{
    position: absolute;
    bottom: -4px;
    left: 1.5rem;
    border-radius: 50%;
    background-color: #333132;
    color: #EFEFEF;
    width: 1rem;
    height: 1rem;
    text-align: center;
}
.profileAvatarBadgeName 
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    /* cursor: default; */
}
.profileAvatarBadgeDescription 
{
    font-size: 14px;
    text-align: center;
}
.profileAvatarBadgeImageContainer 
{
    width: 92px;
    height: 92px;
    border: 1px solid #707070;
    border-radius: 50%;
    position: relative;
    /* margin-left: -89px; */
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.profileAvatarBadgeSelectedDateContainer 
{
    overflow: hidden;
    width: 100%;
    /* margin-left: 4px; */
    /* text-align: center; */
}
.profileAvatarBadgeSelectedDate 
{
    font-size: 14px;
    transition: left .5s ease;
    position: relative;
    left: 0px;
    cursor: default;
}
.profileAvatarBadgeSelectedIndex 
{
    height: 18px;
    width: 18px;
    position: relative;
    top: 95px;
    left: -43px;
    text-align: center;
    color: #EFEFEF;
    background-color: #676868;
    border-radius: 50%;
    cursor: default;
}
.profileAvatarBadgeSelectedTransitionLeftStart 
{
    transition: left .5s ease;
    left:100%;
}
.profileAvatarBadgeSelectedTransitionLeftEnd
{
    transition: left 0s ease;
    left:-100%;
}
.profileAvatarBadgeSelectedTransitionRightStart 
{
    transition: left .5s ease;
    left:-100%;
}
.profileAvatarBadgeSelectedTransitionRightEnd
{
    transition: left 0s ease;
    left:100%;
}
.profileAvatarMyBadgeTitle 
{
    font-size: 14px;
}

.profileAvatarMyBadgesScrollContainer {
  max-height: 90px;
  min-height: 64px;
  overflow-y: auto;
}

.profileAvatarMyBadgesScrollContainerNoCommon {
  max-height: calc(15vh + 74px);
}

.profileAvatarCommonAchieversScrollContainer 
{/* display: flex; *//* flex-flow: row wrap; */min-height: 58px;max-height: 120px;/* width: 100%; */overflow: auto;}
.profileAvatarMyBadgesEmptyMsg 
{
    /* color: #EFEFEF; */
    font-size: 18px;
}
/*End Avatar Badge Section*/
/*Profile Avatar Inventory Section*/
.profileAvatarInventorySlideout 
{
    position: absolute;
    top: 600px;
    background-color: #333132;
    height: 493px;
    width: 100%;
    transition: top 1s ease;
    z-index: 4;
}

user-profile-color-slider {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.profileAvatarClosetColorSlideout {
  height: 100%;
  width: 53px;
  position: absolute;
  top: 0;
  border-left: 1px solid #3F4954;
  background: #23303D;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: right 0.3s ease;
}
  .profileAvatarClosetColorSlideout.ng-enter,
  .profileAvatarClosetColorSlideout.ng-leave.ng-leave-active {
    right: 0;
    z-index: -1;
}

  .profileAvatarClosetColorSlideout,
  .profileAvatarClosetColorSlideout.ng-leave,
  .profileAvatarClosetColorSlideout.ng-enter-active {
    right: -67px;
}

  user-profile-closet .profileAvatarClosetColorSlideout,
  user-profile-closet .profileAvatarClosetColorSlideout.ng-leave,
  user-profile-closet .profileAvatarClosetColorSlideout.ng-enter-active {
    right: -50px;
}

.profileAvatarSetupColorSlideout 
{
    background-color: #333132;
    height: 599px;
    margin-left: 0px;
    transition: width .75s ease;
    right: 188px;
    top: 50px;
    width: 263px;
    position: fixed;
    z-index: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.profileAvatarSetupColorSlideoutOpen 
{
    right: 905px;
    border-right: 3px solid #000000;
}
.profileAvatarSetupColorSlideoutOpening
{
    transition: right .75s ease-out;
}
.profileAvatarSetupColorSlideoutClosing
{
    transition: right .5s ease-in;
}

.profileAvatarClosetColorScrollClicker {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  margin: 0 auto;
}
  .profileAvatarClosetColorScrollClicker:after {
      content: '';
      display: block;
      margin: auto;
      border-right: 2px solid #808080;
      border-top: 2px solid #808080;
      height: 12px;
      width: 12px;
      transform: rotate(-45deg);
  }

  .profileAvatarClosetColorScrollClicker.profileAvatarClosetColorScrollUp {
    margin-top: 12px;
  }
  
  .profileAvatarClosetColorScrollClicker.profileAvatarClosetColorScrollDown {
    margin-bottom: 12px;
  }
    .profileAvatarClosetColorScrollClicker.profileAvatarClosetColorScrollDown:after {
      transform: rotate(135deg)
    }

.profileAvatarClosetColorContainer 
{
    flex-grow: 1;
    height: calc(100% - 64px);
    width: 100%;
    /* padding-right: 20px; */
    overflow-y: hidden;
    overflow-x: hidden;
}
.profileAvatarColorHeaderText 
{
    height: 55px;
    margin-top: 20px;
    font-size: 18px;
    color: #EFEFEF;
    margin-left: 68px;
}
.profileAvatarClosetSlideout 
{
    /* background-color: #333132; */
    z-index: 1;
}
.profileAvatarClosetSlideoutOpen 
{
    right: 418px;
    width: 487px;
}
.profileAvatarInventorySlideoutOpen .profileAvatarClosetSlideout {
    margin-top:-602px;
}

.profileAvatarClosetTabText {
    /* height: 50px; */
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    cursor: default;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    margin: auto;
}

.profileAvatarClosetTabText .nav {
    color: inherit !important;
    width: 100%;
    border: 0;
    font-weight: normal;
}

.profileAvatarClosetTabText .nav .nav-item .nav-link {
    color: inherit !important;
}

.profileAvatarClosetSingleTabText {
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0;
    margin: auto;
}

.profileAssetCategoryColor {
    color: white;
}

.profileAssetIconColor {
    fill: white;
}

.profileAvatarClosetTab {
    flex: 1;
  color: #D2D6DB;
    height: 40px;
  cursor: pointer;
    outline: none;
  /* padding: 8px; */
  white-space: nowrap;
  margin: 0 8px;
}
  .profileAvatarClosetTab.active > div {
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    display: inline-block;
}
  .profileAvatarClosetHatInactiveTab:hover {
    color:#FFFFFF;
}

.profileAvatarClosetScrollContainer {
    height: calc(100% - 16px);
    width: 100%;
    border: 1px solid #000000;
    border-radius: 8px;
    background-color: #808080;
    z-index: 1;
}
.profileAvatarClosetScrollContainerClosing
{
    transition: width .25s ease;
    transition-delay: .5s;
}
.profileAvatarClosetScrollContainerClosed 
{
    /* width:360px; */
}
.profileAvatarClosetItemContainer 
{
    display: flex;
    flex-flow: row wrap;
    margin-left: 11px;
    margin-right: 8px;
    margin-top: 9px;
}
.profileAvatarClosetItem 
{
    position: relative;
    width: 112px;
    height: 104px;
    padding-left: 7px;
    margin-bottom: 12px;
}
.profileAvatarClosetColorIcon 
{
    background-image: url(Images/Avatar/colorIcon.png);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 8px;
}
.profileAvatarClosetNoColorIcon 
{
    height: 26px;
    width: 26px;
    position: absolute;
    bottom: 0px;
    left: 8px;
}
.profileAvatarPurchaseIcon 
{
    background-image: url(Images/Avatar/purchaseIcon.png);
    height: 24px;
    width: 31px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 8px;
}
.profileAvatarPurchasedIcon 
{
    background-image: url(Images/Avatar/purchasedIcon.png);
    height: 26px;
    width: 31px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 8px;
}
.PurchaseIconDigits 
{
    font-size: 18px;
    position: absolute;
    bottom: 2px;
    right: 19px;
    text-align: center;
    color: #FFFFFF;
}

.profileAvatarDisplayImg {
    border-radius: 6px;
    outline: none;
    cursor:pointer;
    width: 100%;
}

.profileAvatarDisplayImg:not(.no-hover):hover {
    background-color: #8CC63F;
}

.profileAvatarDisplayImgSelected
{
    background-color: #8CC63F;
}

.profileAvatarDisplayNone {
    background-image: url(Images/Avatar/none.png);
  width: 100%;
  height: 98px;
    border-radius: 6px;
    outline: none;
    background-repeat:no-repeat;
  background-position: center;
    cursor:pointer;
  /* margin-left:7px; */
}
  .profileAvatarFeatureItem .profileAvatarDisplayNone {
    width: calc(100% - 6px);
    padding-top: calc(100% - 6px);
    height: 0px;
  }
  
  .profileAvatarDisplayNone:hover {
    background-color: #8CC63F;
}

.profileAvatarSetupDisplayNone
{
    background-image: url(Images/Avatar/none.png);
    width: 126px;
    height: 118px;
    border-radius: 6px;
    outline: none;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 9px;
    margin-bottom: 12px;
    margin-right: 3px;
}
.profileAvatarSetupDisplayNone:hover 
{
    background-color: #8CC63F;
}

.profileAvatarLockedTabItems {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: black;
    opacity: 0.7;
    pointer-events: none;
    height: calc(100% - 16px);
    border-radius: 8px;
    z-index: 2;
}

.profileAvatarSetupBaldHair
{
    background-image: url(../Avatar/AvatarAssets/Head/Hairstyle/DisplayBaldHair.png);
    width: 126px;
    height: 118px;
    border-radius: 6px;
    outline: none;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 9px;
    margin-bottom: 12px;
    margin-right: 3px;
}
.profileAvatarSetupBaldHair:hover 
{
    background-color: #8CC63F;
}
.profileAvatarColorHolder 
{
    display: flex;
    flex-flow: column nowrap;
}
.profileAvatarColorSwatch 
{
    height: 24px;
    width: 24px;
    border: 2px solid #000000;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    margin-left: 2px;
    margin-top: 2px;
}
.profileAvatarColorSwatch:hover
{
    height: 28px;
    width: 28px;
    margin-left: 0px;
    margin-top: 0px;
}
.profileAvatarColorSwatchSelected
{
    border: 2px solid rgba(0,0,0, 0.3);
}
.profileAvatarColorSwatchContainer 
{
    height: 32px;
    width: 32px;
    padding: 4px;
    margin: auto;
}
.profileAvatarColorSwatchContainer .noColorSelected {
    background-color: #808080 !important;
}
.profileAvatarColorSwatchContainer .noColorSelected .none-image{
    display: block !important;
    width: 36px;
}
.profileAvatarInventoryBlackHatIcon 
{
    background-image: url(Images/Avatar/accessoriesIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackHatIcon:hover
{
    border: 3px solid #8CC63F;
    border-radius: 8px;
    margin-left: 0px;
    margin-top: 0px;
}
.profileAvatarInventoryWhiteHatIcon 
{
    background-image: url(Images/Avatar/accessoriesNegIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackBootIcon 
{
    background-image: url(Images/Avatar/bootIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackBootIcon:hover
{
    border: 3px solid #8CC63F;
    border-radius: 8px;
    margin-left: 0px;
    margin-top: 0px;
}
.profileAvatarInventoryWhiteBootIcon 
{
    background-image: url(Images/Avatar/bootNegIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackPantsIcon 
{
    background-image: url(Images/Avatar/pantIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackPantsIcon:hover
{
    border: 3px solid #8CC63F;
    border-radius: 8px;
    margin-left: 0px;
    margin-top: 0px;
}
.profileAvatarInventoryWhitePantsIcon 
{
    background-image: url(Images/Avatar/pantNegIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackShirtIcon 
{
    background-image: url(Images/Avatar/shirtIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackShirtIcon:hover
{
    border: 3px solid #8CC63F;
    border-radius: 8px;
    margin-left: 0px;
    margin-top: 0px;
}
.profileAvatarInventoryWhiteShirtIcon 
{
    background-image: url(Images/Avatar/shirtNegIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackSwordIcon 
{
    background-image: url(Images/Avatar/swordIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}
.profileAvatarInventoryBlackSwordIcon:hover
{
    border: 3px solid #8CC63F;
    border-radius: 8px;
    margin-left: 0px;
    margin-top: 0px;
}
.profileAvatarInventoryWhiteSwordIcon 
{
    background-image: url(Images/Avatar/swordNegIcon.png);
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-left: 3px;
    margin-top: 3px;
}

/*.profileAvatarInventorySaveButton 
{
    background-image: url(Images/Avatar/inventorySave.png);
    width: 95px;
    height: 33px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline:none;
    margin-bottom:19px;
}*/

.profileAvatarInventorySaveButton 
{
    margin-bottom: 20px;
    padding-top: 3px;
    background-color: #000000;
    border-radius: 5px;
    color: #EFEFEF;
    font-size: 18px;
    text-align: center;
    width: 95px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    outline: none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarInventorySaveButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarInventorySaveButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}

.profileAvatarInventoryCancelButton 
{
    width: 57px;
    cursor: pointer;
    outline: none;
    color: #999999;
    font-size: 18px;
    border-bottom: 1px solid #999999;
    margin-left: 20px;
}
.profileAvatarInventoryCancelButton:hover 
{
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.profileAvatarInventoryLeftContainer 
{
    margin-left: 35px;
    margin-top:29px;
    z-index: 4;
}
.profileAvatarInventoryLeftButtonContainer 
{
    height: 355px;
    justify-content: center;
}
.profileAvatarInventoryLeftButton 
{
    margin-bottom: 12px;
    height: 59px;
}
/*End Avatar Inventory Section*/

/*Avatar Gallery Section*/
.profileAvatarGalleryDiv {
    height: 24px;
    background: #23303D 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 2px #00000031;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    opacity: 0.75;
    cursor: pointer;
}

.profileAvatarGalleryButton {
    font: Bold 11px/13px Lato;
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: auto;
}

.profileGalleryCard {
    width: 252px;
    height: 343px;
}

.profileGalleryTitle {
    opacity: 1;
    text-align: left;
    font: Bold 16px/26px Lato;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
    color: #6A7480;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000029;
    border-radius: 4px 4px 0px 0px;
    width: 95%;
    position: relative;
    display: block;
    z-index: 4;
}

.profileGalleryCardShape1 {
    width: 252px;
    height: 318px;
    background-repeat: no-repeat;
    background-position: bottom left;
    opacity: 1;
}

.profileGalleryCardShape2 {
    width: 252px;
    height: 318px;
    background-repeat: no-repeat;
    background-position: bottom left;
    opacity: 1;
}

.profileGalleryImg {
    position: relative;
    align-self: flex-end;
    top: 12.5%;
    z-index: 3;
    width: 252px;
}

/*End Avatar Gallery Section*/

/*Inventory Purchace Popup Section*/
.profileAvatarPurchasePopupMain {
    height: 529px;
    width: 565px;
}
.profileAvatarPurchasePopupMainText
{
    font-size: 20px;
    margin-top: 19px;
    margin-left: 50px;
}
.profileAvatarPurchasePopupImageContainer 
{
    width: 176px;
    height: 176px;
}
.profileAvatarPurchasePopupImage 
{
    margin-top: 25px;
    margin-left: 140px;
}
.profileAvatarPurchasePopupDetailContainer 
{
    margin-top: 58px;
    margin-left: 190px;
    display: flex;
    flex-flow: column noWrap;
    align-items: flex-end;
    font-size: 14px;
}
.profileAvatarPurchasePopupDetailGemContainer 
{
    width: 146px;
    justify-content: space-between;
}
.profileAvatarPurchasePopupMyGemCount 
{
    width: 60px;
    text-align: right;
    margin-right: 14px;
}
.profileAvatarPurchasePopupDetailPriceContainer 
{
    width: 146px;
    justify-content: space-between;
    border-bottom: 2px solid #000000;
}
.profileAvatarPurchasePopupPriceCount 
{
    width: 60px;
    text-align: right;
    margin-right: 14px;
}
.profileAvatarPurchasePopupDetailTotal 
{
    margin-top: 10px;
    width: 136px;
    justify-content: flex-end;
    margin-right: 14px;
}
.profileAvatarPurchasePopupSmallGemIcon 
{
    background-image: url(Images/Avatar/smallGem.png);
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    margin-left:10px;
}
.profileAvatarPurchasePopupButtonContainer 
{
    width: 200px;
    margin-top: 25px;
    margin-left: 324px;
}
.profileAvatarPurchasePopupCancelButton 
{
    font-size: 14px;
    border-bottom: 1px solid #666667;
    width: 45px;
    margin-right: 30px;
    margin-bottom: 7px;
    cursor: pointer;
    outline:none;
}
.profileAvatarPurchasePopupCancelButton:hover
{
    color: #BD2026;
    border-bottom: 1px solid #BD2026;
}
.profileAvatarPurchasePopupPurchaseButton 
{
    width: 125px;
    height: 27px;
    border: 1px solid #0067A4;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    padding-top: 2px;
    color: #0067A4;
    cursor: pointer;
    outline:none;
}
.profileAvatarPurchasePopupPurchaseButton:hover 
{
    background-color: #0067A4;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.profileAvatarPurchasePopupPurchaseButtonDisabled 
{
    width: 125px;
    height: 27px;
    border: 1px solid #808080;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    padding-top: 2px;
    color: #A9A9A9;
    cursor: default;
    outline:none;
}
.profileAvatarPurchasePopupColorIcon
{
    background-image: url(Images/Avatar/colorIcon.png);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    margin-left: 6px;
    margin-bottom: 4px;
    position: relative;
    top: -33px;
    left: 140px;
}
.profileAvatarPurchasePopupBottomSection 
{
    border-top: 3px solid #545454;
    margin-top: 17px;
    margin-left: 36px;
    margin-right: 36px;
}
.profileAvatarPurchasePopupBottomText 
{
    margin-top: 20px;
    font-size: 16px;
    color: #030303;
    text-align: center;
}
.profileAvatarPurchasePopupGemSelectionContainer 
{
    margin-top: 20px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.profileAvatarPurchasePopupGemSelectionItem 
{
    width: 113px;
    height: 118px;
    border: 2px solid #0067A4;
    border-radius: 4px;
    background-color: #FEFEFE;
    color: #333333;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    margin-top: 5px;
    margin-left: 5px;
}
.profileAvatarPurchasePopupGemSelectionItem:hover 
{
    border-color: #F69320;
}
.profileAvatarPurchasePopupGemIcon 
{
    background-image: url(Images/Avatar/gemPurchaseGemIcon.png);
    height: 25px;
    width: 32px;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.profileAvatarPurchasePopupCoinIcon 
{
    background-image: url(Images/Avatar/gemPurchaseCoinIcon.png);
    height: 29px;
    width: 29px;
    background-repeat: no-repeat;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.profileAvatarPurchasePopupMidText 
{
    text-align: center;
    font-size: 20px;
}
.profileAvatarPurchasePopupBottomButtonContainer 
{
    justify-content: flex-end;
    width: 490px;
}
.profileAvatarPurchasePopupPackageSelected 
{
    border-color: #F69320;
}
.profileAvatarPurchasePopupGemSelectionItemHolder 
{
    width:123px;
    height:128px;
    outline:none;
}
.profileAvatarPurchasePopupConfirmOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: #686973;
    opacity: .35;
    z-index: 5;
    margin: -6px 0px 0px -12px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.profileAvatarPurchasePopupConfirmContainer 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 5;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.profileAvatarPurchasePopupConfirmContent 
{
    width: 421px;
    height: 207px;
    background: white;
    margin-top: 220px;
    margin-right: auto;
    margin-left: auto;
}
.profileAvatarPurchasePopupInventoryConfirmContent 
{
    width: 421px;
    height: 207px;
    background: white;
    margin-top: 120px;
    margin-right: auto;
    margin-left: auto;
}
.profileAvatarPurchasePopupConfirmHeader 
{
	height: 25px;
    background-color: #333132;
    color: #EFEFEF;
}
.profileAvatarPurchasePopupConfirmHeaderText 
{
    margin-top: 4px;
    margin-left: 10px;
}
.profileAvatarPurchasePopupConfirmMainContainer 
{
    padding-top: 28px;
    padding-left: 20px;
}
.profileAvatarPurchasePopupConfirmItemMainBigText 
{
    font-size: 30px;
    width: 310px;
    margin-bottom: 20px;
    color: #45ADFF;
    font-weight: bold;
    margin-left: 40px;
}
.profileAvatarPurchasePopupConfirmMainBigText 
{
    font-size: 30px;
    margin-bottom: 20px;
    color: #45ADFF;
    font-weight: bold;
    margin-left: 28px;
}
.profileAvatarPurchasePopupConfirmMainText 
{
    width: 307px;
    margin-left: 13px;
    margin-right: 13px;
    font-size: 14px;
}
.profileAvatarPurchasePopupConfirmBtnHolder 
{
    height: 53px;
    width: 205px;
    justify-content: space-between;
    margin-right: 20px;
    align-self: flex-end;
}
.profileAvatarPurchasePopupConfirmCancelBtn 
{
    height: 25px;
    width: 49px;
    outline: none;
    text-decoration: underline;
    font-size: 16px;
}
.profileAvatarPurchasePopupConfirmCancelBtn:hover 
{
    color: #CF3200;
}
.profileAvatarPurchasePopupConfirmHolder 
{
    height: 43px;
    width: 130px;
}
.profileAvatarPurchasePopupConfirmBtn 
{
    height: 31px;
    width: 123px;
    outline: none;
    margin: auto;
    margin-top: 3px;
    border-radius: 5px;
    background-color: #005CA5;
    color: #EFEFEF;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
}
.profileAvatarPurchasePopupConfirmBtn:hover 
{
    height: 33px;
    width: 128px;
    padding-top: 8px;
}
/*End Inventory Purchace Popup Section*/
/*Profile Avatar Preview Section*/
.profilePreviewMain
{
    position: absolute;
    top: 55px;
    left: 50px;
    height: 600px;
    width: 400px;
    border: 1px solid black;
    z-index: 2;
    transition: left 1s ease;
}
.profilePreviewMainOpen 
{
    left: -402px;
}
.profilePreviewHeader 
{
    height:107px;
}
.profilePreviewTitle 
{
    height: 30px;
    background-color: #676868;
    justify-content:flex-end;
}
.profilePreviewTitleText 
{
    font-size: 18px;
    color: #EFEFEF;
    width: 200px;
    cursor: default;
}
.profilePreviewCloseImgContainer 
{
    height:33px;
    width:33px;
    margin-left: 20px;
}
.profilePreviewHeaderBot 
{
    height: 78px;
    background-color: #414042;
    color: #EFEFEF;
}
.profilePreviewCloseImg 
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBig.png);
    height: 21px;
    width: 21px;
    cursor: pointer;
    outline: none;
    margin-left: 6px;
    margin-top: 6px;
}
.profilePreviewCloseImg:hover
{
    background-image: url(Images/CoreTheme/Toolbar/Coaching/CoachingCloseBigHover.png);
    height: 33px;
    width: 33px;
    margin-left: 0px;
    margin-top: 0px;
}
.profilePreviewAvatarBackground
{
    width: 401px;
    height: 493px;
    margin-left: -1px;
    background-color: #333132;
}
.profilePreviewImagePosition 
{
    margin-right: 8px;
    align-self: flex-end;
    margin-top: -3px;
    position: relative;
    z-index:3;
}
.Background01Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-01.png");
    background-size: cover;
}
.Background02Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-02.png");
    background-size: cover;
}
.Background03Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-03.png");
    background-size: cover;
}
.Background04Preview  
{
    background-image: url("../Avatar/ProfileBackgrounds/background-04.png");
    background-size: cover;
}
.Background05Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-05.png");
    background-size: cover;
}
.Background06Preview  
{
    background-image: url("../Avatar/ProfileBackgrounds/background-06.png");
    background-size: cover;
}
.Background07Preview  
{
    background-image: url("../Avatar/ProfileBackgrounds/background-07.png");
    background-size: cover;
}
.Background08Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-08.png");
    background-size: cover;
}
.Background09Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-09.png");
    background-size: cover;
}
.Background10Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-10.png");
    background-size: cover;
}
.Background11Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-11.png");
    background-size: cover;
}
.Background12Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-12.png");
    background-size: cover;
}
.Background13Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-13.png");
    background-size: cover;
}
.Background14Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-14.png");
    background-size: cover;
}
.Background15Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-15.png");
    background-size: cover;
}
.Background16Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-16.png");
    background-size: cover;
}
.Background17Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-17.png");
    background-size: cover;
}
.Background18Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-18.png");
    background-size: cover;
}
.Background19Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-19.png");
    background-size: cover;
}
.Background20Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-20.png");
    background-size: cover;
}
.Background21Preview  
{
    background-image: url("../Avatar/ProfileBackgrounds/background-21.png");
    background-size: cover;
}
.Background22Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-22.png");
    background-size: cover;
}
.Background23Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-23.png");
    background-size: cover;
}
.Background24Preview  
{
    background-image: url("../Avatar/ProfileBackgrounds/background-24.png");
    background-size: cover;
}
.Background25Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-25.png");
    background-size: cover;
}
.Background26Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-26.png");
    background-size: cover;
}
.Background27Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-27.png");
    background-size: cover;
}
.Background28Preview  
{
    background-image: url("../Avatar/ProfileBackgrounds/background-28.png");
    background-size: cover;
}
.Background29Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-29.png");
    background-size: cover;
}
.Background30Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-30.png");
    background-size: cover;
}
.Background31Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-31.png");
    background-size: cover;
}
.Background32Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-32.png");
    background-size: cover;
}
.Background33Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-33.png");
    background-size: cover;
}
.Background34Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-34.png");
    background-size: cover;
}
.Background35Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-35.png");
    background-size: cover;
}
.Background36Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-36.png");
    background-size: cover;
}
.Background37Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-37.png");
    background-size: cover;
}
.Background38Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-38.png");
    background-size: cover;
}
.Background39Preview
{
    background-image: url("../Avatar/ProfileBackgrounds/background-39.png");
    background-size: cover;
}
.Background40Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-40.png");
    background-size: cover;
}
.Background41Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-41.png");
    background-size: cover;
}
.Background42Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-42.png");
    background-size: cover;
}
.Background43Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-43.png");
    background-size: cover;
}
.Background44Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-44.png");
    background-size: cover;
}
.Background45Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-45.png");
    background-size: cover;
}
.Background46Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-46.png");
    background-size: cover;
}
.Background47Preview 
{
    background-image: url("../Avatar/ProfileBackgrounds/background-47.png");
    background-size: cover;
}
/*End Avatar Preview Section*/
/*Profile Avatar Settings Section*/

.profileAvatarSettingsActions {
  display: flex;
  height: 80px;
  flex-shrink: 0;
}

.profileAvatarSettingsSlideout {
    transition: top 1s ease;
    z-index:4;
}

.profileAvatarSettingsTopContainer 
{
    margin-top:32px;
}
.profileAvatarSettingsMidContainer 
{
    margin-top: 10px;
}
.profileAvatarSettingsButtonContainer 
{
    position: absolute;
    top: 440px;
    right: 35px;
}
.profileAvatarSettingsPictureText 
{
    margin-bottom: 5px;
    margin-left: 75px;
    color: #EFEFEF;
    font-size: 14px;
    cursor: default;
}
.profileAvatarSettingsImagePickerButtonContainer 
{
    width: 95px;
    height: 95px;
    margin-left: 70px;
    margin-right: 60px;
    padding-top: 2px;
}
.profileAvatarSettingsImagePickerTriangle 
{
    background-color: #5A7A97;
    width: 30px;
    height: 30px;
    margin-bottom: -25px;
    margin-left: 20px;
    margin-top: 5px;
    transform: rotate(45deg);
    position: relative;
}
.profileAvatarSettingsImagePickerContainer 
{
    width: 340px;
    height: 165px;
    border-radius: 9px;
    position: absolute;
    background-color: #5A7A97;
    z-index: 1;
    left: -30%;
}
.profileAvatarSettingsImagePickerContainer:hover .profileAvatarSettingsDragText3
{
    background-color: #298FD8
}
.profileAvatarSettingsDragText1
{
    position: absolute;
    top: 32px;
    left: 60px;
    width: 225px;
    font-size: 20px;
}
.profileAvatarSettingsDragText2 
{
    position: absolute;
    top: 62px;
    left: 160px;
    width: 225px;
    font-size: 20px;
}
.profileAvatarSettingsDragText3 
{
    position: absolute;
    top: 97px;
    left: 45px;
    width: 218px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.avatarFileUploadInput 
{
    position: relative;
    z-index: 1;
    width: 0px;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    opacity:.3;
}
.profileAvatarSettingsImageCropContainer 
{
    position: relative;
    /* width: 340px; */
    /* height: 170px; */
    left: -30%;
}
.profileAvatarSettingsImageCropButtonContainer 
{
    padding-left: 0px;
    background-color: #032736;
    height: 29px;
    width: 360px;
    position: relative;
    z-index: 1;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    color: #353a40;
}
.profileAvatarSettingsCroppedImageContainer 
{
    position: absolute;
    cursor:pointer;
    outline: none;
    top: 0;
}
.profileAvatarSettingsCroppedImage 
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background-color: white;
}
.profileAvatarSettingsBackgroundThumbnail 
{
    position: absolute;
    top: 196px;
    left: 238px;
    border: 3px solid #FFFFFF;
    border-radius: 16px;
    outline: none;
    cursor: pointer;
}
.profileAvatarSettingsBackgroundText 
{
    margin-bottom: 5px;
    color: #EFEFEF;
    font-size: 14px;
    cursor: default;
}
.profileAvatarSettingsBackgroundPickerContainer 
{
    width: 95px;
    height: 95px;
    padding-top: 3px;
    margin-left:15px;
}
.profileAvatarPasswordResetSlideout 
{
    height: 100%;
    width: 100%;
}

.profileAvatarResetSuccessSlideout {
    position: absolute;
    top: 8%;
    left: 0;
    height: 90%;
    width: 100%;
    transition: left 0.6s ease;
    border: 3px solid #000000;
    background-color: #23303D;
    z-index: 1;
    box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-flow: column;
}
  .profileAvatarResetSuccessSlideout.ng-hide {
    left: 100%;
}

.profileAvatarPasswordHeaderText 
{
    margin-top: 19px;
    font-size: 17px;
    color: #EFEFEF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.profileAvatarPasswordInput {
    font-size: 14px;
  height: 32px;
}

.profileAvatarNewPasswordSecPolicyItem1 
{
    background-image: url(Images/Avatar/passwordPolicyItem1.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 18px;
    margin-right:10px;
}
.profileAvatarNewPasswordSecPolicyItem2 
{
    background-image: url(Images/Avatar/passwordPolicyItem2.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 18px;
    margin-right:10px;
}
.profileAvatarNewPasswordSecPolicyItem3
{
    background-image: url(Images/Avatar/passwordPolicyItem3.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 18px;
    margin-right:10px;
}
.profileAvatarNewPasswordSecPolicyItem4 
{
    background-image: url(Images/Avatar/passwordPolicyItem4.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 18px;
    margin-right:10px;
}
.profileAvatarNewPasswordSecPolicy 
{
    font-size:14px;
    margin-bottom:40px;
    margin-top: 20px;
}
.profileAvatarNewPasswordSecPolicyMinLength 
{
    margin-bottom:20px;
    color: #00B358;
}
.profileAvatarNewPasswordReqStrong 
{
    margin-bottom:20px;
    color: #00B358;
}
.profileAvatarNewPasswordHistoryCount 
{
    margin-bottom:20px;
}
.profileAvatarNewPasswordNewPWContainer 
{
    margin-bottom:26px;
}
.profileAvatarNewPasswordNewPWLabel 
{
    font-size: 14px;
    margin-right: 38px;
}
.profileAvatarNewPasswordErrorMsgContainer 
{
    margin-top: 26px;
    margin-bottom: 26px;
    height: 16px;
    color: #BD2026;
}
.profileAvatarNewPasswordConfirmPWLabel 
{
    font-size: 14px;
    margin-right: 18px;
    color: #00B358;
}
.policyRequired 
{
    color:#BD2026;
}
.profileAvatarSettingsBackgroundSlideout 
{
    width: 100%;
    height: 100%;
}
.profileAvatarErrorOutput 
{
    width: 335px;
    height: 221px;
    margin-left: 29px;
    color: #dc3545;
    white-space: pre-wrap;
}
.profileAvatarCancelButton 
{
    width: 57px;
    height: 23px;
    color: #999999;
    font-size: 18px;
    border-bottom: 1px solid #999999;
    margin-left: 71px;
    margin-right: 100px;
    cursor: pointer;
    outline: none;
}
.profileAvatarCancelButton:hover 
{
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.profileAvatarConfirmButton 
{
    background-color: #000000;
    color: #EFEFEF;
    width: 95px;
    height: 27px;
    border-radius: 4px;
    text-align: center;
    padding-top: 5px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    border: 1px solid #FFFFFF;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarConfirmButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarConfirmButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarPasswordSuccessMessage 
{
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
}
.profileAvatarSuccessClose 
{
    border-radius: 4px;
    width: 120px;
    height: 32px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 20px;
    margin-left: 145px;
    margin-bottom: 23px;
    text-align: center;
    padding-top: 3px;
    cursor: pointer;
    outline: none;
}
.profileAvatarSettingsBackgroundSlideoutOpen 
{
    top: 0px;
}
.profileAvatarSettingsProfileImagePicker  {
  position: absolute;
    background-image: url(Images/Avatar/ProfileImageSelector.png);
    background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 100%;
    cursor: pointer;
    outline: none;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
  .profileAvatarSettingsProfileImagePicker.active,
  .profileAvatarSettingsProfileImagePicker:hover {
    opacity: 1;
}

.profileAvatarSettingsProfileImagePickerDisabled 
{
    background-image: url(Images/Avatar/ProfileImageSelectorDisabled.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    margin-left: 3px;
    margin-top: 2px;
}
.profileAvatarSettingsBackgroundPicker 
{
    background-image: url(Images/Avatar/ProfileBackgroundSelector.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 92px;
    margin-left: 3px;
    margin-top: 4px;
    cursor: pointer;
    outline: none;
}
.profileAvatarSettingsBackgroundPicker:hover
{
    background-image: url(Images/Avatar/ProfileBackgroundSelectorHover.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 92px;
    margin-left: 0px;
    margin-top: 0px;
}

.profileAvatarSettingsResetButtonText {
	padding-right: 4px;
	padding-bottom: 1px;
}

.profileAvatarSettingsResetButton {
  /* padding-bottom: 3px; */
    height: 21px;
  color: #D2D6DB;
  font-size: 14px;
    cursor: pointer;
    outline: none;
}
  .profileAvatarSettingsResetButton:hover > .profileAvatarSettingsResetButtonText {
    color: #FFFFFF;
    border-bottom: 1px solid white;
    display: inline-block;
}

.sgStdBtnSec.profileAttributesBtn {
  margin-left: 0;
  background-color: transparent;
  color: #D2D6DB;
  border-color: #D2D6DB;
}
  .sgStdBtnSec.profileAttributesBtn:hover {
    color: white;
    border-color: white;
  }
  
.profileAvatarSettingsAttributeValues 
{
    padding-bottom: 3px;
    height: 21px;
    color: #999999;
    font-size: 17px;
    cursor: pointer;
    outline: none;
    border-bottom: 1px solid #999999;
    margin-top: 12px;
    margin-left: 30px;
	display:inline-block;
}
.profileAvatarSettingsAttributeValues:hover 
{
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.profileAvatarSettingsSave 
{
    width: 101px;
    height: 32px;
    cursor: pointer;
    outline: none;
    padding-top: 4px;
    background-color: #000000;
    border-radius: 4px;
    color: #FFFFFF;
    border: 1px solid #ffffff;
    font-size: 17px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}

.avatarButtonMask 
{
    height: 30px;
    width: 150px;
    position: relative;
    left: 40px;
    background: #FFFFFF;
    -webkit-transform: translate3d(-120%,-50px,0) rotate3d(0,0,1,45deg);
    transform: translate3d(-120%,-50px,0) rotate3d(0,0,1,45deg);
    -webkit-transition: left .5s ease, background-color .75s ease;
    transition: left .5s ease, background-color .75s ease;
}
.profileAvatarSettingsSave:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarSettingsSave:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarSettingsCancel 
{
    height: 21px;
    cursor: pointer;
    outline: none;
    color: #999999;
    font-size: 17px;
    margin-top: 9px;
    margin-right: 32px;
    border-bottom: 1px solid #999999;
}
.profileAvatarSettingsCancel:hover
{
    color:#FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.profileAvatarSettingsAliasBox
{
    height: 32px;
    border-top: 3.5px solid #C5CDE0;
    border-bottom: 3.5px solid #C5CDE0;
    border-left: 5px solid #C5CDE0;
    border-right: 5px solid #C5CDE0;
    width: 150px;
    margin-left: 33px;
    border-radius: 5px;
    font-size: 16px;
    padding-left:9px;
}
.profileAvatarSettingsBioBox
{
    height: 69px;
    border: 6.5px solid #C5CDE0;
    width: 304px;
    margin-left: 33px;
    margin-top: 24px;
    border-radius: 5px;
    font-size: 16px;
    resize: none;
    padding-left:9px;
}
.profileAvatarSettingsImgCrop 
{
    width: 360px;
    height: 140px;
    position: absolute;
    background-color: #5A7A97;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}
.profileAvatarSettingsImgCropDoneBtn
{
    width: 61px;
    height: 21px;
    outline: none;
    cursor: pointer;
    margin-left: 98px;
    margin-right: 30px;
    margin-top: 4px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    background-color: #FFFFFF;
}
.profileAvatarSettingsImgCropDoneText 
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    user-select: none;
}
.profileAvatarSettingsImgCropCancelBtn
{
    width: 61px;
    height: 21px;
    outline: none;
    cursor: pointer;
    margin-top: 4px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    background-color: #FFFFFF;
}
.profileAvatarSettingsImgCropCancelText 
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    user-select: none;
}
.profileAvatarSettingsShow 
{
    z-index:1;
}
.profileAvatarSettingsHide 
{
    z-index: -1;
    background-color:transparent;
    top: 20px;
}
.profileAvatarSettingsBackgroundThemeText 
{
    color: #EFEFEF;
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: default;
}
.profileAvatarSettingsBackgroundThemeBox 
{
    height: 24px;
    font-size: 14px;
    border-radius: 2px;
    width: 50%;
}
.profileAvatarBackgroundSelectorScrollContainer
{
    width: 100%;
    height: calc(100% - 16px);
    background-color: #808080;
    border-radius: 8px;
    border: 1px solid black;
}
.profileAvatarBackgroundSelectorContainer 
{
    display: flex;
    flex-flow: row wrap;
    padding: 10px;
}
.profileAvatarBackgroundButtonContainer 
{
    margin-top:20px;
    margin-left: 20px;
}
.profileAvatarBackgroundCancelButton 
{
    width: 100px;
    height: 30px;
    font-size: 16px;
    border: 2px solid #666667;
    background-color: #000000;
    border-radius: 9px;
    color: #FFFFFF;
    padding: 2px 0;
    text-align: center;
    margin-right: 25px;
    cursor: pointer;
    outline:none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarBackgroundCancelButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarBackgroundCancelButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarBackgroundPreviewButton 
{
    width: 100px;
    height: 30px;
    font-size: 16px;
    border: 2px solid #666667;
    background-color: #000000;
    border-radius: 9px;
    color: #FFFFFF;
    padding: 2px 0;
    text-align: center;
    margin-right: 25px;
    cursor: pointer;
    outline:none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarBackgroundPreviewButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarBackgroundPreviewButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarBackgroundApplyButton 
{
    width: 100px;
    height: 30px;
    font-size: 16px;
    border: 2px solid #666667;
    background-color: #000000;
    border-radius: 9px;
    color: #FFFFFF;
    padding: 2px 0px;
    text-align: center;
    cursor: pointer;
    outline:none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarBackgroundApplyButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarBackgroundApplyButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarBackgroundSelectorImgContainer 
{
    margin: 8px;
    width: calc(50% - 16px);
}
.profileAvatarBackgroundPreviewLeftTab 
{
    width: 59px;
    height: 41px;
    background: #EFEFEF;
    border: 3px solid #666667;
    border-left: none;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top:15px;
    justify-content: space-between;
}
.profileAvatarBackgroundPreviewLeftArrow
{
    background-image: url(Images/Avatar/previewLeft.png);
    width: 36px;
    height: 35px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.profileAvatarBackgroundPreviewLeftArrowPosition 
{
    margin-top: 14px;
    margin-left: 12px;
    margin-right: 27px;
}
.profileAvatarBackgroundPreviewExitButton 
{
    width: 93px;
    height: 29px;
    color: #EFEFEF;
    font-size: 17px;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
    margin-top: 16px;
    padding-top: 3px;
    margin-right: 27px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    outline:none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarBackgroundPreviewExitButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarBackgroundPreviewExitButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarBackgroundPreviewSelectButton 
{
    width: 93px;
    height: 29px;
    color: #EFEFEF;
    font-size: 17px;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
    margin-top: 16px;
    padding-top: 3px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    outline:none;
    overflow: hidden;
    -webkit-transition: color .75s ease, border-color .75s ease;
    transition: color .75s ease, border-color .75s ease;
}
.profileAvatarBackgroundPreviewSelectButton:hover
{
    border-color: #8CC63F;
	color: #8CC63F;
}
.profileAvatarBackgroundPreviewSelectButton:hover .avatarButtonMask 
{
    background-color: #8CC63F;
	left:221px;
}
.profileAvatarBackgroundPreviewGrayLeftArrow
{
    background-image: url(Images/Avatar/previewGrayLeft.png);
    width: 36px;
    height: 35px;
    background-repeat: no-repeat;
}
.profileAvatarBackgroundPreviewRightArrow 
{
    background-image: url(Images/Avatar/previewRight.png);
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.profileAvatarBackgroundPreviewRightArrowPosition 
{
    margin-top: 14px;
    margin-left: 27px;
}
.profileAvatarBackgroundPreviewGrayRightArrow 
{
    background-image: url(Images/Avatar/previewGrayRight.png);
    width: 35px;
    height: 36px;
    background-repeat: no-repeat;
}
.profileAvatarBackgroundPreviewMain 
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 600px;
    width: 400px;
    z-index: 4;
}
.profileAvatarBackgroundPreviewHeader 
{
    height:107px;
}
.profileAvatarBackgroundPreviewTitle 
{
    height: 30px;
    background-color: #676868;
}
.profileAvatarBackgroundPreviewTitleText 
{
    font-size: 20px;
    margin-left: 160px;
    color: #EFEFEF;
}
.profileAvatarBackgroundPreviewHeaderBot 
{
    height: 78px;
    background-color: #414042;
    color: #EFEFEF;
}
.profileAvatarBackgroundPreviewBotControl 
{
    position: absolute;
    top: 509px;
    z-index: 2;
    margin-left: 12px;
    width: 359px;
    height: 75px;
    border: 1px solid #000000;
    border-radius: 8px;
    background-color: #333333;
}
.profileAvatarBlankProfileImg 
{
    background-image: url(Images/Avatar/Blank-Profile-Image-03.png);
    background-repeat: no-repeat;
    position: relative;
    top: -90px;
    left: 33px;
    height: 84px;
    width: 84px;
}
.profileAvatarProfileImgContainer 
{
    width: 81px;
    height: 81px;
    border: 2px solid #B4B2B4;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin: auto 0;
    margin-right: 32px;
    overflow:hidden;
}
.profileAvatarProfileImg 
{
    border-radius:50%;
    width: 77px;
    height: 77px;
}
.profileAvatarProfilePicture 
{
    border-radius: 50%;
    position: relative;
    left: 1px;
    top: -2px;
    overflow:hidden;
}
.profileAvatarAliasText 
{
    color: #EFEFEF;
    position: relative;
    font-size: 14px;
    top: -98px;
    left: 6px;
    width: 140px;
    text-align: center;
    cursor: default;
    font-weight: bold;
}
.profileAvatarSettingsBotContainer 
{
    position: absolute;
    top: 328px;
    width: 100%;
    background-color: #333132;
    height: 150px;
}
.profileAvatarSettingsPrefPhotoHolder 
{
    margin-left: 30px;
    font-size: 14px;
    color: #EFEFEF;
    margin-bottom: 10px;
}
.profileAvatarSettingsEmailInput 
{
    margin-left: 32px;
    margin-right: 32px;
    padding-left: 9px;
    border: 6.5px solid #C5CDE0;
    border-radius: 5px;
    height: 25px;
}
.profileAvatarSettingsQualityChkHolder 
{
    margin-left: 45px;
    margin-top: 14px;
    margin-right: 9px;
}
.profileAvatarSettingsQualityChkText 
{
    margin-left: 9px;
    color: #EFEFEF;
    cursor: default;
}
.profileAvatarSettingsPerformanceChkHolder 
{
    margin-left: 45px;
    margin-top: 9px;
    margin-right: 9px;
}
.profileAvatarSettingsPerformanceChkText 
{
    margin-left: 9px;
    color: #EFEFEF;
    cursor: default;
}
/*End Avatar Settings Section*/
/*Gem History Popup*/
.gemHistoryPopup
{
	position: fixed;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
	width: calc(100% * .97);
	height: calc(100% * .949);
	background-color: white;
}

.gemHistoryPopupBody
{
	/*background-color: white*/
}

.gemHistoryBigGemIcon
{
	background-image: url(Images/CoreTheme/GemHistoryGems.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
    height: 100px;
    position: relative;
    top: -20px;
    left: -10px;
}

.gemHistoryTitle
{
	position: relative;
	top: 17px;
}

.gemHistoryScrollContainer
{
	max-height: calc(100% - -40px);
    overflow-y: auto;
}

.gemHistoryRow
{
	min-height: 40px;
	display: flex;
}
/*End Gem History Popup*/

/* END Profile Avatar section */

.mockup.profileContainer
{
    width: 400px;
    height: 705px;
}
.mockup.profileContainer .profileBackground
{
    background-image: url("Images/Profiles/Mockups/profileWithAvatar_demo.png");
    width: 100%;
    height: 100%;
    background-size: 400px 705px;
    background-position: center;
}

.profileIcon
{
    border: 3px solid #404041;    
    width: 60px;
    height: 45px;
    background-size: 100%;
    background-position: center;
    background-color: white;
    cursor: pointer;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.flipped .profileIcon
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.profileIcon.inventory
{
    background-image: url("Images/Profiles/Mockups/icon_inventory.png");
    top: 600px;
    left: 118px;
}
.profileIcon.store
{
    background-image: url("Images/Profiles/Mockups/icon_store.png");    
}
.profileIcon.quests
{
    background-image: url("Images/Profiles/Mockups/icon_quests.png");
    top: 310px;
}
.profileIcon.badges
{
    background-image: url("Images/Profiles/Mockups/icon_badges.png");
    top: 240px;    
}
.profileInventorySlideContainer,
.profileStoreSlideContainer,
.profileBadgesSlideContainer,
.profileQuestsSlideContainer
{
    position: absolute;
    top: 706px;
    width: 400px;
    height: 574px;
    transition: top 0.4s ease;
    z-index:1;
}
.profileStoreSlideContainer,
.profileBadgesSlideContainer,
.profileQuestsSlideContainer
{
    /*cursor: pointer;*/
}
.profileInventorySlideContainer
{
    height: 667px;
}
.profileInventorySlideContainer.out,
.profileStoreSlideContainer.out,
.profileBadgesSlideContainer.out,
.profileQuestsSlideContainer.out
{
    top: 130px;
    transition: top 0.4s ease;
}
.profileInventorySlideContainer.out
{
    top: 38px;
}
.profileSlideoutOverlay
{
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.profileInventoryBackground
{
    background-image: url("Images/Profiles/Mockups/profileInventory.png");
    width: 100%;
    height: 100%;
    background-size: 400px 667px
}
.profileStoreBackground
{
    background-image: url("Images/Profiles/Mockups/profileStore.png");
    width: 100%;
    height: 100%;
    background-size: 400px 574px;
}
.profileBadgesBackground
{
    background-image: url("Images/Profiles/Mockups/profileBadges.jpg");
    width: 100%;
    height: 100%;
    background-size: 400px 574px;
}
.profileQuestsListBackground
{
    background-image: url("Images/Profiles/Mockups/profileQuestsList.png");
    width: 100%;
    height: 100%;
    background-size: 400px 574px;
}
.profileQuestsDetailsBackground
{
    background-image: url("Images/Profiles/Mockups/profileQuestsDetails.png");
    width: 100%;
    height: 100%;
    background-size: 490px 530px;
}
.profileQuestsDetailsSlideContainer
{
    display: none;
    top: 185.5px; 
    right: 120px; 
    width: 400px; 
    height: 531px; 
    z-index: 19900; 
    position: absolute;    
}
.profileQuestsDetailsSlideContainer.out
{
    display: inline-block;
    right: 444px;
    transition: right 0.4s ease;
}
.profileQuestCheckpointsSlideout
{
    position: absolute;
    top: 25px;
    left: 60%;
    z-index: 19999;
    width: 268px;
    height: 482px;
    display: none;
}
.profileQuestCheckpointsBackground
{
    background-image: url("Images/Profiles/Mockups/CheckPoint1.png");
    background-size: 268px 482px;
    width: 268px;
    height: 482px;
}
.profileFullScreenOverlay
{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
.profileTransparentHoverButton
{
    background-color: transparent;
    transition: background-color 0.5s ease;
    position: absolute;
}
.profileTransparentHoverButton:hover
{
    background-color: rgba(255, 255, 255, 0.5);
    transition: background-color 0.5s ease;
    cursor: pointer;
}
.profileStoreFullPage
{
    background-image: url("Images/Profiles/Mockups/PointStore.jpg");        
    width: 1365px;
    height: 770px;
    left: calc((100% - 1365px) / 2);
    position: fixed;
    top: calc((100% - 770px) / 2);
    z-index: 20000;
    cursor: default;
    display: none;
}

/*ENDREGION Profiles With Avatars*/

/*REGION Icon Banner*/
.iconBannerHolder
{
    position: absolute;
}
.iconBannerSliderContainer
{
    width: 100%;
    height: 100%;
}
.iconBannerStub
{
    display: inline-block;
}
.iconBanner
{
    background-color: white;
    border: 3px solid #404041;    
    display: inline-block;
    height: 45px;
    float: left;
}
.iconBannerSliderContainer.flipped
{
    width: 60px;
}
.iconBannerSliderContainer.flipped:hover
{
    width: 150px;
}
.iconBannerSliderContainer.flipped .iconBanner
{
    float: right;
}
.iconBanner.animated
{
    transition: width 0.4s ease;
}
.iconBanner.bannerCollapsed
{
    width: 0px;    
}
.iconBanner.bannerExpanded
{
    width: 80px;    
}
.iconBannerText
{
    font-size: 16px;
    padding-left: 5px;
    margin-top: 11px;
    display: none;
}
.iconBannerHolder:hover .iconBannerText
{
    display: inline-block
}
/*ENDREGION Icon Banner*/

/*REGION Mega Menu Nav Bar*/
.navMenuPageGroup
{
    display: inline-block;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 16px;
    color: #666666;
    padding-top: 12px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
    font-family: Lato;
    text-transform: uppercase;
    transition: color 0.3s ease;
    z-index: 100;
}
    .navMenuPageGroup.open
    {
        color: #DE4337;
    }

.navMenuPageGroupUnderline {
  background-color: #DE4337;
  height: 3px;    
  width: calc(100% + 22px);
  margin-left: -11px;    
  opacity: 0;
  transition: opacity 0.3s ease;
}
.navMenuPageGroup.open .navMenuPageGroupUnderline {
  opacity: 1;
}

.navMenuHoverContainer > *,
.navMenuSubHeading
{
  color: #3F3F3F;
  font-size: 16px;
  font-weight: bold;
  /* width: 264px; */
  padding: 5px;
}

.navMenuSubHeadingHeader {
  display: flex;
}

.navMenuSubHeading {
  /* text-transform: uppercase; */
  margin-bottom: 60px;
  border: none;
  /* max-width: 300px; */
  padding: 0px 50px;
}
  .defaultLandingPage .navMenuSubHeading {
    padding: 15px 50px;
  }

.defaultLandingPage .navMenuPageItem {
  margin-left: 36px;
  width: calc(100% - 36px);
  /* padding-left: 8px; */
}

.navMenuSubHeadingTitle {
  display: inline-block;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #A8AFB9;
}


.navMenuHoverContainer .linkedHighlight {
  color: #DE4337;    
}

.navMenuPageItem {
  font-size: 16px;
  /* margin-left: 44px; */
  font-weight: normal;
  cursor: default;
  text-transform: none;
  position: relative;
  /* width: 224px; */
}

.navMenuPageItem:not(.noClick):hover 
{
    background-color: #e8f8ff;
    cursor: pointer;
}
.navMenuPageItem.noClick a
{
    color: #3F3F3F;
}

.navMenuPage {
  display: block;
  height: 100%;
  padding: 8px;
}

.navMenuHoverContainer {
  background-color: white;
  box-shadow: gray 3px 3px 10px;
  z-index: 1000000;
  text-align: left;
  padding: 17px;
  border-radius: 5px;    
  top: 40px;
  display: flex;
  flex-flow: column wrap;
  height: 100%;
  overflow: auto;
}

.megaMenuBacker
{
    margin: auto;
}
    .megaMenuBacker table
    {
        margin: auto;
    }
.navMenuPageGroup .dashboardsGroupTitle
{
    color: #0067A3;
}
.megaMenuParentSubHeader
{
    display: flex;
    flex-flow: column wrap;
}

.navMenuPage.isSubscribed
{
    max-width: 175px;
    display: inline-block;
}
/*ENDREGION Mega Menu Nav Bar*/

/*NEW PERSONA LAYOUT STUFF*/
@media only screen and (min-width: 1700px)
{
    .personaDashboardContainer .personaRecentActivityRoot
    {
        height: calc(100% - 80px);
        overflow-y: hidden;
        padding: 20px 25px;
        width: 400px;
    }
    .personaDashboardContainer .personaKPICenterContainer
    {
        padding: 5px 40px;
    }
    .personaDashboardContainer .personaKPIGaugeTitle
    {
        margin-bottom: 20px;
    }
}

persona-dashboard-main
{
    height: calc(100vh - 99px);
    display: inline-block;
}

.menuBarOverlord
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #0076A9;
    z-index: 9999;
}

.personaDashboardContainer
{
    position: absolute;
    top: 0;
    width: calc(100% - 50px);
    height: 100%;
    overflow-x: auto;
    min-width: 1000px;
}

.personaProfileContainer
{
    width: 275px;
    height: 100%;
    z-index: 10000;
    position: relative;
    font-size: 16px;
    color: white;
    overflow: hidden;
}

.personaDashboardViewContainer
{
    margin-top: 59px;
    height: calc(100% - 59px);
    width: calc(100% - 275px);
    overflow-x: auto;
    min-width: 950px;
}

.personaProfileBackground
{
    background-image: url("Images/PersonaDashboard/BlueDataBackground.svg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.personaProfileImageContainer
{
    width: 100%;
    height: 104px;
    outline: none;
}

.personaProfileImage
{
    margin: auto;
    display: inherit;
    /*border: 2px solid white;*/
    border-radius: 50%;
    background-color: white;
    transform: rotateY(180deg);
}

.personaProfileLogoSpacer
{
    height: 40px;
}

.personaProfileLogo
{
    /*background-image: url(Images/CoreTheme/Clearview-White.png);*/
    background-image: url(Images/InContact/inView_White.png);
    width: 220px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.personaSectionHeader
{
    height: 25px;
    position: relative;    
}
.personaSectionHeaderLeft
{
    color: #309fde;
    font-size: 18px;
    display: inline-block;
}
.personaSectionHeaderRight
{
    float: right;
}
.personaSectionContent
{
    height: calc(100% - 25px);
}

.personaKPIContainer
{
    padding: 20px 25px;
    min-width: 500px;
    height: calc(33% - 20px);
}

.personaKPICenterContainer
{
    flex: 1;
    width: 0px;
}

.personaKPIGaugeGroupContainer
{
    flex: 1;
    overflow: hidden;
}

.personaKPIGaugeControlContainer
{
    display: flex;
}

.personaKPIGaugeArrow
{
    background-image: url("Images/PersonaDashboard/SideArrow.svg");
    width: 20px;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;    
    transition: background-color 0.2s ease;
    outline: none;
    margin: 0px 5px;
}
.personaKPIGaugeArrow:hover
{
    background-color: rgb(200, 200, 200);
    cursor: pointer;
}
.personaKPIGaugeArrow.left
{
    transform: rotateZ(-180deg);
}

.personaRecentActivityContainer
{
    max-width: 450px;
    min-width: 350px;    
    overflow-y: auto;
    height: 100%;
}

.personaKPIGaugeContainer
{
    width: 19%;
    display: inline-block;
    margin: 0% 3%;
}

.personaKPIGaugeImageContainer
{
    width: calc(100%);
    padding-top: calc(100%);
    margin: auto;
    position: relative;
    background-image: url("Images/PersonaDashboard/GaugeRingBkgnd.svg");
    background-repeat: no-repeat;
}

.personaRecentActivityRoot
{
    height: calc(100% - 40px);
    overflow-y: hidden;
    padding: 20px 25px;
    width: 400px;
}

.personaKPIGaugeSlidingContainer
{
    white-space: nowrap;    
    position: relative;
    left: 0%;
    transition: left 0.5s cubic-bezier(0.5, -0.38, 0.46, 1.41);
}

.personaArcGoalDot
{
    position: absolute;
    width: 20%;
    height: 20%;
    right: 21%;
    bottom: 8%;
    z-index: 500;
}

.personaKPIGaugeValue
{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    transform: translateX(-50%) translateY(-50%);
    color: #677480;
}

.personaKPIGaugeGoal
{
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: rgb(240,244,247);
    padding: 0px 10px;
    border-radius: 10px;
    white-space: nowrap;
    border: 1px solid rgb(186,195,202);
    font-size: 14px;
    z-index: 600;
}

.personaKPIGaugeTitle
{
    font-size: 16px;
    text-align: center;
}

.personaScorecardBreakdownItem
{
    height: 20px;
}

.personaActionItemsContainer
{
    height: calc(40% - 60px);
    padding: 20px 25px;
}

.personaActionItemsPreviewImage
{
    background-image: url("Images/PersonaDashboard/TempPreviews/ActionItemsPreview.png");
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.personaProfileOverviewPopupPreviewImage
{
    background-image: url("Images/PersonaDashboard/TempPreviews/Performance Overview.png");
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.personaProfilePopupOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10001;
    background-color: rgba(127, 127, 127, 0.5);
}

.personaProfilePopupClose
{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 16px;
    top: 16px;
    opacity: 0.5;    
}
.personaProfilePopupClose:hover
{
    cursor: pointer;
    background-color: red;
}

.personaProfilePopup
{
    background-color: white;
    width: 95vw;
    height: 95vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 4px 4px 4px #333333;
    z-index: 10002;
}

.personaScorecardOverallContainer
{
    width: 25%;
    position: relative;
}

.personaScorecardContainer
{
    height: calc(27% - 40px);
    padding: 20px 25px;
}

.personaScorecardOverallValue
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 88px;
    color: #677480;
}

.personaScorecardBreakdownItemLabel
{
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    margin-right: 20px;
    color: #677480;
}

.personaScorecardBackground
{
    stroke: rgb(199, 199, 199);
    stroke-width: 5px;
}

.personaScorecardBreakdownItem
{
    margin: 10px 0px;
}

.personaScorecardBreakdownItemLabel
{
    position: relative;    
}
.personaScorecardBreakdownItemLabel span
{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 16px;
}

.personaScorecardBreakdownContainer
{
    justify-content: center;
    flex: 1;
}

.personaScorecardBreakdownItemGraphicContainer
{
    position: relative;
    flex: 1;
}

.personaScorecardBreakdownItemGraphic
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.personaScorecardForeground
{
    position: absolute;
    top: 0;
    left: 0;
    stroke-width: 10px;
}

.personaScorecardBackground
{
    stroke-width: 7px;
}

.personaScorecardBreakdownItemGraphic div.personaScorecardIcon
{
    background-image: url("Images/PersonaDashboard/GrayRaceCar.svg");
    position: absolute;
    width: 75px;
    height: 21px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: -8px;
    margin-top: -27px;
    transition: left 2s ease-in;
    
}

div.personaScorecardIcon.aqua
{
    background-image: url("Images/PersonaDashboard/RacerAquaFormula1.svg");
}
div.personaScorecardIcon.blue
{
    background-image: url("Images/PersonaDashboard/RacerBlueAquaFormula1.svg");
}
div.personaScorecardIcon.orange
{
    background-image: url("Images/PersonaDashboard/RacerOrangeAquaFormula1.svg");
}
div.personaScorecardIcon.purple
{
    background-image: url("Images/PersonaDashboard/RacerPurpleAquaFormula1.svg");
}

.personaRecentActivityItemContainer
{
    height: 80px;    
    position: relative;
}

.personaRecentActivityPortrait
{
    border: 1px solid black;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    position: absolute;
    left: 5px;
    top: 16px;
}
.personaRecentActivityPortrait img
{
    border-radius: 50%;
}

.personaRecentActivityTitle
{
    font-size: 16px;
    width: calc(100% - 179px);
    display: inline-block;
    position: absolute;
    left: 60px;
    top: 20px;
}

.personaRecentActivityText
{
    position: absolute;
    left: 60px;
    bottom: 20px;
    font-size: 14px;    
    display: inline-block;
    width: calc(100% - 128px);
}

.personaRecentActivityTimestamp
{
    font-size: 12px;
    position: absolute;
    right: 60px;
    top: 20px;
}

.personaRecentActivityIcon
{
    position: absolute;
    right: 5px;
    top: 16px;
}

.personaProfileSeparatorContainer
{
    width: 80%;
    margin: auto;
}

.personaProfileName
{
    font-size: 20px;
    text-align: center;
    height: 26px;
}

.personaProfileCurrencyContainer
{
    text-align: center;
    margin-top: 2px;
    height: 16px;
}

.personaProfileIconGems
{
    background-image: url("Images/PersonaDashboard/JewelIcon2018.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.personaProfileIconCoins
{
    background-image: url("Images/PersonaDashboard/CoinIcon2018.svg");
    width: 17px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 40px;
}

.personaProfileBackground
{
    background-image: url("Images/PersonaDashboard/BlueDataBackground.svg");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.personaProfileAvatarContainer
{
    position: relative;
}

.personaProfileAvatarImage
{
    position: absolute;
    /*left: -109px;*/
    left: 0px;
    transform: rotateY(180deg);
    z-index: 0;
}

.personaProfileButton
{
    padding: 10px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: white;
    background-color: transparent;
    transition: background-color .2s linear;
    outline: none;
    position: relative;
    z-index: 1000;
}
.personaProfileButton:hover
{
    background-color: rgb(0, 52, 84);
}

.personaProfileButtonIcon
{
    padding: 0px 15px 0px 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 75px;
    height: 21px;
}
    .personaProfileButtonIcon.personaProfileIconHome
    {
        background-image: url("Images/PersonaDashboard/HomeIconWhite.svg");
    }
    .personaProfileButtonIcon.personaProfileIconMyPerformance
    {
        background-image: url("Images/PersonaDashboard/MyPerformanceIconWhite.svg");
    }
    .personaProfileButtonIcon.personaProfileIconCoaching
    {
        background-image: url("Images/PersonaDashboard/CoachingIconWhite.svg");
    }
    .personaProfileButtonIcon.personaProfileIconGaming
    {
        background-image: url("Images/PersonaDashboard/GamingIconWhite.svg");
    }
    .personaProfileButtonIcon.personaProfileIconSocial
    {
        background-image: url("Images/PersonaDashboard/SocialIconWhite.svg");
    }
    .personaProfileButtonIcon.personaProfileIconDashboards
    {
        background-image: url("Images/PersonaDashboard/DashboardsIconWhite.svg");
    }

.personaProfileButtonText
{
    display: inline-block;
    vertical-align: top;
}

.personaScorecardForeground
{
    border-radius: 10px;
    width: 0%;
    height: 10px;
    background-color: orange;
    margin-top: 5px;
    transition: width 2s ease-in;
}

.personaScorecardForeground.blue { background-color: #54C3FF; }
.personaScorecardForeground.purple { background-color: #D7C6EE; }
.personaScorecardForeground.orange { background-color: #FFDCB3; }
.personaScorecardForeground.aqua { background-color: #9AE8E4; }

.personaScorecardTrendLinkButton
{
    color: #677480;
    text-decoration: underline;
    cursor: pointer;
}

.personaScorecardShowDetailsLinkButton
{
    color: #677480;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    font-size: 12px;
    transform: translate(-50%, -50%);
    bottom: 10%;
    left: 50%;
    white-space: nowrap;
}

.personaPopupContainer
{
    background-color: white;
    width: 60vw;
    height: 40vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 4px 4px 4px #333333;
    z-index: 10002;
}

.personaPopupOverlay
{
    background-color: black;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10001;
    cursor: pointer;
}

.personaPopupClose
{
    background-image: url(Images/CoreTheme/Modules/Exit.png);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.personaPopupClose:hover
{
    background-image: url(Images/CoreTheme/Modules/Exit-HOV.png);
}

.personaPopupContentHeader
{
    height: 20%;
}
.personaPopupContent
{
    height: calc(80% - 20px);
    width: calc(100% - 40px);
    padding: 10px 20px;
    overflow: auto;
}

.personaTempPreview
{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

.personaTempPreviewGaming
{
    background-image: url(Images/PersonaDashboard/TempPreviews/PersonaGamificationPreview.png);
}
.personaTempPreviewSocial
{
    background-image: url("Images/PersonaDashboard/TempPreviews/Social - No Nav.png");
}
.personaTempPreviewCoaching
{
    background-image: url("Images/PersonaDashboard/TempPreviews/PersonaBasedDashboardsAGENT_Coaching_HistoryList_NoNav.jpg");
}

.personaLinkPositioner
{
    position: absolute;
    z-index: 10000;
    right: 50px;
    top: 20px;
}

.personaLinkPositioner a,
.personaLinkPositioner a:visited,
.personaLinkPositioner a:link
{
    text-decoration: underline;
    font-size: 14px;
    color: #EEEEEE;
    text-align: right;
    cursor: pointer;
}
.personaLinkPositioner a:hover
{
    color: white;
}

.personaScorecardTrendingChart
{
    min-width: 200px;
    min-height: 100px;
    width: 80%;
    height: 80%;
    display: inline-block;
}

.personaScorecardBreakdownCardItem
{
    min-width: 150px;
    padding: 20px;
}

.personaScorecardBreakdownCardLineItemSelected
{
    color: #309FDE;
}

.personaScorecardBreakdownCardLineItem
{
    white-space: nowrap;
    height: 20px;
}
.personaScorecardBreakdownCardLineItem span.left
{
    width: 45%;
    display: inline-block;
    text-align: right;
}
.personaScorecardBreakdownCardLineItem span.center
{
    width: 10%;
    height: 13px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url(Images/PersonaDashboard/ArrowPointingRight.png);
    margin: 0px 0px 0px 4px;
}
.personaScorecardBreakdownCardLineItem.personaScorecardBreakdownCardLineItemSelected span.center
{
    background-image: url(Images/PersonaDashboard/ArrowPointingRightBLUE.png);
}
.personaScorecardBreakdownCardLineItem span.right
{
    width: 45%;
    display: inline-block;
    text-align: left;
}

.personaScorecardBreakdownCardTitle
{
    font-size: 20px;
    color: #309FDE;
}

.personaPopupContainer .ct-line
{
    stroke: #298DD6 !important; 
    stroke-width: 4px !important;
}

.personaPopupContainer .ct-point
{
    stroke: #298DD6 !important;
}

.personaPopupTitle
{
    font-size: 20px;
    color: #309FDE;
    margin-left: 25px;
    margin-top: 25px;
    display: inline-block;
}

.personaProfileMenu
{
    background-image: url(Images/PersonaDashboard/HamburgerWhite.svg);
    width: 30px;
    height: 25px;
    float: right;
    margin-top: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    margin-right: 10px;
}

.personaProfileMenuPopupContainer
{
    position: fixed;    
    color: black;
    background-color: white;
    border: 2px solid gray;
    box-shadow: 2px 2px 10px 0px lightgrey;
    top: 40px;
    left: 205px;
}

.personaProfileMenuPopupItem
{
    padding: 10px 20px;
}
.personaProfileMenuPopupItem:hover
{
    background-color: rgba(0,128,255,0.2);
    cursor: pointer;
}

.personaProfileMenuDivider
{
    border-bottom: 1px solid lightgray;
    margin: 0px 5%;
}

.personaComingSoonBanner
{
    width: 90%;
    height: 50px;
    background-color: rgba(255, 255, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(-15deg);
    color: black;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}
/*ENDREGION Persona Dashboards*/

/*REGION Subscription Management*/

/* ----- Selection Action Bar (v1 - Pre-Flexbox) ------ */
.SelectionActionBar {
    position: relative;
    display: inline-block;
    height: 40px; /* Total height should be 40px. Height (24) + padding-top (8) + position-top (-8) + padding-bottom (8) = 40. */
    width: calc(100% - 114px); /* It works. */
    /*width: 94%;*/
    top: -8px;
    margin-left: 16px;
    padding: 8px 16px 8px 16px;
    background-color: #0078AC;
    color: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
}

.SelectionActionTransition {
    visibility: visible;
    opacity: 1;
}

.SelectionActionShow {
    visibility: visible;
    opacity: 1;
}

.SelectionActionHide {
    /*visibility: hidden;*/
    opacity: 0;
}

.SelectionAction {
    margin-right: 16px;
    border: none;
    outline: none;
}

.SelectionAction:hover {
    cursor: pointer;
}

.SelectionActionBar span a {
    color: white;
}

.SelectionActionBar span a:hover {
    text-decoration: underline;
}

/* -- Arrow (v1) -- */
/* Base arrow created on http://www.cssarrowplease.com/ */
.SelectionArrow {
	position: relative;
	background: #0078AC;
}
.SelectionArrow:after {
	top: 32px;
	left: 16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #0078AC;
	border-width: 16px;
	margin-left: -16px;
}

.SelectionArrowSubscriptions:after {
    top: 32px;
    left: 5px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #0078AC;
    border-width: 16px;
    margin-left: -16px;
}

/* ----- Selection Action Bar (v2 - Flexbox Magic) ------ */
.saBar {
    /* Some values (width, left-margin) would be values to override to meet the needs of your page. */
    position: relative;
    top: -8px;
    height: 40px;
    width: calc(100% - 100px);
    margin-left: 16px;
    padding: 0px 8px;
    background-color: #0078AC;
    /* See .saShow and .saHide for transition values. */
    -webkit-transition: opacity 0.5s linear, visibility 0.6s linear;
    transition: opacity 0.5s linear, visibility 0.6s linear;
    -moz-transition: opacity 0.5s linear, visibility 0.6s linear;
}

.saContainer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
  height: 100%;
}
.saAction {
  align-self: center;
  width: auto;
  cursor: pointer;
  outline: none;
}

.saActionText {
  position: relative;
  top: -2px;
  /*margin-left: 8px;*/
  padding-left: 8px;
  margin-right: 24px;
  outline: none;
}

  .saActionText.saTextDelete {
	font: 14px Roboto;
	font-weight: 500;
  }
  .saActionText.saTextCancel {
	text-decoration: underline;
  }

.saNoIcon {
  margin-left: 18px;
  width: 0px;
}

.saCounter {
  width: auto;
  margin-left: auto;
}
  .saContainer .saAction .saActionText,
  .saContainer .saCounter {
    align-self: center;
    font-size: 14px;
    color: #FFF;
  }

.saShow {
  opacity: 1;
  visibility: visible;
}

.saHide {
  opacity: 0;
  visibility: hidden;
}

/* -- Page-specific value overrides -- */
  /* Marketplace Management Products List View */
  .saBar.saProductListView { 
	margin-left: 8px;
	width: calc(100% - 76px);
	z-index: 5;
  }
  .saCounter.listViewSingleSelectText { /* Point Store Product List View - Single Select has two states, which messes up the positioning of the "1 items selected" field. This fixes it.*/
	width: 10%;
	text-align: right;
  }

/* -- Arrow (v2) -- */
/* Base arrow created on http://www.cssarrowplease.com/ */
.saArrow {
  background: #0078AC;
}

  .saArrow:after {
	top: 40px;
	left: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #0078AC;
	border-width: 12px; /* Controls the height of the arrow. */
	margin-left: -16px; /* Controlls the Left/Right positioning of the arrow. */
  }

  .saArrow.saProductListViewArrow:after {
	left: 14px;
	margin-left: -12px;
  }

/* ----- End Selection Action Bar ------ */

/* ----- Subscription Table ------ */
.SubscriptionTableRow:hover {
    background-color: #E8F8FF;
}

.SubscriptionTableSelected {
    background-color: #E8F8FF;
}

/* ----- Subscription Edit Lightbox ------ */
.subscriptionEditDialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.recipientHover:hover {
    background-color: #E8F8FF;
}

    .recipientHover:hover button {
        visibility: visible !important;
    }

/*ENDREGION Subscription Management*/

.txtOverflow
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.alignRight { text-align:right; }

.alignLeft { text-align:left; }

.number { text-align:right; width:40px; }

.dateTextBox {text-align:right;width: 70px;}

.bold	{ font-weight:bold; }

.bolder { font-weight:bolder; }

.italic	{ font-style:italic; }

.underline { text-decoration:underline; }

.strikethrough { text-decoration:line-through; }

.center { margin-left:auto; margin-right:auto; }
		 
.centerText { text-align:center; }

.error { color:Red; font-size:85%; }
		
.inlineError { color:Red; }

.medium { font-size:90%; }

.small { font-size:13px; }

.x-small { font-size:9px; }

.xx-small { font-size:8px; }

.large { font-size:110%; }

.x-large { font-size:130%; }

.rightMargin {margin-right:5px;}

.topMargin {margin-top:5px;}

.noBreak {white-space:nowrap;}

.block {display:block;}

.hidden {display:none;}

.hiddenOverride {display:none !important;}

.inline {display:inline;}

.indent {margin-left:5px;}

.clickable { cursor: pointer; }

.floatLeft { float:left; }

.floatRight { float:right; }

.halfOpacity { opacity: 0.5; }

.greenBorder { border: 2px solid #9DFFA5; }

.orangeBorder { border: 2px solid #FFD066; }

.redBorder { border: 2px solid #FFB6B2; }

tr.odd { background-color: white; }

tr.even { background-color: #DFDFDF; }

.watermark { color: #999999; }

.noBorder { border-style: none; }

.clearBoth { clear: both; }
.clear { clear: both; }

.noLeftBorder { border-left: 0; }
.noTopBorder { border-top: 0; }
.noRightBorder { border-right: 0; }
.noBottomBorder { border-bottom: 0; }

.marginBottom8 { margin-bottom: 8px; }
.marginRight8 { margin-right: 8px; }
.marginTop8 { margin-top: 8px; }
.marginLeft8 { margin-left: 8px; }

.marginBottom10 { margin-bottom: 10px; }
.marginRight10 { margin-right: 10px; }
.marginTop10 { margin-top: 10px; }
.marginLeft10 { margin-left: 10px; }

.marginBottom15 { margin-bottom: 15px; }
.marginRight15 { margin-right: 15px; }
.marginTop15 { margin-top: 15px; }
.marginLeft15 { margin-left: 15px; }

.marginBottom16 { margin-bottom: 16px; }
.marginRight16 { margin-right: 16px; }
.marginTop16 { margin-top: 16px; }
.marginLeft16 { margin-left: 16px; }

.marginBottom20 { margin-bottom: 20px; }
.marginRight20 { margin-right: 20px; }
.marginTop20 { margin-top: 20px; }
.marginLeft20 { margin-left: 20px; }

.marginBottom25 { margin-bottom: 25px; }
.marginRight25 { margin-right: 25px; }
.marginTop25 { margin-top: 25px; }
.marginLeft25 { margin-left: 25px; }

.marginBottom36 { margin-bottom: 36px; }
.marginRight36 { margin-right: 36px; }
.marginTop36 { margin-top: 36px; }
.marginLeft36 { margin-left: 36px; }

.marginAuto { margin: auto; }
.noMargin { margin: 0; }
.noPadding { padding: 0; }

.displayBlock { display: block; }
.displayInlineBlock { display: inline-block; }
.displayInline { display: inline; }

.fontSize16 { font-size: 16px; }

.ruleCoinColor { background-color: #F9FACA; }
.ruleXPColor { background-color: #D0FAD0; }
.ruleBadgeColor { background-color: #FADFB3; }
.ruleCoachingColor { background-color: #E4E4E5; }
.ruleSurveyColor { background-color: #EBE1C7; }

.preventResize { resize: none; }

.positionRelative { position: relative; }

.roundedImg { border-radius: 50%; }

.pointerEventsNone { pointer-events: none; }

.height100
{
    height: 100%;
}

.roundedTop
{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
	
a:not(.btn,.color-cerulean):link
{
	color: #666666;
}

a:not(.btn,.color-cerulean):visited
{
	color: #666666;
}

a:not(.btn,.color-cerulean):hover
{
	color:#1e1c1d;
}

.mnuItemSelected a:hover
{
    color: #FFF;
}

/*Need both to center text in a floating element*/
.centeredTextWrapper
{
	padding-top:2px;
	position:relative;
    float:left;
    left:50%;        
}

.centeredText
{
	position:relative;
    float:left;
    left:-50%;
}
/*End Center Text*/

.cornerAll
{
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}

.dropShadow
{
	-moz-box-shadow: 3px 3px 10px 0px #000;
	-webkit-box-shadow: 3px 3px 10px 0px #000;
	box-shadow: 3px 3px 10px 0px #000;   
}

.innerShadow
{
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;    
}
		
.dropHover 
{
	background-color:rgb(160,191,222);
	background-image:url("Images/GridHeader.jpg");
	background-position: top;
	background-repeat:repeat-x;
}

.rd { color: Red; }
.grn { color: Green; }

.autoOverflow { overflow: auto; }
.hiddenOverflow { overflow: hidden; }
.wordWrap { word-wrap: break-word; }
.imgAttachment 
{
	width: 10px;
	height: 12px;
	display: inline-block;
	background-image: url("Images/paper-clip-small.png");
	background-position: center;
	background-repeat: no-repeat;	
}

.imgRemoveUpload
{
    margin-left: 3px;
    width: 10px;
    height: 10px;
    display: none;
    background-image: url("Images/CoreTheme/BlueMinus.png");
    background-position: center;
    background-repeat: no-repeat;
	background-size: 9px;
    cursor: pointer;
}

.uploaderLoading
{
    height: 20px;
    padding-top: 8px;    
}

/*Messaging Admin Page*/
.messagingAdminContainer {
    max-width: 100%;
    max-height: 100%;
}

.messagingAdminSearchContainer {
    width:inherit;
    height: 64px;
    color: grey;
    padding: 8px 16px;
}

.messagingTopRightContainer {
    vertical-align: top;
    display: block;
    text-align: center;
    /* width: 75px; */
    cursor:pointer;
    margin-left: auto;
}

#searchbox {
    border-radius: 5px;
}

.messagingAdminDateFilterContainer {
    width: 175px;
    height: 100px;
    display: inline-block;
    float: left;
    background-color: white;
    padding: 10px 5px 2px 5px;
}

.dateSelectionBoxes {
    display: block;
    width: 175px;
    color: #FFFFFF;
}

.thirds {
    display: inline-block;
    min-width: 49%;
    padding-top: 15px;
    padding-bottom: 10px;
}

.messagingAdminTypeFilterContainer {
    width: 45%;
    height: 100px;
    display: inline-block;
    float: left;
    background-color: white;
    padding: 10px 5px 2px 5px;
}

.blacklist {
    display: inline-block;
    min-width: 99%;
    padding-top: 15px;
    padding-bottom: 10px;
}

.unread {
    display: inline-block;
    min-width: 99%;
    padding-top: 15px;
    padding-bottom: 10px;
}

.blacklistUnreadFilterContainer {
    width: 20%;
    height: 100px;
    display: inline-block;
    float: left;
    background-color: white;
    padding: 10px 5px 2px 5px;
}

.messagingFilterContainer {
    display: block;
    margin: 40px auto;
    width: 1280px;
}

.messagingFilterUpperContainer {
    margin: auto;
    width: 405px;
}

.messagingFilterUpperRightContainer {
    width: 150px;
    display: inline-block;
    margin-left: 35px;
}

.messagingFilterLowerContainer {
    margin: auto;
    width: 405px;
}

.messagingFilterLowerContentsContainer {
    width: 100%;
    display: flex;
    height: 45px;
    padding: 0 16px;
}

.messagingFilterLowerContentsContainer .infieldInputHolder {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1pt solid #595959;
    border-radius: 0px;
}

.messagingFilterLowerContentsContainer .infieldInputHolder input {
    width: 387px;
    font-size: 14px;
}

.messagingFilterLowerContentsContainer .infieldInputHolder input:focus {
    box-shadow: none;
}

.messagingSelectionBoxes {
    width: 150px;
    float: left;
}

.dateSelection {
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    color: #FFFFFF;
    margin-bottom: 0;
}

.calenderImg {
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    display: inline-block;
    float: right;
    background-image: url(Images/CoreTheme/MessagingAdmin/CalendarIconWhite-8.png);
    position: relative;
    top: 14px;
    left: -9px;
}

.messagingDateSelection {
    width: 75px;
    float: left;
}

.largeSearchGrey {
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 22px;
    display: inline-block;
    background-image: url(Images/CoreTheme/MessagingAdmin/SearchGray-8.png);
    position: relative;
    top: 15px;
    cursor: pointer;
}

.largeXGrey {
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    display: inline-block;
    background-image: url(Images/CoreTheme/MessagingAdmin/XGray-8.png);
    position: relative;
    top: 15px;
    cursor: pointer;
}

.messagingTitleContainer {
    margin: auto;
    width: 1230px;
    height: 31px;
    margin-bottom:2px;
}

.messagingAdminLoginTitle {
    width: 16%;
    display: inline-block;
    float: left;
}

    .messagingAdminLoginTitle .cancelBtn {
        display: inline-block;
        position: inherit;
    }

.messagingAdminConversationsTitle {
    width: 441px;
    display: inline-block;
    float: left;
    margin-left: 1%;
  white-space: nowrap;
}
    .messagingAdminConversationsTitle .tabBarTab {
        width: 145px;
        padding: 0px;
    }

.messagingAdminMessagesTitle {
    width: 515px;
    display: inline-block;
    float: left;
    margin-left: 1%;
}

    .messagingAdminMessagesTitle .tabBarTab {
        width: 100%;
    }

.messagingListsContainer {
    display: block;
    margin: auto;
    width: 1230px;
}

.messagingAdminLoginContainer {
    width: 16%;
    max-height: 49vh;
    display: inline-block;
    float: left;
    border: 1pt solid #e2e3e4;
    box-sizing: border-box;
    /*overflow-y: auto;
    overflow-x: hidden;*/
}

.messagingAdminConversationContainer {
    width: 441px;
    max-height: 49vh;
    display: inline-block;
    float: left;
    border-top: 1pt solid #e2e3e4;
    border-bottom: 1pt solid #e2e3e4;
    box-sizing: border-box;
    margin-left: 1%;
    overflow: auto;
}

.messagingAdminMessagesContainer {
    width: 515px;
    max-height: 49vh;
    display: inline-block;
    float: left;
    border-top: 1pt solid #e2e3e4;
    border-bottom: 1pt solid #e2e3e4;
    box-sizing: border-box;
    margin-left: 1%;
    overflow: auto;
}

.typeImage {
    width: 100%;
  padding: 1%;
  height: calc(40px + 1%);
  cursor: pointer;
}

.adminType {
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    float: left;
}
    .adminType.chat {
        background-image: url(Images/CoreTheme/MessagingAdmin/Messaging-Gray.png);
    }

    .adminType.challenge {
        background-image: url(Images/CoreTheme/MessagingAdmin/Challenges-Gray.png);
    }

    .adminType.announcement {
        background-image: url(Images/CoreTheme/MessagingAdmin/Announcements-Gray.png);
    }

    .adminType.workaid {
        background-image: url(Images/CoreTheme/MessagingAdmin/WorkAids-Gray.png);
    }

.messagingEntry {
    padding: 2px 10px 5px 10px;
    font-size: 14px;
    border: 1px solid white;
}

.selectedEntry {
}

.selectedEntry :active {
    background-color: #e8f8ff;
}

.selectedEntry :hover {
    background-color: #e8f8ff;
}

.backgroundColorEven {
    background-color: #f5f5f5;
}

.backgroundColorOdd {
    background-color: #fafafa;
}

.backgroundColorLogin {
    /*background-color: lightblue;
    border: 2px solid #f2f23a;*/
    background-color: white;
}

.backgroundColorOther {
    background-color: lightyellow;
}

.backgroundColorSelected {
    background-color: #e8f8ff;
}

/*Chat Transcript*/
.cv-modal-content.print {
    margin: 5% auto;
    height: 80%;
}

.messagingPrint {
    display: inline-block;
    float: right;
    width: 13%;
    margin-top: 5%;
    font-size: 14px;
    color: midnightblue;
    cursor: pointer;
}

.messagingExport {
    /*display: inline-block;
    float: right;
    font-size: 14px;
    font-family: Roboto;
    cursor: pointer;
    display: inline-block; */
    /* float: right; */
    /* font-size: 14px; */
    /* font-family: Roboto; */
    /* cursor: pointer; */
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 40px;
    margin-left: auto;
}
.messagingExport:hover {
    color:#1F59A3;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    outline:none;
}

.messagingFlagged {
    border: 2px solid red;
    background-color: #ffe2e2;
    padding-left: 2%;
}

.messagingNonFlagged {
    border: 2px solid white;
    background-color: white;
    padding-left: 2%;
}

.flaggedMessage {
    display: inline-block;
    width: 30%;
    font-size: 9px;
    color: red;
}

    .flaggedMessage.Alt {
        float: right;
    }

.messagingUserImage {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    margin-right: 2%;
    margin-left: 2%;
}

.messagingUserImageAlt {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 2%;
}

.messagingUserName {
    display: inline-block;
    float: right;
    text-align: right;
    width: 21%;
    font-size: 14px;
    margin-top: 4%;
    margin-right: 5px;
}

.messagingUserNameAlt {
    display: inline-block;
    float: left;
    text-align: left;
    width: 21%;
    font-size: 14px;
    margin-top: 4%;
    margin-left: 5px;
}

.messagingDate {
    display: inline-block;
    margin-left: 12%;
    width: 15%;
    color: grey;
    font-size: 9px;
    text-align: right;
    padding-right: 2%;
}

.messagingDateAlt {
    display: inline-block;
    margin-left: 2%;
    margin-right: 10%;
    width: 15%;
    color: grey;
    font-size: 9px;
}

.messagingText {
    display: inline-block;
    width: 50%;
    background-color: #bbecff;
    border: 2px solid #0067a3;
    border-radius: 5px;
    padding: 1% 2%;
    font-size: 14px;
    margin-bottom: 2%;
    word-wrap: break-word;
}

.messagingTextAlt {
    display: inline-block;
    width: 50%;
    background-color: #efefef;
    border: 2px solid #939598;
    border-radius: 5px;
    padding: 1% 2%;
    margin-left: 10%;
    margin-bottom: 2%;
    font-size: 14px;
    word-wrap: break-word;
}

.messagingSystemText {
    display: inline-block;
    width: 50%;
    background-color: white;
    border: 2px solid darkred;
    border-radius: 5px;
    padding: 1% 2%;
    margin-left: 10%;
    font-size: 14px;
}

.messagingSystemTextFront {
    display: inline-block;
    width: 80%;
    background-color: white;
    border: 2px solid darkred;
    border-radius: 5px;
    padding: 3%;
    margin: 2%;
    float: right;
    font-size: 14px;
}

.messagingSupervisorTextFront {
    display: inline-block;
    width: 70%;
    background-color: white;
    border: 2px solid darkred;
    border-radius: 5px;
    padding: 3%;
    margin: 2%;
    font-size: 14px;
}

#messagingFlagMessageIcon {
    display: inline-block;
    float: right;
    text-align: right;
    margin-top: 2%;
    margin-right: 2%;
    width: 11%;
    cursor: pointer;
}

.blacklistBtn {
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-image: url(Images/CoreTheme/MessagingAdmin/BlacklistIconWithoutText.png);
    width: 40px;
    height: 47px;
    cursor: pointer;
    height: 30px;
    margin: 0 auto;
}

    .blacklistBtn:hover {
    background-image: url("Images/CoreTheme/MessagingAdmin/BlacklistIconHoverWithoutText.png");
    width: 52px;
    height: 35px;
    top: -7px;
    left: -49px;
    }
.BlacklistText {
    display: block;
    color:white;
    font-size:12px;
}

/*Messaging Admin Blacklist*/
.messagingAdminBlacklistContainer {
    width: 100%;
    height: 100vh;
}

.messagingBlacklistTopContainer {
    display: flex;
}

.messagingBlacklistTopLeft {
    display: block;
}

.messagingBlacklistTopRight {
    display: block;
    float: left;
    margin: 15px 20%;
}

.messagingBlacklistMainContainer {
    display: block;
}

.messagingBlacklistMainLeft {
    display: inline-block;
    width: 10%;
    float: left;
    margin: 3.5% 20px 5% 30%;
}

.messagingBlacklistMainRight {
    display: block;
    width: 50%;
    max-height: 80vh;
    float: left;
    /*background-color: lightblue;*/
    margin: 2% 0px 0px 0px;
}

.searchBlacklist {
	background-image: url("Images/CoreTheme/MessagingAdmin/MagnifyingGlass.png");
    float: right;    
    height: 15px;
    width: 15px;
    cursor: pointer;
    position: absolute;
}

/*Messaging Admin Blacklist Terms*/
.messagingAdminBlacklistTermsContainer {
}

.messagingBlacklistTermsSearch {
    width: 99%;
    display: block;
    float: right;
}

.messagingBlacklistTermsTopContainer {
    display: block;
    height: 25px;
    font-size: 14px;
    font-family: 'Roboto';
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-left: 5px;
}

.termEntry {
    width: 85%;
    display: inline-block;
}

.ChatImage {
    background-repeat: no-repeat;
    /* background-size: contain; */
    /* width: 36px; */
    /* height: 45px; */
    /* display: inline-block; */
    /* cursor: pointer; */
    /* position: relative; */
    /* left: -60px; */
    width: 35px;
    height: 30px;
}

    .ChatImage:hover {
        width: 40px;
        height: 33px;
        left: -54px;
    }

    .ChatImage.Export {
        background-image: url(Images/CoreTheme/MessagingAdmin/ExportIconWithoutText.png);
    }

    .ChatImage.Export:hover {
        background-image: url(Images/CoreTheme/MessagingAdmin/ExportIconHoverWithoutText.png);
    }

    .ChatImage.Print {
        background-image: url(Images/CoreTheme/MessagingAdmin/PrintIcon.png);
    }

.TermsImage {
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
}

    .TermsImage.ImportList {
        background-image: url(Images/CoreTheme/MessagingAdmin/Blue-Import-List.png);
    }

    .TermsImage.EditList {
        background-image: url(Images/CoreTheme/MessagingAdmin/Blue-Pencil-Edit.png);
    }

    .TermsImage.EditWord {
        background-image: url(Images/CoreTheme/MessagingAdmin/Pencil-Edit.png);
        padding-right: 10px;
        visibility: hidden;
    }

    .TermsImage.AddWord {
        background-image: url(Images/CoreTheme/MessagingAdmin/Blue-Add-Simbol.png);
    }

    .TermsImage.Modify {
        background-image: url(Images/CoreTheme/MessagingAdmin/Blue-Add-Simbol.png);
        visibility: hidden;
    }

    .TermsImage.Cancel {
        background-image: url(Images/CoreTheme/MessagingAdmin/Red-X.png);
    }

    .TermsImage.Remove {
        background-image: url(Images/CoreTheme/MessagingAdmin/Red-X.png);
        visibility: hidden;
    }
    .TermsImage.Flag {
        color: red; 
        visibility: hidden;
    }

.termList.msgContent.personal .msg {
    float: right;
    background-color: #ffff7c;
}

.termList :hover {
    /*background-color: lightblue;*/
}

    .termList :hover .TermsImage.EditWord {
        visibility: visible;
    }

    .termList :hover .TermsImage.Remove {
        visibility: visible;
    }

    .termList :hover .TermsImage.Modify {
        visibility: visible;
    }

    .termList :hover .TermsImage.Flag {
        visibility: visible;
    }

.BLImportList {
    display: inline-block;
    float: left;
    width: 30%;
    /*color: #469BFF;*/
    padding: 2px 0;
}

.BLEditList {
    display: inline-block;
    float: left;
    width: 20%;
    color: #469BFF;
    padding: 2px 0;
    cursor: pointer;
}

.BLAddWord {
    display: inline-block;
    float: left;
    width: 20%;
    color: #469BFF;
    padding: 2px 0;
    cursor: pointer;
}

.BLNiceView {
    display: inline-block;
    float: right;
    width: 24%;
    padding: 2px;
}

.messagingBlacklistTermsMainContainer {
    height: 645px;
    max-height: calc(100vh - 240px);
    overflow: auto;
    width: 100%;
}

/*Import Blacklist Modal*/
.Modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    font-size: 14px;
    font-family: 'Roboto';
}

.cv-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    /*padding: 20px;*/
    padding: 0;
    border: 1px solid #888;
    width: 754px;
    height: 468px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

    .cv-modal-content h3 {
        color: #469BFF;
    }

.modal-header {
    padding: 2px 16px;
    background-color: white;
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.cv-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cv-modal-close:hover,
.cv-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.patternModal.left {
    margin: auto;
    padding: 20px;
    float: left;
    width: 30%;
    height: 80%;
}

.patternModal.right {
    margin: auto;
    padding: 17px;
    float: right;
    width: 50%;
    height: 80%;
}

.modalDisclaimer {
    width: 700px;
    height: 25px;
    position: absolute;
    bottom: 61px;
    font-size: 10px;
    margin-left: 16px;
}

/*Messaging Admin Blacklist Patterns*/
.messagingAdminBlacklistPatternsContainer {
}

.addFilterContainer {
    display: inline-block;
    width: 100%;
    height: 25px;
    padding-left: 5px;
    cursor: pointer;
}

.messagingBlacklistPatternsTopContainer {
    display: block;
    height: 25px;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-left: 5px;
}

.BLName {
    display: inline-block;
    float: left;
    width: 40%;
    padding-left: 10px;
    padding-top: 5px;
}

.BLFormula {
    display: inline-block;
    float: left;
    width: 50%;
    padding-top: 5px;
}

.messagingEntryPattern {
    display: inline-block;
    width: 40%;
    font-size: 14px;
}

    .messagingEntryPattern.Title {
        float: left;
    }

    .messagingEntryPattern.Formula {
        padding-left: 5px;
        padding-right: 15px;
    }

.messagingBlacklistTermsMainContainer {
}

#lstFormBreakdownQuestions
{
    max-width: 300px;
    max-height: 30px;
}

/*REGION Gamification Admin Page*/
.gamificationAdminArea {
	max-height: calc(100vh - 258px);    
}

.gamificationAdminSettings
{
	width: calc(100% - 48px);
	padding-top: 25px;
}
.gamificationAdminSettingsContent
{
	width: 88%;
	margin: auto;
}

.gamificationAdminDescriptionContainer
{
	max-width: 300px;
}

.gamificationSearchImg
{
	background-image: url("Images/CoreTheme/MessagingAdmin/SearchWhite.png");
	width: 27px;
	height: 25px;
	background-size: 18px 16px;        
	background-repeat: no-repeat;
	background-position: center;        
}

.gamificationSearchImg.onWhite {
	background-image: url("Images/CoreTheme/MessagingAdmin/SearchGray-8.png");
}

.gamificationAdminRowItem
{
	outline: 0;
}

.gamificationAdminRowItem:hover td
{
	/*outline: 1px solid #0078AC;*/
	background-color: #CEE7FD;
	cursor: pointer;
}

.gamificationAdminEditIcon
{
	background-image: url("Images/CoreTheme/Edit-icon.png");
	width: 18px;
	height: 18px;
	background-size: 13px 13px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	visibility: hidden;
	margin-left: 10px;
}
.gamificationAdminRowItem:hover .gamificationAdminEditIcon
{
	display: inline-block;
	visibility: visible;
	transition: background-size 0.3s ease;
}
.gamificationAdminRowItem:hover .gamificationAdminEditIcon:hover
{
	background-size: 18px 18px;
}

.gamificationAdminToolTipText {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 0%;
    margin-left: calc(width / 2);
}

.gamificationAdminToolTip {
    
}
.gamificationAdminToolTip:hover .gamificationAdminToolTipText {
    opacity: 0.8;
}

/*.gamificationAdminToolTipText::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}*/

.gamificationAdminFooter
{
	background-color: #F4F4F4;
	height: 82px;
	width: calc(100% - 48px);
	margin-top: 15px;
}

.gamificationAdminFooterContent
{
	width: 88%;    
	margin: auto;
}

.gamificationAdminButton
{
	width: 105px;
	height: 27px;
	border-radius: 12pt;
	display: inline-block;
	color: white;
	font-size: 15px;
	text-align: center;
	float: right;
	margin-top: 28px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	padding-top: 2px;
	box-shadow: 0px 1px 3px gray;
	transition: box-shadow 0.3s ease;
}
.gamificationAdminButton:hover
{
	box-shadow: none;
}
.gamificationAdminButton.payout
{
	background-color: #3CAA33;    
}
.gamificationAdminButton.refuse
{
	background-color: #DA4A49;
}

.gamificationAdminButtonPrint
{
	width: 35px;
	height: 31px;
	display: inline-block;
	background-size: 36px 30px;
	background-image: url(Images/CoreTheme/MessagingAdmin/PrintIcon.png);
	float: right;
	margin-right: 3px;
	margin-top: 25px;
}

.gamificationAdminButtonExport
{
	width: 45px;
	height: 34px;
	display: inline-block;
	background-image: url(Images/CoreTheme/MessagingAdmin/ExportBtnText-8.png);
	background-size: 45px 55px;
	float: right;
	margin-left: 10px;
	margin-top: 25px;
    flex-shrink: 0;
    border: none;
}
    .gamificationAdminButtonExport.onDark {
        width: 25px;
        height: 25px;
        display: inline-block;
        background-image: url(Images/CoreTheme/MessagingAdmin/ExportWhite.png);
        background-size: 100% 100%;
        float: right;
        margin-left: 10px;
        margin-top: 25px;
        background-color: #676868;
    }
    .gamificationAdminButtonExport:hover
    {
        cursor: pointer;
    }

.gamificationAdminFlexArea
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.gamificationAdminTab
{
	color: black;
	border-bottom: 4px solid transparent;
	width: 50px;
	text-align: center;
}
.gamificationAdminTab.selected
{
	color: #005CA5;
	border-bottom: 4px solid #005CA5;
}

.gamificationAdminReportingContainer .CurrencyAdminHistory {
    min-width: 600px;
    width: 100%;
}

.gamificationAdminReportingContainer
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #333333;
    white-space: nowrap;
}
    .gamificationAdminReportingContainer.body
    {
        overflow: auto;
        max-height: calc(100vh - 350px);
    }
    .gamificationAdminReportingContainer.body.expandedFilter {
        overflow: auto;
        max-height: calc(100vh - 500px);
    }
    .gamificationAdminReportingContainer.body.currencyHistory {
        overflow: auto;
        max-height: calc(100vh - 328px);
    }
    .gamificationAdminReportingContainer.body.currencyPending {
        overflow: auto;
        max-height: calc(100vh - 408px);
    }
    .gamificationAdminReportingContainer.header
    {
        height: 40px;
        border-top: 1px solid #e2e3e4;
        border-bottom: 1px solid #e2e3e4;
        font-size: 16px;
        flex-direction: row;
        align-items: center;
    }
    .gamificationAdminReportingContainer.header.headerItem
    {
        border-top: none;
        border-bottom: none;
        flex: 1;
        padding-left: 10px;
        padding-right: 10px;
        outline: none;
        justify-content: space-between;
        /*font-weight: bold;*/
    }
    .gamificationAdminReportingContainer.header.headerItem.sortable:hover { cursor:pointer }
    .gamificationAdminReportingContainer.header.headerItem.sortable:hover .sortDoubleArrow {
        visibility: visible;
    }
    .gamificationAdminReportingContainer.row:hover div { background-color: #cee7fd; }
    
    .gamificationAdminReportingContainer.row
    {
        flex-flow: row nowrap;
        flex-direction: row;
        align-items: center;
        width: auto;
        flex: none;
        margin: 0;
    }
    .gamificationAdminReportingContainer.rowItem
    {
        white-space: nowrap;
        font-size: 14px;
        flex: 1;
        height: 42px;
        justify-content: center;
        padding-left: 25px;
        padding-right: 10px;
    }
    .gamificationAdminReportingContainer.footer
    {
        height: 40px;
        border-top: 1px solid #e2e3e4;
        font-size: 16px;
        flex-direction: row;
        align-items: center;
    }
    .gamificationAdminReportingContainer.footer.footerItem
    {
        flex: 1;
        justify-content: flex-end;
        /*font-weight: bold;*/
    }
.gamificationAdminFilterContainer
{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1 1 auto;
}

.colSeperator {
  border-left: 0.5pt solid white;
  width: 1pt;
  height: 60%;
  margin: 30% auto 0;
}

    .gamificationAdminFilterContainer.rowItem.datePicker
    {
        background: white;
        color: black;
        align-items: center;
        padding-left: 5px;
        width: 100px;
    }
        .gamificationAdminFilterContainer.rowItem.datePicker:hover { cursor: pointer }
.gamificationAdminFilterBtn
{
    width: 21px;
    height: 21px;
    margin: 5px 5px 5px 5px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("Images/CoreTheme/FilterWhiteNormal.png");
    flex-shrink: 0;
}

    .gamificationAdminFilterBtn.red
    {
        width: 31px;
        height: 31px;
        margin: 0px 0px 0px 0px;
        background-image: url("Images/CoreTheme/FilterHover.png");
    }
    .gamificationAdminFilterBtn:hover
    {
        width: 31px;
        height: 31px;
        margin: 0px 0px 0px 0px;
        background-image: url("Images/CoreTheme/FilterHover.png");
    }

.currencyAdminSearchBox::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}
/*ENDREGION Gamification Admin Page*/

/*REGION Buttons*/
.primaryActionButton
{
    border: 1px solid #0067A4;
    border-radius: 4px;
    height: 30px;
    min-width: 80px;
    margin: 6px 12px 6px 12px; 
    background-color: transparent;
    box-shadow: none;
    transition: box-shadow ease 0.1s;
}
.primaryActionButton.filled
{
    background-color: #0067A4;
}
.primaryActionButton.disabled
{
    background-color: #D0D2D3;
    border-color: #D0D2D3;
}
.primaryActionButton .primaryActionButtonText
{
    font-size: 14px;
    width: 100%;
    display: inline-block;
    height: calc(100% - 5px);
    text-align: center;
    padding-top: 5px;
    color: #0067A4;
}
.primaryActionButton.filled .primaryActionButtonText
{
    color: white;
}
.primaryActionButton.disabled .primaryActionButtonText
{
    color: #F2F2F2;
}
.primaryActionButton:hover:not(.disabled):not(.noHover)
{
    background-color: #2196F3;
    cursor: pointer;
    /*box-shadow: 1px 1px 2px grey;*/
}
.primaryActionButton:hover:not(.disabled):not(.noHover) .primaryActionButtonText
{
    color: white;
}

.secondaryActionButton
{
    margin: 6px 12px 6px 12px;
    height: 28px;
    vertical-align: middle;
    padding-top: 4px;
}
.secondaryActionButton .secondaryActionButtonText
{
    font-size: 14px;
    width: 100%;
    display: inline-block;
    height: calc(100% - 5px);
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    text-decoration: underline;
    color: #666767;
}
.secondaryActionButton.disabled .secondaryActionButtonText
{
    color: #D0D2D3;
}
.secondaryActionButton:hover:not(.disabled)
{
    color: #BE2025;
    cursor: pointer;
}
.secondaryActionButton:hover:not(.disabled) .secondaryActionButtonText
{
    color: #BE2025;
}

/*ENDREGION Buttons*/

/* Overrides */
md-toolbar.md-hue-1:not(.md-menu-toolbar) {
    background-color: #788196;
}

.md-dialog-container {
    z-index: 9999 !important;
}

.md-button.md-primary {
    color: #0067A3;
}

.md-button.md-primary:not([disabled]):hover {
    background-color: #0067A3;
    color: #fff;
}

.md-button.md-accent.md-raised, .md-button.md-primary.md-raised {
    background-color: #0067A3;
}

    .md-button.md-accent.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover {
        background-color: #003966;
    }

.md-panel.md-tooltip {
    background-color: #878787;
}

.md-negative
{
	color: #BD2227;
}
.md-negative:hover
{
	background-color: #BD2227 !important; 
    color: #FFF;
}
/* END Overrides*/

/**/
@media print
{
	.M{display:none;}
	.Header{display:none;}	
	.C{margin-left:auto;}
	.B{width:auto;}
	.BInner{padding:0px 0px 0px 0px;}
	.CInner{padding:0px 0px 0px 0px;}
}

/*----FONTS----*/
@font-face
{
	font-family: ProximaNova;
	src: url('../Fonts/ProximaNova-Regular.ttf') format('truetype');
}

@font-face
{
    font-family: Roboto;
    src: url('../Fonts/Roboto-Regular.ttf') format('truetype');
}
/*@font-face
{
    font-family: Roboto;
    src: url('../Fonts/Roboto-Light.ttf') format('truetype');
	font-weight: lighter;
}*/
/*@font-face
{
    font-family: Roboto;
    src: url('../Fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
}*/

@font-face
{
	font-family: digitalFont;
	src: url('../Fonts/repet___.ttf') format('truetype');
}

@font-face {
  font-family: 'ds-digital';
  src: url('../Fonts/ds-digi-webfont.woff2') format('woff2'),
       url('../Fonts/ds-digi-webfont.woff') format('woff'),
       url('../Fonts/ds-digi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
	font-family: ClearViewGaugesUpper;
	src: url('../Fonts/ClearViewGaugesFinal.ttf') format('truetype');
}

@font-face
{
	font-family: ClearViewGaugesMixed;
	src: url('../Fonts/ClearViewGauges3.ttf') format('truetype');
}

@font-face
{
	font-family: HallFetica;
	src: url('../Fonts/Hall_Fetica_Revised.ttf') format('truetype');
}

@font-face
{
	font-family: Silom;
	src: url('../Fonts/Silom.ttf') format('truetype');
}

@font-face
{
    font-family: Lato;
    src: url('../Fonts/Lato-Regular.ttf') format('truetype');
}

@font-face
{
    font-family: Lato Bold;
    src: url('../Fonts/Lato-Bold.ttf') format('truetype');
}

/*Custom WebHelp*/
.customWebHelpContent {
}

    .customWebHelpContent .selectedMetric1Name {
    font-size: 20px;
    color: #000;
    text-align: center;
    /* -webkit-transform: rotate(270deg) translateX(-100%); */
    /* transform: rotate(270deg) translateX(-100%); */
    /* -webkit-transform-origin: 0px 0px; */
    /* transform-origin: 0px 0px; */
    margin-top: 200px;
    /* margin-right: -10px; */
    transform: rotate(-90deg);
    transform-origin: left top 0;
    position: absolute;
    }
    .customWebHelpContent .selectedMetric2Name {
        font-size: 20px;
        margin-right: 10px;
        color: #000;
        text-align: center;
        height: 20px;
        width: 100%
    }
    .customWebHelpContent .verticalLine {
        background-image: url(Images/WebhelpNordic/webHelpVerticalLine.png);
	    background-position: center center;
	    background-repeat: no-repeat;
        height: 203px;
        width: 6px;
        margin-left: 29px;
        margin-right: 3px;
    }
    .customWebHelpContent .horizontalLine {
        background-image: url(Images/WebhelpNordic/webHelpHorizontalLine.png);
        background-position: center center;
        background-repeat: no-repeat;
        height: 6px;
        width: 308px;
        margin-left: 32px;
        margin-top: 2px;
    }
    .customWebHelpContent .innerWebHelpGrid {
    }
        .customWebHelpContent .innerWebHelpGrid .rowMetric {            
            width: 370px    ;
            margin-bottom: 1px;
            height: 51px;
        }
        .customWebHelpContent .innerWebHelpGrid .rowQuadrant {
            /*margin-bottom: 3px;*/
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .metricCell {
            font-size: 24px;
            text-align: right;
            float: left;
            color: white;
            height: 50px;
            width: 68px;
            margin-right: 2px;
            padding-right: 4px;
            cursor: pointer;
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .rowQuadrant {
            margin-bottom: 3px;
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .columnQuadrant {
            /*margin-right: 4px;*/
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .greenMetricCell {
            background-color: #2ED17F;
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .grayMetricCell {
            background-color: #DBDBDB;
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .blueMetricCell {
            background-color: #2FA7FF;
        }
        .customWebHelpContent .innerWebHelpGrid .rowMetric .redMetricCell {
            background-color: #EB4E4E;
        }

.webHelpGridImage {
    background-image: url(Images/WebhelpNordic/webHelpGrid.png);
	background-position: center center;
	background-repeat: no-repeat;
    height: 135px;
    width: 179px;
}

.customWebHelpSettingContent {
    height: 195px;
    background-color: white;
    border-bottom: 2px solid #0078AC;
    position: absolute;
    top: 218px;
    left: 0px;
    width: 100%;
    box-shadow: 0px 3px 10px 0px #333;
}

.customWebHelpSettingContent .innerWebHelpSettingGrid {
    padding: 10px 10px 0px 10px;
}
    
.customWebHelpSettingContent .innerWebHelpSettingGrid .redCircle {
    float: left;
    background-color: #EB4E4E;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid transparent;
    font-size: 12px;
} 
.customWebHelpSettingContent .innerWebHelpSettingGrid .grayCircle {
    float: left;
    background-color: #DBDBDB;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid transparent;
    font-size: 12px;
} 
.customWebHelpSettingContent .innerWebHelpSettingGrid .greenCircle {
    float: left;
    background-color: #2ED17F;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid transparent;
    font-size: 12px;
} 
.customWebHelpSettingContent .innerWebHelpSettingGrid .metric1Content {
    margin-left: 132px;
}
.customWebHelpSettingContent .innerWebHelpSettingGrid .metric2Content {}

.metric1Content .yInnerMetric {
    margin-top: 50px;
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}
.metric1Content .yInnerMetricContent {
    float: left;
/*    margin-top: 18px;*/
}
.metric1Content .webHelpGridImage {
    float: left;
}

.metric2Content .xInnerMetric {
    padding: 0px 10px 0px 10px;
}
.xInnerMetric .xInputContent{
    margin-left: 300px;
}
.xInputContent .xRow .xCircleInformation,
.yInnerMetricContent .yInputs .yInputContent{
    margin-right: 10px;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}
.xInputContent .xRow .xCircleInformation .xName,
.xInputContent .xRow .xName,
.metric1Content .yInnerMetric .yName,
.yInnerMetricContent .yInputs .yInputContent .yName{
    font-size: 14px;
    margin-right: 10px;
    color: #333333;
}
.xInputContent .xRow .xMetricName,
.metric1Content .yInnerMetric .yMetricName{
    font-size: 20px;
    margin-right: 10px;
    color: #333333;
}
.xInputContent .xRow .xCircleInformation input,
.yInnerMetricContent .yInputs .yInputContent input{
    width: 85px;
    font-size: 12px;
    margin-right: 10px;
}

.webHelpPopUp {
    display: none;
}
.webHelpGroupContainer {    
    height: 300px !important;
    width: 250px !important;
    background-color: #4C4C4C !important;
}
    .webHelpGroupContainer.ui-widget-content {
            border-bottom: none !important;
    }
.webHelpGroupContainer .closeButton{
    background-image: url(Images/close-16x16.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: right;
    padding: 10px 20px 1px 10px;
    margin-right: 10px;
    cursor: pointer
}
.webHelpGroupContainer .gridContainer {
    padding: 25px 0px 10px 90px;
}
.webHelpGroupContainer .webHelpGroupRepeater {
    overflow-y: auto;
    min-height: 30px;
    max-height: 239px;
    width: 238px;
}
.webHelpGroupRepeater .rptGroupsEarned33 {
    display: none;
}
.webHelpGroupContainer .gridContainer .rowMetric{
    width: 100%;
    margin-bottom: 1px;
}
.webHelpGroupContainer .gridContainer .rowMetric .gMetricCell{
    background-color: white;
    height: 7px;
    width: 9px;
    float: left;
    margin-right: 1px;
}

.webHelpGroupContainer .gridContainer .rowMetric .gMetricCell.selected {
    background-color: #39AEFC;
}

.webHelpGroupRepeater .gRow {
    border-bottom: 1px solid white;
    padding-bottom: 8px;
}
.webHelpGroupRepeater .gRow:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
}

.webHelpGroupRepeater .gRow .gImage {
    background-image: url(Images/CoreTheme/PointStore/default-photo-color-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    float: left;
    margin: 10px 10px 0px 10px;
}
.webHelpGroupRepeater .gRow .groupInformation {
}

.webHelpGroupRepeater .gRow .groupInformation .groupName {
    font-size: 16px;
    font-weight: bolder;
    color: white;
}
.webHelpGroupRepeater .gRow .groupInformation .groupMetrics {    
}
.webHelpGroupRepeater .gRow .groupInformation .groupMetrics .groupMetric {
    float: left;
    width: 50%;
}
.webHelpGroupRepeater .gRow .groupInformation .groupMetrics .groupMetric .groupMetricName {
    font-size: 10px;
    font-weight: normal;
    color: white;
}
.webHelpGroupRepeater .gRow .groupInformation .groupMetrics .groupMetric .groupMetricPorcentage {
    font-size: 12px;
    font-weight: bold;
    color: white;
}


.AAutoPopUp {
    display: none;
    overflow: hidden;
    max-height: 733px !important;
    min-height: 100px !important;
    overflow-y: hidden !important;
}
.AAutoContainer {    
    background-color: #4C4C4C !important;
    padding: 20px 10px 10px 10px;
}
.AAutoContainer .closeButtonAAuto{
    background-image: url(Images/close-16x16.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: right;
    margin-bottom: 10px;
    margin-right: 16px;
    margin-top: -10px;
    cursor: pointer;
}
.AAutoContainer .emailContainer {
    background-color: white;
    padding: 5px;
}

.AAutoContainer .emailContainer .emailHeader {
    padding: 10px;
    border: 1px solid black;
    margin-bottom: 10px;
}
.AAutoContainer .emailContainer .emailHeader .emailContactID,
.AAutoContainer .emailContainer .emailHeader .emailHeaderFrom,
.AAutoContainer .emailContainer .emailHeader .emailHeaderTo,
.AAutoContainer .emailContainer .emailHeader .emailHeaderSubject,
.AAutoContainer .emailContainer .emailHeader .emailHeaderDate,
.AAutoContainer .emailContainer .emailHeader .emailHeaderFile {
    margin-bottom: 3px;
    font-size: 14px;
}
.AAutoContainer .emailContainer .emailBody {
    padding: 10px;
    border: 1px solid black;
    overflow-x: hidden;
    max-height: 500px;
}
.AAutoContainer .emailContainer .emailHeader .emailHeaderFile a {
    outline: none;
    cursor: pointer;
    color: #0093F7;
}

.unsubscribeContentBackground {
  display: grid;
  align-items: start;
  background-color: #D2D2D2;
  width: 100%;
  height: calc(100vh - 97px);
}

.unsubscribeContentMain {
  background-color: #e5e7e8;
  border: 16px solid #fff;
  min-height: 20vh;
  min-width: 400px;
  width: 40vw;
  margin: 36px 30vw;
  padding: 16px;
}

.unsubscribeInfo {
  display: grid;
  grid-template-rows: 10% 70% 30%;
  height: 100%;
  width: 100%;
}

.unsubscribeEmphasis {
  color: #318fcf;
}

.unsubscribeButtonRow {
  display: inline-grid;
  /*grid-template-columns: auto 138px;*/
  justify-items: end;
}

.unsubscribeButtonConfirm {
  text-align: center;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  padding: 0px 8px;
}

.dashboardLandingContainer {
  margin: 24px;
  height: calc(100vh - 113px);

  /* margin: 16px 32px; */
  /* height: calc(100vh - 82px); */ /*Merge conflict. These values may need to be restored*/
}

.shareDashScrollbox {
    max-height: 410px;
    overflow-y: auto;
}