body{padding-top:50px;background-color:#eee;padding-bottom:100px;overflow:auto}h1{font-size:24px;margin:0;text-align:center}.control-panel{position:fixed;left:0;right:0;bottom:0;padding:20px;padding-bottom:10px;background:#3c8dbc;z-index:1000}.control-panel .buttons-panel{overflow:hidden;float:right;margin-left:30px}.control-panel .buttons-panel .style-button{float:right;font-size:1.5em;padding:3px 10px;color:#fff;cursor:pointer}.control-panel .total{color:#fff;padding:5px 0;float:left}.control-panel .total .price,.control-panel .total .amount{font-size:1.2em}.clicked{cursor:pointer}.pricing-list-wrap .pricing-list-container{overflow:hidden}.pricing-list-wrap .pricing-list-container .pricing-wrap{cursor:pointer;float:left;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:3px;margin-right:10px;margin-bottom:10px}.pricing-list-wrap .pricing-list-container .pricing-wrap .odeum-seat-wrap{float:left}.pricing-list-wrap .pricing-list-container .pricing-wrap .odeum-seat-wrap .odeum-seat{width:26px;height:26px;font-size:14px}.pricing-list-wrap .pricing-list-container .pricing-wrap.changed{border-color:#104665}.pricing-list-wrap .pricing-list-container .pricing-wrap.has-error{border-color:#a51908}.pricing-list-wrap .pricing-list-container .pricing-wrap.current-price{background-color:ButtonShadow}.styles-to-pricing{padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.styles-edit-list-wrap{overflow:hidden}.styles-edit-list-wrap .styles-edit-list-container{float:left;padding:2px}.styles-edit-list-wrap .styles-edit-list-container .odeum-seat-wrap{padding:20px;margin:2px;border-radius:5px}.styles-edit-list-wrap .styles-edit-list-container .odeum-seat-wrap.changed{padding:18px}.style-edit-form .preview{padding:20px;background:#fff}.style-edit-form .form-area{padding:20px 20px 5px 20px;background:#fff}.style-color-peacker{margin:10px;margin-left:0;background:#fff;padding:5px 30px 5px 5px;position:relative;width:190px}.style-color-peacker input{width:140px;margin-right:40px}.style-color-peacker .color-display{position:absolute;right:0;top:0;bottom:0;width:40px;background:#eee;padding:10px}.style-color-peacker .color-display .color{height:20px;width:20px}.odeum-row{position:relative}.odeum-row .number{position:absolute;top:0;padding:1px 3px;background:#eee;cursor:pointer}.odeum-row .number.before{left:0}.odeum-row .number.after{right:0}.odeum-seat-wrap{display:inline-block;padding:2px;cursor:pointer}.odeum-seat-wrap .odeum-seat{overflow:hidden;margin:0;background:#999;width:16px;height:16px;position:relative;text-align:center;font-size:10px;border-top-left-radius:5px;border-top-right-radius:5px}.odeum-seat-wrap .odeum-seat:after{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:5px;background:rgba(0,0,0,.3)}.odeum-seat-wrap.un-active{background:#ccc;opacity:.5}.odeum-seat-wrap.disable{cursor:not-allowed}.odeum-seat-wrap.changed{background:rgba(0,0,0,.4)}.odeum-seat-wrap.selected{background:rgba(0,0,0,.8)}.odeum-seat-wrap.blocked .odeum-seat{cursor:not-allowed;background:#d3cfcf!important;color:#555!important}.odeum-seat-wrap.not-active{opacity:.3}.actual-events-container{padding:30px 20px;background:#fff;border-bottom:3px solid #eee}.actual-events-container .slick-arrow:before{color:#3c8dbc}.actual-events-container .slick-dots .slick-active button:before{color:#3c8dbc}.actual-events-container .actual-events{text-align:center;margin:0 30px}.actual-events-container .actual-events .empty-message{display:inline-block;border:2px solid #eee;padding:20px;margin:0 auto}.actual-events-container .actual-events .event{cursor:col-resize;background:#ecf0f5;text-align:center;margin:0 20px;padding:2px}.actual-events-container .actual-events .event.active{border:2px solid #104665;padding:0}.actual-events-container .actual-events .event .date-block{padding:10px 5px;position:relative;background:#133e57;color:#fff;text-align:center}.actual-events-container .actual-events .event .date-block .day{font-size:2em}.actual-events-container .actual-events .event .date{color:#666}.actual-events-container .actual-events .event .name{font-size:1.2em;margin-left:50px;margin-right:20px}.actual-events-container .actual-events .event .name a{display:block;padding-top:30px;height:110px}.actual-events-wrapper{background:#fff;padding:10px}.actual-events-wrapper .actual-events-slider{overflow:hidden;position:relative;height:110px;padding:0 30px}.actual-events-wrapper .actual-events-slider .arrow{position:absolute;color:#3c8dbc;font-size:2em;top:30px;z-index:100;cursor:pointer}.actual-events-wrapper .actual-events-slider .arrow.arrow-left{left:0}.actual-events-wrapper .actual-events-slider .arrow.arrow-right{right:0}.actual-events-wrapper .actual-events-slider .arrow:hover{color:#133e57}.actual-events-wrapper .actual-events-slider .actual-events-slider-display{overflow:hidden;position:relative;height:110px}.actual-events-wrapper .actual-events-slider .actual-events-inner-container{width:50000px;position:absolute;left:0;top:0}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper{float:left;width:280px;margin:0 10px 0 0;background:#ecf0f5}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event{position:relative;height:110px;padding:0 0 0 50px;border:3px solid #ecf0f5}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .inner-panel{position:absolute;top:1px;right:1px;opacity:0;z-index:50}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .inner-panel .button{background:#3c8dbc;color:#fff;padding:3px;margin-bottom:1px;text-align:center;display:block}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .inner-panel .button:hover{background:#133e57;color:#fff}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .name{color:#3c8dbc;font-size:1.4em;display:block;position:absolute;top:10px;bottom:10px;right:10px;left:50px;z-index:10}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .more-link{color:#3c8dbc;position:absolute;bottom:5px;right:5px;z-index:20}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .date-block{padding:5px;text-align:center;position:absolute;left:0;top:0;bottom:0;background:#3c8dbc;color:#fff}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event .date-block .item.day{font-size:1.5em}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event:hover{border-color:#133e57}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event:hover .inner-panel{opacity:1}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event:hover .name{color:#133e57}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event.active{border-color:#133e57}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event.active .name{color:#133e57}.actual-events-wrapper .actual-events-slider .actual-events-inner-container .event-wrapper .event.active .date-block{background:#133e57}.events-list-page .event{height:300px;position:relative}.events-list-page .event .params{border:1px solid #eee;border-bottom:none}.events-list-page .event .params .param{position:relative;padding:10px 10px 10px 40px;border-bottom:1px solid #eee}.events-list-page .event .params .param i.fa{width:40px;padding:12px 0 14px 14px;display:block;position:absolute;left:1px;top:1px;bottom:1px}.events-list-page .event.box-solid{border-top-width:2px}.events-list-page .event .is-active{padding:3px 0 3px 10px;font-size:2em;color:#dd4b39}.events-list-page .event .is-active.active{color:#00a65a}.events-list-page .event .date{color:#999;font-style:italic}.events-list-page .event .btn-group{position:absolute;bottom:10px;left:10px}.datepicker .table .disabled{color:#ea7a6c}.controlable{position:relative;padding-right:20px}.controlable .inner-panel{position:absolute;top:0;right:0}.controlable .inner-panel .button{display:block;text-decoration:none;color:#999}.controlable .inner-panel .button:hover{color:#3c8dbc}.form-control.ng-invalid{border-color:#b49d17}.form-control.ng-invalid.ng-dirty{border-color:#dd4b39}.structure-container{overflow:auto}.structure-container .odeum{width:800px;padding:10px;background:#fff;border:2px solid #dd4b39;color:#dd4b39;font-size:2em;text-align:center;margin:0 auto}.structure{width:1200px;margin:0 auto;position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.structure .odeum-sector .sector-name{display:inline-block;font-size:1.2em;margin:10px 0;cursor:pointer}.structure .odeum-sector .sector-name:hover{text-decoration:underline}.structure #odeum-sector-8,.structure #odeum-sector-9,.structure #odeum-sector-10,.structure #odeum-sector-13,.structure #odeum-sector-15{text-align:center;width:1026px;margin:0 auto}.structure #odeum-sector-8 .row-number-1 .seat-number-6,.structure #odeum-sector-8 .row-number-2 .seat-number-6,.structure #odeum-sector-8 .row-number-1 .seat-number-29,.structure #odeum-sector-8 .row-number-2 .seat-number-29{margin-right:20px}.structure #odeum-sector-8 .row-number-3 .seat-number-7,.structure #odeum-sector-8 .row-number-3 .seat-number-30{margin-right:20px}.structure #odeum-sector-8 .row-number-4 .seat-number-8,.structure #odeum-sector-8 .row-number-5 .seat-number-8,.structure #odeum-sector-8 .row-number-4 .seat-number-31,.structure #odeum-sector-8 .row-number-5 .seat-number-31{margin-right:20px}.structure #odeum-sector-8 .row-number-6 .seat-number-9,.structure #odeum-sector-8 .row-number-6 .seat-number-32{margin-right:20px}.structure #odeum-sector-8 .row-number-7 .seat-number-10,.structure #odeum-sector-8 .row-number-8 .seat-number-10,.structure #odeum-sector-8 .row-number-9 .seat-number-10,.structure #odeum-sector-8 .row-number-10 .seat-number-10,.structure #odeum-sector-8 .row-number-11 .seat-number-10,.structure #odeum-sector-8 .row-number-7 .seat-number-33,.structure #odeum-sector-8 .row-number-8 .seat-number-33,.structure #odeum-sector-8 .row-number-9 .seat-number-33,.structure #odeum-sector-8 .row-number-10 .seat-number-33,.structure #odeum-sector-8 .row-number-11 .seat-number-33{margin-right:20px}.structure #odeum-sector-11,.structure #odeum-sector-12{position:absolute;top:0;text-align:center}.structure #odeum-sector-11 .odeum-row,.structure #odeum-sector-12 .odeum-row{width:26px;text-align:center}.structure #odeum-sector-11 .sector-name,.structure #odeum-sector-12 .sector-name{font-size:1em;padding-bottom:15px}.structure #odeum-sector-11 .number,.structure #odeum-sector-12 .number{top:unset}.structure #odeum-sector-11 .number.before,.structure #odeum-sector-12 .number.before{left:0;top:-20px}.structure #odeum-sector-11 .number.after,.structure #odeum-sector-12 .number.after{bottom:-20px;left:0}.structure #odeum-sector-11{left:0}.structure #odeum-sector-11 .odeum-row{float:right}.structure #odeum-sector-12{right:0}.structure #odeum-sector-12 .odeum-row{float:left}.structure #odeum-row-50,.structure #odeum-row-53{margin-top:175px}.structure #odeum-row-51,.structure #odeum-row-54{margin-top:50px}.legend-container{position:fixed;top:180px;padding:5px;z-index:500}.legend-container .title{font-size:1.5em;margin-bottom:15px}.legend-container .legend{margin-bottom:10px;text-align:center}.legend-container .legend .title{text-transform:uppercase;margin:0}.legend-container .legend .date-block{margin-bottom:10px}.legend-container .legend .date-block .item{font-size:1.2em}.legend-container .legend .date-block .item.day{font-size:3em}.legend-container .legend .legend-inner-container{width:100px;padding:10px;background:#fff}.legend-container .legend .legend-inner-container .pricing-wrap{margin-bottom:0;float:none}.legend-container.left{left:0}.legend-container.right{right:0}.legend-container .pricing-row-wrap{float:left;margin-right:10px}.form-wrap{position:fixed;top:0;left:0;right:0;z-index:9000}.form-wrap .form{position:relative;width:400px;margin:0 auto}.form-wrap .form .form-inner-container{position:absolute;left:0;right:0;top:0;background:#eee;padding:20px}.form-wrap .form .form-inner-container .list{overflow:auto}.form-wrap .form-overlay{position:fixed;background:rgba(255,255,255,.6);left:0;right:0;top:0;bottom:0}#order-form li{padding:10px}#order-form li.for-remove{background:#f1baba}.secur{margin-top:50px;border:2px solid #eee;border-radius:5px;color:#fff;padding:30px;font-size:24px}.secur.correct{background:#1f4e28}.secur.incorrect{background:#510707}.inActive{opacity:.5}.cancel-But{margin:10px}.ticket{margin:10px}#pagination{text-align:center;position:relative;left:45%;display:inline-block}.order{border-radius:8px;opacity:.95}.user-menu .btn{padding:5px}.systems{width:310px;float:left;margin-left:300px}.control-wrapper .control-response-wrapper{padding:20px;border:10px solid #286d20}.control-wrapper .control-response-wrapper.error{border-color:#a51908}.scrollable-menu{height:auto;max-height:267px;overflow-x:hidden}.std-form .messages{margin:5px 0}.std-form .messages .message{color:#fff;padding:5px}.std-form .messages .message.error{color:#ed4a25}.std-form .messages .message.done{color:#1d9648}#page-load-animation{background:#fff;position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}#page-load-animation .animation-container{position:absolute;top:50%;left:0;right:0;margin-top:-80px;text-align:center}.cssload-thecube{display:inline-block;width:52px;height:52px;margin:0 auto;margin-top:35px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg)}.cssload-thecube .cssload-cube{position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg)}.cssload-thecube .cssload-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3c8dbc;animation:cssload-fold-thecube 2.76s infinite linear both;-o-animation:cssload-fold-thecube 2.76s infinite linear both;-ms-animation:cssload-fold-thecube 2.76s infinite linear both;-webkit-animation:cssload-fold-thecube 2.76s infinite linear both;-moz-animation:cssload-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%}.cssload-thecube .cssload-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg)}.cssload-thecube .cssload-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg)}.cssload-thecube .cssload-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg)}.cssload-thecube .cssload-c2:before{animation-delay:.35s;-o-animation-delay:.35s;-ms-animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}.cssload-thecube .cssload-c3:before{animation-delay:.69s;-o-animation-delay:.69s;-ms-animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}.cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s}@keyframes cssload-fold-thecube{0%,10%{transform:perspective(98px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(98px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(98px) rotateY(180deg);opacity:0}}@-o-keyframes cssload-fold-thecube{0%,10%{-o-transform:perspective(98px)rotateX(-180deg);opacity:0;}25%,75%{-o-transform:perspective(98px)rotateX(0deg);opacity:1;}90%,100%{-o-transform:perspective(98px)rotateY(180deg);opacity:0;}}@-ms-keyframes cssload-fold-thecube{0%,10%{-ms-transform:perspective(98px) rotateX(-180deg);opacity:0}25%,75%{-ms-transform:perspective(98px) rotateX(0deg);opacity:1}90%,100%{-ms-transform:perspective(98px) rotateY(180deg);opacity:0}}@-webkit-keyframes cssload-fold-thecube{0%,10%{-webkit-transform:perspective(98px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(98px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(98px) rotateY(180deg);opacity:0}}@-moz-keyframes cssload-fold-thecube{0%,10%{-moz-transform:perspective(98px) rotateX(-180deg);opacity:0}25%,75%{-moz-transform:perspective(98px) rotateX(0deg);opacity:1}90%,100%{-moz-transform:perspective(98px) rotateY(180deg);opacity:0}}#system-messages-wrapper{position:fixed;top:50px;left:0;right:0;z-index:2000}#system-messages-wrapper .messages-container .message{padding:20px;color:#999;margin-bottom:3px;background:#fff;border:2px solid #999;margin:2px}#system-messages-wrapper .messages-container .message.message-error{border-color:#c81d1d;color:#c81d1d}#system-messages-wrapper .messages-container .message.message-success{border-color:#139a3f;color:#139a3f}#system-messages-wrapper .messages-container .message .remove{float:right;cursor:pointer}.tickets-container .ticket-wrapper .ticket{position:relative;margin-bottom:10px;border:2px solid #d2d6de;border-radius:3px;background:#d2d6de;color:#000}.tickets-container .ticket-wrapper .ticket.is-lock{border-color:#c81d1d!important}.tickets-container .ticket-wrapper .ticket.is-lock .ticket-icon{background:#c81d1d!important;color:#fff!important}.tickets-container .ticket-wrapper .ticket.is-lock .disable{border:2px solid #c81d1d;color:#c81d1d;text-align:center;border-radius:3px;padding:3px 7px;font-weight:bold;display:inline-block}.tickets-container .ticket-wrapper .ticket .tools-panel{position:absolute;bottom:5px;right:5px}.tickets-container .ticket-wrapper .ticket .ticket-icon{float:left;width:60px;margin-right:20px;padding:5px;background:rgba(0,0,0,.2)}.tickets-container .ticket-wrapper .ticket .ticket-icon .date-block{overflow:hidden;text-align:center}.tickets-container .ticket-wrapper .ticket .ticket-icon .date-block .day{font-size:42px;margin-top:-10px}.tickets-container .ticket-wrapper .ticket .ticket-icon .date-block .month{font-size:22px;margin-top:-15px}.tickets-container .ticket-wrapper .ticket .ticket-icon .date-block .year{font-size:22px;margin-top:-5px}.tickets-container .ticket-wrapper .ticket .ticket-icon .date-block .time{font-size:20px}.tickets-container .ticket-wrapper .ticket .ticket-icon .fa{font-size:42px;padding:20px}.tickets-container .ticket-wrapper .ticket .ticket-body{margin-left:60px}.tickets-container .ticket-wrapper .ticket .ticket-body .top-line{padding:10px 0 8px;padding-right:100px;border-bottom:2px solid rgba(0,0,0,.2)}.tickets-container .ticket-wrapper .ticket .ticket-body .top-line .event-name{font-size:1.4em}.tickets-container .ticket-wrapper .ticket .ticket-body .top-line .price{background:rgba(0,0,0,.2);padding:5px 10px;position:absolute;top:0;right:0;font-weight:bold;font-size:1.2em;text-align:center}.tickets-container .ticket-wrapper .ticket .ticket-body .bottom-line{padding-top:9px}.tickets-container .ticket-wrapper .ticket .ticket-body .bottom-line .place{font-size:.9em}.order-total{padding:0 10px}.order-total .total-line{text-align:right;font-size:16px;margin-bottom:10px}.order-total .total-line strong{font-size:20px}.profile-orders .orders-container .order-wrapper{padding:3px;margin-bottom:20px;border:2px solid #404040;background:#fff}.profile-orders .orders-container .order-wrapper.expiry{border:5px solid #ccc;padding:0;opacity:.8}.profile-orders .orders-container .order-wrapper .open-pill{padding:20px;cursor:pointer;position:relative}.profile-orders .orders-container .order-wrapper .open-pill .name{font-size:1.4em;color:#000}.profile-orders .orders-container .order-wrapper .open-pill .date{font-size:.9em;color:#333}.profile-orders .orders-container .order-wrapper .open-pill .state{position:absolute;top:5px;right:5px;font-size:18px}.profile-orders .orders-container .order-wrapper .open-pill .state .timelimit{font-size:.8em;opacity:.9;text-align:right}.profile-orders .orders-container .order-wrapper .open-pill .total{position:absolute;font-size:24px;color:#000;bottom:5px;right:5px}.profile-orders .orders-container .order-wrapper .open-pill.active{background:#cbcbcb}.profile-orders .orders-container .order-wrapper .open-pill:hover{background:#eee}.profile-orders .orders-container .order-wrapper .details{padding:20px;background:#fff}.profile-orders .orders-container .order-wrapper .details .tickets-container .ticket-wrapper.deleted{opacity:.4}.profile-orders .orders-container .order-wrapper .details.close{display:none}.help-page .help-controls{float:left;width:250px}.help-page .help-controls .help-pill{transition:all .3s;margin-bottom:10px;background:#ccc;text-align:left;padding:10px;cursor:pointer;border:2px solid #ccc;background:#fff}.help-page .help-controls .help-pill.active,.help-page .help-controls .help-pill:hover{border-color:#666}.help-page .help-content{margin-left:300px}.help-page .help-content h1{font-size:24px;margin:0 0 20px;text-align:left}.help-page .help-content h2{font-size:18px;margin:0 0 20px;text-align:left}.help-page .help-content .manual{padding:20px;border:1px solid #ccc}