@charset "UTF-8";
/* reset */
html{height:100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
ol, ul {list-style: none;}
button,input {outline:0 none;}
img,fieldset{border:none;}
body{height:100%}
input::-ms-clear{display:none;}
/*layout*/
.clearfix:after,
.r:after,
.nav-list:after,
.block-view-more:after,
.select-ui-eleanor:after,
.select-ui-embed:after,
.ui-treenode-content:after,
.affiliate-edit-type-list li:after{clear:both; content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix{height:1%;}
* html .block-view-more{height:1%}
* html .ui-treenode-content{height:1%}
* + html .clearfix{min-height:1%}
* + html .r{min-height:1%}
* + html .nav-list{min-height:1%}
* + html .block-view-more{min-height:1%}
* + html .select-ui-eleanor{min-height:1%}
* + html .select-ui-embed{min-height:1%}
* + html .ui-treenode-content{min-height:1%}
.c,
.nav-list,
.nav-list li,
.nav-list li a,
.block-view-more .block-title,
.block-view-more .view-more,
.top-referer-links .top-referer-links-item,
.top-referer-links{float:left}
.c-,
.block-view-more .view-more{float:right}
.s,
.block-view-more .block-title{width:100%}
.mcr2{max-width:1250px; min-width:1000px; overflow:hidden;}
.mcl1{width:976px}
.mcr1 {width:999px}
.mcr3{width:843px}
.mcr4{width:1002px}
.mcr-v{max-width:1250px; min-width:986px}
.mcr-lg{width:1620px; padding-left:20px; padding-right:20px;}
.mcr-mid{width:1140px;padding-left:20px; padding-right:20px;}
.sbr{width:198px}
.mcc{min-width:1000px;}
.s-area{width:320px;}
.mcr1 .m-ct-i,
.mcr-v .m-ct-i,
.mcr4 .m-ct-i,
.mcr-lg .m-ct-i,
.mcr-mid .m-ct-i{margin-left:220px;}
.mcr1 .m-ct,
.mcr2 .m-ct,
.mcr4 .m-ct,
.mcr-mid .m-ct,
.mcr-lg .m-ct{margin-left:-202px}
.mcr3 .m-ct{margin-left:-520px}
.mcr3 .m-ct-i{margin-left:539px}
.mcr3 .s-area{width:520px}
.mcr2 .m-ct-i{margin-left:220px}
.mcr2 .m-area,
.mcl1 .m-ct{margin-right:-324px;}
.mcl1 .m-ct-i,
.mcr2 .m-area-i{margin-right:345px;}
.mcr4 .m-area {margin-right:-175px;}
.mcr4 .m-area-i{margin-right:193px;}
.mcr4 .s-area {width:175px;}
.mcc .m-ct { width: 1001px; margin: 0 auto;}

/* .mcl1 .m-ct{margin-right:-277px; margin-left:15px;}
.mcl1 .m-ct-i{margin-right:295px;}
.mcl1 .s-area{margin-right:15px;} */
/*
r for row; c for column; s for span;
ct for content;
xxx-i for xxx-inner;
mcl:main content (on) left side
mcr:main content (on) right side
m-ct:main content
sbr:side bar
*/

/*styles*/

/* ------------common start---include primefaces override------------- */
/* position */
.hearder,
.campaign-type,
.block-eventdashboard-sales .sales-graph-data{position:relative;}
.error-img,
.block-eventdashboard-sales .sales-graph-data .no-graph-data{position:absolute}
/* display */
.tags span,
.common-act a,
.preferance a,
.extend-list .ex-link,
.coming-event-item .date,
.coming-event-item .month,
.coming-event-item .day,
.event-list-item .date,
.event-list-item .month,
.event-list-item .day,
.event-list-item .day,
.popupwin-evtChgNotification .event-item .day,
.popupwin-evtChgNotification .event-item .date,
.event-data .term,
.capacity .capacity-data,
.view-more,
.block-view-more .block-title-i,
.campaign-type-img,
.campaign-data .data,
.campaign-data .term,
.campaign-mail .error .error-img,
.campaign-type .error .error-img,
.cancel .pie-chart .cancel-img ,
.hold-state-icon,
.result-error img,
.log-banner .log-banner-img,
.error-page-hd .img,
.block-name-atrraction .select-name-size .number,
.button-note-edit{display:block}
.hide,
.login .nav-list li,
.multi-day-event .day,
.single-day-event .event-end,
.error-img,
.hold-event .event-end,
.referers-data-container caption,
.account-eventlist h1,
.event-list-tableWrap th.ui-state-default,
.info-cancel,
.input-ui-eleanor .pe-timepicker-button,
.input-ui-simple .pe-timepicker-button,
.ui-outputlabel .ui-outputlabel-rfi,
.drawer-box{display:none}
.tags span,
.error-page-bd .link,
.error-page-hd .title{display:inline-block}
* html .tags span{display:inline}
* + html .tags span{display:inline}
/* height */
.nav-list,
.user-panel{height:76px}
/* margin */
.header,
.nav,
.mcr1,
.mcl1,
.mcr2,
.mcr3,
.mcr4,
.mcc,
.mcr-lg,
.mcr-mid,
.account-eventlist .main-content,
.log-banner .log-banner-img,
.popupwin-confirm .confirm-content,
.error-page-hd .img,
.error-page-bd .link{margin:0 auto;}
.logo,
.nav-wrap,
.user-panel{margin-top:4px; }
/* padding */
.social-frame .ui-tabs{padding:0}

/* text */
.nav-list a,
.coming-event-item .event-time,
.event-list-item .event-time,
.no-data-bd,
.hold-state,
.referers-data-container .data-holder,
.campaign-data .data,
.campaign-data .term,
.event-dashboard .facebook-error,
.account-dashboard .facebook-error,
.cancel .pie-chart .cancel-txt,
.block-eventdashboard-rsvp .rsvp-not-publish,
.result-error p,
.align-center,
.error-page-hd .title,
.error-page-hd,
.error-page-bd .content,
.popupwin-evtChgNotification .event-time,
.popupwin-evtChgNotification .event-image,
.domain-tools .search-container,
.domain-tool-search .result-type {text-align:center;}
.block-facebook .caption,
.common-act a,
.common-act .user-name,
.capacity .term,
.capacity .capacity-data,
.block-eventdashboard-sales .sales-graph-data .no-graph-data{text-align:right}
.referers-data-container .source-data,
.domain-tools .search-container .block-search{text-align:left}
.coming-event-item .day,
.coming-event-item .month,
.event-list-item .day,
.event-list-item .month,
.popupwin-evtChgNotification .event-item .day,
.tags span,
.domain-tool-search .result-type,
.search-result-org .dba {text-transform:uppercase;}
.event-data .term ,
.tags .disabled,
.label-txt {text-transform:capitalize}
.preferance a,
.data-upcoming .edit{text-indent:-9999px;}
.symbolic-list .item,
.no-data-bd,
.block-view-more .block-title-i,
.top-referer-links a,
.referers-data-container .source-data .title,
.view-more,
.label-txt,
.error-page-bd .content,
.select-name-size .number,
.domain-tool-search .title{letter-spacing:-1px}
/* text-decoration */
.block-facebook .cont .comment,
.contact-email a:hover,
.top-referer-links a,
.help a{text-decoration:underline;}
/* ellipsis*/
.elips{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* overflow */
.block-marketing-msg,
.elips,
.preferance,
.block-coming-event .coming-event-item,
.block-event-list .event-list-item,
.block-coming-event .event-info-summary,
.event-data .sold-data,
.event-data .avail-data,
.event-data .total-data,
.no-data-icons,
.campaign-item-hd,
.data-recent .campaign-data,
.block-campaign .block-campaign-bd-i,
.social-frame .ui-tabs .ui-tabs-nav li{overflow:hidden;}
/* override primefaces, override jquery ui*/
/*common*/
/* jquery ui*/
.ui-button,
.ui-buttonset,
.ui-radiobutton,/* must be added and merged to the branch of dev*/
.ui-selectmanycheckbox label,
.ui-selectoneradio label,
.ui-chkbox .ui-chkbox-label/* must be added and merged to the branch of dev*/ {
    margin: 0
}
.ui-panel,
.ui-button-text-only .ui-button-text,
.ui-selectonebutton,
.ui-panel .ui-panel-content,
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-footer {
    padding: 0;
}
/* hotfix for twb-TWB-4801 Cancel Button is not displaying correctly */
/*
Best solution should be replacing old layout with new one on next feature development.
-Jake
*/
.cancel .ui-button-text-only .ui-button-text{
    padding:.3em 1em;
}
/* hotfix for twb-TWB-4801 Cancel Button is not displaying correctly */
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-minimize,
.ui-dialog .ui-dialog-titlebar-maximize,
.ui-inputfield,/*reset select menu*/
.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-panelgrid td {
    padding: 0
}
.ui-selectonemenu-label,
.ui-selectonemenu-item {
    text-transform:capitalize;
}
.ui-chkbox-icon {
    cursor:pointer;
    text-indent:0;
    overflow:visible;
    background-image:none;
    background-position:unset;
    font-size:0;
    line-height:16px;
    text-align:center;
}
.panel-heroEdit .ui-chkbox-icon.ui-icon-check::before,
.panel-featuresEdit .ui-chkbox-icon.ui-icon-check::before,
.panel-highlightEventEdit .ui-chkbox-icon.ui-icon-check::before,
.panel-spotlightVenuesEdit .ui-chkbox-icon.ui-icon-check::before {
    content:"\2713";
    font-size:12px;
    color:#333;
}
/*content mod*/
.mod{margin-bottom:20px}
/* blocks */
.block-hd{padding:10px 10px 0}
.block-bd,
.block-ft{padding:0 10px 0}
.block-view-more .block-title{margin-right:-82px}
.block-view-more .block-title-i{margin-right:82px}
.block-view-more a.disable:hover{cursor:default;}
.block-expend .block-title{padding:0 21px 0 28px;}
.block-expend .block-title-i{margin-right:82px}
.block-expend .ui-button {position:absolute; right:0; top:1px; display:block; width:18px; height:14px;}
.block-expend .ui-icon{position:static; margin:0 0 0 3px; display:block; width:12px; height:12px;}
.block-expend .spt-ico{position:absolute; left:0; top:0;}
.no-data-hd{padding-bottom:26px}
.no-data-icon{width:222px; margin:0 auto}
.no-data-icons{display:block; width:30px; height:30px; margin:0 22px;}
/*decractor*/
.ico-right-arrow{
    width:25px;
    height:25px;
}
.medium-ico-right-arrow{
    width:36px;
    height:36px;
}
/* loading */
.loading,
.ui-outputpanel-loading {display:block; height:100px;}
.loading-small{width:16px; height:16px;}
.loading-message {
    text-align:center;
    text-transform:capitalize;
}
/* no-data*/
.hide{display:none}
/* links */
.view-more{height:21px; padding:0 21px 0 7px;}
/* form elements*/
/* asterisk */
.required {margin-top:3px; padding:0 3px;}

/* search input */
.input-ui-eleanor {
	position: relative;
}
.input-ui-eleanor .btn-delete-tiny {
    position: absolute;
	top: 10px;
    right: 7px;
}
.input-ui-eleanor .input-search,
.input-ui-eleanor .input-folder input,
.input-ui-eleanor .input-clock,
.input-ui-eleanor .input-house input,
.input-ui-eleanor.input-house input,
.input-ui-eleanor .input-flag,
.input-ui-eleanor .input-percent,
.input-ui-eleanor .input-currency-usd,
.input-ui-eleanor .input-currency-cad,
.input-ui-eleanor .input-currency-aud,
.input-ui-eleanor .input-currency-nzd,
.input-ui-eleanor .input-currency-eur,
.input-ui-eleanor .input-currency-gbp,
.input-ui-eleanor .input-edit {
    height:20px;
}
.input-name-item{
    width: 434px !important;
}
.input-name-upsell{
    width: 560px !important;
}
.upsell-override-text{
    padding-left:17px;
}
.input-ui-eleanor .input-search {
    padding:9px 10px 6px 45px;
}
.input-ui-eleanor .input-folder  input {
    padding:9px 10px 6px 30px;
}
.input-ui-eleanor .input-tiny-folder input {
    padding:2px 5px 9px 20px;
}
.input-ui-eleanor .input-clock {
    padding:9px 10px 6px 30px;
    width: 98px;
    height: 37px;
}
.input-ui-eleanor span.ui-autocomplete {
    height:35px;
}
.input-ui-eleanor span.ui-autocomplete input {
    padding:7px 10px 8px 30px;
}
.input-ui-eleanor .input-house input,
.input-ui-eleanor.input-house input {
    padding:9px 10px 6px 30px;
}
.input-ui-eleanor .input-percent {
    padding:8px 30px 7px 10px;
    background-position: 40px -15px;
    background-size: 75%;
}
.input-ui-eleanor .org-input-percent {
    padding:8px 30px 7px 10px;
    background-position: 40px -22px;
    background-size: 75%;
}
.oracle-setting-item .input-ui-eleanor .org-input-currency-usd,
.oracle-setting-item .input-ui-eleanor .org-input-currency-cad,
.oracle-setting-item .input-ui-eleanor .org-input-currency-aud,
.oracle-setting-item .input-ui-eleanor .org-input-currency-nzd,
.oracle-setting-item .input-ui-eleanor .org-input-currency-eur,
.oracle-setting-item .input-ui-eleanor .org-input-currency-gbp {
    padding:8px 5px 7px 36px;
    background-position: -24px -21px;
    background-size: 75%;
}

.input-ui-eleanor .input-currency-usd,
.input-ui-eleanor .input-currency-cad,
.input-ui-eleanor .input-currency-aud,
.input-ui-eleanor .input-currency-nzd,
.input-ui-eleanor .input-currency-eur,
.input-ui-eleanor .input-currency-gbp {
    padding:8px 10px 7px 30px;
    background-position: -24px -15px;
    background-size: 75%;
}
.input-ui-eleanor .input-flag {
    padding:8px 10px 7px 30px;
}
.input-ui-eleanor .input-edit {
    padding:8px 10px 7px 30px;
}
.input-ui-eleanor .input-mon {
    padding:8px 10px 7px 34px;
}
.input-ui-eleanor .input-fax {
    padding:8px 10px 7px 31px;
}
.input-ui-eleanor .input-phone {
    padding:8px 10px 7px 33px;
}
.input-ui-eleanor .input-email {
    padding:8px 10px 7px 33px;
}
.input-ui-eleanor .input-title {
    padding:8px 10px 7px 33px;
}
.input-ui-eleanor .input-phone.primary-contact-input-pad {
    padding:8px 10px 7px 40px;
}
.input-ui-eleanor .input-email.primary-contact-input-pad {
    padding:8px 10px 7px 40px;
}
.input-ui-eleanor .input-title.primary-contact-input-pad {
    padding:8px 10px 7px 40px;
}
.input-ui-eleanor .input-earth {
    padding:8px 10px 7px 33px;
}
.input-ui-eleanor .input-facebook {
    padding:8px 10px 7px 33px;
}
.input-ui-eleanor .input-circles {
    padding:8px 10px 7px 33px;
}

.input-ui-eleanor .input .ui-autocomplete-input {
    height:20px;
}
.input-ui-eleanor .input .hasDatepicker {
    height:20px;
}
.input-ui-eleanor .input-form-item {
    padding:7px 10px 8px;
}
/* betty--apply for search input */
.input-ui-eleanor .input-full{
	box-sizing:border-box;
	height:38px;
	width:100%;
}

.input-ui-simple .input {
    height:32px;
    padding:0 7px 1px;
}
.input-ui-simple span.ui-autocomplete {
    display:block;
    height:33px;
    padding:0;
}
.input-ui-simple span.ui-autocomplete input {
    height:31px;
    padding:2px 7px 0;
}
.input-ui-simple .input-admission {
    padding-left:30px;
}
.input-ui-simple .input-ppl {
    padding-left:30px;
}
.input-ui-simple .input-notice {
    padding-left:30px;
}
.input-ui-simple .input-folder input {
    height:32px;
    padding:1px 7px 0 33px;
}
.input-ui-simple .input-transparent input {
    color: transparent;
    pointer-events: none;
}
.input-ui-simple .input-transparent input::selection {
    background: transparent;
    color: transparent;
}
.input-ui-simple .input-clock {
    height:32px;
    padding:1px 7px 0 25px;
    width:102px;
}
.input-ui-simple .input-email,
.input-ui-simple .input-user,
.input-ui-simple .input-phone-home,
.input-ui-simple .input-phone-work,
.input-ui-simple .input-mobile,
.input-ui-simple .input-key{
    padding:1px 7px 0 31px;
}
/*input capsule*/
.input-capsule-wrap {
	height: 38px;
	padding: 7px 32px 0 10px;
}
.input-capsule-wrap .input-capsule {
	width: 100%;
	height: 30px;
	margin: auto 0;
	padding: 0 10px;
	text-align: center;
	cursor: pointer;
}
.input-capsule-dropdown {
	position: absolute;
	z-index: 9999;
	top: 48px;
	display: none;
	width: 100%;
	margin-left: -4px;
	padding: 4px 6px 6px;
	overflow: hidden;
}
.input-capsule-dropdown .dropdown-content {
	height: 209px;
	overflow: auto;
}
.input-capsule-dropdown .breadcrumb {
	height: 49px;
	padding-left: 10px;
	padding-right: 10px;
}
.input-capsule-dropdown .breadcrumb li {
	display: inline;
	text-transform: capitalize;
}
.input-capsule-dropdown .classified-selection {
	height: 155px;
	padding: 3px 0 0 11px;
	overflow: auto;
}
.input-capsule-dropdown .list-selection a {
	float: left;
	width: 100%;
	margin-right: -33px;
	cursor: pointer;
}
/* border-collapse */
.selection-ui-simple {
    width:100%;
    border-collapse:separate;
    border-spacing:0px 8px;
}
.selection-ui-simple td:first-child {
    width:34px;
    padding:8px 0 5px;
    text-align:center;
}
.selection-ui-simple td:last-child {
    padding:8px 0 8px 0;
}
.selection-ui-simple td label{
    line-height:120%;
}
/* radio*/

.radio-ui-eleanor .ui-radiobutton-icon {
    overflow:hidden;
}

.radio-ui-eleanor .ui-state-default .ui-radiobutton-icon,
.radio-ui-eleanor .ui-state-active .ui-radiobutton-icon {
    display:block;
    width:14px;
    height:15px;
    margin:0;
}
/* select button */
.ui-selectonebutton .ui-button-text {
    padding:0 15px!important;
}
.ui-selectonebutton .ui-button {
    float:left;
}
/* .ui-selectonebutton .ui-state-default {
    height: 34px;
} */
.ui-selectonebutton .ui-button-text {
    height: 34px;
    padding: 0 15px;
}
.ui-selectonebutton .ui-state-active .ui-button-text {
    margin-top:1px;
}


/* checkbox*/
.ui-chkbox-label {
    text-transform:capitalize;
}
.check-box-ui-tiny .ui-chkbox-box {
    width:9px;
    height:9px;
}
.check-box-ui-tiny .ui-chkbox-icon {
    display:block;
    width:9px;
    height:9px;
}
.check-box-ui-medium .ui-chkbox-box {
    width:15px;
    height:15px;
}
/*.check-box-ui-medium .ui-chkbox .ui-chkbox-icon*/
.check-box-ui-medium .ui-chkbox-icon {
    display:block;
    width:15px;
    height:15px;
}
.check-box-ui-big .ui-chkbox .ui-chkbox-box {
    width:21px;
    height:21px;
}
.check-box-ui-big .ui-chkbox .ui-chkbox-icon {
    display:block;
    width:21px;
    height:21px;
}
/* button eleanor*/
/* new added */
.button,
.ui-widget-content .button {
    display:inline-block;
    height: 40px;
    margin-bottom: 2px;
    padding: 0;
    text-transform: capitalize;
    letter-spacing: -1px;
    vertical-align: top;
    cursor: pointer;
}
.button .ui-button-text,
.ui-widget-content .button .ui-button-text{
    padding:0 13px;
}
.button.button-small,
.ui-widget-content .button-small {
    height:30px;
	line-height: 1;
}
.button-small .ui-button-text ,
.button-small.button-gradient .ui-button-text {
	padding: 0 10px;
	line-height: 1;
}
.button-short,
.button.button-short,
.ui-widget-content .button-short{
    min-width:64px;
}
.button-icon {
    width: 40px;
}
.button-icon,
.button-icon .ui-button-text{
    padding:0;
}
/* Jerame : */
/*
Being Replaced:
.btn-main ,
.ui-widget-content .btn-main,
.btn-sub-warn,
.ui-widget-content .btn-sub-warn {
	height: 40px;
	padding: 0 5px;
	text-align: center;
	text-transform: capitalize;
}
.btn-main .ui-icon ,
.btn-main .ui-button-text ,
.btn-sub-warn .ui-button-text {
	display: inline-block;
}
.btn-main .ui-icon {
	position: static;
	width: 20px;
	height: 20px;
    margin: 0 5px;
    vertical-align: middle;
}
.btn-main .ui-icon + .ui-button-text {
	padding-left: 0;
}
.btn-main .ui-button-text,
.btn-sub-warn .ui-button-text{
	padding: 0 5px;
}
*/
/* button eleanor*/
/* new added */
.btn  {
    display: inline-block;
    min-width: 140px;/* default */
    height: 40px;
    margin: 0 5px;
    padding: 0 5px;
    vertical-align: top;
    text-align: center;
}
a.btn {
    display: inline-block;
    height: 38px;
}
/* button text and button icon */
.btn .ui-icon ,
.btn .ui-button-text {
    display: inline-block;
}
/* button text */
.btn .ui-button-text {
    height: 40px;
    padding: 0 5px;
    line-height: 40px;
    vertical-align: top;
}
.btn .ui-icon + .ui-button-text {
    padding-left: 3px;
}
/* button icon */
.btn .ui-icon {
    position: static;
    width: 20px;
    height: 40px;
    margin: -1px 5px 0;
    vertical-align: top;
}
/*button size*/
.btn.btn-large {
    min-width: 240px;
}
.btn.btn-Xlarge {
    min-width: 290px;
}


/* main action button*/
/* supportive button */
/* button warning */
/* icons in main action button */
/* main action button with only icon */
.btn.btn-icon-only{
    width: 40px; 	/* must have */
    min-width: 40px;	/* override default width */
}
a.btn.btn-icon-only{
    width: 28px;
    min-width: 28px;
}
.btn.btn-icon-only .ui-button-text{
    text-indent: -9999px;
}
.act-container .btn:first-child {
    margin-left: 0;
}
.act-container .btn:last-child {
    margin-right: 0;
}
/* new added end*/
.button-ui-eleanor {
    position:relative;
    width:185px;
    height:35px;
    padding:0 1px;
    overflow:hidden;
}
.button-ui-eleanor.disabled .ui-button-text {
    cursor:default;
}
.form-block .btn-grad-wrap {
    float:left;
}
.btn-grad-wrap .btn-grad,
.btn-grad-wrap .btn-response {
    padding:0;
    text-align:center;
    cursor:pointer;
}
.btn-grad-wrap .btn-response {
    display:block;
    height:25px;
    margin:0;
}
.button-ui-eleanor-outter {
    float:left;
    height:39px;
    padding:4px 4px 0;
}
.button-eleanor-dark-outter {
    float:none;
    display:block;
    margin:0 auto;
    width:211px;
    height:39px;
    padding:4px 4px 0;
}
.button-eleanor-dark-outter .button-ui-eleanor {
    position:relative;
    width:209px;
    height:34px;
    padding:0 1px 0 0;
    overflow:hidden;
}
.button-eleanor-dark-outter .button-ui-eleanor .ui-button-text {
    padding:37px 0 0 33px;
}
.button-ui-eleanor .button-ui-eleanor-i {
    width:184px;
    height:64px;
    margin:-30px 0 0;
}
.button-ui-eleanor {
    float:left
}
.button-ui-eleanor .ui-button{
    display:block;
    width:100%;
    margin-right:0;
    letter-spacing:-1px;
    text-align:center;
    overflow:hidden;
}
.button-ui-eleanor .ui-button {
    height:64px;
}
.button-ui-eleanor .ui-button-text-only .ui-button-text{
    height:32px;
}

.button-ui-eleanor .button-ui-buttonwrap {
    float:left;
    width:100%;
}
.button-confirm  .ui-button-text {
    padding:37px 5px 0;
}
.lock-ui-eleanor .ui-button-text {
    padding:37px 0 0 20px;
}
.heart-ui-eleanor .ui-button-text {
    padding:37px 0 0 20px;
}
.plus-ui-eleanor .ui-button-text {
    padding:36px 0 0 20px;
}
.bang-ui-eleanor .ui-button-text {
    padding:37px 0 0 20px;
}
.addFB-ui-eleanor .ui-button-text {
    height:37px;
    padding:37px 0 0 20px;
}
.addTW-ui-eleanor .ui-button-text {
    height:37px;
    padding:37px 0 0 20px;
}
.send-ui-eleanor .ui-button-text {
    padding:37px 0 0 20px;
}
.confirm-ui-eleanor .ui-button-text {
    padding:37px 0 0 20px;
}
.magnify-ui-eleanor .ui-button-text {
    padding:37px 0 0 20px;
}
.button-enable .ui-icon {
    position:static;
    display:block;
    margin:0;
    padding:0;
    overflow:hidden;
}
.button-enable .enable-on ,
.button-enable .enable-off {
    width:98px;
    height:48px;
}
.enable .ui-button-text {
    display: none
}
.boolean-btn {
    display:block;
}
.boolean-btn .ui-button-text {
    padding:0;
    text-indent:-9999px
}
.boolean-btn .ui-button {
    margin:0;
}
.boolean-btn-medium {
    width:65px;
    height:38px;
}
.boolean-btn-medium div {
    width:71px;
    height:38px;
}
.btn-delete-tiny {
    display:block;
    width:17px;
    height:17px;
    cursor:pointer;
}
/* button with old design but optimized  */
.button-icon .ui-icon{
    margin-top: 0;
    position: static;
    top: 0;
}
.button-gradient{
    min-width:185px;
    margin-bottom:3px;
}
.button-gradient .ui-button-text{
    display:inline-block;
    min-width:48px;
    line-height:39px;
}
.button-gradient-icon .ui-button-text{
    padding:0 10px;
}
.button-gradient-icon .ui-icon{
    position: static;
    float: left;
    height: 32px;
    margin-top: 3px;
    margin-left: 7px;
    width: 31px;
}
.button-gradient-icon .ui-icon-preview{
    float: right;
    width: 35px;
    margin-right: 7px;
    margin-left: 0;
}
.button-gradient-icon.ui-state-loading{
    position: relative;
}
.button-gradient-icon .ui-icon-loading{
    float: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    font-size: 16px;
    line-height: 1;
    text-indent: 0;
    overflow: visible;
    background-image: none;
}
.button-gradient-icon.ui-state-loading .ui-button-text{
    opacity: 0;
}
/* button with old design but optimized ends */

/* section-ui-eleanor */
/* select dropdown eleanor */
.select-ui-eleanor {
    margin-bottom:12px;
    padding:0 1px;
}
.select-ui-eleanor .select-ui-eleanor-i {
    float:left;
    width:99%;
    margin-top:2px;
}
.select-ui-eleanor .ui-selectonemenu-trigger {
    right:6px;
    width:22px;
    padding:0;
}
.select-ui-eleanor .ui-selectonemenu-trigger .ui-icon {
    width:22px;
    height:26px;
}
.select-ui-eleanor-common .select-ui-eleanor-i {
    height:34px;
}
.select-ui-eleanor-common.select-ui-eleanor .select-ui-eleanor-i.ui-state-disabled{
    height:35px;
}
.select-ui-eleanor-common .ui-selectonemenu-label {
    margin:10px 0 0 15px;
}
.select-ui-eleanor .select-ui-eleanor-i.ui-state-disabled .ui-selectonemenu-label {
    margin: 8px 0 0 15px;
}
.select-ui-eleanor-common .ui-selectonemenu-trigger .ui-icon {
    margin-top:4px;
}
.select-ui-eleanor-common {
    height:37px;
}
.select-ui-eleanor-medium.select-ui-eleanor .select-ui-eleanor-i.ui-state-disabled{
    height:31px;
}
.select-ui-eleanor-medium .select-ui-eleanor-i {
    height:30px;
}
.select-ui-eleanor-medium .ui-selectonemenu-label {
    margin: 8px 0 0 15px;
}
/* Truncate overrunning text in the upsell dropdown to an ellipsis.
   ID is matched with [id$=] because JSF prefixes the component id with the form id. */
[id$="upsells-dropdown"] .ui-selectonemenu-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 75%;
    box-sizing: border-box;
}
.select-ui-eleanor-medium .ui-selectonemenu-trigger .ui-icon {
    margin-top:3px;
}
.select-ui-eleanor-medium {
    height:33px;
}
.select-ui-embed {
    height:35px;
    padding:0 1px;
}
.select-ui-embed .select-ui-embed-i {
    float:left;
    width:99%;
    height:33px;
    margin-top:1px;
}
.select-ui-embed .ui-selectonemenu-label {
    margin:9px 0 0 14px;
}
.select-ui-embed .ui-selectonemenu-trigger {
    right:6px;
    width:22px;
    padding:0
}
.select-ui-embed .ui-selectonemenu-trigger .ui-icon {
    width:22px;
    height:26px;
    margin-top:4px;
}
.form-block .txt-area-ui,
.txt-area-light {
    padding:10px;
}
/* dropdownlist customized */
.ui-selectonemenu-items-wrapper {
    margin:0 -2px 0 -1px;
}
.ui-selectonemenu-items-wrapper .ui-selectonemenu-list .ui-selectonemenu-item {
    margin-bottom:2px;
    padding:9px 7px 7px;
}
div[id*='upsells-dropdown'] .ui-selectonemenu-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.add-attraction {
    cursor:pointer;
}
.add-attraction-i {
    height:21px;
}
.add-attraction .icon-addAttr {
    margin:4px 0 0 7px;
}
.add-attraction .add-attraction-content {
    margin-top:5px;
    margin-left:-32px;
}
.add-attraction .add-attraction-content-i {
    margin-left:32px;
}
/* auto complete*/
.autocomplete-eleanor .ui-autocomplete-item td {
    padding:0;
}
.autocomplete-eleanor .ui-autocomplete-item .img-venue-i {
    min-height:40px;
}
.autocomplete-eleanor .ui-autocomplete-item .img-venue-i,
.autocomplete-eleanor .ui-autocomplete-item .info-venue-i {
    padding:7px 5px 5px 7px;
}
.autocomplete-eleanor .ui-autocomplete-table .img-venue {
    width:60px;
}
.autocomplete-eleanor .ui-autocomplete-table .info-venue {
    vertical-align:top
}
.autocomplete-eleanor .ui-autocomplete-table .name {
    padding-top:1px;
    padding-bottom:3px;
    text-overflow:ellipsis;
    overflow:hidden;
}
/* autocomplete customized  */
.event-createEdit .autocomplete-eleanor-bright .ui-autocomplete-table .name {
    width:389px;
}
.favor-venue .autocomplete-eleanor-bright .ui-autocomplete-table .name {
    width:440px;
}
.event-createEdit .autocomplete-eleanor-dark .ui-autocomplete-table .name {
    width:268px;
}
.event-createEdit .autocomplete-eleanor-dark .with-customized .name,
.event-createEdit .autocomplete-eleanor-dark .with-customized .detail {
	width: 200px;
}
.event-createEdit .autocomplete-eleanor-dark .with-customized .tags {
	margin-top: 10px;
}

/* toolTip */
.ui-tooltip {
    padding: 0;
}
.eleanor-purchase-tooltip {
    width: 147px;
    padding-left: 12px;
}
.eleanor-purchase-tooltip .eleanor-tooltip-i {
    height: 33px;
    padding: 9px 0 0 10px;
}
.eleanor-tooltip .icon-triangle {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 12px;
    height: 16px;
}
.eleanor-tooltip .icon-tick {
    display: block;
    width: 23px;
    height: 23px;
}
.eleanor-purchase-tooltip .tooltip-content {
    margin-left: -28px
}
.eleanor-purchase-tooltip .tooltip-content-i {
    padding-left: 38px
}
#purchaseUrlCopiedPopup {
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: -8px;
    z-index: 1000;
}
/*    message box */
/*    message box error
    This will replace the warning eleanor
*/
/* warning eleanor */
.showmsg-ui-eleanor {
    height: 62px
}
.showmsg-ui-eleanor .showmsg-content-text {
    height: 62px;
    text-align: center;
}
/* css optimize for message box error */
.warn-ui-icon {
    display: block;
    width: 34px;
    height: 31px;
    margin: 15px 0 15px 15px;
}
.warn-big-icon {
    display: block;
    width: 45px;
    height: 40px;
}
.warn-ui-eleanor .warn-content-text {
    margin-bottom: 3px
}
.neutral-ui-eleanor {
	width: 100%;
	margin-bottom: 13px;
}
.neutral-ui-eleanor.vam {
	margin-bottom: 13px;
}
.neutral-ui-eleanor .warn-ui-eleanor-i {
	padding: 20px;
}
.m-ct .warn-ui-eleanor {
    margin-bottom: 13px
}
.warn-ui-eleanor-i .warn-content,
.warn-ui-eleanor-i .warn-icon-wrap{
    display:table-cell;
    vertical-align:middle;
}
.warn-ui-eleanor-i .warn-icon-left-wrap{
    width: 5%;
    float: left;
}
.warn-ui-eleanor-i .warn-content-center-wrap{
    width: 90%;
    float: left;
}
.warn-ui-eleanor-i .warn-icon-right-wrap{
    width: 5%;
    float: right;
    text-align: center;
}
.warn-ui-eleanor .warn-content-i,
.warn-ui-eleanor-i .warn-content-i,
.warn-ui-eleanor-i .warn-content .ui-widget-content{
    padding: 20px 10px;
}
/*empty-content-message*/
.empty-content-message{
    text-align:center;
}

/* dropdown message */
.dropdown-message-ui {
    position:relative;
}
.dropdown-message-content {
    margin-left:-54px
}
.dropdown-message-content-i {
    margin-left:99px;
    padding:25px 40px 13px 22px
}
.dropdown-message-ui .dropdown-message-icon {
    float:left;
    width:37px;
    height:31px;
    margin:15px 0 15px 17px;
}
.dropdown-message-ui .dropdown-message-content {
    margin-bottom:3px;
}
.autocomplete-eleanor .ui-autocomplete-table .ui-autocomplete-item .dropdown-message-ui,
.autocomplete-eleanor .ui-autocomplete-table .ui-autocomplete-item .dropdown-message-ui div {
    min-height:auto;
    padding:0;
}
.autocomplete-eleanor .ui-autocomplete-table .ui-autocomplete-item .dropdown-message-ui .dropdown-message-content-i {
    padding:25px 40px 13px 22px;
}
/* date picker */
.ui-datepicker {
    width:190px;
    padding:0 0 7px 3px;
    overflow:hidden;
}
.ui-datepicker .ui-datepicker-calendar {
    display:block;
    width:180px;
    margin:0 auto;
    overflow:hidden;
}
.ui-datepicker .ui-datepicker-header {
    height:30px;
    margin-top:-2px;
    margin-left:-2px;
    padding:0;
}
.ui-datepicker .ui-datepicker-title {
    margin:2px 22px 0;
    padding-top:2px;
    text-transform:uppercase;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    padding:0;
    text-align:center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top:5px;
    width:20px;
    height:20px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left:2px;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right:2px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    width:8px;
    height:14px;
}
.ui-datepicker .ui-datepicker-prev span {
    margin-top:-6px;
    margin-left:-5px;
}
.ui-datepicker .ui-datepicker-next span {
    margin-top:-6px;
    margin-left:-2px;
}
.ui-datepicker th {
    padding:6px 5px 5px;
}
.ui-datepicker td {
    padding:6px 5px 6px;
}
/* time picker */
#ui-timepicker-div {
    padding:0;
}
.ui-timepicker-table {
    display:inline-table;
    width:257px;
    background-color: transparent !important;
}
.ui-timepicker {
    overflow:hidden;
}
.ui-timepicker .ui-widget-header {
    height:33px;
    padding:0;
}
.ui-timepicker-table table {
    margin:0;
}
.ui-timepicker-table td {
    padding:0;
    width:auto;
}
.ui-timepicker-table .ui-timepicker-hours,
.ui-timepicker-table .ui-timepicker-minutes {
    padding-bottom:10px !important;
    vertical-align:top !important;
    border: none !important;
}
.ui-timepicker-table .ui-timepicker-hours {
    width:171px !important;
}
.ui-timepicker .ui-timepicker-title {
    padding-left:10px;
    text-align:left;
    text-transform:uppercase;
}
.ui-timepicker .ui-timepicker-hours .ui-timepicker {
    margin:0 0 0 1px;
    width: 162px;
}
.ui-timepicker-hours .ui-timepicker td,
.ui-timepicker-minutes .ui-timepicker td {
    width:20px !important;
    padding:6px 1px 1px !important;
}
.ui-timepicker-hours .ui-timepicker td a,
.ui-timepicker-minutes .ui-timepicker td a {
    width:20px !important;
    padding:6px 1px 1px !important;
    text-align:center !important;
    height: auto !important;
    color: #999 !important;
}
.ui-timepicker .ui-timepicker-minutes {
    width:86px;
}
.ui-timepicker .ui-timepicker-minutes .ui-widget-header {
    margin-left:-1px !important;
    padding-left:11px !important;
}
.ui-timepicker .ui-timepicker-minutes .ui-timepicker {
    width:67px !important;
    margin:0 auto !important;
}
.ui-timepicker-table th.periods {
    width:24px !important;
    padding:9px 3px 0 !important;
    vertical-align:top !important;
}
body .ui-timepicker-table > tbody {
    border: none !important;
}

body .ui-timepicker-table td {
    padding: 0 !important;
    width: auto !important;
}

/* tags */
.tags span {
    padding: 5px 6px 4px
}
.tags .normal {
    padding: 5px 8px 4px
}
.tags .customized {
	padding: 7px 6px 6px;
}
.tags .disabled {
    padding: 5px 10px 5px;
    letter-spacing: normal;
}
/* icons */
.icon-star {
    width: 20px;
    height: 21px;
}
.icon-calendar {
    width: 19px;
    height: 23px;
}
.icon-dollar{
    width: 34px;
    height: 20px;
}
.icon-txt {
    width: 18px;
    height: 18px;
}
.icon-percent {
    width: 18px;
    height: 18px;
}
.icon-drag-plated {
    width: 28px;
    height: 31px;
    cursor: move;
}
.icon-drag-tiny {
    display:block;
    width:18px;
    height:18px;
    cursor: move;
}
.icon-link {
    width: 15px;
    height: 15px;
    top: 11px;
}
.icon-add-image {
    width: 22px;
    height: 22px;
    text-indent: -9999px;
}
.icon-addAttr {
    width: 15px;
    height: 15px;
}
.icon-folder {
    width: 19px;
    height: 26px;
}
.icon-facebook {
    width: 20px;
    height: 21px;
}
.icon-play {
    width: 21px;
    height: 22px;
}
.icon-drop {
    width: 17px;
    height: 21px;
}
.ui-button .ui-icon-dropdown {
    width: 24px;
    height: 26px;
}
.icon-org-info {
    width: 22px;
    height: 16px;
}
.icon-org-eventDefault {
    width: 21px;
    height: 20px;
}
.icon-org-bell {
    width: 20px;
    height: 20px;
}
.icon-offc-set {
    width: 20px;
    height: 20px;
}
.icon-staff {
    width: 32px;
    height: 20px;
}
.icon-coins {
    width: 20px;
    height: 23px;
}
.icon-info {
    width: 21px;
    height: 21px;
}
.icon-gear {
    width: 20px;
    height: 20px;
}
.icon-uploadDrag {
    width: 36px;
    height: 28px;
}
.icon-uploadError {
    width: 55px;
    height: 42px;
}
.icon-uploading {
    width: 34px;
    height: 27px;
}
.icon-wrench {
    width: 19px;
    height: 19px;
}
.icon-drag {
    display:block;
    width: 20px;
    height: 20px;
    cursor: move;
}
.icon-location {
    width: 11px;
    height: 14px;
}
.icon-clock {
    width: 12px;
    height: 12px;
}
.icon-group{
    width:28px;
    height:28px;
    text-indent:-9999px;
    cursor: pointer;
}
.icon-notepad,
.icon-notepad-gray {
	width: 16px;
	height: 20px;
}
.icon-boxoffice-affi,
.icon-boxoffice-affi-disable,
.icon-upsell-affi,
.icon-upsell-affi-disable,
.icon-marketing-affi,
.icon-marketing-affi-disable,
.icon-attraction-affi,
.icon-attraction-affi-disable,
.icon-reporting-affi,
.icon-reporting-affi-disable,
.icon-booking-affi,
.icon-booking-affi-disable{
    width:20px;
    height:20px;
}
/*	icons in icon-holder would be vertically aligned */
.icon-holder {
    position:relative;
}
.icon-holder .icon-external {
    position: absolute;
    left: 50%;
    top: 50%;
}
.icon-holder .icon-external-facebook {
    margin-top: -12px;
    margin-left: -6px;
}
.icon-holder .icon-external-roadie{
    margin-top:-10px;
    margin-left:-10px;
}
/* icons in external publishing and external account */
.icon-external-facebook {
    width:12px;
    height:24px;
}
.icon-external-roadie {
    width:20px;
    height:20px;
}
/*cikonss*/
/* Generals */
.icon {
    /* don't change width and height in order to change the size of the icon,
    you can control the size with font-size for different class(es) - below */
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    float: left;
}
/*
 * Icons
 *
 * Icons are somewhat grouped so that you can easily pick the ones you like
 * if the whole file is too large for your project.
 *
 */

/*data*/
.icon-data {
    position: absolute;
    top: 6px;
    left:0;
    width: 1em;
    height: .625em;
}
.icon-data:before,
.icon-data:after {
    content: "";
    position: absolute;
    border-style: solid;
}
.icon-data:before {
    top: -.375em;
    left: .12em;
    width: .533em;
    height: .125em;
}
.icon-data:after {
    top: -.25em;
    left:0;
    width: 1em;
    height: 0;
}
/* prev/next */
.icon-prev,
.icon-next{
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    cursor:pointer;
}
.icon-prev .disable,
.icon-next .disable{
    opacity: 0.38;
}
.icon-prev{
    left: -1em;
}
.icon-next{
    left:0;
}
/*cikonss ends*/

/* text */

.legend-txt,
.txt-stress {
	text-transform: capitalize;
    letter-spacing: -1px;
}
/* highcharts-tooltip*/
.highchart-note {
    width: 236px;
    overflow: hidden;
}
.highchart-note .basic-info {
    float: left;
    width: 65px;
    margin-bottom: -1000px;
    padding: 0 8px 1000px 0;
}
div.no-note {
    width: 81px;
}
.no-note .highchart-note-i .basic-info {
    float: none;
}
.highchart-note .basic-info-data {
    height: 65px;
}
.highchart-note .basic-info-data td {
    vertical-align: middle;
}
.highchart-note .basic-info p {
    margin-bottom: 2px
}
.highchart-note .basic-info .date {
    margin-bottom: 3px;
    padding-left: 13px;
    text-transform: uppercase;
}
.highchart-note .basic-info .small {
    float: left;
    margin-top: 2px;
    padding-left: 3px;
}
.highchart-note .basic-info .ticket {
    float: left;
    width: 26px;
    margin-right: 4px;
    text-align: right;
    letter-spacing: -1px;
}
.highchart-note .note-content {
    float: left;
    width: 163px;
}
.no-note .highchart-note-i  .note-content {
    display: none;
}
.highchart-note .note-content-txt {
    padding:7px;
}
.highchart-note .content-edit {
    min-height: 58px;
    padding: 5px 6px 2px;
}
.highchart-note .content-edit .note-content-txt {
    width: 154px;
    padding: 3px 3px 4px;
}
.highchart-note .content-edit .note-content-txt textarea {
    width: 154px;
    height: 33px;
}
.highchart-note .content-edit .note-content-table {
    height: 30px
}
.highchart-note .note-content-table {
    height: 51px;
}
.highchart-note .note-content-table  td {
    vertical-align: middle
}
.highchart-note .note-content .num {
    margin-top: 2px;
    margin-left: 2px;
}
.highchart-note .note-content .btn-save {
    margin-right: 1px;
    cursor: pointer;
}
.highchart-note-eidt .daily-sale-list li {
    margin-bottom: 2px
}
/*vertical align middle block | reused */
.vam {
    position: relative;
    display: table;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    vertical-align: middle;
}
.vam-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.vam-box {
    display: block;
    margin: 0 auto;
}
* html .vam {
    position: relative
}
* html .vam-inner {
    position: absolute;
    top: 50%;
    left: 0;
}
* + html .vam-inner {
    position: absolute;
    top: 50%;
    left: 0;
}
* html .vam-box {
    position: relative;
    top: -50%;
}
* + html .vam-box {
    position: relative;
    top: -50%;
}
/* event state change dialog/message */
.event-state-change .state-content {
    text-align: center;
}
.event-state-change .state-content .emph {
    white-space: normal;
}

/* -----------------common ends-----------------*/
/*distinctive style*/
/* header main layout */
.hd {
    margin-bottom:40px
}
.bd {
    padding-bottom:30px
}
.nav {
    background-position:0 0
}
.header {
    min-width:1073px;
    height:84px;
    padding:0 12px 0 15px
}
.logo {
    width:135px;
    height:75px;
    padding-right:1px;
    overflow:hidden;
}
.header .title {
    white-space:nowrap;
    text-indent:100%;
    overflow:hidden;
}
.logo a {
    display:block;
    width:114px;
    height:25px;
    padding-top:25px;
    padding-bottom:25px;
    padding-right:20px;
}
/* header nav */
.nav-wrap {
    padding:0 1px;
}
.nav-list {
    padding-left:18px;
}
.nav-list li {
    margin-top:6px;
}
.nav-list .on a {
    width:81px;
    padding:43px 0 7px 0;
}
.nav-list a {
    width:81px;
    padding:43px 0px 7px 0px;
}
.user-panel {
    padding-left:1px;
}
* + html .user-panel {
    width:157px
}
.user-panel-i {
    height:64px;
    padding-top:12px;
    padding-left:10px;
}
.common-act {
    margin-right:-54px;
}
.common-act-i {
    margin-right:63px;
    padding-top:6px
}
.common-act .user-name {
    display:block;
}
.common-act a,
.common-act .user-name {
    margin-bottom:4px;
}
.preferance {
    width:46px;
    height:35px;
    padding:4px;
}
.preferance a {
    width:42px;
    height:31px;
}


/* left sidebar	*/
.sbr-i {
    min-height:853px;
}
.sub-menu-wrap .sub-menu {
    width:auto;
    margin:0 0 27px;
    padding-top:2px;
}
.sub-menu-wrap .ui-tree-container .ui-tree-item {
    margin:0
}
.sub-menu-wrap .ui-tree-container .ui-tree-node {
    clear:none;
    float:none;
    margin:0;
}

.ui-tree {
    padding:0;
}
.ui-tree .ui-tree-container .ui-treenode  span.ui-treenode-content {
    float:none;
    display:block;
}

.ui-tree .ui-tree-toggler {
    cursor:default;
}

.sub-menu-wrap .ui-tree-container li.ui-tree-item,
.sub-menu-wrap .ui-tree-container li.ui-tree-parent {
    padding-bottom:1px;
}
.sub-menu-wrap .ui-tree-container .ui-treenode-content {
    margin:0;
    padding:0;
}
.sub-menu-wrap {
    position:relative;
    min-height:833px;
    padding-bottom:20px;
}
* html .sub-menu-wrap {
    height:833px;
}
.sub-menu-wrap .ui-tree .ui-tree-container {
    width:199px;
    padding:1px 0 0;
    overflow:hidden;
}

.help {
    position:absolute;
    bottom:10px;
    padding-left:12px
}
.help a {
    height:20px;
    text-decoration:underline
}
.help .help-icon {
    width:20px;
    height:20px;
    margin-right:5px;
}

/*sub menu button*/
.sub-menu-wrap .ui-treenode-children {
    margin:0 -9px 0 -10px;
    padding:0;
}
.sub-menu-wrap .ui-treenode-label {
    float:left;
    min-height:21px;
    padding:12px 1px 0 1px;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*sub dropdown button*/
.sub-menu-wrap .ui-treenode-children .ui-treenode-label {
    width:198px;
    margin:0;
    padding:0;
}
.sub-menu-wrap .ui-treenode-children .ui-treenode-label a {
    display:block;
    width:164px;
    height:36px;
    margin-top:1px;
    margin-left:15px;
    padding:0 0 0 19px;
    overflow:hidden;
}
.sub-menu-wrap .ui-treenode-children li.ui-treenode {
    padding:0;
    height:37px;
}
.sub-menu-wrap .ui-treenode-children .ui-treenode-content {
    margin:0;
    padding:0
}
.sub-menu-wrap .ui-treenode-children .ui-treenode-label {
    float:left;
    padding-top:0px;
}
.sub-menu-wrap .ui-treenode-children .highlight .ui-treenode-label {
    margin-left:19px;
}
.sub-menu-wrap .ui-treenode-children .ui-icon-sub-menu-chunk {
    float:left;
    width:20px;
    height:37px;
    margin-right:-100%;
}
.ui-tree-item-odd .ui-icon-sub-menu-chunk {
    background:#7d7b75;
}
.ui-tree-item-even .ui-icon-sub-menu-chunk {
    background:#908d86
}
.dropdown-button-hover .ui-icon-sub-menu-chunk {
    background:#896db3
}
.highlight .ui-icon-sub-menu-chunk {
    background:#896db3
}
.ui-tree-item-odd.no-attraction-add .ui-icon-sub-menu-chunk,
.ui-tree-item-even.no-attraction-add .ui-icon-sub-menu-chunk,
.highlight .no-attraction-add .ui-icon-sub-menu-chunk {
    cursor:default;
}
/* sidebar triangle icon */
.sub-menu-wrap .ui-treenode-leaf-icon {
    display:none
}
.sub-menu-wrap .ui-tree-toggler,
.sub-menu-wrap .ui-tree-container .ui-icon-triangle-1-e,
.sub-menu-wrap .ui-tree-container .ui-icon-triangle-1-s {
    float:right;
    width:10px;
    height:5px;
    margin-top:21px;
    margin-right:5px;
}

/*icons*/
.sub-menu-wrap .ui-treenode .ui-icon-sub-menu {
    float:left;
    width:40px;
    height:42px;
    margin:0 3px 2px -3px;
}

.sub-menu-wrap .ui-tree-container .ui-treenode {
    width:179px;
    margin:0 auto;
}

.sub-menu-wrap .ui-tree-container>.ui-treenode:last-child {
    padding-bottom:3px;
}

.sub-menu-wrap .ui-tree-container .ui-treenode .ui-treenode{
    width:auto;
}
.sub-menu-wrap .ui-tree-container .highlight {
    margin:0 -10px 2px 0;
}
.sub-menu-wrap .ui-tree-container .ui-treenode-children .ui-treenode-selected .highlight {
    margin-left:0;
}
.sub-menu-wrap .ui-tree-container li {
    padding:4px 0 1px;
    cursor:pointer;
}

/*remove ie clear field x button */
.ui-inputfield:-ms-clear {
    display: none;
}
/* growl*/
.ui-growl {
    position: fixed;
    top: 104px;
    right: 26px;
    width: 237px;
    z-index: 10000;
}
.ui-growl-item-container {
    margin: 0;
}
.ui-growl-item-container .message-box {
    margin-bottom: 12px
}
.message-box-group {
    position: fixed;
    z-index: 10000;
    top: 104px;
    right: 26px;
    width: 237px;
}
.message-box .ui-growl-item {
    padding: 24px 15px 11px;
}
.ui-growl-item-container .ui-growl-item .ui-growl-image {
    display: contents;
}
.ui-growl-item-container .ui-growl-message {
    float:left;
    width:145px;
    margin-left:35px;
    word-wrap:break-word;
}
.ui-growl-item-container .ui-growl-message .ui-growl-title {
    display:block;
    width: 145px;
    padding: 0;
    white-space: normal;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.ui-growl .message-box .ui-growl-icon-close {
    top: 20px;
    right: 11px;
    display: block!important;
    width: 20px;
    height: 20px;
}

/* Ensure growl form container doesn't interfere with positioning */
#eleanorGlodalErrorMessageForm {
    position: static;
    margin: 0;
    padding: 0;
}

/*dialog*/
.popupwin .ui-dialog {
    width: 500px;
    height: 260px;
    padding: 9px 9px 10px 9px;
}
.popupwin .ui-dialog.margin-top {
    margin-top: 40px;
}
.popupwin .ui-dialog-content {
    padding: 0;
    overflow: hidden;
}
.popupwin .ui-dialog .ui-dialog-title {
    margin: 0;
    padding-left: 24px;
    text-transform:capitalize;
    letter-spacing: -1px;
}
.popupwin .ui-dialog .ui-dialog-titlebar {
    margin-bottom: 17px;
    padding: 1px 0 0 2px;
}
.popupwin .ui-dialog .ui-dialog-titlebar-close {
    width: 15px;
    height: 16px;
    margin: 3px 5px 0 0;
    padding: 0;
    outline: 0 none;
}
.popupwin .ui-dialog .ui-dialog-titlebar .ui-state-hover {
    width: 15px;
    height: 16px;
    margin: 3px 5px 0 0;
    padding: 0;
}
.popupwin .ui-dialog-titlebar-icon .ui-icon {
    width: 15px;
    height: 16px;
}
.popupwin .message-content p {
	margin-bottom: 14px;
}
/*select org*/
.org-select-button {
    /*left: 0;
    top: 84px;*/
	position: absolute;
    height: 23px;
	z-index: 20;
}
.org-select-button .ui-button {
    display: block;
    min-width: 325px;
    max-width: 500px;
    height: 23px;
	z-index: 3;
}
.org-select-button .ui-button .ui-button-text {
    padding: 0;
}
.org-select-button  .ui-state-default .ui-icon {
    top: 1px;
    left: auto;
    right: 8px;
    width: 20px;
    height: 21px;
    margin: 0;
}
.org-select-button .ui-button-text-icon-left .ui-button-text {
    padding: 0 33px 0 35px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.org-select-dropdown {
    padding:10px 0 0;
}
.org-select-dropdown .ui-menu-list {
    width: 329px;
    padding: 10px 0 10px 1px;
    overflow: hidden;
}
.org-select-dropdown .ui-menuitem {
    width: 311px;
    height: 45px;
    margin: 0;
    padding: 0 9px 0 0;
}
.org-select-dropdown .ui-menuitem-link {
    position: relative;
    width: 330px;
    margin: 0;
    padding: 0;
}
.org-select-dropdown .org-img-wrap,
.org-select-dropdown .org-img-shadow {
    width: 58px;
    height: 40px;
}
.org-select-dropdown .org-img-wrap {
    float: left;
    margin: 2px 10px 0 9px;
    overflow: hidden;
}
.org-select-dropdown .org-img-shadow {
    position: absolute;
    top: 2px;
    left: 9px;
    z-index: 9999;
}
.org-select-dropdown .ui-menuitem-text {
    float: left;
    width: 201px;
    height: 45px;
    padding: 0 32px 0 10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.org-select-dropdown .currentSelectedImage {
    position: absolute;
    top: 11px;
    right: 18px;
    width: 22px;
    height: 22px;
}
.org-dropdwon-arrow {
    position: absolute;
    z-index: 1100;
    top: 5px;
    left: 239px;
    width: 15px;
    height: 7px;
}
.select-days-button button {
    height: 21px
}
.select-days-button .ui-button-icon-left {
    left: auto;
    right: 3px;
}
.select-days-button .ui-button-text-icon-left .ui-button-text {
    padding: 2px 24px 2px 12px
}
.select-days-button .ui-state-default .ui-icon {
    margin-top: 0;
    top: 10px;
}

/* event actions */
.event-actions {
	height: 100px;
}

.event-actions .event-actions-item {
	float: left;
	width: 69px;
	height: 49px;
	margin: 0 1px 1px 0;
	text-indent: -9999px;
}

.event-actions .icon {
	float: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: 5px auto 0;
}
/* event actions ends */

/* blocks */
/* blocks common*/
.event-list-title  {
	margin-bottom: 18px;
	text-align: center;
}

.block-coming-event .coming-event-item,
.block-event-list .event-list-item {
    height: 100px
}
.block-coming-event .event-image,
.block-event-list .event-image {
    width: 142px;
    height: 100px;
    text-align: center;
    position:relative;
}
.event-list-item .event-indicator{
    position:absolute;
    left:9px;
    bottom:9px;
}
.block-coming-event .event-info {
    width: 421px;
}
.block-coming-event .event-color,
.block-event-list .event-color {
    width: 15px;
    height: 100px;
}
.block-coming-event .event-info-summary,
.block-event-list .event-info-summary {
    position: relative;
    height: 38px;
    padding: 5px 3px 0 9px;
}
.block-coming-event .event-info-summary .event-info-summary-main {
    width: 243px;
}
.block-coming-event .event-info-summary .event-info-summary-sub .tags {
    margin-top: 13px;
}
.block-coming-event .event-name {
    padding-bottom: 3px;
}
.block-event-list .event-name {
    padding-bottom: 4px;
}
.block-coming-event .sold-data {
    width: 93px;
}
.block-event-list .sold-data {
    width: 99px;
}
.block-coming-event .event-time,
.block-event-list .event-time,
.block-coming-event .event-time,
.block-event-list .event-time,
.popupwin-evtChgNotification .event-time {
    width: 52px
}
.coming-event-item .event-time,
.event-list-item .event-time {
    height: 100px;
}
.coming-event-item .event_info_summary .event-info-summary-sub {
    margin-top: 17px
}
.coming-event-item .single-day-event .event-time,
.coming-event-item .hold-event .event-time,
.event-list-item .single-day-event .event-time,
.event-list-item .hold-event .event-time,
.event-list-item .listed-event .event-time,
.event-list-item .inaccessable-event .event-time,
.popupwin-evtChgNotification .event-time {
    height: 62px;
    padding-top: 38px;
}
.coming-event-item .month,
.event-list-item .month {
    padding-left: 2px
}
.single-day-event .day,
.single-day-event .date,
.hold-event .day,
.hold-event .date,
.popupwin-evtChgNotification .event-item .day,
.popupwin-evtChgNotification .event-item .date {
    margin-bottom: -2px
}
.multi-day-event .event-begin {
    padding-top: 4px;
    padding-bottom: 8px;
    border-bottom: solid 1px #454748;
}
.multi-day-event .event-end {
    padding-top: 5px;
    border-top: solid 1px #696b6d;
}
.event-time-i {
    padding: 0 3px 0 4px
}
.event-data .sold-data,
.event-data .avail-data,
.event-data .total-data {
    height: 52px;
    padding-top: 5px;
}
.event-data .general-data {
    height: 52px;
    padding-top: 5px;
}
.event-data .term,
.event-data .data {
    padding-left: 9px
}
.coming-event-item .event-contact,
.event-list-item .event-contact {
    height: 56px;
    font-weight: normal;
}
.coming-event-item .capacity,
.event-list-item .capacity {
    height: 56px;
}
.event-list-item .listed-event .tags {
    margin-top: -1px
}
.hold-state-icon {
    width: 24px;
    height: 18px;
    margin: 0 auto;
}
/*	form */
.form-submit {
    text-align:right;
}

.form-submit.move-group {
    text-align:center;
    margin-top: 30px;
}

.form-submit .button,
.form-submit .button-ui-eleanor,
.form-submit .button-ui-eleanor-outter{
    float:none;
    display:inline-block;
}
.form-submit .button-ui-eleanor,
.form-submit .button-ui-eleanor-outter{
    margin-left:4px;
}
.form-submit .button{
    margin-left:8px;
}
.form-submit .button.margin-top{
    margin-top:20px;
}
.form-submit .button-ui-eleanor-outter{
    min-width:190px;
    padding:4px 4px 0 0px;
}
.form-submit .cancel {
    margin-right:2px;
    font-weight: normal;
    text-transform: capitalize;
    text-decoration: underline!important;
    vertical-align:bottom;
}
.form-confirm {
    text-align:center;
}
.form-confirm-right {
    text-align: right;
}
.form-confirm .button{
    margin: 0 8px;
}
.form-main {
    min-height:50px;
    margin-bottom: 25px;
    padding: 0 1px;
}

.dialog-subscriptionDelete .form-main {
    margin-bottom: 32px;
}

.form-block .form-block-action {
    width: 257px;
    height: 38px;
}
.form-block .cancel,
.form-block-action .cancel {
    float: left;
    width: 50px;
    height: 25px;
    margin: 14px 7px 0 0;
    overflow: hidden;
}
.form-block-action .cancel .ui-button,
.form-block-action .cancel a {
    text-transform:capitalize;
    text-decoration: underline!important
}
/* loading */
.block-event-list .loading {
    width: 141px;
    height: 32px;
    margin: 0 auto;
}
.block-loading {
	height: 32px;
}
.block-loading .txt,
.block-loading .loading-icon {
	display: inline-block;
	margin: 0 2px;
}
.block-loading .loading-icon {
	width: 32px;
	height: 32px;
}
.block-event-list .loading .text-right {
    margin-right: 6px
}

/*list group component*/
.list-group-complex{
	overflow:hidden;
}
.list-group-complex .item{
	margin-bottom:8px;
	height:60px;
}
 /* attraction id dialog*/
.list-group-complex .img {
	display: block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.list-group-complex .item>*{
	float:left;
}
.list-group-complex .item>.action{
	float:right;
	padding-top:10px;
}
.list-group-complex .header-img>img{
    height:60px;
}
.list-group-complex .info {
	float: left;
	margin: 0 8px;
}
.list-group-complex .main-info,
.list-group-complex .sub-info{
    display:block;
}

.social-list-item .icon-holder {
	float:left;
	display: block;
	height: 60px;
	width: 60px;
}
.social-list-item .icon-holder .icon-social {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size:0;
}
.social-list-item .icon-holder .icon-social-facebook{
	width:50px;
	height:50px;
	margin-left:-18px;
	margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-mobileroadie{
	width:20px;
	height:20px;
	margin-left:-10px;
	margin-right:-10px;
}
.social-list-item .icon-holder .icon-social-target{
	height: 20x;
    width: 18px;
	margin-left: -9px;
    margin-top: -10px;
}
.social-list-item .icon-holder .icon-social-instagram {
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-other{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-target{
	height: 20px;
	width: 20px;
	margin-left: -10px;
	margin-top: -10px;
}
.social-list-item .icon-holder .icon-social-vimeo{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-youtube{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-spotify{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-soundcloud{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-myspace{
	height: 20px;
	width: 20px;
	margin-left: -10px;
	margin-top: -10px;
}
.social-list-item .icon-holder .icon-social-lastfm{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-flickr{
	height: 10px;
	width: 26px;
	margin-left: -13px;
	margin-top: -5px;
}
.social-list-item .icon-holder .icon-social-bandcamp{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-pinterest{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-tumblr{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-reverbnation{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-itunesapple{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-musicapple{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-tiktok{
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .icon-holder .icon-social-x{
    width:30px;
    height:30px;
    margin-left:-8px;
    margin-top:-9px;
}

.social-list-item .icon-holder .icon-social-ticketweb {
	height: 21px;
    width: 20px;
	margin-left: -10px;
    margin-top: -6px;
}
.social-list-item .icon-holder .icon-social-ticketmaster{
	height: 13px;
    width: 24px;
	margin-left: -11px;
    margin-top: -7px;
}
.social-list-item .icon-holder .icon-social-amg{
	height: 12px;
    width: 32px;
	margin-left: -16px;
    margin-top: -7px;
}
.social-list-item .icon-holder .icon-social-plusgoogle{
	height: 18px;
    width: 20px;
	margin-left: -10px;
    margin-top: -9px;
}
.social-list-item .icon-holder .icon-social-playgoogle {
	height: 21px;
    width: 19px;
	margin-left: -8px;
    margin-top: -9px;
}
.social-list-item .icon-holder .icon-social-amazon {
    width:50px;
    height:50px;
    margin-left:-18px;
    margin-top:-18px;
}
.social-list-item .info {
	height: 60px;
}
.social-list-item .info-cell{
	/*display:table-cell;
	vertical-align:middle;*/
}

/* blocks ends */

.center-div-content{
    display: table;
    margin: 0 auto;
}

.cancel-dialog-button-min-width{
    min-width:0px!important;
}

#createEventForm\:scheduleDeliveryHoldType_panel .ui-state-disabled {
    background-color: rgba(237, 235, 232, 0.4) !important;
    color: grey !important;
    box-shadow: none !important;
    border: solid 1px #d2d2d2;
}

.default-bOffice{
    float: left;
    width: 271px;
    height: 150px;
    padding: 15px 20px 22px;
    border-radius: 7px;
    box-shadow: 0px 0px 2px 1px rgba(131, 131, 131, 0.75);
    background: #fff;
    margin-top: 20px;
}

.default-bOffice-title{
    display: block;
    padding-bottom: 13px;
    font-size: 18px;
    letter-spacing: -1px;
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
}

.default-bOffice-button{    
    text-align: center;
    padding-top: 30px;
}

.default-bOffice-button a{
    color: white !important;
}

.alignment-hold-delivery {
    position: absolute;
    bottom: 125px;
    right: 10px;
    height: 10px;
}

.hold-delivery-tag {
    text-transform: uppercase;
    background-color: #fdd835;
    color: black;
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 10px;
    height: 11px;
    font-weight: bold;
}

/*event-cancelation-options*/

.event-cancelation-modal {
    margin-top: -15px;
}

.event-cancelation-modal__small-description {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 12px;
}

.event-cancelation-modal__radio-buttons {
    box-shadow: 0 0 2px 0 rgba(17, 18, 18, 0.67) inset;
    -moz-box-shadow: 0 0 2px 0 rgba(17, 18, 18, 0.67) inset;
    -webkit-box-shadow: 0 0 2px 0 rgba(17, 18, 18, 0.67) inset;
    background-color: #f6f6f6;
}

.event-cancelation-modal__container .ui-option-group.radio-ui-eleanor {
    padding: 20px 10px;
}

.event-cancelation-modal__container label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 5px 10px;
}

.event-cancelation-modal__buttons {
    margin: 20px 0px 5px 0px;
}

.event-cancelation-modal__buttons .cancel {
    width: auto !important;
}

.event-cancelation-modal__buttons .button-ui-eleanor.button-confirm {
    margin-left: 10px;
}

.event-cancelation-modal__container .form-block.form-block-checkbox {
    margin: 5px 0px 0px 30px;
}

.event-cancelation-modal__container .form-block.form-block-checkbox span {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 100;
}

.event-cancelation-modal__container .form-block.form-block-checkbox .ui-chkbox-box {
    margin-right: 5px;
}

#eventSideTopForm\:checkboxExcludePrinted {
    pointer-events: none;
    color: #9e9e9e;
}

.looker-layout-grid {
    display: grid;
    grid-template: auto 1fr auto / auto 1fr auto;
    /*grid-template-columns: 400px 1fr;*/
    height: 100vh;
    overflow-x: hidden;
}

.looker-layout-grid-side::-webkit-scrollbar {
    -webkit-appearance: none;
    width:10px;
}

.looker-layout-grid-side::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.looker-layout-grid-side::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1);
}

.looker-layout-grid-header {
    grid-column: 1 / 3;
}

.looker-layout-grid-content {
    grid-column: 2 / 3;
    padding: 25px 25px 0px 25px;
}

.looker-layout-grid-side {
    grid-column: 1 / 2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
    width: 400px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    will-change: transform;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.input-ui-eleanor .btn-edit-tiny {
    position: absolute;
    top: 8px;
    right: 7px;
}

.btn-edit-tiny {
    display: block;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.dialog-subtext {
    color: #808080;
    font-size: 1.17em;
}