/* font-face import for Open Sans */
@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/view/global/assets/fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

body {
  background: #fff;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #071f29;
}

input, select, textarea, button {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
body:not(.isEliteReact) input[type=text],
body:not(.isEliteReact) input[type=password],
body:not(.isEliteReact) input[type=email],
body:not(.isEliteReact) input[type=tel] {
  border: 1px solid #999;
  border-radius: 0;
  line-height: 1.6;
}
input::placeholder {
  font-style: italic;
}

/* field exceptions for extra padding */
#keyword, #toEmailForAllUrls {
  padding: 2px;
}

a,
a:visited {
  text-decoration: none;
  color: #4a50dd;
}
a:hover {
  text-decoration: underline;
}

h1,
h2,
.subheading,
.secondaryText,
.caption {
  /*
  font-family: "Open Sans", sans-serif;
  color: #071f29;
  */
}
h1 {
  font-size: 32px;
  font-weight: 700;
}
h2 {
  font-size: 24px;
  font-weight: 700;
}
strong {
  font-weight: 700;
}
.subheading {
  font-size: 16px;
  font-weight: 700;
}
.secondaryText {
  font-size: 12px;
}
.caption {
  font-size: 14px;
  font-weight: 500;
}
#addFields {
  margin-right: 100px;
}
.emailbutton {
  width: auto;
  height: auto;
}
.emailfield {
  margin-top: 4px;
}

.reg_sub_topheader {
}

.flex,
.flex-container {
  display: flex;
}
.space-btw {
  justify-content: space-between;
}
.init-hidden {
  display: none;
}

.btn-lg,
.btn-primary-lg,
.btn-normal-lg {
  padding: 12px 160px;
}
.btn-md,
.btn-primary-md,
.btn-normal-md {
  padding: 8px 25px;
  line-height: 20px;
}
.btn-sm,
.btn-primary-sm,
.btn-normal-sm {
  padding: 5px 7px;
  line-height: 15px;
}
.inline-center {
  text-align: center;
}
.inline-right {
  text-align: right;
}
.inline-left {
  text-align: left;
}
.btn-style,
.btn-spaced {
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  display: inline-block;
  box-shadow: 0 0 0 0;
  text-decoration: none;
}
.btn-style a,
.btn-spaced a,
.btn-spaced a {
  color: inherit;
  text-decoration: none;
}
.btn-spaced {
  margin-left: 8px;
  margin-right: 8px;
}
.btn-primary,
.btn-primary-lg,
.btn-primary-md,
.btn-primary-sm {
  color: #FFFFFF;
  background: #4a50dd;
  border: 1px solid #4a50dd;
}
.btn-primary:hover,
.btn-primary-lg:hover,
.btn-primary-md:hover,
.btn-primary-sm:hover {
  background: #2c348c;
  border-color: #2c348c;
}
.btn-primary:active,
.btn-primary-lg:active,
.btn-primary-md:active,
.btn-primary-sm:active {
  /* box-shadow: 0 0 4px rgba(56, 43, 32, 0.8) inset; */
}
.btn-primary:disabled,
.btn-primary-lg:disabled,
.btn-primary-md:disabled,
.btn-primary-sm:disabled,
.btn-primary.disabled,
.btn-primary-lg.disabled,
.btn-primary-md.disabled,
.btn-primary-sm.disabled {
  background: #cccdf5;
  border: 1px solid #cccdf5;
  cursor: default;
}
.btn-normal,
.btn-normal-lg,
.btn-normal-md,
.btn-normal-sm {
  border: 1px solid #4a50dd;
  border-radius: 4px;
  background: #fff;
  color: #4a50dd;
}
.btn-normal:hover,
.btn-normal-lg:hover,
.btn-normal-md:hover,
.btn-normal-sm:hover {
  background: #f2f2fd;
  text-decoration: none;
}
.btn-normal:active,
.btn-normal-lg:active,
.btn-normal-md:active,
.btn-normal-sm:active {

}
.btn-normal:disabled,
.btn-normal-lg:disabled,
.btn-normal-md:disabled,
.btn-normal-sm:disabled,
.btn-normal.disabled,
.btn-normal-lg.disabled,
.btn-normal-md.disabled,
.btn-normal-sm.disabled {
  background-color: #F7F7F7;
  color: #999;
  border: 1px solid #DDD;
  cursor: default; 
  box-shadow: none;
}
.btn-text {
  text-decoration: none;
  color: #4a50dd;
  cursor: pointer;
}
.btn-text:not(.disabled):hover {
  text-decoration: underline;
}
.btn-text:disabled,
.btn-text.disabled {
  color: #999;
  cursor: default;
}
/*
.btn-container,
.btn-container-on-bottom-popup,
.ui-dialog-buttonset {
    font-size: 0;
}
.btn-container-on-bottom-popup,
.ui-dialog-buttonset {
  width: 100%;
  margin: 0;
  border-radius: 0 0 4px 4px;
}
*/

/*************FOR NAV BAR*******************/
body {
  display: none;
  overflow-y: hidden;
}

#elite-nav {
  z-index: 99 !important;
}

.content_wrapper {
  display: flex;
  margin-top: 50px;
  padding: 0;
  overflow-y: auto;
  height: calc(100vh - 50px);
}

.content_wrapper > div {
  margin-left: 0;
  padding: 15px 35px;
  width: 100%;
}

/*
.NewNav .content_wrapper[ng-app="EventList"] > div:last-child {
  width: 100% !important; }
*/

#secondMenuSideBar {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  height: calc(100vh - 50px);
  /* min-height: calc(100vh - 650px); */
  border-right: 1px solid #E5E5E5;
  z-index: 9;
  padding: 0;
  position: relative;
  width: 195px;
}

#secondMenuSideBar > div {
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  text-align: left;
  text-decoration: none;
  background: none;
  color: #333;
  width: 195px;
}

#secondMenuSideBar > div.active {
  background: #F5F5F5;
  border-left: 3px solid #F6881F;
  padding-left: 9px;
  cursor: text;
}

#secondMenuSideBar > div:not(.active):hover {
  background-color: #E5F0FB;
}

#secondMenuSideBar > div.disabled {
  cursor: text;
  color: #999;
}

#secondMenuSideBar > div.disabled:hover {
  background-color: #fff;
}


#titleOfWebcastPage {
  font-size: 24px;
  color: #000;
}

.pg_topic {
  font-size: 16px;
  font-weight: bold;
  color: #4a50dd;
  line-height: 24px;
}

/*
.NewNav #createEvent {
  margin-bottom: 20px !important;
  margin-left: 0 !important; }
*/
.NewNav #colapseNav {
  position: absolute !important;
  top: 40% !important;
  right: -20px !important;
  width: 20px !important;
  height: 60px !important;
  padding-top: 14px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #fff !important;
  box-sizing: border-box !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 0 4px 4px 0;
}

.NewNav #colapseNav svg {
  margin-left: -2px !important;
  fill: #666;
}

.NewNav .content_wrapper .builder-iframe-wrapper {
  position: relative;
  display: flex;
  width: calc(100% - 0px);
  /*must with left and right spaces*/
  padding-left: 0 !important;
  box-sizing: border-box;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: hidden !important;
  overflow-x: hidden !important; }


.content_new {
  width: 100%;
  overflow-y: auto;
}

.NewNav.webcastsPage .content_wrapper > div {
  overflow-y: hidden;
}

.NewNav .goto_position {
  float: none !important;
  padding-bottom: 20px;
  max-width: 1100px;
  text-align: right; }

/*for Go to next page*/
.NewNav .singleArrowSvg {
  display: inline-block;
  width: 12px;
  padding-right: 3px;
  position: relative;
  top: 1px; }

.NewNav .singleArrowSvg img {
  width: 12px;
  height: 12px; }

.NewNav .expendIconSvg {
  display: inline-block;
  width: 12px;
  color: red; }

.NewNav #colapseNav.reviseArrow {
  transform: scaleX(-1);
  border-radius: 4px 0 0 4px; }

.NewNav #secondMenuSideBar #colapseNav img {
  width: 18px;
  height: 18px; }

.NewNav.manageregPage img {
  vertical-align: baseline !important;
  position: relative;
  top: 1px; }

.NewNav .singleArrowSvg path {
  stroke: #2288AF; }

.NewNav #secondMenuSideBar > div.noEventId {
  color: #999;
  cursor: text; }

.content_new #navEventTitle {
  float: none;
  text-align: left;
  color: #333;
  overflow: hidden;
  line-height: 26px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 0 24px 0;
}
.webcast_urlanchor {
  border: 1px solid #4a50dd;
  border-radius: 4px;
  background: #fff;
  color: #4a50dd;
  font-weight: bold;
  padding: 8px 25px 8px 40px;
  line-height: 20px;
  background: url('/view/wccpro/newui/images/link-blue.svg') 15px center no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}
.webcast_urlanchor:hover {
  background-color: #f2f2fd;
  text-decoration: none;
}


/*

.NewNav .row .webcast_urlanchor {
  display: none;
}

.NewNav .row .orderServices {
  right: 0;
}


.NewNav.updatePage div.leftcell {
  max-width: 215px;
}
*/

/*
#colSelectIcon {
  right: 34px;
}
#moreIconsDropdown {
  right: 30px;
}
*/

/*
.NewNav #colSelectDropdown {
  right: 30px;
}
*/

.NewNav #taggingContent div.leftcell {
  width: 14% !important; }

.NewNav #tagging .tagList {
  width: 700px; }

@keyframes closeLeftNav {
  from {
    margin-left: 0px; }
  to {
    margin-left: -195px; } }

@keyframes openLeftNav {
  from {
    margin-left: -150px; }
  to {
    margin-left: 0px; } }

#secondMenuSideBar.closeLeftNav {
  margin-left: -195px;
  animation-duration: 0.5s;
  animation-name: closeLeftNav; }

#secondMenuSideBar.openLeftNav {
  margin-left: 0px;
  animation-duration: 0.5s;
  animation-name: openLeftNav; }

/* REVISIT??? */
.layout_thumb_label,
.includeheader {
  font-size: 12px !important;
}

/* overview page */
form[name=eventcreate] div {
  color: #333;
}

.subTitle {
  color: #333;
}

/* reg setup */

.not_for_distribution {
  display: inline-block;
  margin-left: 12px;
}
#add-fields-form,
#section_banner .flex {
  display: flex;
  justify-content: space-between;
}
#section_banner {
  padding: 0 15px 0 0;
}
#section_banner .flex {
  padding-bottom: 10px;
}

/* REVISIT */
.reg_topheader {
  padding: 0 !important;
}
.reg_banner_message {
  padding: 0 !important;
}

.banner_upload_buttons {
  display: flex;
  justify-content: space-between;
  clear: both;
}
.content_div_radio {
  display: flex;
}
.content_div_label {
  margin-top: 1em;
}
.setupregbuttons {
  display: flex;
  justify-content: space-between;
  clear: both;
  padding-right: 60px;
}

#downloadLink {
  top: 4px !important;
}

#noSpamAgreement {
  padding: 5px 10px;
}

/* FOOTER */

div#footer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  height: 23px;
  background-color: #aaa;
  padding-top: 7px;
}
div#footer_copyright {
  float: left;
  padding-left: 15px;
}
div#footer_img {
  float: left;
  margin-left: 45px;
}

/* stonehengeaccountsetting */

.settingtitle {
  margin: 15px 10px;
  text-align: left;
  font-weight: bold;
}

.settingrow {
  margin: 5px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.vanityurl-settingrow {
  margin: 5px 20px;
  display: flex;
  align-items: center;
}

.tracking-settingrow {
  width: 600px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 50px;
  color: #000000;
}

.settinglabel {
  width: 200px;
  text-align: right;
  font-weight: bold;
}

.vanityurl-settinglabel {
  width: auto;
  padding: 5px 0;
  font-weight: bold;
}

.settinginput {
  width: 300px;
  padding: 5px 0;
  color: #888;
}
#accountVanityTag {
  width: 180px;
}

.vanityurl-settinginput {
  width: auto;
  color: #888;
  margin-left: 2px;
}

.vanityurl-error {
  color: red !important;
  display: none;
}

.vanityurl-savebutton {
  padding-left: 10px;
}
.vanityurl-changebutton {
  padding-left: 10px;
  display: none;
}

.reset_settinginput {
  padding: 5px 0;
  text-align: left;
}

.settinginput img {
  margin-left: 5px;
  vertical-align: middle;
}

.settingline {
  margin: 15px 0 5px 0;
  height: 1px;
  border-top: 1px solid #c7c7c7;
  transform: translateX(-14px);
  width: calc(100% + 28px);
  overflow: hidden;
}

.settingbottomline {
  margin-top: 15px;
  margin-bottom: 20px;
  margin-right: 20px;
  float: right;
  position: relative;
}

.settingbutton {
  width: auto;
  margin-right: 5px;
  text-align: right;
  float: left;
  position: relative;
}

div.settingmessages {
  margin-top: 0px;
  text-align: left;
  color: #FF6600 !important;
  display: inline-block;
  margin-left: 10px;
}

.vanityurl-settingrow a {
  cursor: pointer;
}

/* this should be reset at a higher level
div.btn-primary-md {
  color: #fff !important;
}
 */

#customFontFile {
  display: none;
}

#customFontsList {
  margin: 0 10px;
  max-width: 600px;
  font-weight: bold;
}

.customFontsArea {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.customFontDelete {
  margin-right: 20px;
}

.customFontDelete img {
  cursor: pointer;
}

.customFontLabel {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  align-self: center;
}

.customFontMessage {
  margin: -10px 0px 10px 10px;
  display: flex;
  font-style: italic;
}

.selection_area {
  margin-right: 15px;
  align-self: center;
}

.selection_area input[type="radio"] {
  margin: 0;
  cursor: pointer;
}

.default-text {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  font-style: italic;
  font-weight: normal;
  align-self: center;
}

/* dialog  */

.ui-widget-content .rowStyling {
  width: auto;
  display: flex;
}

/*! jQuery UI - v1.12.1 - 2018-06-10 */

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default!important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 2px;
  display: none;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  background: #4a50dd;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: none;
}

.ui-datepicker .ui-datepicker-prev {
  background: url('/view/wccpro/newui/images/arrow_circle_left.svg') center center no-repeat;
}
.ui-datepicker .ui-datepicker-next {
  background: url('/view/wccpro/newui/images/arrow_circle_right.svg') center center no-repeat;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
}
.ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
  border-radius: 4px;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 12px 16px;
  position: relative;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #c7c7c7;
  font-size: 16px;
  /*background: #4a50dd;
  color: #fff;
  border: none;*/
  border-radius: 4px 4px 0 0;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 16px;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  background: transparent;
  border: none;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  overflow: auto;
  border-radius: 0 0 4px 4px;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: right;
  border-width: 1px 0 0 0;
  margin-top: .5em;
  padding: 16px;
  background: #f8f8fe;
  border-radius: 0 0 4px 4px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  /* float: right; */
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog .ui-icon.ui-icon-closethick,
.ui-dialog .ui-icon.ui-icon-closethick:active {
  background-image: url('/view/wccpro/newui/images/close_x.png');
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
}


.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/*
.ui-widget {
}
.ui-widget .ui-widget {
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
}
.ui-widget.ui-widget-content {
}
*/

.ui-widget-content {
  background: #fff;
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
  border: 1px solid #4a50dd;
  background: #fff;
  font-weight: normal;
  color: #4a50dd;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
  color: #4a50dd;
  text-decoration: none;
}

/*
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
*/

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
  color: #4a50dd ;
  background: #F7F7F7;
  text-decoration: none;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  color: #4a50dd ;
  background: #F7F7F7;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94,158,214);
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
  border: 1px solid #4a50dd;
  background: #F7F7F7;
  font-weight: normal;
}

.ui-icon-background,.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

/*
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}
*/

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* to merge */
/*All stonehenge dialog styles will be here */

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-widget-overlay { 
  background: #000000 50% 50% repeat; 
  opacity: .50;
  filter:Alpha(Opacity=75); 
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

.ui-icon {
  display: block; 
  text-indent: -99999px; 
  overflow: hidden; 
  background-repeat: no-repeat; 
}

.ui-datepicker-calendar tbody {
  background: #fff url(/view/wccpro/newui/images/jquery-ui-1.8.10/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc; 
    background: #f6f6f6 url(/view/wccpro/newui/images/jquery-ui-1.8.10/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #4a50dd;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(../images/jquery-ui-1.8.10/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #003eff;
    background: #4a50dd;
    font-weight: bold;
    color: #fff;
}

#editField .editField_rightcell input#prompt {
  width: 100% !important;
}
.countryArea {
    max-height: 300px !important;
}


/* timeout warning */

elite-timeout-warning {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.3);
}
elite-timeout-warning .warning-dialog {
  height: 200px;
  width: 650px;
  background-color: white;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  border-radius: 4px;
}
elite-timeout-warning .warning-dialog header {
  background: #fff;
  padding: 12px 16px;
  border-bottom: 1px solid #c7c7c7;
  border-radius: 4px 4px 0 0;
}
elite-timeout-warning .warning-dialog header span {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
elite-timeout-warning .warning-dialog section {
  padding: 16px;
  text-align: center;
}
elite-timeout-warning .warning-dialog section p {
  font-size: 16px;
  margin: 10px 0px;
}
elite-timeout-warning .warning-dialog section button {
  margin-top: 8px;
}

/* password expiration dialog */

#password-expiring-form .channelrow {
  width: 100% !important;
}
#password-expiring-form .channelbottomline {
  display: flex;
  justify-content: right;
  flex-direction: row-reverse;
  width: 100% !important;
  margin-top: 16px;
  background: #f8f8fe;
  text-align: right;
  padding: 16px;
  transform: translate(-14px, 4px);
  width: calc(100% - 4px);
  border-radius: 0 0 4px 4px;
}


/* EVENT LIST */

#clienthierarchyrow {
  padding-bottom: 20px;
}
#createEvent {
  margin: 0 0 20px 0;
}

#searchArea {
  display: flex;
  align-items: center;
}
#searchArea > div {
  margin-right: 30px;
}

#keyword {
  padding-left: 28px;
  background: url('/view/wccpro/newui/images/search.svg') no-repeat;
  background-position: 5px center;
}

#colSelectDropdown {
}

#webcastsTableWrapper {
  overflow-y: auto;
  height: calc(100vh - 350px);
  position: relative;
  margin-top: 20px;
  min-width: 1100px;
}

.dataTables_info {
  font-weight: bold;
  color: #4a50dd;
  padding-bottom: 20px;
}

.dataTables_wrapper {
  width: 100%;
}

#dateFilter,
#tagsFilter {
    line-height: 26px;
    height: 26px;
    border: 1px solid #999;
}
#dateFilter div.popupTriggerElement,
#tagsFilter div.popupTriggerElement {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px 0 10px;
  position: relative;
  width: 155px;
}
#dateFilter div.popupTriggerElement {
  width: 192px;
}

#dateFilter img.popupTriggerElement,
#tagsFilter img.popupTriggerElement {
  width: 12px;
  height: 7px;
}
.dropdown {
  display: none;
  z-index: 9999;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
  margin-top: 5px;
  padding: 10px 0;
}
.dropdown .imgWrap {
  text-align: center;
  display: inline-block;
  width: 24px;
}
.dropdown .label1 {
  margin-left: 5px;
  vertical-align: middle;
}
.dropdown .imgDisabled {
  color: #999;
  cursor: default;
  opacity: .5;
}

#selectDateFilterLine {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dateFilterDropdown > div {
  padding: 0 10px;
}
#dateFilterDropdown > div:nth-child(2),
#dateFilterDropdown > div:nth-child(3) {
  cursor: pointer;
}
#dateFilterDropdown > div:nth-child(2):hover,
#dateFilterDropdown > div:nth-child(3):hover {
  background-color: #ccc;
}
#dateFilterSeperator {
  text-align: center;
  height: 18px;
  margin: 3px 0;
}
#dateFilterSeperator hr {
  position: absolute;
  width: calc(100% - 22px);
  border: none;
  height: 1px;
  background: #E5E5E5;
}
#seperatorOr {
  display: inline-block;
  background: #fff;
  transform: translateY(-2px);
  line-height: 14px;
  padding: 2px;
}
#dateFilterDropdown .noDropdownItem:last-child {
  display: flex;
  align-items: center;
}
#dateFilterDropdown .noDropdownItem:last-child > input,
#dateFilterDropdown .noDropdownItem:last-child > span {
  margin-right: 10px;
}

.ui-datepicker-trigger {
  cursor: pointer;
  display: inline-block;
  background: url('/view/wccpro/newui/images/datepicker.svg') center center no-repeat;
  background-size: 22px 22px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding-left: 24px;
}

#tagsFilterDropdown {
  padding: 0;
  max-width: 300px;
}
#selectAllTags {
  border-bottom: 1px solid #E5E5E5;
  padding: 0 10px;
  line-height: 28px;
  display: flex;
  align-items: center;
}
#tagsArea {
  max-height: 200px;
  padding: 0;
  overflow-y: auto;
}
#tagsArea > div {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 10px;
  line-height: 28px;
}
#selectAllTags:hover,
#tagsArea > div:hover {
  background-color: #ccc;
}
#selectAllTags label,
#tagsArea label {
  cursor: pointer;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

button#search {
  background: #fff;
  color: #4a50dd;
}
button#search:hover {
  background: #f2f2fd;
  color: #4a50dd;
}

/*
#dateFilterDropdown {
    width: 292px;
}
*/
/*
#dateFilterDropdown div{
    font-size: 14px !important;
}
#dateFilterDropdown div input{
    font-size: 12px !important;
    width: 94px;
}
#selectAllTags{
    position: absolute;
    top: -20px;
    width: 140px;
    margin-left: -10px;
    height: 20px;
    padding: 6px 0px 8px 9px !important;
    background-color: #fff;
}
#tagsFilterDropdown{
    left: 0px;
    top: 50px;
    width: 139px;
}
#tagsFilterDropdown.withoutTags{
    top: 30px !important;
}
#tagsFilterDropdown label{
    max-width: 88px;
}
#selectDateFilterLine a{
    color: #2288AF !important;
    width: inherit !important;
    display: inline-block;
    float: right;
}
#dateFilterSeperator{
    position: relative;
    height: 20px;
}
#dateFilterSeperator hr{
    width: 100%;
}
#dateFilterSeperator #seperatorOr{
    position: absolute; 
    left: 49%; 
    top: 8px;
    text-align: center;
    background-color: #fff;
    color: #666;
}
.noDropdownItem{
    cursor: inherit !important;
}
.noDropdownItem:hover {
    background-color: inherit !important;
}
*/

.tbl-style {
  border-collapse: collapse;
  width: 100%;
}
.tbl-style th {
  text-align: left;
  padding: 14px;
  white-space: nowrap;
}
.tbl-style th.sort::after{
  background: url(/view/wccpro/newui/images/jquery-ui-1.8.10/ui-icons_222222_256x240.png) no-repeat;
  content: '';
  position: sticky;
  height: 16px;
  width: 16px;
  margin-left: 5px;
  display: inline-block;
}
.tbl-style th.sortUp-::after,
.tbl-style th.sortUp-undefined::after,
.tbl-style th.sorting::after,
.tbl-style th.sorting_disabled::after {
  background-image: none;
}
.tbl-style th.sortUp-true::after,
.tbl-style th.sorting_asc::after {
  background-position: 0px -14px;
}
.tbl-style th.sortUp-false::after,
.tbl-style th.sorting_desc::after {
  background-position: -64px -14px;
}
.tbl-style tbody tr:first-child {
  border-top-width: 0;
}
.tbl-style th.sortUp-,
.tbl-style th.sortUp-undefined,
.tbl-style th.sortUp-true,
.tbl-style th.sortUp-false,
.tbl-style th.sort {
  cursor: pointer;
}
.tbl-style th.sort.sorting_disabled {
  cursor: auto;
}
.tbl-style th.sortUp-true,
.tbl-style th.sortUp-false {
  font-weight: bold;
}
.tbl-style tbody td {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top: 1px solid #E5E5E5;
  padding: 14px;
}
.tbl-style tbody tr:hover {
  background: #E5F0FB;
}
.tbl-style tfoot td {
  border-top: 1px solid #E5E5E5;
  padding: 14px;
  text-align: center;
}

.startDate {
  width: 280px;
  max-width: 280px;
}
.eventTitle {
  max-width: 140px;
}
.eventTitle a,
.eventTitle span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.eventTitle.isTest a,
.eventTitle.isTest span {
  max-width: calc(100% - 75px);
}
.eventType {
  width: 165px;
  max-width: 165px;
}
.tags {
  width: 200px;
  max-width: 200px;
}
.campaignCode {
  width: 160px;
  max-width: 160px;
}

.test-webcast {
  color: #fff;
  background: #4A50DD;
  border-radius: 16px;
  padding: 3px 10px;
  margin-left: 10px;
}

.tbl-style tbody td.healthAlert {
  width: 20px;
  padding: 14px 0;
}
.healthAlert .health {
  display: inline-block;
  width: 20px;
  height: 18px;
  cursor: pointer;
}
.health-true {
  background: url(/view/wccpro/images/blue-alert-icon.png) no-repeat;
}
.health-false {
  background: url(/view/wccpro/images/alert-icon.png) no-repeat;
}
.healthAlert .health.health-,
.healthAlert .health.health-null {
  display: none;
}
.healthInfoRow {
  padding: 7px 0;
}
.healthInfoRow img {
  vertical-align: text-top;
}
.healthInfoRow a,
.healthInfoRow a:visited {
  color: #4a50dd;
}

.Utilities {
  text-align: right;
  width: 84px;
  max-width: 84px;
}
.Utilities > span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Utilities > span img {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding-left: 24px;
}
.CopyIcon {
  background: url('/view/wccpro/newui/images/copy.svg') center center no-repeat;
  background-size: 18px 21px;
}
.UrlsIcon {
  background: url('/view/wccpro/newui/images/link.svg') center center no-repeat;
  background-size: 24px 24px;
  margin-left: 8px;
}
.MoreIcon {
  background: url('/view/wccpro/newui/images/more.svg') center center no-repeat;
  background-size: 24px 24px;
  margin-left: 4px;
}

.ReportsIcon,
.PreviewIcon,
.PresentIcon,
.DeleteIcon {
  display: inline-block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding-left: 24px;
}
.ReportsIcon {
  background: url('/view/wccpro/newui/images/reports-black.svg') center center no-repeat;
}
.PreviewIcon {
  background: url('/view/wccpro/newui/images/eye-black.svg') center center no-repeat;
}
.PresentIcon {
  background: url('/view/wccpro/newui/images/present-black.svg') center center no-repeat;
}
.DeleteIcon {
  background: url('/view/wccpro/newui/images/delete-black.svg') center center no-repeat;
}

.popupTriggerElement {
  cursor: pointer;
}
.popupModal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

#colSelectIcon {
  position: absolute;
  right: 24px;
  top: 54px;
  cursor: pointer;    
}
#colSelectDropdown {
  right: 24px;
  top: 68px;
  width: 170px;
}
#colSelectDropdown > div {
  line-height: 28px;
  padding: 0 10px;
}
#colSelectDropdown .title {
  font-weight: bold;
}
#colSelectDropdown > div:not(.title) {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#colSelectDropdown > div:not(.title):hover {
  background-color: #ccc;
}
#colSelectDropdown label {
  cursor: pointer;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#moreIconsDropdown {
  right: 22px;
  width: 150px;
}
#moreIconsDropdown > div {
  padding: 0 10px;
  line-height: 28px;
  cursor: pointer;
}
#moreIconsDropdown > div a,
#moreIconsDropdown > div > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
#moreIconsDropdown > div:hover {
  background-color: #ccc;
}
#moreIconsDropdown a,
#moreIconsDropdown a:visited {
  color: #333;
}
#moreIconsDropdown a:hover {
  text-decoration: none;
}


/* webcast urls dialog */

.urlrow {
  display: flex;
  line-height: 36px;
  align-items: center;
  gap: 10px
}
.urlname {
  width: 110px;
  text-align: right;
  font-weight: bold;
}       
.pendoOn .urlname {
  width: 100px;
}
.urlcheckbox {
  width: 30px;
}
.url {}
.emailtip {
  font-size: 12px;
  font-weight: bold;
}
.bottomlinks {
  background: #f8f8fe;
  text-align: right;
  padding: 16px;
  transform: translate(-14px, 4px);
  width: calc(100% - 4px);
  border-radius: 0 0 4px 4px;
  margin-right: -28px;
}
div.btn-container-on-bottom-popup {
  background: #f8f8fe;
  text-align: right;
  padding: 16px;
  transform: translate(-14px, 7px);
  width: calc(100% - 4px);
  overflow: hidden;
  margin: 16px 0 0 0;
  box-sizing: content-box;
}

/* archive page */

#headerDivImg {
  padding: 16px 0;
}
.hrrow {
  border: none;
  height: 1px;
  background: #E5E5E5;
  margin: 16px 0;
  width: 100%;
}
.hrrow hr {
  display: none;
}

.row {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  line-height: 26px;
}
[id^=toggleContent] {
  margin-left: 24px;
}
[id^=toggleContent] .row {
  margin-bottom: 16px;
}
.leftcell {
  width: 200px;
  text-align: right;
  padding-right: 20px;
}
.rightcell {
}

table {
  border-spacing: 0;
}
#archiveStartTimeMsg {
  border: none;
}
[id^=archiveDisbaledText] {
  text-align: left;
  color: #999;
  margin-bottom: 16px;
}
[id^=headerDivImg].row {
}
a.leftheadercell:before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background: url('/view/wccpro/newui/images/blue_arrow.svg') -2px -16px no-repeat;
  transition: all ease 0.3s;
  transform: rotate(-90deg);
}
a.leftheadercell.toggle-open:before {
  background-position: -2px -8px;
  transform: rotate(0deg);
}
a.leftheadercell img {
  display: none;
}
.row.disabled a.leftheadercell:before {
  filter: grayscale(100%);
  opacity: .5;
}
#inputRedirectURL {
  align-self: center;
}
#toggleContentDiv4 .row {
  display: block;
}
.disabledText {
  color: #999;
}

.player-box {
  display: flex;
  gap: 20px;
}
.player-box__player {
  width: 480px;
}

.player-box__player audio,
.player-box__player video {
  width: 100%;
}

.player-box_actions {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.player-box_actions .btn-spaced {
  margin: 0;
  white-space: nowrap;
}
.player-box__panel,
.player-box__info {
  display: flex;
  align-items: center;
  gap: 5px;
}
.player-box__right > div {
  padding-bottom: 16px;
}
.vttChopWarning {
  color: red;
}
.player-box__panel label,
#totalLengthSpan {
  width: 85px;
  line-height: 2em;
  white-space: nowrap;
  text-align: right;
}
#setStart, #setEnd, #totalLength {
  width: 56px;
}
#sfaCaptureNote {
  display: none;
  clear: both;
  font-style: italic;
}
#downloadfile,
#chopProcessing {
  color: #4a50dd;
}
#downloadfile {
  font-weight: bold;
}
#toggleContentDiv2 {
  clear: both;
}
#toggleContentDiv2LeftArea {
  width: 600px;
  display: table-cell;
}
#sfaCaptureSize {
  display: table-cell;
  text-align: right;
  width: 500px;
}
.consolesizelabel, .rightSFAConsoleSize {
  display: inline-block;
}
#consoleSizeInput .leftcell {
  width: auto;
  padding: 0 5px;
}
input.rightcell {
  width: 50px;
}
#consoleSizeInput {
  margin: 16px 0;
}
#maxConsoleSize {
  display: none;
  padding-bottom: 16px;
}

/*
#sfaCaptureSize {
  float: left;
  text-align: right;
  width: 41%;
  max-width: 450px;
  margin-top: 15px;
}
*/
.createChaptersEle {
  display: flex;
  vertical-align: top;
  justify-content: flex-start;
}
.chapterTitleLabel,
.createChaptersEleSlide,
.createChaptersEleDelete {
  font-weight: bold;
  color: #4a50dd;
}
.leftcell.createChapter {
  text-align: left;
  width: 300px !important;
}
.createChaptersEleSlide {
  width: 220px;
}
.createChaptersEleDelete {
  display: inline-block;
  width: 50px;
  text-align: center;
}
a.trashcanImage {
  display: inline-block;
  width: 50px;
  text-align: center;
  box-sizing: border-box;
  height: 28px;
  padding-left: 50px;
  background: url('/view/wccpro/newui/images/delete-black.svg') center center no-repeat;
}
a.trashcanImage img {
  display: none;
}
select[name=CreateChaptersChooseSlide] {
  width: 200px;
  margin: 2px 20px 0 0;
  align-self: flex-start;
}
#toggleContentDiv3 span.err_msg { 
  color: red;
  display: none;
  font-weight: bold;
}

/* rangeslider */

.vjs-default-skin .vjs-timebar-RS{color:red;top:-1em;height:100%;position:relative;background:rgba(100,100,100,.5)}.vjs-default-skin .vjs-rangeslider-holder{height:100%}.vjs-default-skin .vjs-selectionbar-RS{height:100%;float:left;width:100%;left:0;right:0;position:absolute;background-color:#ffe800;background:#ffe800;background:-moz-linear-gradient(top,#ffe800,#a69700);background:-webkit-gradient(linear,0% 0,0% 100%,from(#ffe800),to(#a69700));background:-webkit-linear-gradient(top,#ffe800,#a69700);background:-o-linear-gradient(top,#ffe800,#a69700);background:-ms-linear-gradient(top,#ffe800,#a69700);background:linear-gradient(top,#ffe800,#a69700);opacity:.8}.vjs-default-skin div.vjs-rangeslider-holder.locked>div.vjs-selectionbar-RS{background-color:#ff6565;background:#ff6565;background:-moz-linear-gradient(top,#ff6565,#300000);background:-webkit-gradient(linear,0% 0,0% 100%,from(#ff6565),to(#300000));background:-webkit-linear-gradient(top,#ff6565,#300000);background:-o-linear-gradient(top,#ff6565,#300000);background:-ms-linear-gradient(top,#ff6565,#300000);background:linear-gradient(top,#ff6565,#300000)}.vjs-default-skin div.vjs-rangeslider-handle{position:absolute;margin-top:0;cursor:pointer!important;background-color:transparent}.vjs-default-skin .vjs-selectionbar-left-RS{height:100%;left:0;z-index:10}.vjs-default-skin .vjs-selectionbar-right-RS{height:100%;left:100%;z-index:20}.vjs-default-skin div.vjs-selectionbar-left-RS,.vjs-default-skin div.vjs-selectionbar-right-RS{top:0;position:absolute;width:0}.vjs-default-skin div.vjs-selectionbar-arrow-RS{width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-top:1em solid #fff273;margin-left:-1em;opacity:.8;position:absolute;top:-1em}.vjs-default-skin div.vjs-rangeslider-handle.active>div.vjs-selectionbar-arrow-RS{border-top-color:#5f5fb3}.vjs-default-skin div.vjs-rangeslider-holder.locked .vjs-rangeslider-handle>div.vjs-selectionbar-arrow-RS{border-top-color:#ff6565}.vjs-default-skin div.vjs-selectionbar-line-RS{width:1px;height:1em;background-color:#fff273;position:absolute;top:0}.vjs-default-skin div.vjs-rangeslider-handle.active>div.vjs-selectionbar-line-RS{background-color:#5f5fb3}.vjs-default-skin div.vjs-rangeslider-holder.locked .vjs-rangeslider-handle>div.vjs-selectionbar-line-RS{background-color:#ff6565}.vjs-default-skin .vjs-timepanel-RS{width:100%;height:1em;font-weight:bold;font-size:15px;top:-2em;position:absolute;visibility:visible;opacity:1;transition-delay:0s}.vjs-default-skin .vjs-timepanel-RS.disable{visibility:hidden;opacity:0;-webkit-transition:visibility 1s linear 1s,opacity 1s linear;-moz-transition:visibility 1s linear 1s,opacity 1s linear;-o-transition:visibility 1s linear 1s,opacity 1s linear;transition:visibility 1s linear 1s,opacity 1s linear}.vjs-default-skin .vjs-timepanel-left-RS,.vjs-default-skin .vjs-timepanel-right-RS{font-weight:normal;font-size:1em;color:#666;border:1px solid #666;background-color:white;border-radius:5px;position:absolute;height:116%;padding-right:.3em;padding-left:.3em}.vjs-default-skin .vjs-timepanel-left-RS{left:.5%}.vjs-default-skin .vjs-timepanel-right-RS{left:92%}.vjs-default-skin .vjs-controltimepanel-RS{width:18em;font-size:1em;line-height:3em}.vjs-default-skin .vjs-controltimepanel-RS input{width:1.5em;background:rgba(102,168,204,0.16);border:1px solid transparent;color:black;font-size:1em;margin-left:2px;text-align:center;color:white}.vjs-default-skin .vjs-controltimepanel-left-RS{width:50%;float:left}.vjs-default-skin .vjs-controltimepanel-right-RS{float:right;width:48%}.vjs-default-skin .vjs-controltimepanel-RS input{margin:0;padding:0;display:table-cell}.vjs-default-skin *,.vjs-default-skin *:before,.vjs-default-skin *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}

/**********************************
Configure UI for Roles
**********************************/

.EventAdmin #globalNavBar div:first-child,
.EventAdmin #globalNavBar div:last-child {
    display: block;
}
.EventAdmin #listTableId .colclass6 div:nth-child(2),
.EventAdmin .colclass6 {
  display: none !important;
}
.EventAdmin #globalNavBar div,
.EventAdmin .hierarchyLink,
.EventAdmin #listTableId .colclass8,
.EventAdmin .presentN #presentlink,
.EventAdmin #openlink,
.EventAdmin #benchmarklink,
.EventAdmin .hasReportAccessN #reportlink,
.EventAdmin #accountDashboardMenu,
.EventAdmin .setLanguage,
.EventAdmin .setVanityURL {
  display: none;
}

/*
.EventAdmin #accountInfoDialog{
    height: 625px !important;
}
.EventAdmin #accountInfoDialog #account-form{
    height: 572px !important;
}
*/