/*Font and Style includes*/ @import url(//fonts.googleapis.com/css?family=Poppins:400,500,400italic,300,300italic,700); .site-width{width:980px;max-width:100%;} /*sets width of core elements - change to adjust width of entire site*/ /*************************Main Page Structure*******************************************/ .body-class{ /*Controls of all pages (not pop-ups) */ background-color:#FFFFFF; } #page-wrap{ /*full wrap of all elements insdie the body*/ padding-top: 0px; } .head-wrap{ /*page-wide wrap of header */ /*margin-top: 40px;*/ } .head-inner{ /*Inner constraints of header - set to site width */ /*margin-bottom:60px;*/ } .header-logo-image{ /*padding-top:45px;*/ /*margin-bottom:25px;*/ /*margin-bottom:10px;*/ margin-top:30px; } .showare-nav-wrap{ /*page-wide wrap of showare navigation*/ height: 41px; margin-bottom:20px; border-bottom:1px solid #eee; } .showare-nav{ height:30px; } .showare-nav-inner{ height: 10px; } .showare-nav-inner{ /*Inner constraints of showare navigation block - set to site width*/ background: #fff; /*border-right: 10px solid #eee;*/ /*box-shadow:1px 1px 3px RGBA(0,0,0,0.1);*/ border-radius:2px; position:relative; z-index:999; margin-left:680px; width:300px; } .showare-nav-inner li.login-link a{ /*Ubicación botón mi cuenta*/ width:100px; position:absolute; left:85px; margin-left:20px; top:15px; } .showare-nav li.basket-widget{ /*Ubicación carrito de compras*/ width:90px; position:absolute; left: 220px; top:10px; } .content-wrap{ /*page-wide wrap of main content*/ } .content-inner{ /*inner constraints of main content- set to site width*/ background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; margin-top:10px; } .foot-wrap{ /*page-wide wrap of footer area*/ background-color:#333333; } .foot-inner{ /*inner constraints of footer*/ padding-top:10px; text-align:center; background-color:#333333; /*border:1px solid #ccc;*/ padding-bottom:10px; margin-top:20px; color:#B4B4B4; font-size:18px; } .foot-inner a{ color:#fff; font-size:16px; } .control-wrap{ /*wraps controls (search, calendar, categories, etc...) - height set by jquery in HTMLFooter*/ width:200px; padding:10px; top:54px; } .show-wrap{ display:block; } .hide-wrap{ height:0px!important; display:none; } .control-box{ /*shard settings for all controls (search, calendar, categories, etc...)*/ /*Text COLOR settings set below AFTER .default-font class*/ padding:10px; margin-bottom:10px; border-radius:2px; /*border:1px solid #eee;*/ /*box-shadow:1px 1px 3px RGBA(0,0,0,0.1);*/ background-color:#fff; margin-right: 10px; } /***********************************additional controls for objects within control-box set (search-box on default.asp)***********************/ .search-control{} .categories-control{} .calendar-control{} .info-control{} .locations-control{} .ads-control{} .main-container{ /*MAIN AREA*/ } .main-constrain-width{ /*force main area to give space to search controls when present*/ padding-left:220px; /*width of .control-wrap*/ min-height: auto !important; } .info-box.membership-info-box{ border:solid 1px #eee; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; box-shadow:0 1px 2px RGBA(0,0,0,0.2); } .info-box.membership-info-box p { padding: 0px; margin:0px; } .membership-info-box.membership-info-hide-callout #membershipInfoBoxCallouts{ display:none; } .info-box{ /*style for all information boxes - highlight areas - extensively used on mobile for material objects*/ -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #eee; background:#fff; } .price-box{ } /************************Navigation and Controls******************************************/ .showare-nav{ /*main navigation list*/ } .showare-nav li{ } .showare-nav li:last-child{ } .showare-nav li a{ /*line-height:20px;*/ margin-top:10px; padding-right:10px; padding-left:10px; margin-bottom:30px; color:#666; text-decoration:none; font-weight:400; text-transform:uppercase; background:#fff; transition:background .4s; } .showare-nav li.login-link, .showare-nav li.basket-widget{ border:none; } .showare-nav li.login-link a{ /*line-height:30px;*/ margin-top:-5px; border-radius:2px; background: #fff; /* Old browsers */ color:#333; text-shadow:none; border-right:1px solid #eee; border-left: 1px solid #eee; } .showare-nav li a:hover{ text-decoration: underline; } .showare-nav li.login-link a:hover{ text-decoration: underline; } .showare-nav li.search-control{ float:right; padding-right:.5em; width:200px; } /*********************************************** Basket Widget ************************************************/ li.basket-widget #ShoWareBasketWidget { color:#000; margin-top:-30px; } .cart-item{ margin:0 !important; padding: 0 !important; } li.basket-widget #ShoWareBasketWidget .cart-item { position: relative; line-height: inherit; padding: 0px 1em; border-radius: 2px; font-size: 1.2em; } li.basket-widget #ShoWareBasketWidget .cart-item-pic { margin: 2px; } li.basket-widget #ShoWareBasketWidget .cart-item-desc { font-weight: bold; text-align: right; } li.basket-widget #ShoWareBasketWidget .cart-item-detail { z-index: 999; line-height: 12px; font-size: 10px; right:0px; background-color: #573E6F; opacity:.9; color:#fff; border-radius:2px; box-shadow:0px 2px 3px RGBA(0,0,0,0.3); } li.basket-widget #ShoWareBasketWidget .cart-item:first-child { margin-top: -1px; padding-top: 6px; } .button{ /*class applied to all buttons - this will inherit some rules from the general input selector above*/ font-weight:500 !important; font-size:18px !important; line-height:26px; /*border-radius:5px;*/ background-color:transparent; background: #573E6F; /* Old browsers */ border: 1px solid #573E6F; text-transform:capitalize; color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); text-shadow:1px 1px 0px RGBA(0,0,0,0.2); transition:all .4s; padding:.5em 1.5em; font-family:'Poppins', Arial, Helvetica, sans-serif !important; } .button:hover{ background:#AB99C2; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); } .button.sw-button-primary{ background:#573E6F; border: 1px solid #573E6F; color:#fff; } .button.sw-button-primary:hover{ background:#AB99C2; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); } .button.sw-button-muted{ background:#a8a8a8; font-size: 11px !important; color:#fff; border:1px solid #eee; } .button.sw-button-muted:hover{ background:#b6b6b6; color:#fff; border:1px solid #b6b6b6; } .button.sw-basket-help-button{ /*help button in basket.asp*/ } .standard-button{ } .small-button{ } .buy-tickets, .buy-button{ float:right; } .load-more-button, .load-more-button:hover{ } .load-more-button:hover{ } .delivery-option-item{ padding:.25em; } .delivery-option-item.active-option{ border-radius:2px; background:RGBA(0,0,0,0.05); } /*************************FONTS and Headings***************************/ .default-font{ /*primary site font*/ font-family:'Poppins', Arial, Helvetica, sans-serif; font-size:14px; /* 14px (16px default * 0.875 == 14px) */ font-weight:700; color:#444; }/* poppins-regular - latin */ a{ color:#000; text-decoration:none; } a:hover{ text-decoration:underline; } .heading-text, h2{ display:block; color:#000; font-weight:700; font-size:24px; margin-bottom:10px; text-shadow:RGB(229,229,229) 1px 1px 1px; } .control-box .heading-text{ font-size:20px; text-align:left; color:#000; color:#000; line-height:48px; text-shadow: none; /*border-bottom:1px solid #eee;*/ background-color:#fff; /*margin-bottom:10px;*/ border-bottom: 5px solid #FFC627; border-width: 5px; border-radius: 5px; margin-left:-10px; margin-right:-10px; margin-top:-10px; } .sub-head{ } h2 a{ /*featured events event titles*/ font-weight:400; } .info-box h2{ margin-top:0px; } .info-box time{ color: #000; font-weight: bold; } h3{ /*Performance list event and performance titles*/ } .info-text{ } .large-text{ font-size:32px; } /************************************************* Block lists DONATIONS, MEMBERSHIPS, FEATURED EVENTS *************************************************/ .featured-items{ /*div wraps all featured items*/ } .featured-items-item{ /*div wraps individual event items in featured items*/ } .featured-items-image{ float:right; margin-left:10px; margin-bottom:10px; max-width:100%; } .constrain-image{ padding:0px; max-width:100%; } .even-item{ /*every other item class - applied with jquery to featured events, baskets and plRow items in eventperformances*/ /*color, background, etc...*/ } .featured-items-item .buy-button, .featured-items-item .buy-tickets{ font-size:1.5em; min-width:25%; padding:.5em 1em; } /*********************************************************************** MEMBERSHIP FORM ***********************************************************************/ #membership-form{ } .membership-label-button div:first-child{ /*membership title container*/ } .membership-label-button div:first-child:hover, .membership-label-active div:first-child{ /*Hover for membership levels*/ background:RGBA(0,0,0,0.1); } .membership-label-button h2.heading-text{ /*membership titles*/ } /*********************************************************************** DONATION FORM ***********************************************************************/ #donations-form-wrap{ } #donations-wrap .info-box{ } /**********************Calendar, Locations, Search, Information and Advertisment Controls******************************/ .search-text{ } .search-control .button{ text-decoration:none; } .control-box select{ width:160px; } .control-box div.ui-datepicker.ui-widget-content, div.ui-datepicker.ui-widget-content{ /*calendar background*/ } #eventperformances-calendar div#datepicker .ui-datepicker{ /*eventperformances.asp calendar*/ border:1px solid #ccc!important; background-color: #000; } .ui-datepicker .highlight a{ /*highlighted days for days with performances*/ color:#000!important; box-shadow:inset 0px 0px 5px #333; } .ui-datepicker select{ padding:1px!important; } div.ui-datepicker{ font-size:9.2px; /*we can change the size of the calendar just by adjusting the font-size here*/ color:#FFF; /*weekday color*/ } /*event performances calendar*/ #epPerformanceList #plCalendar #datepicker .ui-datepicker{ font-size:16px; } .ui-datepicker th{ /*weekday color*/ } .ui-datepicker .ui-datepicker-header{ /*Background for date selector on ui calendar*/ } .ui-datepicker .ui-state-highlight{ /*highlight for current day on ui calendar*/ } .ui-datepicker .ui-state-default{ /*Background for individual days on calendar*/ } .ads-control .ad-image{ /*contols default ad images, banners recieve the addotional class .banner-image*/ } .banner-image{ } .ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 240px; } .ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color: #2A6496; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1; margin-top: 2px; width: 30px; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-prev:before { content: "\e079"; } .ui-datepicker .ui-datepicker-next:before { content: "\e080"; } .ui-datepicker .ui-icon { display: none; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; } .ui-datepicker .ui-datepicker-current-day a { color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } /*************************************************Basket*******************************************/ .basket{ font-size:1em; } .basket-header{ /*styling for first row of baskets, and pricing rows*/ background-color:#fff; } .basket-legend{ background-color:#573E6F; color:#fff; text-transform: capitalize; box-shadow:none; border: none; margin-top:1em; } .basket-legend .basket-cell{ border:none; } .basket-event{ /*styling for event rows in baskets*/ background-color:#fff; border-top:1px solid #eee; margin-top:1em; } .performance-date { /*styling for event rows in baskets*/ color: #000 !important; font-weight: bold !important; } .performance-time { /*styling for event rows in baskets*/ color: #000 !important; font-weight: bold !important; } .basket-cell{ } .coupon-cell{ border:none; } .basket-apply-all-wrap{ background:#eee; } .item-checkbox, .basket-all-toggle{ border:none; } .basket-item{ /*rows for all tickets in basket*/ background-color:#fdfdfd; } .basket-ticket-item.even-item{ /*every other basket-item*/ background-color:#fafafa; } .basket-total-label{ border:none; } .basket-total{ border:1px solid #eee; background:#fafafa; } .checkout-header-item{ max-width:23%; float:left; padding:.5em 1.7%; } .basket-header-payment{ margin-right:-15%; } #checkout-button{ float:right; } .checkout-donation-image{ float:left; max-width:30%; margin-right:.5em; margin-bottom:.5em; display:none; /*hidden by default, also hidden in mobile.css*/ } .checkout-donation-heading{ font-weight:700; } #checkout-donation-buttons{ margin:.5em 0px; } input.button.checkout-donation-button{ background-image:#fff; background:#fff; background-color:#fff; color:#333; border:1px solid #333; text-shadow:none; font-size:.8em; } input.button.selected-checkout-donation{ background-image:#333; background:#333; background-color:#333; color:#fff; border:1px solid #666; text-shadow:none; } #CheckoutDonationOrderTotal{ font-weight:bold; } .checkout-donation-order-total-wrap{ float:right; border:1px solid #eee; padding:.25em; display:none; /*overwritten on page if checkout donations are enabled*/ } /*gift cards*/ .gift-card-wrap{ border:1px solid #eee; } .gift-card-header{ opacity:0.8; font-weight:bold; border-bottom:1px solid #eee; background:RGBA(0,0,0,0.1); margin:-.5em; padding:.5em; margin-bottom:0px; } .gift-card-cell{ display:inline-block; } .gift-card-info-row{ border-bottom:1px solid #eee; } .gift-card-number{ width:30%; } .gift-card-balance{ width:30%; } .gift-card-status, .gift-card-remove-check{ width:20%; } .gift-card-remove-check{ text-align:center; margin-right:-5%; } /************************************************* HTML Styles *************************************************/ .redFont{ color:#cc0000; } .greenFont{ color:#00cc00; } .orderNumber{ font-size:1.2em; font-weight:bold; } .uiFloatingContainer{ position:absolute; z-index:2000; border:solid 1px #000; background:#333 !important; color:#fff !important; border-radius:5px; padding:5px; display:none; white-space:nowrap; box-shadow:5px 5px 5px #000; } hr{ /* Title line color */ border:0; border-top:1px dotted #eee; height:1; } .error-message{ border:solid 1px #c00; background:#fee; color:#c00 !Important; padding:10px; margin:1em auto 1em auto; } .confirm-message{ border:solid 1px #0c0; background:#efe; color:#0c0 !Important; padding:10px; margin:1em auto 1em auto; } .confirm-message{ border } .error-text{ color:#c00; } .special-seating-id{ border:1px solid #ccc; } /************************************************* EventPerformances.asp && Performance Lists && Upcomming Events *************************************************/ .upcomming-events-wrap{ /*full wrap of upcomming events*/ } .performance-list-table{ font-size:0.875em; margin-bottom:10px; } .performance-list-item{ /*div style for package and bundle items in performance listings*/ padding:5px;padding-right:5px; /*adjust for margins created by hidden cells in performance lists*/ /*clear excessive styling from info-box class*/ box-shadow:none; border-radius:0px; /*aditional styling can go below*/ } .package-item{ /*specific class for package items in performance listings*/ } .hdrRow{ color:#999; } .login-box{ /*coupled with .info-box class to inherit site styles*/ margin:0px; box-shadow:none!important; /*box shadow will put heavy load on animations*/ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .login-box .button{ margin:10px 10px 10px 0px; } .login-box .heading-text{ font-size:1.2em; } .login-box label{ display:inline-block; width:100px; line-height:24px; margin-bottom:5px; } .login-form-wrap .login-label{ font-weight:bold; opacity:0.8; } .login-box input{ margin-bottom:5px; } .login-welcome-text, .register-welcome-text{ display:block; margin:10px 0px; } tr.plRow{padding:10px} .plButton{vertical-align:bottom;} #epImage2 img{width:100%;} .event-performances-right{ /*wraps all right-side items in eventperformances.asp*/ width:400px; float:right; margin-left:10px; margin-right:10px; } .event-performances-right img { max-width:100%; } .event-performances-description{ overflow:hidden; padding:10px; } .event-performances-lower-left{ overflow:hidden; padding:10px; } .event-performances-lower-left iframe{ max-width:100%; } .event-performances-lower-right{ overflow:hidden; padding:10px; } .event-performances-footer{ overflow:hidden; padding:10px; } .related-events-wrap{ } .related-event{ text-align:left; border:1px solid #ccc; } /*default performance list styles, custom lists should be set up below this set*/ .performance-list{ margin-bottom:10px; } .performance-list .pl-item{ transition:background-color .5s; border-bottom:1px solid #ccc; padding:5px; } .performance-list .pl-item.even-item{ } .performance-list .pl-item:hover{ background-color:RGBA(255,255,255,0.2); } .performance-list .pl-header:hover{ background-color:inherit; } .performance-list .pl-header{ font-size:.9em; background:none; height:1em; } .performance-list .pl-page-links{ text-align:right; } .performance-list .pl-first-col{ display:inline-block; width:50%; float:left; } .performance-list .pl-second-col{ width:45%; padding-left:3%; float:right; border-left:1px solid #eee; } .performance-list .pl-event-name{ font-size:1.1em; font-weight:bold; margin-top:0px; padding-top:0px; } .performance-list .pl-sale-status, .package-item .pl-sale-status{ float:right; color:#c00; border:1px solid #c00; border-radius:2px; font-weight:bold; padding:0px 10px; line-height:1.5em; } .performance-list .pl-description{ display:none; } .performance-list .pl-date, .performance-list .pl-time, .performance-list .pl-venue{ display:block; } .performance-list .pl-bottom{ clear:both; } .performance-list .pl-note{ font-style:italic; float:right; } /*category event view - featured event style*/ .featured-list .performance-list .pl-item:hover{ background:none; } .featured-list .performance-list .pl-item{ position:relative; background:none; } .featured-list .performance-list .pl-datetime, .featured-list .performance-list .pl-venue{ display:none; } .featured-list .performance-list .pl-description{ display:inline; } .featured-list .performance-list .pl-image{ float:right; max-width:400px; margin:10px; margin-right:0px; } .featured-list .performance-list .pl-first-col{ width:100%; } .featured-list .performance-list .pl-second-col{ clear:right; } .featured-list .performance-list .pl-header{ display:none; } .featured-list .performance-list .pl-event-name{ font-size:auto; } /*eventperformances performance list view*/ #epPerformanceList .performance-list .pl-first-col, #epPerformanceList .performance-list .pl-second-col{ float:none; width:auto; border:none; padding:0; } #epPerformanceList .performance-list .pl-header{ display:none; } /************************************************* POPUP CSS /*************************************************/ #black-content{ display:none; background:RGBA(0,0,0,0.6); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:9999; } #black-content #draggable{ height:1px; width:100%; } #popup-wrap{ display:inline-block; position:relative; top:100px; left:50%; background-color:#eee; padding:10px; border-radius:2px; border:1px solid #aaa; box-shadow:5px 5px 40px RGBA(0,0,0,0.6); } #popup-close{ position:absolute; top:3px; right:3px; font-family:'Poppins'; font-weight:bold; font-size:14px; line-height:24px; color:#400!important; cursor:pointer; border:none; box-shadow:none; border-radius:2px; padding:0px 5px; background:#eee; transition: background-color .4s; } #popup-close:hover{ background:#fff; } #popup-url{ border-radius:0px; box-shadow:none; background:transparent; display:none; } #popup-head{ display:block; font-size:18px; line-height:16px; font-weight:bold; color:#2a2a2a; background-color:#f5f5f5; padding:5px; border-radius:2px; margin:-7px; margin-bottom:2px; border:1px solid #ddd; text-shadow:#ccc 1px 1px 1px; cursor:default; cursor:pointer; } .popup-body{ background-color:#f5f5f5; } .popup-body img{ max-width:100%; } .popup-body.default-font, .popup-body .heading-text{ color:#2a2a2a; } .popup-bottom-close{ } #popup-wrap #fetched{ max-height:500px; width:400px; overflow-y:auto; } .popup-bottom-close{ margin-top:10px; } /************************************************* SeatMaps *************************************************/ .quickpick-price-wrap label.ticket-price-label, .quickpick-quantity-wrap label.number-of-tickets-label { color: #666; } #ga-price-code-table .price-code-col{ border-bottom:3px solid #aaa; } #ga-price-code-table .price-code-cell{ border-bottom:1px solid #eee; padding-top:.5em; padding-bottom:.5em; } #seatmap-wrap{ font-size:20px; /*controls default size for seatmap seats*/ background:#f5f5f5; border-radius:2px; } .button.seatmap-zoom{ font-weight:bold; font-size:2em; } #seatmap-inner{ } #seatmap-floating-container{ background:#666; background:RGBA(0,0,0,0.6); color:#fff; font-size:14px; border-color:RGBA(0,0,0,0.6); border-radius:2px; box-shadow:1px 1px 1px 3px RGBA(0,0,0,0.05); } area.sold-out-section{ background-color:RGBA(255,0,0,0.5); border:red; display:inline-block; position:relative; z-index:9999; } .seatmap-floating-container-label{ font-weight:bold; opacity:0.8; } /*seats and seatmap cells*/ .seat-container{ /*border-radius:2px;*/ border-radius: 50%; } .seatmap-row-label{ padding:.1em; font-weight:bold; opacity:0.8; color:#333; box-shadow:none!important; } .seat{ border-radius: 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; /* border-radius:1px; background-image: url("http://demoESv28.accesso.com.mx/AdsUPLImage/asientoocupado.png"); width:19px; height:19px; */ transition:background .4s; } .seat.off{ background-color:#ffffff; } .seat.off:hover{ background:#000; background:RGBA(0,0,0,0); } .seat.on{ background-image:url(../images/seat.png); background-size:contain; background-repeat:no-repeat; } .seatmap-status-legend, .special-seating-wrap, .seatmap-price-code-legend { border-top:1px solid #eee; } .seatmap-status-color-box{ border:1px solid #eee; } .seat-container.aisle-seat{ background-image:url('../images/AisleBackground.png')!important; background-size:contain; background-position:center center; } span.special-seating-identifier { font-weight:bold; opacity:0.8; color:#333; } /************************************************* FUZION Insurance CSS *************************************************/ .insurance_panel{font-size:11px;font-family:'Poppins';} .insurance_panel .panel_header{background:#e6e6e6;padding:3px;margin:0 0 1px 0;} .insurance_panel .panel_body{background:#f5f5f5;} .insurance_panel .insurance_protection_img{padding:3px;} .insurance_panel .insurance_protection_img div{background:#3630aa;color:#ffffff;width:100px;height:50px;text-align:center;} .insurance_panel .insurance_protection_right_column{} .insurance_panel .insurance_input_wrapper{} .insurance_panel .insurance_input{} .insurance_panel .highlight{background:#e6e6e6;} /********************************************* Remove Default buttons from number type fields for webkit browsers - display:none will crash chrome. *********************************************/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*Custom for showare*/ .head-band{ background:#221f1f; position:fixed; width:100%; z-index:9999; height:35px; padding:5px; } .featured-items-item, .featured-items{ padding:0; padding-bottom:3em; margin:0; } img.featured-items-image{ float:right; margin:0 0 1em 1em; border:3px solid #eee; box-shadow:0px 0px 4px RGBA(0,0,0,0.1); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } img#img1{ border:3px solid #eee; border-radius:8px; } .main-container .event-performances-description, .main-container .event-performances-lower-left, .main-container .event-performances-lower-right, .main-container .event-performances-footer{ font-weight:300; } #epPerformanceList .pl-item{ margin:.25em 0; } .qode_column{ box-sizing:border-box; width:25%; float:left; text-align:left; } .column_inner ul, .column_inner li{ padding:0; margin:0; list-style:none; } .featured-items-item .buy-button.membership-add-button{ min-width:0; } .quickpick-form, .select-seats-wrap{ margin:1em auto; padding:1em; } .quickpick-form{ margin-top:2em; } #ga-price-code-table, .coupon-block{ max-width:960px; margin:1em auto; } .checkout-finished-iframe { margin-top: 0px; height: 50px; } @media screen and (max-width: 490px){ .checkout-finished-iframe { height: 90px!important; } } /*.event-performance-calendar-wrap {width: 600px; float: right; text-align: center; margin-left: 10px; margin-right: 10px;} /*.event-performance-calendar-wrap #calendarWidget .heading-text {display: none;}*/ /************************************************* PERSONALIZADOS *************************************************/ .UserIcon { width: 23px; margin-bottom: -7px; } .header-menu{ background-color: rgb(54, 54, 54); height:50px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .header-menu ul{ list-style-type: none; margin: 0px; padding: 0px; text-align: center; width: 100%; } .header-menu ul li{ float: right; padding: 12px; margin: 0px; } .header-menu ul li a{ color: #FFF; font-family: "Jura Semibold"; font-size: 1.3em; } .header-menu ul .logo{ font-size: 1.8em; padding: 5px; float: left; } .header-menu ul .logo a { text-decoration: none; } #btnNewUser, #facebook-login-button{ padding:1.5em; } .showare-text, .country-select { border: 2px solid #000 !important; } .basket-space { background-color: #e0e0e0; } .pricingcode-dropdown{ background-color: #e0e0e0; color: #000; border: 1px Solid #000; } .qty-small-text { border: 1px solid #000; } .heading-text.checkout-form-header { background: #333 !important; color: #FFF !important; text-transform: none !important; } #google_translate_element{ padding-top:10px; } /*Se quita el calendario del home*/ /*Medidas personalizadas del calendario*/ #datepicker .ui-datepicker td a { padding: 0px; height: 15px; width: 26px; } #datepicker .ui-datepicker td, #datepicker .ui-datepicker th, #datepicker .ui-datepicker td a { display: inline-block; height: 21px; width: 40px; padding: 1px; margin: 1px; box-sizing: border-box; text-align: center; line-height: 15px; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; background: RGBA(255,255,255,0.8)!important; color: #666!important; border-radius: 3px; overflow: hidden; } #datepicker .ui-datepicker td, #datepicker .ui-datepicker th, #datepicker .ui-datepicker td a { display: inline-block; height: 21px; width: 40px; padding: 1px; margin: 1px; box-sizing: border-box; text-align: center; line-height: 15px; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; background: RGBA(255,255,255,0.8)!important; color: #666!important; border-radius: 3px; overflow: hidden; } #datepicker .ui-datepicker td.highlight.ui-datepicker-current-day a { background: #00a8e1!important; border-radius: 0em; color: #fff!important; } #datepicker .ui-datepicker td.ui-datepicker-current-day a { background: #00a8e1!important; color: #fff!important; } .pl-date, .pl-time { color: #000; font-weight: bold; } .sw-datepicker .month-wrap { background-color: #000 !important; border: 1px solid #000 !important; } td.highlight-day span.calendar-day { border: 1px solid #000 !important; color: #000 !important; } .basket-footer-right-cell { float: none; width: 100%; box-sizing: border-box; padding-bottom: 10px; } .scroll-top { display: none } img.ad-image { width: -webkit-fill-available; height: 1px; } #epPerformanceList #eventCalendar { font-size:15px !important; }