@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot?-g52pfl');
    src:url('fonts/icomoon.eot?#iefix-g52pfl') format('embedded-opentype'),
        url('fonts/icomoon.woff?-g52pfl') format('woff'),
        url('fonts/icomoon.ttf?-g52pfl') format('truetype'),
        url('fonts/icomoon.svg?-g52pfl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src:  url('fonts/fontawesome-webfont.eot?v=4.6.1');
  src:  url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),
        url('fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),
        url('fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'),
        url('fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),
        url('fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-regular-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-regular-subset.woff?sha=3114f1256') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-camera:before {
  content: "\f030";
}
.fa-key:before {
  content: "\f084";
}

.fa-check:before {
  content: "\f00c";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-comments:before {
  content: "\f086";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-caretUp:before {
  content: "\f0d8";
  margin: 0 6px;
}

.fa-caretDown:before {
  content: "\f0d7";
  margin: 0 6px;
}

.widgetHeader .fa-exclamation-triangle:before {
    position: absolute;
    right: 12px;
    top: 7px;
    z-index: 1;
}

.navPulse .fa-exclamation-triangle:before {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 14px;
    z-index: 1;
    -webkit-animation: throb 1s 10;
            animation: throb 1s 10;
}

.widgetHeader .fa-exclamation-triangle:after,
.navPulse:hover .fa-exclamation-triangle:after,
.navPulse .fa-exclamation-triangle:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 12px;
    border-color: transparent transparent #f26a21 transparent;
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    z-index: 0;
    -webkit-animation: throb 1s 10;
            animation: throb 1s 10;
}

.widgetHeader .fa-exclamation-triangle:after {
    right: 15px;
    top: 9px;
}

.navPulse:hover .fa-exclamation-triangle:after,
.navPulse .fa-exclamation-triangle:after {
    -webkit-animation: throb 1s 10;
            animation: throb 1s 10;
}

@-webkit-keyframes throb {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    40% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
    60% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes throb {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    40% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
    60% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-SaffireU-Icon:before {
	content: "\e62c";
    font-size: 1.4em;
    line-height: 0.7em;
}
.icon-office:before { /*businesses*/
    content: "\e600";
}
.icon-pencil:before { /*edit*/
    content: "\e601";
}
.icon-camera:before {  /*photos uploade*//*d*/
    content: "\e602";
}
.icon-profile:before { /*dynamic pages option 1*/
    content: "\e603";
}
.icon-copy:before { /*copy*/
    content: "\e604";
}
.icon-stack:before {  /*dynamic pages option 2*/
    content: "\e605";
}
.icon-qrcode:before {  /*saffire scan option 1*/
    content: "\e606";
}
.icon-ticket:before {  /*saffire scan option 2 or redemption report*/
    content: "\e607";
}
.icon-cart:before {  /*saffire commerce revenue option 1*/
    content: "\e608";
}
.icon-coin:before {   /*saffire commerce revenue option 2*/
    content: "\e609";
}
.icon-envelope:before {   /*email (pulse view)*/
    content: "\e60a";
}
.icon-pushpin:before {  /*pin to pages*/
    content: "\e60b";
}
.icon-location:before {   /*map icon (for later)*/
    content: "\e60c";
}
.icon-calendar:before {  /* events (top nav)*/
    content: "\e60d";
}
.icon-print:before {   /*print*/
    content: "\e60e";
}
.icon-mobile:before {   /*saffire scan option 3*/
    content: "\e60f";
}
.icon-mobile2:before {   /*saffire scan option 4*/
    content: "\e610";
}
.icon-box-add:before {   /*download option 1*/
    content: "\e611";
}
.icon-box-remove:before {   /*export/upload option 1*/
    content: "\e612";
}
.icon-download:before {   /*download opt 2*/
    content: "\e613";
}
.icon-upload:before {   /*upload/export opt 2*/
    content: "\e614";
}
.icon-bubble:before {    /*chat tab*/
    content: "\e615";
}
.icon-user:before {   /*user nav*/
    content: "\e616";
}
.icon-search:before {   /*nav search*/
    content: "\e617";
}
.icon-wrench:before {   /*nav settings*/
    content: "\e618";
}
.icon-cog:before {    /*widget header settings*/
    content: "\e619";
}
.icon-stats:before {   /*pulse view opt 1*/
    content: "\e61a";
}
.icon-bars:before {    /*pulse view opt 2*/
    content: "\e61b";
}
.icon-fire:before {  /*saffire flame option*/
    content: "\e61c";
}
.icon-earth:before {   /*pulse - web pages*/
    content: "\e61d";
}
.icon-star:before {   /*favorite (off)*/
    content: "\e61e";
}
.icon-star2:before {   /*favorite (on)*/
    content: "\e61f";
}
.icon-warning:before {   /* warning*/
    content: "\e620";
}
.icon-cancel-circle:before {   /*saffire U (not done) opt 1*/
    content: "\e621";
}
.icon-checkmark-circle:before {   /*saffire U done opt 1*/
    content: "\e622";
}
.icon-close:before {   /*saffire U (not done) opt 2*/
    content: "\e623";
}
.icon-checkmark:before {   /*saffire U done opt 2*/
    content: "\e624";
}
.icon-minus:before {   /*collapse*/
    content: "\e625";
}
.icon-plus:before {    /*expand*/
    content: "\e626";
}
.icon-indent-increase:before {    /*indent (manage nav)*/
    content: "\e627";
}
.icon-indent-decrease:before {    /*dedent (manage nav)*/
    content: "\e628";
}
.icon-facebook:before {  /* facebook (pulse report)*/
    content: "\e629";
}
.icon-twitter:before {   /*twitter (pulse report)*/
    content: "\e62a";
}
.icon-screen:before {
 content: "\e62b";
}
.icon-list:before {
    content: "\e62f";
}

/************* GLOBAL ITEMS *********************/
ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
    line-height: 1em;
}

body {
	font: 81.25%/1.5em "open_sansregular", sans-serif;
	color: #333;
	margin: 0;
	height: 100%;
    min-width: 1150px; /* remove for resonsive design */
}

body.modalBodyTag {
    min-width: 0;
    padding: 5px;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #fff;
    box-shadow: none;
    outline: none;
}

body.general-message-active .content {
  margin-top: 104px !important;
}

a {
	/*text-decoration: none;*/
	outline: none;
	color: inherit;
    color: #0081d1;
}

b,
strong,
.required {
	font-weight: normal;
	font-family: 'open_sansbold';
}

h1, h2, h3 {
	font-weight: normal;
	font-family: 'open_sansregular';
	color: #0081d1;
}

h1 {
	font-size: 2rem;
	margin: 0;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.125rem;
}

.clickableElement {
     cursor: pointer;
}

.modalTitle {
    margin-bottom: 25px;
    /* text-transform: uppercase; */
}

.editorModalTitle {
  margin-bottom: 5px;
  /* text-transform: uppercase; */
}

input[type="text"] {
    border: 1px solid #c3deef;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #333;
    padding: 4px 2px;
}

input[type="date"],
input[type="time"] {
    font-family: 'open_sansregular';
}

.leftNavItemContainer input[type="text"] {
    width: 220px;
}

.leftNavItemContainer input[type="text"] {
    width: 220px;
}

.isNewCss input[type="text"]{
    min-width: 195px;
    font-family: 'open_sansregular';
}

#search-section input[type="text"]{
    min-width: 0;
    font-size: 11px;
}

.dollarEntryTextbox input[type="text"] {
    min-width: 185px;
    padding-left: 12px;
}

.dollarEntryTextbox {
    position: relative;
}

.dollarEntryTextbox:before {
    content: "$";
    left: 3px;
    position: absolute;
    z-index: 2;
    top: 5px;
    line-height: normal;
    font-size: 0.9em; /* only done for IE but the good browsers will have to have it this way too */
}

.freeFormPriceRangeTo {
    margin-right: 6px;
    margin-left: 10px;
}

.addEditProductSections .freeFormPriceRangeTo {
    margin-top: 3px;
}


select,
textarea {
    color: #333;
    border: 1px solid #c3deef;
    padding: 3px 0px;
    min-width: 195px;
    font-family: 'open_sansregular';
    font-size: inherit;
}

.ui-datepicker select {
    min-width: 0;
    padding: 0;
}

.orText {
    font-family: 'open_sansitalic';
}

.orText:before {
    content: '- ';
}

.orText:after {
    content: ' -';
}

button {
    border: none;
    outline: none;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fixed {
	position: fixed;
  -webkit-transform: translateZ(0);
}

.note {
    font-size: 0.8em;
    line-height: normal;
}
.warning {
  display: block;
  font: 11px/1 "open_sansregular";
  padding: 0 10px 10px;
  background: #f2f2f2;
}
.warning strong {
  font: 11px/24px 'open_sansbold', Verdana, Geneva, Tahoma, sans-serif;
}

.underline {
  text-decoration: underline;
}

.asciiArrow {
    font-family: Arial, sans-serif !important;
}

.toggleArrow {
    color: #cdcdcd;
}
.toggleArrow.fa {
    color: #0081D2;
}

img.editActionIcon {
    -o-transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    float: left;
}

td:hover img.editActionIcon {
    -o-transform:rotate(-22deg);
    -ms-transform:rotate(-22deg);
    -webkit-transform:rotate(-22deg);
    -ms-transform:rotate(-22deg);
    transform:rotate(-22deg);
}

.ui-autocomplete {
    background: #fff;
    padding: 5px;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 4px #a7a7a7;
    max-width: 300px;
    max-height: 300px;
    overflow-y: auto;
}

.ui-menu-item.ui-state-focus {
    background: #efefef;
}

.ui-helper-hidden-accessible {
    display: none;
}
/* ACTION DROP DOWNS */


.actionDropdowns ul,
.actionDropdowns li {
	list-style-type:none;
}
.actionDropDownTopItem {
	display:block;
	float:left;
	margin:0 10px;
	position:relative;
}
.actionDropDownSubitems {
	position:absolute;
}
.actionDropDownTop {
	margin:0;
	padding:0;
}
.actionDropDownSubitems {

	padding:9px 0 12px;
	background:#fff;
	border:1px solid #e2e2e2;
	display:none;
	-webkit-box-shadow:1px 1px 4px #a7a7a7;
	-moz-box-shadow:1px 1px 4px #a7a7a7;
	box-shadow:1px 1px 4px #a7a7a7;
}
.actionDropDownSubitem {
	display:block;
	position:relative;
	padding:4px 14px 6px 8px;
}
.actionDropDownSubitem:hover {
	background-color:#e5f0f8;
}
.actionDropDownHasSubitems {
	background:url(../Images/arrow-right.png) no-repeat 96% center;
}
.actionDropDownTopItem {
	background:url(../Images/down-arrow.png) no-repeat right center;
	padding-right:17px;
}
.actionDropDownTopItem:hover {
	cursor:pointer;
}
.actionDropDownSubitems .actionDropDownSubitems {
	left:99%;
	top:0;
}
.actionDropdowns a {
	text-decoration:none !important;
	color:#333;
  font-family: 'open_sansbold';
	white-space:nowrap;
	display:block;
	width:100%;
}

.actionDropdownSelectionDisplay a {
	text-decoration:none !important;
	color:#999;
	white-space:nowrap;
}

.actionDropdownSelectionClear{
	border:1px solid #e2e2e2;
}

.actionDropdowns .actionDropDownSubitem a {
	color:#0081d1;
	font: 11px/16px 'open_sansbold', Verdana,Arial,sans-serif;
}
.actionDropDownHasSubitems:hover>.actionDropDownSubitems {
	display:block !important;
}
.actionDropdowns .actionDropDownSubitem.actionDropDownSelected>a {
	color:#FF8424;
}

.hoverActionDropDownList .actionDropDownTopItem:hover > .actionDropDownSubitems {
    display: block !important;
    z-index: 10;
}

/* CUSTOM SCROLLBAR STYLES */
.mCSB_scrollTools .mCSB_draggerContainer {
    width: 14px;
    filter: none !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 13px !important;
    background: #A4A3A1 !important;
    filter: none !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 13px !important;
    background: #E5E4E2 !important;
    -webkit-box-shadow: 1px 0 1px #a1a1a1 inset, -1px 0 1px #fff inset !important;
    -moz-box-shadow: 1px 0 1px #a1a1a1 inset, -1px 0 1px #fff inset !important;
    box-shadow: 1px 0 1px #a1a1a1 inset, -1px 0 1px #fff inset !important;
    filter: none !important;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #80c0e8 !important;
}

#messageBar {
    background: #f26a21;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    left: 0;    
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2002;
}

#messageBar a {
    color: #fff;
    text-decoration: underline;
}

.inactiveItem,
a.inactiveItem {
    color: #95AAB7;
}


/* INPUT SECTIONS */
.section {
    margin-bottom:18px;
    clear: left;
}

.delineatedSection.advancedOptionsTicket {
    background-image: url("../Images/print-at-home-ticket.jpg");
    background-position: 360px 300px;
    background-repeat: no-repeat;
    background-size: 40%;
    position: relative;
}

#alladvancedoptions.delineatedSection {
    width: calc(100% - 20px);
}

#alladvancedoptions.section .section .section {
    margin-left: 0;
}

#alladvancedoptions.section .section div ul {
    margin-left: 16px;
}

#alladvancedoptions.section > div {
    margin: 0 10px;
}

#alladvancedoptions.section input {
    margin: 0 5px 0 0;
}

#alladvancedoptions.section .section {
    margin: 0;
}

#alladvancedoptions.section .productItems,
#alladvancedoptions.section .emailReceiveOrders {
    margin-bottom: 10px;
}

#alladvancedoptions.section .emailReceiveOrders {
    margin-top: 10px;
}


#alladvancedoptions.section .transferable {
    border: 1px solid rgb(128, 128, 128);
    margin: 0 0 15px 0;
    padding: 10px;
}

#alladvancedoptions.section .transferable ul {
    margin: 0 !important;
}

#alladvancedoptions.section .transferable ul li {
    display: inline-block;
    margin: 0 15px 0 0;
}

#alladvancedoptions > a.noUnderlineLink {
    display: block;
    line-height: 31px;
    margin-bottom: 2px;
    padding-left: 12px;
}
.delineatedSection {
    padding: 4px;
    background: #E5F0F8;
    display: inline-block;
}

#alladvancedoptions #salesTabTicketAdContainer {
    margin-top: 12px;
}
a.noUnderlineLink {
  text-decoration: none;
}

#alladvancedoptions.delineatedSection {
    padding: 10px 4px;
}

.showHideAdvancedOptionsLink > span:hover {
    cursor: pointer
}

.ticketDetailSettings {
  margin-top: 1em;
}

.ticketDetailSettings table td {
  width: 75px;
}
.ticketDetailSettings table td:first-child {
  width: 125px;
}
.ticketDetailSettings .redactor-box {
  max-width: 878px;
  margin-bottom: 0;
}

.ticketDetailSettings .redactor-editor {
  min-height: 150px !important;
}

.showHideAdvancedOptionsLink {
    margin-bottom: 5px;
    display: block;
    font-family: 'open_sansbold';
}
.showHideAdvancedOptionsLink .toggleArrow {
  color: #0081D1;
}
.colorpicker-wrapper {
}
.colorpicker-wrapper > div {
  display: inline-block;
  vertical-align: top;
}
.colorpicker-wrapper > div > a {
  padding-top: 7px;
  display: inline-block;
}
.colorpicker-wrapper > div:last-child > div {
  display: inline-block;
  vertical-align: top;
}
.colorpicker-wrapper > div:last-child > div:last-child {
  padding-top: 15px;
  padding-left: 5px;
}

.colorpicker-wrapper > div:last-child > div:last-child div {  
    margin-bottom: 5px;
}

.colorpicker-wrapper > div:last-child > div:last-child div span {
    margin-left: 5px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.colorpicker-wrapper > div:last-child > div:last-child div a {
    display: inline;
    margin-bottom: 5px;
}

.colorpicker-wrapper > div:last-child > div:last-child a {
  display: block;
  margin-bottom: 5px;
}
.currentColor {
    width: 135px;
    height: 135px;
    margin: 12px 12px 5px 0;
    text-align: center;
    color: white;
    line-height: 135px;
}

.subSection {
    margin-top: 5px;
    clear: both;
    margin-left: 20px;
    position: relative;
}

/* DELETE BUTTON */
.itemDeleteButton {
    background: #a6c7db;
    border-radius: 50%;
    left: -22px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 2px;
}

.itemDeleteButton.itemDeleteButtonRight {
    left: auto;
    right: 0;
}

/* RADIO BUTTONS */
input[type="radio"] {
    margin-left: 0;
}

.radioButtons label {
    margin-right: 18px;
}

/* DROPDOWNS */
.dropdownContainer select {
    width: 200px;
}

.multiDropdownContainer .dropdownContainer {
    margin-top: 8px;
}

.multiDropdownContainer > .dropdownContainer {
    margin-top: 0;
}

.pageFilters .multiDropdownContainer .dropdownContainer {
    margin-top: 0;
}

.pageFilters .multiDropdownContainer > div {
    float: left;
    margin-left: 8px;
}

.pageFilters .multiDropdownContainer > div.dropdownContainer {
    margin-left: 0;
}

.dropdown
{
    font: 11px 'open_sansregular', sans-serif;
    color: inherit;
    width: auto;
    max-width: 100%;
    min-width: 0;
    border: 1px solid #c3deef;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
    margin-right: 1em;
}

/* CHECKBOX (single) */
.checkbox input {
    position: relative;
    top: 2px;
}

/* TEXTBOXES */
/* BEGIN REMOVE WITH NEW SAFFIRE */
.charcounter span.tiny span.number, .charcounter span.tiny {
    color: #16699b !important;
    font-size: 11px;
}
.charcounter span.tiny {
    margin-right: 0.25em;
}
/* END REMOVE WITH NEW SAFFIRE */
/*
.isNewCss .textboxwrapper {
    position: relative;
}

.isNewCss .textboxwrapper span, .dropdownlistwrapper span {
    float: none;
    padding: 0;
}

.isNewCss .textboxwrapper .charcounter {
    position: absolute;
    top: -6000px;
    background: #0081D2;
    padding: 2px 3px;
    color: #fff;
    opacity: 0;
    -webkit-transition:opacity 0.4s ease, background 0.4s ease;
    transition:opacity 0.4s ease, background 0.4s ease;
}

.isNewCss .textboxwrapper .charcounter:before {
    position: absolute;
    top: -10px;
    left: 5px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #0081D2 transparent;
}

.isNewCss .textboxwrapper .charcounter.activeCounter {
    opacity: 1;
}

.isNewCss .textboxwrapper .charcounter.lowCharacters {
    background: #F26A20;
}

.isNewCss .textboxwrapper .charcounter.lowCharacters:before {
    border-color: transparent transparent #F26A20 transparent;
}
*/
/* BUTTONS */
.buttonsContainer {
    display: block;
    margin: 5px 0;
    clear:both;
}

.widgetListRow a.button,
.button,
.widgetMoreButtonContainer a.button {
    display: inline-block;
    padding: 2px 8px 4px;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    font-family: 'open_sansregular';
    font-size: 13px;
    font-weight: normal;
    margin: 2px;
}

.widgetListRow a.button1,
.button1,
.button2,
.widgetMoreButtonContainer a.button1 {
    background: #73787C;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.morePanel {
  text-align: left;
  color: #0081D2;
  font-family: "open_sansbold";
  font-size: 12px;
  cursor: pointer;
  text-transform: capitalize;
  text-decoration: none;
}

.widgetListRow a.button1 {
    margin-top: 8px;
    margin-left: 20px;
}

.fileupload-buttonbar .button1,
.fileupload-buttonbar .button2 {
    filter: none !important;
    border: none !important;
    outline: none !important;
    font-family: 'open_sansregular' !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    /* text-transform: uppercase; */
}

.fileupload-buttonbar .button1 {
    background: #F26A21 !important;
}

.fileupload-buttonbar .button1:hover {
    background: #ff863d!important;
}

.fileupload-buttonbar .button2 {
    background: #73787C !important;
    background: rgba(0,0,0,0.5) !important;
}

.fileupload-buttonbar .button2:hover {
    background: #8C9195!important;
    background: rgba(0,0,0,0.6) !important;
}

.button1:focus, 
.button1:hover {
    background: #8c9195;
    background: rgba(0,0,0,0.6);
}

.titleBar {
	background: #0081d1;
	color: #fff;
	min-height: 5em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
  -webkit-transform: translateZ(0);
    min-width: 1150px; /* remove for responsive design */
}

.titleBar a {
	color: #fff;
    text-decoration: none;
}

.pageTitle {
	float: left;
  margin-top: 0.4em;
  width: 100%;
  line-height: normal;
  text-transform: capitalize;
}

.moreRollover {
    position: relative;
}

.moreRollover .moreRolloverContent {
    position: absolute;
    display: none;
}

.moreRollover:hover .moreRolloverContent {
    display: block;
    left: 0;
    z-index: 999;
    background-color: white;
    border: 1px solid #bbb;
    width: 200px;
    padding: 5px 5px 10px 5px;
    font-family: 'open_sansregular';
}

.add-template {
  margin-top: 15px;
}

.adminPageIcon {
	color: #D1E8F7;
  font-size: 3.7em;
  position: absolute;
  right: 20px;
  top: 86px;
}

.adminDateTime {
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #333;
}

/* LEFT HAND NAV */
.leftNav {
    top: 200px;
	top:18vh;
    z-index: 2001;
}

.leftNavItem {
	height: 3.8em;
    margin-bottom: 1em;
    width: 4em;
    padding: 0.4em 0 0 0.4em;
    position: relative;
    left: -0.4em;
    background: #f26a21;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    -webkit-box-shadow: 3px 3px 5px #616161;
    -moz-box-shadow: 3px 3px 5px #616161;
    box-shadow: 3px 3px 5px #616161;
    -o-transition:width 0.3s, opacity 0.6s ease;
    -webkit-transition:width 0.3s, opacity 0.6s ease;
    -moz-transition:width 0.3s, opacity 0.6s ease;
    -ms-transition:width 0.3s, opacity 0.6s ease;
    transition:width 0.3s, opacity 0.6s ease;
    cursor: pointer;
}

.leftNavItem:hover {
    background: #ff7e35;
}

.showLeftNavCloseButton .leftNavItem:hover {
    background: #f26a21;
}

.showLeftNavCloseButton .leftNavItem {
    cursor: default;
}

.leftNavItem.leftNavItemOpen {
	width: 25em;
	z-index: 3;
}

.leftNavItem.leftNavItemOpen > span {
	opacity:0;
}



.leftNavItem > span {
	font-size: 0.8em;
	/* text-transform: uppercase; */
	display: inline-block;
	line-height: 1.2em;
	position: absolute;
	top: 0.4em;
	right: 0;
	width: 5em;
    -o-transition:0.7s opacity ease;
    -webkit-transition:0.7s opacity ease;
    -moz-transition:0.7s opacity ease;
    -ms-transition:0.7s opacity ease;
    transition:0.7s opacity ease;
}

.leftNavItem > span.adminIcon {
	top: auto;
	bottom: 0.4em;
	font-size: 1.2em;
	width: 3.6em;
}

.leftNavItem  span.icon-envelope {
  font-size: 1.5em;
  width: 2.7em;
}

.leftNavItem:hover > span.adminIcon,
.leftNavItem:hover > i.fa-commenting-o {
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}



.leftNavContent {
	width: 0;
	height: 0;
	opacity: 1;
    -o-transition:width 0.4s;
    -webkit-transition:width 0.4s;
    -moz-transition:width 0.4s;
    -ms-transition:width 0.4s;
    transition:width 0.4s;
    background-color: #fff;
    z-index: 0;
    position: relative;
    top: 3.4em;
    color: #868585;
    text-align: left;
}


.pinnedPagesScroller {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 285px;
    max-height: 285px;
    opacity: 1;
    -o-transition:opacity 0.4s ease 1.2s;
    -webkit-transition:opacity 0.4s ease 1.2s;
    -moz-transition:opacity 0.4s ease 1.2s;
    -ms-transition:opacity 0.4s ease 1.2s;
    transition:opacity 0.4s ease 1.2s;
}

.modernizrno-cssvhunit .pinnedPagesScroller,
.modernizrno-cssvhunit .pinnedPagesScroller .mCustomScrollBox {
    height: 285px !important;
}

.modernizrno-cssvhunit .leftNavItem.leftNavItemOpen .leftNavContent,
.modernizrno-cssvhunit .leftNavItem.leftNavItemOpen .leftNavContent > div {

}

.leftNavItem.leftNavItemOpen .pinnedPagesScroller {
    opacity: 1;
}

.helpItemClose {
    -o-transition:0.7s opacity ease 0.6s;
    -webkit-transition:0.7s opacity ease 0.6s;
    -moz-transition:0.7s opacity ease 0.6s;
    -ms-transition:0.7s opacity ease 0.6s;
    transition:0.7s opacity ease 0.6s;
}

.leftNavItemContainer.showLeftNavCloseButton .helpItemClose {
    opacity: 1 !important;
    z-index: 21 !important;
}

.pinThisPageContainer a {
    position: absolute;
    right: 38px;
    top: -37px;
}

.leftNavContent h1,
.leftNavContent h2,
.leftNavContent h3 {
    color: #868585;
    margin-top: 1em;
}

.leftNavItem.leftNavItemOpen .leftNavContent {
	height: 35em;
    max-height: 300px;
    padding-bottom: 0.5em;
    padding-right: 0.5em;
    padding-top: 1.5em;
    width: 24.5em;
    -webkit-box-shadow: 3px 3px 5px #959595, 0 3px 4px #888888 inset;
    -moz-box-shadow: 3px 3px 5px #959595, 0 3px 4px #888888 inset;
    box-shadow: 3px 3px 5px #959595, 0 3px 4px #888888 inset;
}


.leftNavTitle {
    display: none;
}
/*
.leftNav:hover .leftNavItem {
    opacity: 0.4;
}

.leftNav:hover .leftNavItem.leftNavItemOpen {
    opacity: 1;
}
*/
.leftNavContentTitle {
	font-family: 'open_sansbold';
    font-size: 1.25em;
    padding-left: 5%;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 0.9em;
    width: 0;
    display: none;
}

.leftNavContentTitle a {
    float: right;
    font-size: 13px;
    margin-right: 1em;
    position: relative;
    top: -0.3em;
}

.leftNavItem.leftNavItemOpen .leftNavContentTitle {
    display: block;
    width: 95%;
}

.leftNavItem.leftNavPinnedPages.leftNavItemOpen .leftNavContentTitle {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    left: 0;
}

.leftNavContentTitle span {
	white-space: nowrap;
}

.leftNavContentTitle .adminIcon {
	float: right;
	margin-right: 5%;
}

.leftNavItem .mCSB_inside > .mCSB_container {
    margin-right: 18px;
}



/* PINNED PAGES */

.leftNavPinnedPages tr:hover {
    background-color:#BBF1FB
}

.leftNavPinnedPages table a {
    font-family: "open_sansbold";
    text-decoration: underline;
    font-size: 90%;
}

.eventPinRow,
.formPinRow,
.pagePinRow {
    position: relative;
}

.eventPinRow td:first-child:before {
    content: "\e60d";
    font-family: 'icomoon';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    text-transform: none;
    position: absolute;
    left: -1.2em;
    top: 0;
    bottom: 0;
    height: 1em;
    margin: auto;
    color: #b2b2b2;
}

.formPinRow td:first-child:before {
    content: "\e62f";
    font-family: 'icomoon';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    text-transform: none;
    position: absolute;
    left: -1.2em;
    top: 0;
    bottom: 0;
    height: 1em;
    margin: auto;
    color: #b2b2b2;
}

.pagePinRow td:first-child:before {
    content: "\e605";
    font-family: 'icomoon';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    text-transform: none;
    position: absolute;
    left: -1.2em;
    top: 0;
    bottom: 0;
    height: 1em;
    margin: auto;
    color: #b2b2b2;
}
/*



/* NAV BAR ITEMS */
.menu-icon {
    display: none;
}
.headerBarContainer {
	width: 1000px;
	margin: 0 auto;
}

.headerBarNav {
	padding-left: 13%;
    position: relative;
    width: 68%;
}

.headerBarUser {
	width: 19%;
	text-align: right;
	padding-top: 0.8em;
    -o-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    -ms-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.navClientLogo a {
	background: url("../images/Spark-Logo.svg") center/contain no-repeat transparent;
  display: inline-block;
  max-width: 138px;
  min-height: 60px;
  width: 100%;
}

.headerBarItem {
	display: inline-block;
	float: none;
	position: relative;
}

.headerBarItem:not(.navClientLogo):not(.headerBarUserItem) {
	padding: 0 1.9%;
	display: inline-block;
}

.headerBarItem:nth-child(2) {
	margin-left:2%;
}

.headerBarItem:not(.navClientLogo) > a {
	padding: 3em 0 0.7em;
	display: block;
}

.headerBarItem.activeNavItem > a {
	cursor: default;
}

.headerBarItem.navClientLogo {
	left: 0;
  position: absolute;
  top: 0;
  width: 17%;
}

.headerBarItem.navClientLogo.mobile {
  display: none;
}

.headerBarItem .adminIcon {
	opacity: 0.5;
	font-size: 1.75em;
	position: absolute;
	display: inline-block;
	width: 100%;
	text-align: center;
	top:0.5em;
	left: 0;
    -o-transition:opacity 0.6s ease;
    -moz-transition:opacity 0.6s ease;
    -webkit-transition:opacity 0.6s ease;
    -ms-transition:opacity 0.6s ease;
    transition:opacity 0.6s ease;
}

.headerBarItem.headerBarUserItem .adminIcon {
    font-size: 1.5em;

}

.headerBarItem.activeNavItem,
.headerBarItem:not(.navClientLogo ):not(.headerBarUserItem):hover {
    background: #004875;
}

.headerBarUserItem .adminIcon {
	background: #339adc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;
    font-size: 1.5em;
    padding: 0.3em 0.5em 0.4em;
    position: relative;
    text-align: right;
    top: -0.5em;
    width: auto;
}

.headerBarUserItem .adminIcon:after {
    content: "\25BC";
    font-family: Arial,sans-serif;
    font-size: 0.7em;
    padding-left: 0.3em;
    position: relative;
    top: -0.2em;
}

.headerBarItem:not(.navClientLogo):not(.activeNavItem):not(.headerBarUserItem):hover {
	/*-webkit-box-shadow: 0px 0px 12px -4px #1c1c1c inset;
	-moz-box-shadow: 0px 0px 12px -4px #1c1c1c inset;
	box-shadow: 0px 0px 12px -4px #1c1c1c inset;*/
    background: #004875;
}

.headerBarSubNav {
	position: absolute;
	top:99%;
	background: #0081d1;
	display: none;
  z-index: 2;
  box-shadow: 2px 2px 8px -2px rgba(1,47,76,.75);
}

.headerBarSubNav,
li.headerBarSubNavItem:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.left .headerBarSubNav {
	left: 0;
}

.right .headerBarSubNav {
	right:0;
}

.headerBarSubNavItem {
	position: relative;
}

.headerBarItem:hover > .headerBarSubNav {
	display: block;
}

.headerBarSubNavItem:hover > .headerBarSubNav {
	display: block;
}

.left .headerBarSubNavItem > .headerBarSubNav {
	top:0;
	left: 99%;
}

.headerBarSubNavItem {
	display: block;
	min-width: 16em;
	padding: 0.6em 0;
}

.headerBarItem > .headerBarSubNav > .headerBarSubNavItem:last-child {
	padding-bottom: 0.9em;
}

.headerBarSubNavItem a,
.headerBarSubNavItem > span {
	display: block;
	padding:0 8% 0 4%;
}

.headerBarItem a[href^="javascript:void"]{
    cursor: default;
}

.headerBarItem.navSearch a[href^="javascript:void"] {
    cursor: pointer;
}

.headerBarSubNav .headerBarSubNavItem:hover {
	background: #004875;
}

.headerBarSubNavItem > a + span,
.headerBarSubNavItem > span + span {
	position: absolute;
    right: 3%;
    top: 28%;
    font-size: 0.8em;
}

.headerBarUserItem {
	display: inline-block;
    float: right;
    height: 3em;
    width: 100%;
    padding: 1em 2.2% 0.2em;
    top: 3px;
}

.headerBarUser .userName {
    position: absolute;
    right: 32%;
    white-space: nowrap;
    top: 0.4em;
}

.headerBarUser .orgName {
    position: absolute;
    right: 32%;
    white-space: nowrap;
    top: 2.3em;
    font-size: 0.8em;
    max-width: 100%;
    text-overflow:ellipsis;
    overflow: hidden;
}

#search-section {
    position: absolute;
    background: #0081d1;
    padding: 5px;
    width: 299px;
    left: 0;
    top: 100%;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#search-section input {
    width: 205px;
    height: 20px;
    color: #333;
}

#search-section .button {
    margin-left: 4px;
    cursor: pointer;
}

.search .button {
    margin-top: 0;
}


/* CONTENT AREA */
.content {
	max-width: 1000px;
    min-height: 655px;
	margin: 0 auto;
	padding-top: 6em;
    position: relative;
    padding-bottom: 10px;
}

#poweredBySaffireEvents {
    outline: none;
    border: none;
    text-decoration: none;
    margin: 0 auto;
    width: 79px;
    background: url(../images/SparkLoginPwdBy.png) no-repeat center center;
    height: 70px;
    display: block;
    padding: 30px;
}

@media only screen and (max-width : 1200px) {
    /*body {
        min-width: 380px;
    }
    .content {
        margin-left: 65px;
        padding-top: 1em;
    }
    .headerBarContainer {
        max-width: 1000px;
        width: auto;
    }
    .headerBarNav {
        padding-left: 100px;
    }

    .titleBar {
        position: relative;
    }
    .leftNav {
        top: 36%;
        position: absolute !important;
    }
    .adminPageIcon {
        top: auto;
    }
    .navClientLogo a {
        background-size: contain;
        max-width: 100px;
    }
    .headerBarItem.navClientLogo {
        width: 100%;
    }

    .headerBarSubNavItem {

    }
    .headerBarSubNavItem > span {
        display: none;
    }*/
}

@media only screen and (max-width : 900px) {
    /*.headerBarUser {
        width: 97%;
        padding-right: 3%;
        background-color: rgba(255,255,255,0.4);
    }*/
}

@media only screen and (max-width : 500px) {
    .leftNav {

    }
}

/*Action Rollovers*/

.rollover
{
	position: relative;
	cursor: pointer;
	display: inline-block;
	color: #1266b4;
	text-decoration: none;
	min-width:150px;
}

.rollover.eventTitles,
.rollover.templateTitles {
	font-family:'open_sansbold';
}

.templateNote {
  margin: 5px 0 0;
  font: 11px 'open_sansregular';
}

.rollover.eventTitles>a {
	text-decoration:none;
}

.rolloverexplanation
{
	display: none;
	font-size: 16px;
	line-height: 15px;
	padding: 0;
	position: absolute;
	min-width: 150px;
	border: none;
	background-color: #0081d1;
	z-index: 555;
	color: #fff;
	text-decoration: none !important;
  font-family: 'open_sansregular';
	font-weight:normal;
  border-radius: 3px;
  box-shadow: 2px 2px 8px -2px rgba(1,47,76,.75);
}

.toolTipRight .rolloverexplanation {
	left: 0 !important;
	right: auto !important;
}

.toolTipLeft .rolloverexplanation {
	right: 0 !important;
	left: auto !important;
}

.rollover .rolloverexplanation {
	width:inherit;
	white-space:nowrap;
}

.rollover span:not(.rolloverexplanation) {
    display: block;
}

.rollover > span:not(.rolloverexplanation), 
.rollover > a {
  display: inline-block !important;
}

.rollover span span {
	text-decoration:none;
	cursor: default;
}

.rollover.hover .rolloverexplanation,
.rollover:hover .rolloverexplanation
{
	display:block;
	left:100%;
	top:0;
  background: #0081d1;
  /* overflow: hidden; */
}

#sortableGrid .rollover .rolloverexplanation,
.ui-sortable .rollover .rolloverexplanation,
.gridview .rollover .rolloverexplanation,
.GridRow_MultiLevelTable .rollover .rolloverexplanation,
.GridAltRow_MultiLevelTable .rollover .rolloverexplanation {
    overflow:hidden;
    height:auto;
    top:14px !important;
    left:-5px !important;
    line-height: 1;
}

.gridview .rollover .rolloverexplanation {
    overflow: initial;
}

.ui-sortable tr {
    cursor: move;
}

#manageEventsTable .eventTitles .rolloverexplanation,
#manageBusinessesTable .eventTitles .rolloverexplanation {
    cursor: text;
}

.rolloverexplanation > ul > li:first-child a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
} 
.rolloverexplanation > ul > li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} 
.rolloverexplanation ul ul > li:first-child a {
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
} 
.rolloverexplanation ul ul > li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} 

.rolloverexplanation ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 150px;
    background: #0081d1;
    border-radius: 3px;
    border-top-left-radius: 0;
    box-shadow: 2px 2px 8px -2px rgba(1,47,76,.75);
}

.rolloverexplanation ul li {
    position: relative;
}

.rolloverexplanation ul li:hover ul {
    display: block;
}

.rolloverexplanation a,
.rolloverexplanation > div {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .5em .75em;
    color: #fff !important;
    font-family: 'open_sansregular' !important;
    font-size: 1em !important;
    text-decoration: none !important;
}

.rolloverexplanation li:hover > a,
.rolloverexplanation a:hover {
    color: #fff;
    background: #004875;
}

.rolloverexplanation > ul > li > a[href="javascript:void(0);"]:not([onclick]) {
    display: flex !important;
    align-items: center;
    cursor: default;
}

.rolloverexplanation > ul > li > a[href="javascript:void(0);"]:not([onclick]):after {
    content: '▶';
    display: inline-block;
    font-size: .75em;
    margin-left: auto;
}

.rollover.descRoll .rolloverexplanation,
.rollover.getLink .rolloverexplanation {
  padding: .5em;
  border: 1px solid #abc0cf;
  box-sizing: border-box;
  background: #fff;
  color: #000;
  box-shadow: none;
  border-radius: 0;
}

.rollover-no-arrow::after {
    display: none !important;
}

.helpText {
    background: #D0D0D0;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: 14px/1.4 "open_sansregular",Arial,sans-serif;
    height: 19px;
    margin-right: 4px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 19px;
    z-index: auto;
    left: 4px;
}

.helpTextInValidator {
    margin-bottom: 5px;
}

.helpTextHover {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 129, 209, 0.7);
    color: #313131;
    cursor: default;
    display: none;
    font-family: 'open_sansregular';
    font-size: 11px;
    height: auto;
    line-height: normal;
    padding: 5px;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: 80%;
    z-index: 2;
    width: 250px;
    width: attr(data-width);
}

#photoListModal .helpTextHover {
    left: 20px;
    top: -80px;
}

.helpTextHover[data-width="small"]{
    width: 150px;
}

.helpTextHover[data-width="medium"]{
    width: 250px;
}

.helpTextHover[data-width="wide"]{
    width: 350px;
}

.helpText:hover .helpTextHover {
    display: block;
    z-index: 9;
}

.helpTextHoverRight {
    left: 50%;
}

.helpTextHoverLeft {
    right: 50%;
}

.helpTextHoverAbove {
    top: auto;
    bottom: 50%;
}

.memberNavItemIndicator
{
	color: #fff !important;
	background: #ff8424;
	border-radius: 12px;
	padding: 3px 4px;
	font: bold 10px/1 Arial !important;
	text-decoration: none !important;
  margin-left: 5px;
  width: 1.75em;
  text-align: center;
}


.unlistedNavItemIndicator,
.linkNavItemIndicator,
.categoryLinkNavItemIndicator,
.deletedNavItemIndicator,
.passwordProtectedNavItemIndicator {
    color: #fff !important;
    background: #C5C5C5;
    border-radius: 12px;
    padding: 3px 4px;
    font: bold 10px/1 Arial !important;
    text-decoration: none !important;
    margin-left:5px;
    position: relative;
    width: 1.75em;
    text-align: center;
}

.sparkNavListControlList ul,
.sparkNavListControlList li {
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
    padding-inline-start: 0;
    list-style-type: disc;
}

.separator {
    margin-right: 3px;
}


/****************** DASHBOARD WIDGETS ******************/
.settingsWidgetPlaceholder {
    background: none !important;
    box-shadow: 0 0 10px #0081D1 inset;
}

.dragAndDropContainerColumn {
    width:315px;
    float:left;
    margin-right:16px;
}

.widgetHeader {
    background-color:#0081D2;
    color:#FFF;
    line-height: 1.7em;
    font-size: 1.2em;
    width: auto;
    height: auto;
    padding: 3px 5px;
    /* text-transform: uppercase; */
}

.iconDataWidget .widgetHeader {
    position: relative;
}

.widgetHeader.inactive {
    background-color: #e6f0f9;
    color: #8e9295;
}

.widgetHeader a {
    color: #fff;
    text-decoration: none;
}

.listIcon1{
    background-color:#0071B7;
}

.listIcon2{
    background-color:#50B332;
}

.listIcon3{
    background-color:#F26A20;
}

.widgetListRow{
    background-color:#E6F0F9;
}

.saffireCommerceCommerceLinks {
    line-height: 1.8em;
}

.widgetHeaderToolTip {
	background: #a0c3d9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: right;
    font-size: 0.9em;
    height: 1.4em;
    line-height: normal;
    margin: 0.3em 0.3em 0 0;
    padding: 0 0.5em;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.widgetHeader.inactive .widgetHeaderToolTip {
    display: none !important;
}

.widgetHeaderToolTip span,
.widgetHeaderSettings span {
    display: none;
    position: absolute;
    width:290px;
    padding: 5px;
    height: auto;
    background: #fff;
    background: rgba(255,255,255,0.9);
    text-align: left;
    border: 1px solid rgba(0, 129, 209, 0.7);
    right: 6px;
    top: 0;
    color: #313131;
    z-index: 2;
    text-transform: none;
}

.widgetHeaderSettings.fa-ellipsis:before{
  content: '\f141';
  font-family: 'FontAwesome';
}

.widgetHeaderToolTip span {
    font-size: 0.8em;
}

.widgetHeader.draggableWidgetHeader {
    position: relative;
    padding-left: 28px;
    box-sizing: border-box;
}

.settingsWidgetDragHandle {
    cursor:move;
    width:205px;
    float:left;
}

.settingsWidgetDragHandleImage {
    height:15px;
    width:15px;
    position:absolute;
    left: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.widgetHeaderSettings span {
    background: rgba(127, 127, 127, 0.9);
    color: #fff;
    font-family: 'open_sansregular';
    font-size: 0.8em;
    line-height: 1.6em;
    padding: 10px;
    width: auto;
    white-space: nowrap;
}

.widgetHeaderSettings span a {
    color: #fff;
    display: block;
    white-space: nowrap;
}

.widgetHeaderSettings span a:hover {
    color: #e2e2e2;
}

.widgetHeaderSettings {
    float: right;
    margin: 4px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
}

.widgetHeader .widgetHeaderSettings.icon-cog:before {
    color: #a0c3d9;
    font-size: 1.3em;
}


.widgetHeaderToolTip:hover span,
.widgetHeaderSettings:hover span {
    display: block;
}

.widgetListRow,
.widgetMoreButtonContainer {
    background-color:#fff;
    line-height: normal;
    padding: 0 5px;
}

.widgetListRow {
    position: relative;
    min-height: 2em;
}

.widgetMoreButtonContainer {
    padding: 8px 0 12px 15px;
    background: #E6F0F9;
}

.widgetListRow:last-child,
.linkDataListItem .widgetListRow {
    padding-bottom: 5px;
    background: #E6F0F9;
}

.listDataWidget .widgetHeader {
    border-bottom: 6px solid #E6F0F9;
}


/* .widgetHeader .title {
    text-transform: uppercase;
} */

.widgetHeader a.title {
    text-decoration: none;
}

#saffireURollups .rollup .repeated-item.saffireUStepsComplete .widgetInfoRow {
    font-style: italic;
    background-color: #E6F0F9;
    padding: 8px 32px;
}

.saffireUSubSection .repeated-item .widgetListRow {
    width: 934px;
}

.repeated-item .widgetListRow .button {
    float: right;
    line-height: 14px;
    margin-right: 4px;
    font-family: 'open_sansregular';
    color: #fff;
    text-decoration: none;
}

.iconDataListItem .widgetListRow {
    padding: 0 0 0 5px;
    width: auto;
}

#settingsDragAndDropContainer a.inactive {
    cursor: pointer;
    color: #a4adb4;
}

.widgetListRow a,
.ui-datepicker-calendar a {
    color: #0081D1;
    font-family: 'open_sansbold';
    text-decoration: underline;
    font-size: 90%;
}

#salesTabCalendarToolContainer .button {
    margin-left: 18px;
}

.addEditProductSections .addImageButtonContainer .button,
.addEditProductSections .addFormButtonContainer .button {
    /*margin-left: 21px;*/
}

.productAddEditFormContainer > .section {
    margin-bottom: 10px;
}

.addEditProductSections .addImageButtonContainer .imageCropButton.button {
    float: left;
    margin-left: 10px;
    white-space: nowrap;
}

.addEditProductSections .centeredImageContainer,
.addEditProductSections .imageCropButtonContainer {
    float: left;
}

.isNewCss .addEditProductSections .datePickerStartDateContainer .sparkError {
    left: -79px;
    top: 5px;
}

.addEditProductSections .itemDeleteButton {
    left: -26px;
    width: 12px;
    height: 12px;
}

.addEditProductSections .itemDeleteButton img {
    position: absolute;
    left: 2px;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.addEditProductSections .manageModuleForm {
    margin-bottom: 6px;
    padding-top: 6px;
}

.addEditProductSections .scheduledCheckboxContainer {
    margin: 4px 0;
}

.dashboardFollowSaffireLink {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 11px 2px 5px;
}

.followSaffireLinkFacebook {
    background: url(../images/facebook.png) no-repeat;
}

.followSaffireLinkTwitter {
    background: url(../images/twitter.png) no-repeat;
}

.followSaffireLinkPinterest {
    background: url(../images/pinterest.png) no-repeat;
}

.followSaffireLinkYouTube {
    background: url(../images/youtube.png) no-repeat;
}

.followSaffireLinkInstagram {
    background: url(../images/instagram.png) no-repeat;
}

.followSaffireLinkGooglePlus {
    background: url(../images/googleplus.png) no-repeat;
}

.followSaffireLinkLinkedIn {
    background: url(../images/linkedin.png) no-repeat;
}

/* DATEPICKER */

.ui-datepicker-calendar a {
    color: #333;
    text-decoration: none;
}

.widgetListRow a:not(.button):hover {
    color: #5cbbf6;
}

.widgetSectionHeader,
.recentlyVisitedTitle {
    font-family:'open_sansbold';
    font-size: 15px;
}

.settingsTicketsDealsWidget .widgetSectionHeader {
    padding: 10px 0;
}

.ui-datepicker {
    display: none;
    width: 188px;
    background: #fff;
    padding: 5px;
}

.ui-datepicker-title {
    text-align: center;
}



/* LOGIN PAGE */
#sparkBanner {
    background: #0081d2;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 19px;
    height: 45px;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
}

#sparkBanner img {
    left: 4px;
    position: relative;
    top: 5px;
}

#sparkLoginWrapper {
  display: inline-block;
  float: left;
    width: 317px;
    height: 100%;
    background: rgba(255,255,255,0.8);
    margin-left: 40px;
}

@media screen and (max-width: 900px) {
  #sparkLoginWrapper {
    margin-left: 0;
  }
}

#sparkLoginWrapper .login {
  box-sizing: border-box;
  width: 100%;
}

.sparkLogin {
  margin-top: 30px;
    width: 100%;
}
.login-pwd-by {
  margin-top: 140px;
}

#spark-login-logo {
  display: block;
  width: 180px;
  height: 46px;
}

#spark-login-logo .spark-login-logo_st0 {
  fill: #0081D1;
}

.pass-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#pass-tips {
  position: absolute;
  opacity: 0;
  height: 0px;
}
.pass-hint {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}
.pass-hint .fa.fa-question-circle {
  font-size: 21px;
}
.pass-tip-hover {
  position: absolute;
  top: 0;
  left: 19px;
  background: rgba(255,255,255,0.9);
  box-sizing: border-box;
  padding: 5px 10px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  width: 0;
  height: 0;
  max-height: 200px;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
}
.pass-hint .tip-header {
  font-family: 'open_sansbold';
}
.pass-tip-hover ul {
  list-style-type: disc;
  padding-left: 40px;
  margin-top: 10px;
}
.pass-tip-hover ul li {
  list-style-type: disc;
}
@media screen and (max-width: 900px) {
  .fa.fa-question {
    cursor: pointer;
  }
  .pass-hint #pass-tips:checked ~ .fa-question-circle::before {
    content: '\f057';
  }
  .pass-hint #pass-tips:checked ~ .pass-tip-hover{
    width: 360px;
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  .pass-tip-hover {
    top: 27px;
    right: -67px;
    left: auto;
  }
}
@media screen and (min-width: 901px) {
  .pass-hint .fa.fa-question-circle:hover ~ .pass-tip-hover,
  .pass-tip-hover:hover {
    width: 360px;
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  .pass-hint .fa.fa-question-circle:hover ~ .pass-tip-hover::before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    left: -20px;
  }
}
@media screen and (max-width: 817px) {
  #sparkLoginWrapper {
    display: block;
    margin: 0 auto;
    float: none;
  }
  .login {
    padding-top: 150px;
  }
  .login-pwd-by {
    margin-top: 20px;
  }
  .sparkLogin input {
    width: 95%;
    box-sizing: border-box;
  }
  .sparkAds {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    float: none;
    width: 350px !important;
    height: 295px !important;
    max-width: 100%;
    margin: 0 auto;
  }
  .sparkAdContainer {
    width: 350px !important;
    height: 295px !important;
 
  }
  .sparkAdControls {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sparkLogin {
    margin-top: 15px;
  }
  .login-pwd-by {
    margin-top: 0;
  }
  .login {
    padding-top: 15px;
  }
  .sparkLoginButton {
    margin: 25px 15px 5px 0 !important;
  }
  .sparkAds {
    bottom: 8px;
  }
}
@media screen and (max-height: 1023px) and (max-width: 817px) {
  .login {
    padding-top: 15px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .sparkAds {
    bottom: 50px;
  }
}


.sparkLoginButton {
    display: inline-block;
    margin: 25px 15px 15px 0 !important;
    padding: 7px 13px !important;
    font-size: 14px;
}

.sparkAds {
  float: right;
  margin-top: 11vw;
}

@media screen and (max-width: 1024px) {
  .sparkAds {
    margin-right: 40px;
  }
}
@media screen and (max-width: 900px) {
  .sparkAds {
    margin-right: 0;
  }
}

.sparkAdContainer {
    width: 453px;
    height: 380px;
    overflow:hidden;
    opacity:0;
    text-align:center;
    
}

.sparkAdImage {
    max-width: 100%;
}

.sparkAdControls {
    width: 450px;
    float: right;
    text-align: center;
    clear: both;
    opacity:0;
    margin-top:20px;
}

.sparkAdControlRight,
.sparkAdControlLeft {
  background: rgba(0,0,0,0.6);
}
.sparkAdControlRight:hover,
.sparkAdControlLeft:hover {
  background: rgba(0,0,0,0.8);
}

/* SAFFIRE U PAGE */
#saffireUBadges {
    background: url(../images/saffire-u-bg2.jpg) no-repeat;
    background-size: 100% 100%;
    height: 30px;
    width: 1001px;
    opacity: 0;
    -webkit-transition:background 0.8s ease, height 0.8s ease;
    -ms-transition:background 0.8s ease, height 0.8s ease;
    -moz-transition:background 0.8s ease, height 0.8s ease;
    -o-transition:background 0.8s ease, height 0.8s ease;
    transition:background 0.8s ease, height 0.8s ease;
    position: relative;
}

#saffireUBadges.saffireULoaded {
    opacity: 1;
    background: url(../images/saffire-u-bg.jpg) no-repeat;
    height: 288px;
}

#saffireUBadgesBg {
    background: url(../images/badge-bg.png) no-repeat;
    opacity: 0;
    -webkit-transition:opacity 0.4s ease 0.8s;
    -ms-transition:opacity 0.4s ease 0.8s;
    -moz-transition:opacity 0.4s ease 0.8s;
    -o-transition:opacity 0.4s ease 0.8s;
    transition:opacity 0.4s ease 0.8s;
    position: absolute;
    height: 187px;
    width: 810px;
    left: 77px;
    top: 53px;
}

#saffireUBadges > div[class^="badge"],
#saffireUBadges > div[class^="mysteryBadge"] {
    opacity: 0;
    -webkit-transition:opacity 0.4s ease 0.8s;
    -ms-transition:opacity 0.4s ease 0.8s;
    -moz-transition:opacity 0.4s ease 0.8s;
    -o-transition:opacity 0.4s ease 0.8s;
    transition:opacity 0.4s ease 0.8s;
    position: absolute;
}

#saffireUBadges .badge1 {
    left: 78px;
    top: 55px;
}
#saffireUBadges .badge2 {
    left: 179px;
    top: 53px;
}
#saffireUBadges .badge3 {
    left: 282px;
    top: 54px;
}
#saffireUBadges .badge4 {
    left: 385px;
    top: 55px;
}
#saffireUBadges .badge5 {
    left: 487px;
    top: 55px;
}
#saffireUBadges .badge6 {
    left: 589px;
    top: 55px;
}
#saffireUBadges .badge7 {
    left: 692px;
    top: 55px;
}
#saffireUBadges .badge8 {
    left: 794px;
    top: 55px;
}

#saffireUBadges .mysteryBadge1 {
    left: 329px;
    top: 147px;
}
#saffireUBadges .mysteryBadge2 {
    left: 431px;
    top: 146px;
}
#saffireUBadges .mysteryBadge3 {
    left: 533px;
    top: 146px;
}

#saffireUBadges.saffireULoaded > div[class^="badge"],
#saffireUBadges.saffireULoaded > div[class^="mysteryBadge"],
#saffireUBadges.saffireULoaded #saffireUBadgesBg {
    opacity: 1;
}

.saffireUBadgeHoverText {
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: block;
    left: 9%;
    padding: 5px;
    position: absolute;
    right: 9%;
    text-align: center;
    top: 20px;
    opacity: 0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

#saffireUBadges.saffireULoaded > div[class^="badge"]:hover .saffireUBadgeHoverText,
#saffireUBadges.saffireULoaded > div[class^="mysteryBadge"]:hover .saffireUBadgeHoverText {
    opacity: 1;
}

#saffireURollups .rollup .repeated-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-color: #e6f0f9;
    border-width: 2px 7px 2px 6px;
}

.saffireUStepRow .widgetListRow {
    background: none;
}

.saffireUStepRow:hover {
    background-color: #EDF8FE;
}

#saffireURollups .rollup .repeated-item:last-child {
    border-bottom-width: 8px;
}

#saffireURollups .rollup .repeated-item.saffireUStepsComplete {
    border: none;
    padding: 0;
    width: 100%;
    display: block;
}

#saffireURollups .saffireUMainSection {
    clear: both;
    margin-bottom: 1.3em;
}

#saffireURollups .widgetListRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.completion-icon {
    width: 18px;
    height: 17px;
    display: inline-block;
    text-align: center;
    background-color: #95BCDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 2px 8px;
    color: #FFF;
    padding: 6px 4px 4px 5px;
    line-height: 1em;
    font-size: 13px;
    cursor: pointer;
}

.completion-icon.complete {
    background-color: #27B708;
}

.completion-icon:before {
    content: 'X'; /*'\2716';*/
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 1.1em;
}

.completion-icon.complete:before {
    content: '\2713';
    font-size: 1.3em;
}

.widgetListRow .saffireUActionButtons a.button1 {
    margin-top: 3px;
}


/* EVENTS PAGE */
.isFeaturedToggle {
    cursor: pointer;
}

/* SETTINGS PAGE */

.widgetHorizontalDivider{
    width:100%;
    background-color:#fff;
    height:2px;
    border:none;
    clear:both;
    position: absolute;
    left: 0;
}

ul.sortableWidgetList > li {
    border-bottom: 12px solid #E6F0F9;
}

.settingsTicketsDealsWidget .settingsTicketsDealsItem {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.rounded,
.quick
{
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f1f1f1;
    padding: 15px;
    margin-top: 10px;
    position: relative;
    zoom: 1
}

.logo {
    background: #fff;
    -moz-box-shadow: 0px 0px 5px #676767;
    -webkit-box-shadow: 0px 0px 5px #676767;
    box-shadow: 0px 0px 5px #676767;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px #bdbdbd solid;
    text-align: center;
    padding: 10px;
    width: 170px;
}

.marginright {
    margin-right: 20px;
}

.strongItem {
    display: block;
    margin: 1em 0 0;
}

.tabbedContent {
    margin: 0.5em 0;
}

.tabbedContent .openModal {
    margin-left: 1em;
}

.hoverExplanationTrigger {
    background: none repeat scroll 0 0 #E3E3E3;
    border: 1px solid #ADADAD;
    color: #4F4F4F;
    display: inline-block;
    font: 11px "Times New Roman",Times,serif;
    height: 12px;
    width: 12px;
    text-align: center;
    position: relative;
    margin-right: 4px;
    z-index: 250;
}

.hoverExplanationTrigger:hover .hoverExplanationDetails {
    display: block;
}

.hoverExplanationDetails {
    display: none;
    width: 240px;
    background: #fff;
    border: 1px solid #000;
    padding: 6px;
    position: absolute;
    top: 3px;
    left: 3px;
    font: 10px/12px Verdana,Geneva,Tahoma,sans-serif;
    color: #959595;
    text-align: left;
    z-index: 2147483647 !important;
}

/* PAGES PAGE */
.pagesBulkSelectableSectionHeader {
    padding: 3px 5px 6px 6px;
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

.pagesSectionHeader{
    padding: 3px 5px 6px 21px;
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

#pageViewAppContainer {
    margin-top: 10px;
    padding-bottom: 76px;
}

#saffireURollups > a.button,
#pageViewAppContainer > a.button {
    margin-right: 8px;
}

.linkSpace {
    width: 20px;
    height: 15px;
    padding-right: 5px;
    padding-top: 4px;
    background: none;
    cursor: default;
}

.pagesPinned{
    cursor:pointer;
    width:15px;
    height:15px;
    padding-right:5px;
    padding-top: 4px;
    background:url(../images/pin-inactive.png) no-repeat center center;
}

.isPinned{
    background-image:url(../images/pin-active.png);
}

#dedentNavItem.inactiveIcon,
#indentNavItem.inactiveIcon {
    opacity: 0.3;
    cursor: default;
}

.pagesViewSection .rollover.eventTitles {
    margin-left: 0px;
    position: relative;
}

/*.pagesViewSection .rollover.eventTitles:before {
    background: url("../images/action-edit.png") no-repeat center center;
    position: absolute;
    display: block;
    width: 22px;
    height: 19px;
    left: -22px;
    content: '';
    -o-transition:transform 0.4s ease;
    -webkit-transition:transform 0.4s ease;
    -moz-transition:transform 0.4s ease;
    -ms-transition:transform 0.4s ease;
    transition:transform 0.4s ease;
}

.pagesViewSection .rollover.eventTitles:hover:before {
    -o-transform:rotate(-20deg);
    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    transform:rotate(-20deg);
}*/

.dragDropImg {
  padding: 5px;
  margin-left: 5px;
}


/* CLASSIC DASHBOARD */
#dashboardMenu div div.left {
    padding-right: 10px;
    width: 189px;
}

#dashboardMenu h2 {
    margin-top: 10px;
    font-family: 'open_sansbold';
}

#dashboardMenu .button {
    margin: 0.4em 0;
    text-decoration: none;
    color: #fff;
}

#dashboardMenu a {
    color: #0081d1;
    text-decoration: underline;
}

#dashboardMenu .HighlightNote {
    color: #FF8424;
    font-family: "open_sansbold";
}

div[id*='pnl_subItemRepeater'] {
    line-height: 1.7em;
}

/* ICON LIST */
.listIcon1{
    background-color:#0071B7;
}

.listIcon2{
    background-color:#50B332;
}

.listIcon3{
    background-color:#F26A20;
}

.iconDataListItem {
    position: relative;
	border-bottom:1px solid #fff;
}

.iconDataListItem .iconDataListItemIcon {
    text-align: center;
}

.iconDataListItem .adminIcon {
    bottom: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 2em;
    height: 27px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

/* GOOGLE ANALYTICS */
.analyticsDeviceChartKey {
    float:left;
    height:10px;
    width:10px;
    margin-top:4px;
    margin-right:5px;
}

.analyticsDeviceChartItem {
    height:20px;
    float:left;
    overflow:hidden;
    color:#FFF;
    line-height: normal;
}

.MobileDevice {
    background-color: #50b332;
}

.DesktopDevice {
    background-color: #f26a20;
}

.TabletDevice {
    background-color: #0071b7;
}

.MobileDevice.analyticsDeviceChartItem {
    border-bottom: 2px solid #eeffd0;
    -webkit-box-shadow: 0 4px 10px -4px #79cb5e;
    -moz-box-shadow: 0 4px 10px -4px #79cb5e;
    box-shadow: 0 4px 10px -4px #79cb5e;
}

.DesktopDevice.analyticsDeviceChartItem {
    border-bottom: 2px solid #ffe4b5;
    -webkit-box-shadow: 0 4px 10px -4px #fa7228;
    -moz-box-shadow: 0 4px 10px -4px #fa7228;
    box-shadow: 0 4px 10px -4px #fa7228;
    margin-left: 1px;
}

.TabletDevice.analyticsDeviceChartItem {
    border-bottom: 2px solid #bbdcff;
    -webkit-box-shadow: 0 4px 10px -4px #1081b8;
    -moz-box-shadow: 0 4px 10px -4px #1081b8;
    box-shadow: 0 4px 10px -4px #1081b8;
    margin-left: 1px;
}

.lastAnalyticsDeviceItemShowing {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*.lastAnalyticsDeviceItemShowing[style*="6%;"],
.lastAnalyticsDeviceItemShowing[style*="5%;"],*/
.lastAnalyticsDeviceItemShowing[style*="4%;"],
.lastAnalyticsDeviceItemShowing[style*="3%;"],
.lastAnalyticsDeviceItemShowing[style*="2%;"],
.lastAnalyticsDeviceItemShowing[style*="1%;"],
.lastAnalyticsDeviceItemShowing[style*="0%;"] {
    overflow: visible;
    text-shadow: 0 0 1px #000000;
}

.firstAnalyticsDeviceItemShowing {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

/*/ Gridview Styles /*/
.gridview
{
    width: 100%;
    margin: 15px 0 0 0;
}

.gridview thead {
  border-left: 5px solid #0081d2;
  border-right: 5px solid #0081d2;
}

.gridview .gridviewheader
{
    font: 12px/18px 'open_sansregular', sans-serif, Arial;
    color: #fff;
    background-color: #0081d2;
    /* text-transform: uppercase; */
    text-align: left;
}
.gridview .gridviewheader th
{
  padding: 8px 5px;
}

.gridview .gridviewrow
{
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    /*z-index:400;*/
    position:relative;
    border: 5px solid #E5F0F8;
}

.gridview .gridviewalternatingrow
{
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    position:relative;
    border: 5px solid #E5F0F8;
}

.gridview .gridviewalternatingrow td:last-child,
.gridview .gridviewrow td:last-child
{
    border-right: 5px solid #E5F0F8;
}

_:-moz-tree-row(hover), .gridview .gridviewrow {
    box-shadow: inset 0px 0px 0px 2px #E5F0F8;
}
_:-moz-tree-row(hover), .gridview .gridviewalternatingrow {
    box-shadow: inset 0px 0px 0px 2px #E5F0F8;
}


.gridview th {
    font-weight: normal;
}

/* HOMEPAGE FEATURES */
.adminDashboardHomepageFeatures {
    position: relative;
    margin-bottom: 40px;
}

.adminDashboardHomepageFeatures .anythingSlider-default.activeSlider .anythingWindow {
    border: none;
}

.adminDashboardHomepageFeatures .anythingSlider-default .anythingControls {
    position: absolute;
    top: 100%;
    left: 0;
    background: #E5F0F8;
    width: 226px;
    padding: 10px 79px 10px 10px;
}

.adminDashboardHomepageFeatures .anythingSlider-default.activeSlider .anythingControls a {
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #D3D3D3;
    margin: 4px 8px 4px 0;
}

.adminDashboardHomepageFeatures .anythingSlider-default.activeSlider .anythingControls a.cur,
.adminDashboardHomepageFeatures .anythingSlider-default.activeSlider .anythingControls a:hover {
    background: #0070B6;
}

.adminDashboardHomepageFeatures .anythingSlider-default.activeSlider .anythingControls a span {
    display: none;
}

.adminDashboardHomepageFeaturesDetailContainer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #fff;
    height: auto;
    left: 0;
    padding: 4%;
    position: absolute;
    width: 92%;
    z-index: 200;
    opacity: 0;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    -ms-transition: 0.5s opacity;
    transition: 0.5s opacity;
}

.adminDashboardHomepageFeatures:hover .adminDashboardHomepageFeaturesDetailContainer {
    opacity: 1;
}

.adminDashboardHomepageFeaturesTitle {
    font-family: 'open_sansbold';
}

.adminDashboardHomepageFeaturesEdit {
    position: absolute;
    right: 9px;
    top: 102%;
}

.sliderCheckContainer {
    width:40px;
    height:20px;
    background-color:#e2e3e7;
    overflow:hidden;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
     cursor: pointer;
}

.sliderCheckSlider{
    width:40px;
    height:20px;
    background-color:#4BBB3F;
    position:relative;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
     box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
     -o-transition: background-color 0.5s ease;
     -webkit-transition: background-color 0.5s ease;
     -moz-transition: background-color 0.5s ease;
     -ms-transition: background-color 0.5s ease;
     transition: background-color 0.5s ease;
}

.sliderCheckSlider:hover {
    background-color: #62d256;
}

.sliderCheck,
.sliderCheck:hover {
    width:20px;
    height:20px;
    background:#F0F0F0;
    float:right;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 2px 0 0 rgba(240, 240, 240, 0.5) inset, -2px 0 0 rgba(230, 230, 230, 0.5) inset, 0 -2px 0 rgba(160, 160, 160, 0.5) inset, 0 2px 0 rgba(255, 255, 255, 0.5) inset;
     -webkit-box-shadow: 2px 0 0 rgba(240, 240, 240, 0.5) inset, -2px 0 0 rgba(230, 230, 230, 0.5) inset, 0 -2px 0 rgba(160, 160, 160, 0.5) inset, 0 2px 0 rgba(255, 255, 255, 0.5) inset;
     box-shadow: 2px 0 0 rgba(240, 240, 240, 0.5) inset, -2px 0 0 rgba(230, 230, 230, 0.5) inset, 0 -2px 0 rgba(160, 160, 160, 0.5) inset, 0 2px 0 rgba(255, 255, 255, 0.5) inset;
     border: 1px solid #cbcbcb;
     position: relative;
     left: 1px;
     cursor: default;
    background: rgb(199,199,199);
    background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(199,199,199,1) 0%,rgba(255,255,255,1) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#f4f4f4',GradientType=0 );*/
}

.sliderCheckContainer:active .sliderCheck {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(199,199,199,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7',GradientType=0 );*/
    -moz-box-shadow: 2px 0 0 rgba(240, 240, 240, 0.5) inset, -2px 0 0 rgba(230, 230, 230, 0.5) inset, 0 -2px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 0 rgba(160,160,160, 0.5) inset;
     -webkit-box-shadow: 2px 0 0 rgba(240, 240, 240, 0.5) inset, -2px 0 0 rgba(230, 230, 230, 0.5) inset, 0 -2px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 0 rgba(160,160,160, 0.5) inset;
     box-shadow: 2px 0 0 rgba(240, 240, 240, 0.5) inset, -2px 0 0 rgba(230, 230, 230, 0.5) inset, 0 -2px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 0 rgba(160,160,160, 0.5) inset;


}

/*
    JQuery UI Dialog

*/


.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
    background-color: white;
    border: solid 1px grey;
    z-index: 10002;
}
.ui-dialog .ui-dialog-titlebar {
    border: none;
    background: none;
    width: 100%;
}

.ui-dialog .ui-dialog-title {
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
	height: 20px;
    float: right;
}

.ui-dialog .ui-button {
    border: none;
    width: 46px;
    background-color: transparent;
    cursor: pointer;
    padding: 0px;
}

.ui-dialog .ui-button-icon-primary {
    display: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    width: 46px;
    height: 19px;
    background-image: url(../App_Themes/SaffireDefault/images/btn_close_panel.gif);
    display: block;
}


.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

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

.ui-dialog-content {
    width: 100% !important;
}

.modal_padding
{
	padding: 0 11px;
z-index: 999999999 !important;
}

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

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.ui-widget-overlay
{
	background-color: #fff;
	opacity:.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	z-index: 10001 !important;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10001;
}

/* Tabs */

.tab,
.tab_on
{
    float: left;
    display: block;
    background: #f1f1f1;
    height: 18px;
    margin: 14px 3px 0 0;
    padding: 3px 7px;
}

.tab_on
{
    padding: 4px 15px;
    background: #f1f1f1;
    height: 20px;
    color: #04629f;
    margin-top: 10px;
}

.tab
{
    color: #9b9b9b;
    font:11px 'open_sansbold', Arial,Helvetica,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.tab_on
{
    color: #04629f;
    font: 11px 'open_sansbold', Arial,Helvetica,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.tab:hover
{
    height: 22px;
    text-decoration: none;
    margin-top: 10px;
    color: #04629f;
}

.tab_divider
{
    border-top: 1px #cecdc1 solid;
    width: 100%;
    height: 1px
}


.tabs
{
    margin: 0 0 0 8px;
    height: 38px;
}

.filters
{
    font: 11px/25px 'open_sansbold', Arial, Verdana, sans-serif;
    color: #777;
    margin-right: 10px;
    width: 50px;
    text-transform: uppercase
}

/* JQUERY FILE UPLOAD */
.fileupload-buttonbar {
    background: #0081D1 !important;
    filter: none !important;
}


/****************************************************
*													*
*		ANGULAR THINGS AND STUFF					*
*													*
*													*
*													*
*													*
*													*
****************************************************/

/*
 * ngRepeat triggers three animation events: enter, leave and move.
 */
.repeated-item.ng-enter,
.repeated-item.ng-leave,
.repeated-item.ng-move {

  -ms-transition:0.5s linear all;
  -o-transition:0.5s linear all;
  -webkit-transition:0.5s linear all;
  transition:0.5s linear all;
}

.repeated-item.ng-enter,
.repeated-item.ng-move,
.repeated-item.ng-leave.ng-leave-active {
    opacity:0;
    -ms-transform: scale(0.0) translate(0px,50px);
    -webkit-transform: scale(0.0) translate(0px,50px);
    -o-transform: scale(0.0) translate(0px,50px);
    -moz-transform: scale(0.0) translate(0px,50px);
    transform: scale(0.0) translate(0px,50px);
}

.repeated-item.ng-enter.ng-enter-active,
.repeated-item.ng-move.ng-move-active,
.repeated-item.ng-leave {
    opacity:1;
    -o-transform: scale(1.0) translate(0px,0px);
    -ms-transform: scale(1.0) translate(0px,0px);
    -webkit-transform: scale(1.0) translate(0px,0px);
    -moz-transform: scale(1.0) translate(0px,0px);
    transform: scale(1.0) translate(0px,0px);
}


.repeated-item.ng-enter-stagger,
.repeated-item.ng-leave-stagger,
.repeated-item.ng-move-stagger {
  -ms-transition-delay:750ms;
  -o-transition-delay:75ms;
  -ms-transition-duration:0;
  -o-transition-duration:0;
  -webkit-transition-delay:750ms;
  transition-delay:75ms;
  -webkit-transition-duration:0;
  transition-duration:0;
}

/*.repeated-item.ng-enter{

    opacity:0;

    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;

}


.repeated-item.ng-leave{
    -webkit-animation: bounceOut 0.5s;
    animation: bounceOut 0.5s;
}

.repeated-item.ng-enter-stagger,
.repeated-item.ng-leave-stagger,
.repeated-item.ng-move-stagger {

  -webkit-animation-delay:75ms;
  animation-delay:75ms;
  -webkit-animation-duration:0;
  animation-duration:0;
}*/

.ng-hide-add, .ng-hide-remove {
  display: block !important;
}

.animate-in-item.ng-hide-remove
{
    -ms-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.animate-in-item.ng-hide-add{
    -ms-animation: fadeOut 1s;
    -o-animation: fadeOut 1s;
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
}

.animate-in-item-quick.ng-hide-remove
{
    -ms-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

.animate-in-item-quick.ng-hide-add{
    -ms-animation: fadeOut .25s;
    -o-animation: fadeOut .25s;
    -webkit-animation: fadeOut .25s;
    animation: fadeOut .25s;
}

.zoom-in-item.ng-hide-remove
{
     -ms-animation: zoomIn 0.4s;
    -o-animation: zoomIn 0.4s;
     -webkit-animation: zoomIn 0.4s;
    animation: zoomIn 0.4s;
}

.zoom-in-item.ng-hide-add
{
    -ms-animation: zoomOut 0.2s;
    -o-animation: zoomOut 0.2s;
    -webkit-animation: zoomOut 0.2s;
    animation: zoomOut 0.2s;
}

.expand-in-item.ng-hide-remove,
.expand-in-item.ng-hide-add{
    -ms-transition:1s linear all;
    -o-transition:1s linear all;
    -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    transition:1s linear all;
}

.expand-in-item.ng-ng-hide-add,
.expand-in-item.ng-hide-remove.ng-hide-remove-active {
    /*opacity:1;*/
    max-height:500px;
    /*transform: scale(1.0) translate(0px,0px);*/
}

.expand-in-item.ng-hide-add.ng-hide-add-active,
.expand-in-item.ng-hide-remove{
    /*opacity:0;*/
    /*transform: scale(0.0) translate(0px,50px);*/
    max-height:0px;
}

/****************************************************
*													*
*		JQUERY UI THINGS AND STUFF					*
*													*
*													*
*													*
*													*
*													*
****************************************************/

.ui-datepicker-calendar .potentialDate span {
    color: #9E9E9E;
}

.QAdateManagement,
.QAmultiDates {
	position:absolute;
	left:290px;
	top:16px;
}

.QAeventName input {
	width:268px;
	margin-top:2px;
    left: 5px;
    position: relative;
}

.dateDisplay,
.datePickerContainer,
.timeDisplay,
.timePickerContainer{
	width:81px;
	text-align:center;
	font-weight:bold;
	text-shadow:none;
}
.dateDisplay,
.timeDisplay {
	padding:3px 2px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.QArightTime {
	position:relative;
}
.QAleftDate>div {
	padding-left:22px;
	background:url(../images/icon-calendar.png) no-repeat left;
}
.QArightTime>div {
	padding-left:22px;
	background:url(../images/icon-clock.png) no-repeat left;
	height:26px;
}
.dateDisplay_enabled,
.timeDisplay_enabled {
	background-color: #319FD4;
}
.datePickerContainer
{
	/*width:100px;*/
	float:left;
}

.dateDisplay
{
	/*width:100px;*/
	height:20px;
	color:#FFFFFF;
	float:left;
	cursor:pointer;
}

.dateDisplay_enabled
{
	background-color:#2F79B6;
}

.dateDisplay_disabled
{
	background-color:#9DCBE2;
}

.dateSelectionContainer
{
	width:194px;
	padding:8px;
	float:left;
	border: none;
	position:absolute;
	background-color:#FFFFFF;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	z-index:2;
}

.dateSelectionClear
{
	cursor:pointer;
}

.dateSelection_selectedDate
{
	background-color:#000000 !important;
	color:#FFFFFF !important;
	background-image:none !important;
}

.dateSelectionUseMonth
{
	cursor:pointer;
}
.ui-datepicker-header {
	background:#0081D1;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	position:relative;
	height:24px;
	padding-top:3px;
}

.ui-datepicker-calendar {
    background: transparent;
	border:1px solid #e2e2e2;
    border-top:none;
    padding-top: 5px;
    position: relative;
    top: -4px;
    width: 100%;
	text-shadow:none;
	border-spacing:7px 5px;
	font-weight:normal;
	table-layout:fixed;
}

.ui-datepicker-calendar th {
	font-weight:normal;
}

.ui-datepicker-calendar td  {
	background:#eceff4;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	width:17px;
	text-align:center;
}

.ui-datepicker-calendar td.ui-state-disabled  {
	background:#eceff4 !important;
}

.ui-datepicker-calendar td.dateRange {
	background:#0081D1 !important;
}
.ui-datepicker-calendar td.startDate,
.ui-datepicker-calendar td.endDate {
	background:#1874A9 !important;
}
.ui-datepicker-calendar td.startDate a,
.ui-datepicker-calendar td.endDate a,
.ui-datepicker-calendar td.ui-datepicker-current-day a {
	color:#fff !important;
}

.ui-datepicker-calendar td.ui-datepicker-today {
    background: #F26A21 !important;
}

.ui-datepicker-calendar td.ui-datepicker-current-day {
    background: #1B71AA !important;
}


.ui-datepicker-calendar td:hover,
.timeSelection:hover {
	background:#1b71aa;
	cursor:pointer;
}

.timeSelection:hover {
	color:#fff;
}

.ui-datepicker-calendar td a {
	color:#000;
	text-decoration:none;
}
.ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker-calendar td:hover a,
.ui-datepicker-calendar td.dateRange a {
	color:#fff;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable:hover,
.ui-datepicker-calendar td.inactiveDate:hover {
	background:#ECEFF4 !important;
	cursor:default !important;
}
.ui-datepicker-calendar td.inactiveDate:hover span,
.ui-datepicker-calendar td.inactiveDate span {
	color:#b7b7b7 !important;
}
.ui-datepicker-calendar td.inactiveDate.ui-datepicker-today:hover span,
.ui-datepicker-calendar td.inactiveDate.ui-datepicker-today span {
	color:#fff !important;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
	visibility:hidden;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position:absolute;
	top:0;
	height:27px;
	width:25px;
	cursor:pointer;
    -o-transition: background-color 0.4s ease;
    -ms-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background-color:#9DCBE2;
}
.ui-datepicker-prev:active,
.ui-datepicker-next:active {
	background-color:#eceff4;
}
.ui-datepicker-prev {
	left:0;
	border-right:2px solid #fff;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.ui-datepicker-prev:after {
    content: '\25C4';
    font-family: Arial, sans-serif;
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 13px;
    height: 19px;
    left: 5px;
    margin: auto;
    right: 0;
    text-decoration: none;
    text-shadow: 0 0 0 transparent;
    top: 0;
}
.ui-datepicker-next {
	right:0;
	border-left:2px solid #fff;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ui-datepicker-next:after {
    content: '\25BA';
    font-family: Arial, sans-serif;
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 13px;
    height: 19px;
    left: 5px;
    margin: auto;
    right: 0;
    text-decoration: none;
    text-shadow: 0 0 0 transparent;
    top: 0;
}

.ui-datepicker-month,
.ui-datepicker-year {
	border:1px solid #bcbcbc;
	width:auto;
	position:relative;
	top:1px;
	font:11px Arial;
	color:#555;
}
.ui-datepicker-month {
	margin-right:6px;
}

#calendarsContainer .ui-datepicker-header {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.timePickerContainer
{
	/*width:100px;*/
	float:left;
}

.timeDisplay
{
	/*width:100px;*/
	height:20px;
	color:#FFFFFF;
	float:left;
	cursor:pointer;
}

.timeDisplay_enabled
{
	background-color:#2F79B6;
}

.timeDisplay_disabled
{
	background-color:#9DCBE2;
}


.timeSelectionContainer
{
	width:100px;
	float:left;
	border: 1px #e9e8e3 solid;
	position:absolute;
	background-color:#FFFFFF;
	z-index:3;
	text-shadow:none;
}

.timeSelectionContainer .button.button1 {
  padding: 5px 9px 0px;
  box-sizing: border-box;
}

.timeSelectionColumn
{
	width:30px;
	float:left;
	margin-left:3px;

}

.timeSelection
{
	width:100%;
	text-align:center;
	margin-top:2px;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight:normal;
}

.timeSelection_on
{
	background-color:#1674A7;
	color:#FFFFFF;
}

.timeSelection_off
{
	background-color:#ECEFF4;
	color:inherit
}

.timeSelectionClose
{
	width:100%;
	background-color:#DCDCDC;
	cursor:pointer;
}

.timeSelectionClear
{
	cursor:pointer;
}



/* ERROR */
.error,
.sparkErrorMessage {
    color: #94231d;
}

.isNewCss .sparkError {
    color: #94231d;
    position: absolute;
    top: 2px;
    left: -10px;
}

.validationContainer {
    position: relative;
}

.isNewCss .datePickerStartDateContainer,
.isNewCss .datePickerStartTimeContainer,
.isNewCss .datePickerEndDateContainer,
.isNewCss .datePickerEndTimeContainer,
.isNewCss .QAleftDate {
    position: relative;
}
.modalBodyTag #alladvancedoptions .dateInput {
  width: 177px !important;
}


.formItemForSaleInfo {
    font-family: 'open_sansregular';
}

.itemSalesType {
  	height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 5px;
}

.salesTypeSaffire {
    background: url(../images/icon-SaffireCommerce.gif) no-repeat;
}

.salesTypeSaffireScan {
    background: url(../images/icon-SaffireScan.gif) no-repeat;
}

.salesTypeSaffireTixReservedSeating {
    background: url(../images/icon-ReservedSeat.gif) no-repeat;
}

.salesTypeExternal {
    background: url(../images/icon-ExternalProvider.gif) no-repeat;
}

.salesTypePackage {
    background: url(../images/icon-Package.png) no-repeat;
}
.salesTypeTixBlastPass {
    background: url(../images/icon-Blastpass.svg) no-repeat;
}

.salesTypeTixGeneralAdmission {
    background: url(../images/icon-SaffireScan.gif) no-repeat;
}
.salesTypeSaffireTixSeasonTicket
{
    background: url(../images/icon-SeasonTix.gif) no-repeat;
}

.table-icon-key {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 1em;
}

.table-icon-key__toggle {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5em 1em;
  width: 8em;
  background: #E5F0F8;
  text-decoration: none;
}

.table-icon-key__toggle:hover {
  text-decoration: none;
  background: #d8eaf8;
}

.table-icon-key__content {
  display: inline-flex;
  box-sizing: border-box;
  padding: 1em;
  background: #E5F0F8;
  width: auto;
}
.table-icon-key__content > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-shrink: 0;
  margin-right: 2.5em;
}
.table-icon-key__content > div:last-child {
  margin-right: 0;
}
.table-icon-key__content > div b {
  display: inline-block;
  width: 21px;
}
.table-icon-key__content div div {
  display: flex;
  align-items: center;
}


#manageProductsTable .gridview .gridviewrow td:nth-child(3),
#manageProductsTable .gridview .gridviewalternatingrow td:nth-child(3) {
    display: flex;
    align-items: center;
}

@media print {

  body {
    background: white none !important;  color:#000 !important;
  }
  a {
    color: #000 !important;
  }
  .nav, .toolbar, .adminTab, .divMemberAction, .editActionIcon, .filters, .dropdown, .status, .filter, #emailMembers, .icons, .pagination, .btn_help, .right .left .textbox_generic, .right .left .btnOrange, .footer .left {display:none !important;}
  .content {
    margin-top:0 !important;
  }
  .leftNav, .headerBar {
    display: none !important;
  }

  .caddrReportContainer {
    transform: scale(.8);
    transform-origin: top left;
  }
}

#chartDesigner {
  width: 100%;
  height: 79vh;
  position: relative;
  top: 0;
  left: 0;
  margin: 10px 0;
}

#ticketPricing {
  background-color: #f8f8f8;
  box-shadow: inset 0px 0px 0px 1px #f1f1f1;
  padding: 10px;
}
#chart {
  width: 100%;
  height: 500px;
  max-width: 500px;
}
.button-input {
  margin: 10px 0 0;
}

/*Redactor*/

.re-pasteasplaintext{
    height:14px;
    width:28px;
    vertical-align:central;
    text-align:center;

}

.re-pasteasplaintext:before{
    content: "Plain";
}

.re-pastefromword{
    height:14px;
    width:28px;
    vertical-align:central;
    text-align:center;

}

.re-pastefromword:before{
    content: "Word";
}

#mymodal-htmlarea{
    border-radius:1px;
    border:1px solid #ccc;
    background-color:white;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset;
    font-size:14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    transition:border 0.3s ease-in;
    overflow:scroll;
}

/*iPad styling*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /*General styling*/
    body {
        min-width: 320px;
    }
    body.general-message-active #messageBarContainer {
      font-size: 15px;
    }
    body.general-message-active .headerBar .headerBarNav {
      padding-top: 8em;
    }
    .titleBar {
        min-width: 320px;
    }
    .menu-icon {
        display: none;
    }
    #editor {
        padding: 0 10px 0;
        width: 100%;
        box-sizing: border-box;
    }
    #editor #moduleContainer,
    #editor #dockedModuleContainer {
        width: 100%;
    }
    .content {
        padding: 6em 1em 1em;
    }
    .headerBarUser {
        width: 28%;
        -webkit-transform: translateZ(0);
    }

    /*.button.preview.ng-scope {
        display: none;
    }*/
    .dragging-helper {
        padding: 3px 5px 3px 20px;
    }
    .dragging-helper::before {
        left: -15px;
    }

    /*mobile nav styling*/
    .headerBarItem.navClientLogo {
        display: none;
    }
    .headerBarItem.navClientLogo.mobile {
        display: block;
        right: 0;
        width: 18%;
        margin: 0 auto;
    }
    .headerBarItem:nth-child(2) {
        margin: 0;
    }
    .headerBarSubNav,
    .headerBarSubNavItem > .headerBarSubNav {
        position: relative;
    }
    .left .headerBarSubNavItem > .headerBarSubNav {
        left: 0;
        margin-top: 8px;
    }
    .headerBarContainer {
        width: 100%;
    }
    .headerBarUser .headerBarSubNav {
      clear: right;
      top: 0;
    }
    .headerBarSubNavItem {
        background: #0081d1;
        border-top: 2px solid #339adc;
        border-bottom: 2px solid #339adc;
    }

    .headerBarNav {
        -webkit-transform: translateZ(0);
        position: fixed;
        height: 100vh;
        background: rgba(0, 129, 209, 0.96);
        left: 0;
        top: 0;
        width: 30%;
        padding: 5em 0 0;
        box-sizing: border-box;
        overflow-y: scroll;
        overflow-x: visible;
        box-shadow: 5px 0 10px rgba(0,0,0,0.3);
        -webkit-transform: translateX(-107%);
                transform: translateX(-107%);
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
    }
    .headerBarItem {
        float: none;
    }
    .headerBarNav .headerBarItem .adminIcon {
        width: 25%;
        font-size: 2em;
    }

    /*menu hamburger icon*/
    .menu-icon {
        position: fixed;
        top: 1.2em;
        left: 1em;
        display: block;
        width: 2.5em;
        height: 2.5em;
        cursor: pointer;
        z-index: 5000;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .menu-icon > span {
        position: absolute;
        top: 50%;
        display: block;
        width: 100%;
        height: 0.22em;
        background-color: #fff;
        border-radius: 3px;
    }
    .menu-icon > span::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateY(-0.8em);
        transform: translateY(-0.8em);
    }
    .menu-icon > span::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateY(0.8em);
        transform: translateY(0.8em);
    }

    /* Opened menu */
    .menu-icon.open {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-icon.open > span::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .menu-icon.open > span::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .headerBarItem:not(.navClientLogo) > a {
        padding: 1.3em 0 1.5em 0em;
    }
    .mobile-nav-open .headerBarNav {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    /*pinned pages and email help*/
    .leftNav {
        top:58vh;
        right: -66px;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .leftNavItem {
        left: auto;
        margin-right: 0;
        margin-left: auto;
        -webkit-border-radius: 6px 0 0 6px;
        -moz-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        -webkit-box-shadow: -3px 3px 5px #616161;
        -moz-box-shadow: -3px 3px 5px #616161;
        box-shadow: -3px 3px 5px #616161;
    }
    .leftNavContent {
        -o-transition: width 0.3s;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        transition: width 0.3s;
    }
    .leftNavItem.leftNavPinnedPages .eventPinRow td:first-child:before,
    .leftNavItem.leftNavPinnedPages .formPinRow td:first-child:before,
    .leftNavItem.leftNavPinnedPages .pagePinRow td:first-child:before {
        display: none;
    }
    .mobile-nav-open .leftNav {
        right: 0;
    }

    /*page editor toolbar*/
    #editor #editorToolbarContainer {
        top: auto;
        bottom: 0;
        width: 100%;
        -webkit-transform: translateY(80%);
                transform: translateY(80%);
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
        box-shadow: 0 -5px 10px rgba(0,0,0,0.2);
    }
    #editor #editorToolbarContainer.slideup {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
    #editor .toolbar-controls-container {
        width: 85%;
        margin: -37px 0 0 auto;
        position: relative;
    }
    #editorToolbars .toolbar-title {
        background: none;
        line-height: 42px;
    }
    #editorToolbars .button {
        width: 19%;
        font-family: 'open_sanssemibold';
        text-transform: none;
    }
    a.button.debug {
        position: absolute;
        bottom: 82px;
        right: 8em;
    }
    #toolbar-hamburger {
        position: absolute;
        display: block;
        top: -1px;
        right: 10px;
        padding: 6px;
    }
    #toolbar-hamburger::before {
        content: 'More';
        display: inline-block;
        margin-right: 5px;
    }
    #toolbar-hamburger::after {
        content: '\f176';
        font: 1em 'FontAwesome';
        display: inline-block;
        position: relative;
    }
    .slideup #toolbar-hamburger::before {
        content: 'Less';
    }
    .slideup #toolbar-hamburger::after {
        content: '\f175'
    }
    .advanced-options-col {
        display: inline-block;
        width: 40%;
        padding: 8px;
        vertical-align: top;
    }
    #editorToolbars .button.user {
        width: 50%;
    }

}
/*landscape iPad styling*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .leftNavItem.leftNavItemOpen .leftNavContent{
        max-height: 256px;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
  .headerBarItem:not(.navClientLogo):not(.headerBarUserItem) {
    display: block;
  }
}




/* box office */
/* Hold seats */

#holdsSelector .btnOrange:hover,
.comps .btnOrange:hover {
  cursor: pointer;
}

.holds {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px auto;
}
.holds .legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 13px 20px;
  background: #eee;
}
.holds .seatmap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 10px;
  border: 2px solid #eee;
  text-align: center;
}
.holds .seatmap > h2 {
  text-align: center;
}
.holds .mode-select {
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
}
.holds .mode-select a {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 20px;
  background: none;
  font-size: 16px;
  color: rgba(0, 129, 209, 0.5);
  text-decoration: none;
}
.holds .mode-select a:hover {
  color: rgba(0, 129, 209, 0.75);
}
.holds.comp-mode .mode-select a.mode-comp {
    color: #0081d1;
    border-bottom: 2px solid #0081d1;
}
.holds.hold-mode .mode-select a.mode-hold {
    color: #0081d1;
    border-bottom: 2px solid #0081d1;
}
.holds.sale-mode .mode-select a.mode-sale {
        color: #0081d1;
        border-bottom: 2px solid #0081d1;
    }
.holds.info-mode .mode-select a.mode-info {
    color: #0081d1;
    border-bottom: 2px solid #0081d1;
}
.holds .hold-types-wrapper {
    width: 100%;
    max-width: 99%;
    margin-bottom: 20px;
    position: relative;
    box-sizing: border-box;
}
.holds .status-list b,
.holds .hold-list b,
.holds .seat-selection-title {
    font-size: 18px;
    color: #868585;
}
.holds .status-list span,
.holds .hold-list span {
    font-size: 14px;
}
.holds .hold-types-wrapper > div {
    display: flex;
    background: #eee;
    padding: 10px;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: baseline;
}
.holds .hold-types-wrapper .far,
.holds .hold-item-color {
    font-size: 11px;
    width: 13px;
    height: 13px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #a5a5a5;
    border-radius: 50%;
}
.holds .selected-seat-type .fa-adjust::after {
    font-size: 14px;
}
.holds .hold-types-wrapper .fa-times.univalible,
.holds .hold-types-wrapper .fa-adjust {
    background: #cacaca;
}
.holds .fa-times:after {
    content: '\f00d';
    font-family: 'FontAwesome';
}
.holds .fa-wheelchair:after {
    content: '\f193';
    font-family: 'FontAwesome';
}
.holds .fa-adjust:after {
    content: '\f042';
    font-family: 'FontAwesome';
}
.holds .seat-selections-wrapper {
    border: 2px solid #eee;
    border-left: none;
    float:left;
    width:23%;
    height:506px;
    padding:5px;
    cursor:default;
}
.holds .seat-selections-wrapper b {
    padding: 10px;
    display: inline-block;
}
.holds .status-list {
    border-left: 2px solid #868585;
    padding-left: 10px;
}
.holds .status-list ul {
    display: flex;
    flex-wrap: wrap;
    min-width: 209px;
}
.holds .status-list li {
    padding: 5px 10px;
    min-width: 90px;
}
.holds .table-icon-key__toggle {
    position: absolute;
    bottom: 100%;
    right: 0;
    padding: 10px;
    background: #eee;
}
.holds .hold-list ul {
    display: flex;
    flex-wrap: wrap;
}
.holds .hold-list li {
    display: inline-flex;
    padding: 5px 10px 5px 4px;
}
.holds .hold-list .hold-item-color {
    margin-right: 3px;
    margin-top: 2px;
}
.holds .season-ticket-marker {
    font-family: 'open_sansbold';
    margin-right: 4px;
    margin-bottom: 1px;
}
.holds .actionSelection .season-ticket-marker {
    font-size: 12px
}
.holds .hold-list .hold-name {
    display: block;
    word-break: break-all;
}
.holds .apply-button {
    padding: 5px;
    text-align: center;
    background: #aaa;
    color: #fff;
    cursor: pointer;
}
.holds .actionSelections {
    position: absolute;
    bottom: 28px;
    height: 125px;
    width: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    border: solid 2px #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: rgb(255, 255, 255);
}
.holds .actionSelections .actionSelection > div {
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.holds .actionSelections .actionSelection:nth-child(odd) > div {
    background: #eee;
}
.holds .actionSelections .actionSelection .hold-item-color,
.holds .actionSelections .actionSelection .hold-item-color-wrapper,
.holds .selected-seats-wrapper .selected-seat-type .hold-item-color-wrapper {
    display: flex;
}
.holds .actionSelections .actionSelection:nth-child(odd):hover > div,
.holds .actionSelections .actionSelection:nth-child(even):hover > div {
    background: #c3c3c3;
}
.holds .action-selection-wrapper {
    margin-bottom:10px;
    position:relative;
    border-top: solid 2px #eee;
}
.holds .seat-selections-wrapper .category-label {
    width: 100%;
    height: 22px;
    border-bottom: solid 4px;
}
.holds .seat-selections-wrapper .category-label .color-swatch {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 7px;
    top: 5px;
}
.holds .seat-selections-wrapper .category-label b {
    padding: 2px 5px;
}
.holds .seat-selections-wrapper .category-label .color-background {
    display: block;
    float:right;
    width:100%;
    height:22px;
    position:absolute;
    top:0;
    opacity:0.2;
    border-radius: 2px;
}
.holds .selected-seats-wrapper {
    max-height: 345px;
    min-height: 345px;
    overflow-y: auto;
    padding: 10px 5px 5px 5px;
    border-top: solid 2px #eee;
}
.holds .selected-seats-wrapper.full-height-selection-mode {
    max-height: 450px;
    min-height: 450px;
}
.holds .selected-seats-wrapper hr {
    border: solid 1px #eee;
    margin-left: 10px;
}
.holds .selected-seats-wrapper .selected-seat-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 2px 0 2px 0;
}

.holds .selected-seats-wrapper .selected-seat-type.selected-seat-type--expandable {
  cursor: pointer;
}
.holds .selected-seats-wrapper .selected-seat-type b.selected-seat-type--ga {
    cursor: pointer;
    color: #0081D1;
    text-decoration: underline;
}
.holds .selected-seats-wrapper .selected-seat-type b.selected-seat-type--ga:hover {
  text-decoration: none;
}

.holds .selected-seats-wrapper .selected-seat-type b {
    padding: 0;
}
.holds .action-selection-wrapper > span {
    padding: 5px 2px;
    display: block;
}
.holds .current-action-selection {
    padding: 5px;
    border: solid 2px #eee;
    border-radius: 5px;
    display: flex;
    color: #aaa;
    cursor: pointer;
}
.holds .current-action-selection:after {
    content: '\f07d';
    font-family: 'FontAwesome';
    padding-right: 5px;
}
.holds .hold-item-expand-icon {
    width: 10px;
    display: inline-block;
}
.holds .single-hold-seat {
    padding: 2px 5px;
    margin-left: 4px;
    display: flex;
    justify-content: space-between;
}
.holds .single-hold-seat > div {
    display: flex;
    align-items: center;
}
.holds .single-hold-seat:nth-child(odd) {
    background: #eee;
}
.holds .season-ticket-hold {
    padding: 2px 5px;
    margin-left: 4px;
    background: #eee;
}
.holds .seat-controls {
    margin-left: 15px;
    margin-bottom: 5px;
}
.holds select.ng-invalid {
    border: 1px solid #eee !important;
    box-shadow: none;
}
.holds .single-action-info,
.holds .selected-action-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.5em;
    white-space: nowrap;
    width:85%;
    float:left;
}

.seat-price-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 5px;
}
.seat-added-msg.active {
  bottom: 20px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.seat-added-msg {
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 300px;
  height: 50px;
  margin: auto;
  background:#0081d1;
  color: #fff;
  font-size: 16px;
  text-align: center;
  -webkit-box-shadow: 0px 4px 9px -2px #555;
          box-shadow: 0px 4px 9px -2px #555;
  border-radius: 5px;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.seat-added-msg:after {
  position: relative;
  content: "\f063";
  display: block;
  margin-left: 20px;
  font-family: "fontAwesome";
  font-size: 22px;
  color: #fff;
}

.seat-added-msg.active:after {
  -webkit-animation: seatMsgSlideup linear 0.6s;
          animation: seatMsgSlideup linear 0.6s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@keyframes seatMsgSlideup {
  0% {
    -webkit-transform:  translate(0px,0px);
            transform:  translate(0px,0px);
  }
  25% {
    -webkit-transform:  translate(0px,5px);
            transform:  translate(0px,5px);
  }
  50% {
    -webkit-transform:  translate(0px,0px);
            transform:  translate(0px,0px);
  }
  75% {
    -webkit-transform:  translate(0px,5px);
            transform:  translate(0px,5px);
  }
  100% {
    -webkit-transform:  translate(0px,0px);
            transform:  translate(0px,0px);
  }
}

.hold-types {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 400px;
  overflow-y: auto;
}

.hold-types ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hold-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 28%;
          flex: 1 1 28%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 28%;
  min-width: 150px;
  margin: 0 20px;
  padding: 5px 20px 5px 5px;
  border-radius: 26px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1023px) {
  .hold-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 50%;
  }
}

.hold-item:hover {
  background: rgba(0, 0, 0, 0.08);
  background-clip: padding-box;
}

.hold-item.selected {
  background: #0081d1;
  color: #fff;
}

.hold-item-color {
  display: inline-block;
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color:#000;
  text-align:center;
  font-size:25px;
}
.selected .hold-item-color {
  -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.3);
          box-shadow: 1px 2px 1px rgba(0,0,0,0.3);
}

.holds.comp-mode .hold-types .hold-item {
  background: none;
  pointer-events: none;
  color: #868585;
}

.hold-category-color {
  display: inline-block;
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color:#000;
  text-align:center;
  font-size:25px;
}


.comps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp-customer-details {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 5px 20px 50px;
  background: #eee;
  font-size: 14px;
}

.comp-customer-details__column {
  flex: 1;
  padding: 1em 2em;
}

.comp-customer-details__column input[type="checkbox"] {
  margin-left: 0;
}

.comp-customer-details__column-1 {
  flex: 2;
}

.comp-customer-details__column-1 h2 + div {
  display: flex;
  justify-content: space-between;
}

.comp-customer-details__column-1 h2 + div > div {
  width: 33%;
}
.comp-customer-details__column-1 h2 + div > div:first-child {
  font-family: "open_sansbold";
}
.comp-customer-details__column-1 input,
.comp-customer-details__column-1 textarea {
  box-sizing: border-box;
  display: block;
  margin-top: 0.25em;
  width: 100%;
  padding: 5px 10px;
}

.comp-customer-details__column-1 textarea {
  height: 150px;
}

.comp-customer-details__column-2 {
  padding-top: 4.25em;
}

.comp-customer-details__column-2 h2 {
  font-size: 18px;
  color: #868585;
  font-family: 'open_sansbold';
}

.comp-customer-details a {
  cursor: pointer;
}

.comp-customer-details .validationContainer {
  margin-bottom: 10px;
}

.comp-customer-details input[type=text] {
  font-size: 14px;
}

.comp-customer-details .totals {
  width: 100%;
  margin: 1em 0 2em;
}

.comp-customer-details .totals tr td:last-child {
  text-align: right;
}

.comp-customer-details .tender {
  margin: 10px 0 20px;
}

.comp-customer-details .card-CVC {
  width: 30%;
}

.comp-customer-details .check-number {
    width:100px;
}

#completeTransactionModal {
  padding: 1em;
  box-sizing: border-box;
}

#completeTransactionModal .mode-select.cash-card,
.comp-customer-details .mode-select.cash-card {
  display: flex;
}

#completeTransactionModal .mode-select.cash-card a.mode-cash {
  background: #0081d1;
}

#completeTransactionModal .mode-select.cash-card.mode-email a.mode-email {
    background: #0081d1;
}

#completeTransactionModal .mode-select.cash-card.mode-print a.mode-print {
    background: #0081d1;
}

#completeTransactionModal .mode-select.cash-card.mode-email a.mode-cash {
  background: #aaa;
}

#completeTransactionModal .mode-select.cash-card a.mode-comp {
  background: #aaa;
}

#completeTransactionModal .mode-select.cash-card a {
  text-transform: uppercase;
}

#completeTransactionModal .mode-select.cash-card {
  margin-bottom: 1em;
}

#completeTransactionModal .mode-select.cash-card a,
.comp-customer-details .mode-select.cash-card a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background: #aaa;
  padding: 5px 10px;
  margin: 0;
  flex: 1;
  text-align: center;
}

#completeTransactionModal .mode-select.cash-card a:hover,
.comp-customer-details .mode-select.cash-card a:hover {
  background: #339adc;
}

#completeTransactionModal input[type="email"],
#completeTransactionModal select,
#completeTransactionModal textarea {
    width: 100%;
    box-sizing: border-box;
}

#completeTransactionModal textarea {
    height: 100px;
}

.comp-customer-details .tender.mode-card .mode-select.cash-card a:nth-child(1) {
    background: #0081d1;
}

.comp-customer-details .tender.mode-cash .mode-select.cash-card a:nth-child(2) {
    background: #0081d1;
}

.comp-customer-details .tender.mode-comp .mode-select.cash-card a:nth-child(3) {
    background: #0081d1;
}

.comp-customer-details .tender.mode-other .mode-select.cash-card a:nth-child(4) {
  background: #0081d1;
}

.comp-customer-details .panel.card.manual {
  display: block;
  max-width: 100%;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}


.comp-customer-details .panel.card.manual input,
.comp-customer-details .panel.card.manual select {
  font-size: 14px;
  margin: 0;
}

.comp-customer-details .panel.card.manual input {
  box-sizing: border-box;
  width: 100%;
  height: 29px;
  margin: 5px 0;
}

.comp-customer-details .panel.card.manual .full-width {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.comp-customer-details .panel.card.manual .full-width input,
.comp-customer-details .panel.card.manual .full-width select {
  flex: 0 1 32%;
}

.comp-customer-details .panel.card.manual .full-width select {
  padding: 3px 4px;
}


.comp-customer-details .radioButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 10px;
}

.comp-customer-details .radioButtons input {
  margin-top: 0;
}

.comps .selected-seats {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.comps .seat-list {
  margin-bottom: 50px;
}

.comps h3 {
  padding: 10px 20px;
  background: #eee;
  font-size: 18px;
}

.comps .seat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.comps .seat-list .seat-controls .button.unselectable {
  margin-bottom: 0;
  padding-bottom: 2px;
}

.comps .seat-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 33%;
  margin-right: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.comps .seat-info span {
  display: block;
  margin-right: 10px;
  font-size: 14px;
}

.comps .seat-actions {
  margin-top: 2em;
}

.comps .seat-actions .remove-container {
  margin-bottom: 20px;
}

.comps .seat-actions a {
  margin-right: 0;
  font-size: 14px;
}

.comps .validationContainer label {
  display: block;
}

#addEditAddress label select,
#addEditAddress label input {
  display: block;
  width: 200px;
  margin-top: 0;
  box-sizing: border-box;
  height: 26px;
}

#addEditAddress .input-group-wrapper {
  display: flex;
}
#addEditAddress .input-group-wrapper > div {
  margin-right: 20px;
}



/* unique style for add/edit event - event_eventAddEdit.ascx :( */
.title-field-wrapper__uniqueclass .textboxwrapper {
  display: block;
}

/* z-index fix for business listing more button :( */
#MainContent_content_pnl_addBusinessButtons .left {
  z-index: 3 !important;
}


/* new full width page styles */

.page-heading-container {
  width: 100%;
  padding: 0em 0 2em;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 5px 7px -3px rgba(0, 0, 0, 0.1);
}

.page-heading-container--standard {
    width: 100%;
}

.page-heading-container__inner {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 1920px;
  max-width: 100%;
  margin: auto;
  padding: 0 6em;
}

.page-heading-container__inner--standard {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 1440px;
    max-width: 100%;
    margin: auto;
    padding: 0 4em 2em;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 15px 7px -15px rgba(0, 0, 0, 0.1);
}

.page-heading-container__inner h1 {
  margin: 0;
}

.page-content-container {
  width: 100%;
  margin-bottom: 25px;
  background: #fcfcfd;
  border-bottom: 1px solid #eee;
}

.page-content-container--standard {
    width: 100%;
    margin-bottom: 25px;
}

.page-content-container__inner {
  box-sizing: border-box;
  position: relative;
  width: 1920px;
  max-width: 100%;
  padding: 1em 6em 4em;
  margin: auto;
}

.page-subheading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1em 0;
  margin-bottom: 2em;
}

.page-subheading__description {
  margin: 0 0 1em;
}


/* textarea and input styles for code  */

.input-field-container--font-mono input[type="text"],
.input-field--font-mono {
  box-sizing: border-box;
  font-family: 'Hack', monospace;
  padding: .347005em .5em;
  font-size: 13px;
}
.textarea-container--font-mono textarea,
.textarea--font-mono {
  box-sizing: border-box;
  padding: 1em;
  font-size: 13px;
  font-family: 'Hack', monospace;
  line-height: 1.5;
}

.input-field-container--input-w300 input {
  width: 300px;
  max-width: 100%;
}
.input-field-container--input-w400 input {
  width: 400px;
  max-width: 100%;
}
.input-field-container--input-w500 input {
  width: 500px;
  max-width: 100%;
}


.copy-to-clipboard-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-left: .5em;
  background: #efefef;
  border: 1px solid #acc0cd;
  box-shadow: 0px 2px 7px -4px #00456f;
  color: #00456f;
  border-radius: 2px;
  transition: .1s;
  box-sizing: border-box;
  background-image: url("../Images/icon-copy-regular.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.copy-to-clipboard-btn:hover {
  cursor: pointer;
  background-color: #dfdfdf;
  border-color: #76a0bc;
  box-shadow: 0px 2px 5px -4px #00456f;
}

.copy-to-clipboard-btn:active {
  cursor: pointer;
  background-color: #cfcfcf;
  box-shadow: 0px 1px 4px -4px #00456f;
}

.copy-to-clipboard-btn:before {
  content: 'Copied to Clipboard';
  display: block;
  position: absolute;
  top: -1.75em;
  width: max-content;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: .2s;
}

.copy-to-clipboard-btn.active:before {
  top: -2.25em;
  opacity: 1;
  transition: .2s;
}


/*  html5 date/time pickers */

.dateTimeRangeContainer {
    position: relative;
    width: auto;
}

.timePickerHTML__wrapper {
    position: relative;
}

.timePickerHTML__wrapper.timePickerHTML--empty::before {
    content: 'hh:mm:ss am/pm';
    position: absolute;
    width: 8.5em;
    padding: 0 0 0 0.182em;
    margin: 0.364em 0 0 0.364em;
    font-family: 'open_sansregular', sans-serif;
    font-size: inherit;
    color: #777;
    background: #fff;
    pointer-events: none;
}

.timePickerHTML--empty:focus-within::before {
    display: none;
}

.datePickerHTML__container {
    margin-bottom: .5em;
}

.datePickerHTML__container,
.timePickerHTML__container {
    display: flex; 
    align-items: center;
    font-size: 11px;
}

.datePickerHTML__container input,
.timePickerHTML__container input {
    box-sizing: border-box;
    height: 2.455em;
    width: 11em;
    font-family: 'open_sansregular', sans-serif;
    font-size: inherit;
}

.datePickerHTML__container input:disabled,
.timePickerHTML__container input:disabled {
    pointer-events: none;
    border-color: #ccc !important;
    background: #fff;
}

.datePickerHTML__hyphen,
.timePickerHTML__hyphen {
    display: inline-block; 
    margin: 0 .5em;
}

.dateTimeQuickLinks__container {
    display: flex;
    justify-content: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.dateTimeQuickLinks {
    display: inline-block;
    margin-right: 0.75em;
}

.dateTimeQuickLinks:last-child {
    margin-right: 0;
}

.dateTimeRangeContainer__messages {
    display: flex;
    max-width: 250px;
}

.datetime-picker-error {
    border-color: red !important;
    box-shadow: 0 0 0 1px red;
}


/* tabbed page container  (Product Editor, Discount Editor, etc. */

.tixTabsHeader {
    display: flex;
    width: 100%;
    cursor: pointer;
}
.tixTabsHeader > .tixTab-wrapper {
    flex: 1 1 25%;
}
.tixTabsHeader > .tixTab-wrapper:last-of-type .tixTab {
    border: none;
}
.tixTabsHeader .tixTab {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    background-color: #ddd;
    border-right: 1px solid #fff;
}
.tixTabsHeader .tixTab .module-error {
    position: absolute;
    top: 9px;
    left: auto;
    right: 10px;
    width: 26px;
    height: 22px;
}
.tixTabsHeader .tixTab .module-error:before {
    content: "\f06a";
    color: red;
    font-size: 20px;
    width: 21px;
    height: 21px;
    background: #ddd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: none;
}
.tixTabsHeader .tixTab.selected {
    background: #0081d1;
    color: #fff;
}

.tixTabContentContainer {
    border: solid 1px #f1f1f1;
    padding: 15px;
}

/* Discount*/

.section-productSelection {
    background: #f1f1f1;
    padding: 15px 15px 4px 15px;
    border: 2px solid #e3e3e3;
    margin-bottom: 15px;
    max-width: 917px;
 
}

.section-productSelection-invalid {
    border: 1px solid red !important;
    box-shadow: 0 0 4px rgba(255,0,0,.29);
}

.section-productSelection .product-search {
    float: left;
    width: 96%;
}

.section-productSelection .remove-button {
    display: block;
    float: right;
    box-sizing: border-box;
    width: 3%;
}

.section-units strong {
    display: block;
    margin:8px 0 5px;
}

.section-units div:first-child {
    float: left;
    margin-right: 5px;
}

.section-units .section-perUnitValue input[type="text"] {
    width: 150px;
}

.section-apply-fees {
    margin-top: 1rem;
}

.section-end-note {
    margin-top: 0.5rem;
}

.section-bogo-units {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-bogo-units .section-bogo-maxUnits {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 63%;
}

.section-bogo-units .section-bogo-maxUnits input[type="text"] {
    width: 50px;
    padding-left: 6px;
    margin-right: 10px;
}

.remove-bogo-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 2px;
}

.bogo-allowMultiple-input input[type="text"] {
width: 50px;
    padding-left: 6px;
}

.section-units .section-maxUnits input[type="text"] {
    width: 50px;
    padding-left: 6px;
}
.maxUnitsPerProduct {
    margin-left: 11px;
}
.section-units .radioButtons-units {
    display: flex;
    align-items: flex-start;
}

.section-units .radioButtons-unit-types label {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    margin: 0;
    cursor: pointer;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section-units .radioButtons-unit-types {
    float: left;
    width: 215px;
    margin-right: 15px;
}

.section-units .section-maxUnits {
    display: flex;
    align-items: center;
}
.maxUnitsPerOrder, .maxUnitsPerProduct{
    display: flex;
    flex-direction: column-reverse;
    span{
        margin: -23px 0 4px;
    }
}
.section-units .radioButtons-unit-types input:checked ~ span {
    background-color: #0081D1;
    border-color: #0081D1;
}

.section-units .radioButtons-unit-types input:checked ~ span.radio-dollars {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.section-units .radioButtons-unit-types span.radio-dollars:after {
    content: "$";
}

.section-units .radioButtons-unit-types span {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 25px;
    border: 1px solid #c3deef;
    background-color: #eee;
    border-radius: 2px;
}

.section-units .radioButtons-unit-types input:checked ~ span:after {
    color: #fff;
    display: block;
}

.section-units .radioButtons-unit-types span.radio-percentage {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.section-units .radioButtons-unit-types span.radio-percentage:after {
    content: "%";
}

.section-units .radioButtons-unit-types span:after {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
}

.productSelectionModal .categoryTicketTypesContainer {
    background: #ebebeb;
    padding: 10px;
    margin-top: 15px;
    height: auto;
    border: 1px solid #d7d7d7;
    max-height: 290px;
}

.productSelectionModal .categoryTicketTypes {
    border: 1px solid #bbbbbb;
    padding: 10px;
    overflow-y: auto;
    margin-top: 7px;
    max-height: 122px;
}

.section-productSelection .edit-selection {
    display: block;
    float: right;
}

.section-productSelection .selections {
    padding: 10px;
    background: #d5d5d5;
}

.section-productSelection .not-valid-selection {
    color: red;
}

.section-productSelection .valid-price-category {
    font-weight: bolder !important;
}

.section-productSelection .not-valid-price-category {
    font-weight: bolder !important;
    color: red;
}


.radioButtons-anyall__input-group {
    display: flex;
}
.radioButtons-anyall__input-group label {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 3rem;
    height: 1.75rem;
    cursor: pointer;
    font-size: 0;
    user-select: none;

}
.radioButtons-anyall__input-group span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 13px;
    background-color: #ddd;
}
.radioButtons-anyall__input-group label span:after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.radioButtons-anyall__input-group .radioButtons-anyall__any span:after {
    content: "Any";
}
.radioButtons-anyall__input-group .radioButtons-anyall__all span:after {
    content: "All";
}

.radioButtons-anyall__input-group input:checked ~ span {
    background-color: #0081D1;
    color: #fff;
}

.radioButtons-anyall {
    display: flex;
    align-items: center;    
    margin: 1rem 0;
}

.radioButtons-anyall__note {
    display: inline-block;
    margin-left: 1em;
    line-height: 1.3;
    max-width: 350px;
}

.separator--large {
    display: inline-block;
    width: 1px;
    height: 1.5rem;
    background: #333;
}

/* End Discount*/
/* Date time containers */
.dateStartEnd-start,
.dateStartEnd-end {
    width: 100%;
    display: flex;
}
.dateStartEnd-start .dateInput,
.dateStartEnd-end .dateInput {
  margin-right: 2em;
}
.dateStartEnd-start .datePickerContainerContainer,
.dateStartEnd-start .timePickerContainerContainer,
.dateStartEnd-end .datePickerContainerContainer,
.dateStartEnd-end .timePickerContainerContainer {
  width: auto !important;
}

/* wide input-group */
.input-group--wide {
    width: 100%;
}
.input-group--wide input[type="text"] {
     width: 100%;
}

.section-common-props-wrapper .dropdownContainer {
    display: inline-block;
    margin-right: 10px;
}

    /* Reserved seating */
.tixTabContentContainer .gridview {
    border-collapse: collapse;
}

.tixTabContentContainer.tabpadding .gridcolor {
    color: #0081D1;
}

.tixTabContentContainer.tabpadding .gridview {
    margin: 35px 0 0 0;
}

.tixTabContentContainer.tabpadding {
    padding: 15px 23px 50px;
}


.tixTabContentContainer.tabpadding .tabPagination {
    padding-left: 10px;
}

.bogoContainer {
    display: flex;
    justify-content: space-between;
}
.bogobox{      
    width: 48% !important;     
    margin: 10px 0 10px 0;
    padding: 0;
}

.bogoContainer .section-productSelection {
	margin: 5px 0 15px 5px;
	padding: 15px 15px 15px 15px;
}

.bogoContainer .bogobox h2 {
	margin: 5px 0 19px
}

.bogoContainer .section-productSelection .remove-button {
	width: auto
}
.section-productSelection .section-productSelection{
    border:none
}

.button-disabled {
    background: #ccc;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none;
}

.sparkOuterContainer {
    position: relative;
    @media screen and (max-width: 917px){
        margin-right: 10px;
    }
    @media screen and (max-width: 817px){
        position: relative;
        margin: 11vw auto 0;
        transform: none;
        float: none;
        left: auto;
        right: auto;
    }
.sparkAdContainer {
    width: 520px;
    height: 380px;
    transition: opacity 1s ease-in-out;
    @media screen and (max-width: 917px){
        width: 399px;
        height: 380px;
    }
}

 .sparkAdDots {
    text-align: center;
    margin-top: 10px;
    
}
.sparkAdDot:hover {
    background: #000;
}
.sparkAdControlCount{
    display: none;
}
.sparkAdDot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.sparkAdDot.active {
    background-color: #000;
}

.sparkAdImage {
    width: 100%;
     max-width: 450px;
    height: 100%;
    object-fit: contain;
    @media screen and (max-width:917px){
        width: 83%;
    }
}

.sparkAdControls {
    position: absolute;
    top: 47%;
    width: 100%; /* Ensure controls span the width of the container */
    margin: 0;
    transform: translateY(-47%);
    display: flex;
    justify-content: space-between;
    /* Flexbox will manage the alignment of left and right controls */
}

.sparkAdControlLeft,
.sparkAdControlRight {
    position: absolute;
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust to center */
    padding: 0;
            width: 25px;
            height: 24px;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
    }

.sparkAdControlLeft {
    left: 0;
}

.sparkAdControlRight {
    right: 0;
}
.sparkAdDots .sparkAdDot:only-child {
    display: none;
}
}
/*  image detail */
.section-product-image-details .centeredImageContainer {
    margin:0 23px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 3 / 2;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    background: var(--sf-color-grey-100);
}
.delineatedSection .section-product-image-details .centeredImageContainer {
    background: #d2e0eb;
}
.section-product-image-details .centeredImageContainer img{
    display: block;
    width: 155px;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.section-product-image-details span.section-detail-filename.ng-binding {
    color: #0081D1;
    text-decoration: underline;
    margin: 0;
    line-height: 1;
}
.section-product-image-details-content{
    margin-bottom: 30px;
}
.section-product-image-details{
    margin-bottom: 15px;
    padding-top:8px;
}
.section-product-image-details a.button.button1, .section-product-image-details .upload.button{
    margin: 0 !important;
}
.section-product-image-detail input.showimage-checkbox.ng-pristine.ng-untouched.ng-valid.ng-empty {
    position: relative;
    top: 1px;
    margin-right: 3px;
}
.input-image-detail:first-child {
    margin: 17px 2px 0px;
}
.input-image-detail {
    margin:9px 2px;
}
.section-product-image-details-content span.ng-binding {
    margin: 2px 0 0;
}
.input-image-detail input{
    width: 244px;   
     margin-top: 1px;
}
.input-image-detail-caption {
    width: 244px;
    height: 54px;
    resize: none;
    margin-top: 1px;
}
.input-image-detail .helpText{
    top: -1px;
}
input.showimage-checkbox {
    position: relative;
    top: 1px;
    margin: 3px 2px;
}

.assetLibraryRightPannel.image-editor-details-right{
    width:68.5% !important;
}
.assetLibraryRightPannel.image-editor-details-right .assetInfo{
    margin: 6px 0 16px;
}
.metadata.detail-metadata-bg {
    background: #e5f0f8;
    margin: 8px 0px 12px;
    padding: 5px 14px;
}
.metadata.detail-metadata-bg .input-image-detail {
    margin: 15px 2px;
}

.metadata.detail-metadata-bg .image-detail-text {
    font-weight: bold !important;
}