@charset "UTF-8";


.event_table {width: 100%; padding: 0px; margin: 0px; text-align: left}

.event_table th {background: #fcfcfc; padding: 8px 5px; margin: 0px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;
font-weight: 500; color: var(--main); font-size: 0.9em}

.event_table td {background: #fff; padding: 6px 5px; margin: 0px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0.85em; width: 12%; color: #666; font-weight: 200}
.event_table .name {width: 52%}

.event_table i {color: #777}
.event_table a {color: var(--main); text-decoration: underline}
.event_table i:hover {color: var(--main)}

.event_table button {display: inline-block!important; background: none; border: none; cursor: pointer}

.event_table td:first-child, .event_table th:first-child { border-left: 1px solid #ddd}

.event_table td:last-child, .event_table th:last-child { text-align: center}

.event_table input, #events_table input, #events_table_r input {border: 1px solid #ccc; width: 100%;}
.event_table input.ng-touched.ng-invalid {border: 2px solid red; width: 100%;}
.event_table .input_wrapper {display:inline-block;}
.event_table .input_wrapper.ng-touched.ng-invalid {border: 2px solid red;}
.event_table input:focus, #events_table input:focus, #events_table_r input:focus {border-bottom: 1px solid var(--main)!important;outline: none!important;}

.event_table .noborder {border: none!important; padding: 10px 0px!important; }
.event_table .datatr {border-top: 1px solid #ddd!important}

.event_table th [aria-sort= *] {display: block}


.center {text-align: center!important}
.left {text-align: left!important}
.right {text-align: right!important}

.table_link {color: var(--main); font-size: 0.9em; font-weight: 400}

.table_sup {font-weight: 300; color: var(--insgrey); text-align: right; font-size: 0.7em; margin: 5px 0px}

.table_pop { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh}
.table_pop .modal-dialog {position: absolute; top: 50%!important; left: 50%!important; transform: translateY(-50%) translateX(-50%)!important; width: 50%; }
.table_pop .modal-content {padding: 50px!important; border-radius: 0px}

.table_pop .close, .close {right: 10px; position: absolute; top: 10px; color: var(--main); font-size: 1.5em; opacity: 1; }

.no_event_yet {width: 100%; margin: 30px auto; border: 0px solid #f90; text-align: center}
.no_event_yet h1 {font-size: 1.5em;  color: #555}


/* angular forms */

.editangform input {background: #f9f9f9!important; border: 1px solid #f9f9f9!important; border-bottom: 1px solid #ccc!important;font-size: 1.05em!important ; padding: 2px!important; font-weight: 300; margin: 0px!important; height:1.5em; line-height: 1.5em; }

.editangform input:focus {background: #f9f9f9!important; border: 1px solid #f9f9f9!important; border-bottom: 1px solid var(--main)!important; outline: none!important;color: #444}

.editangform button path {background: var(--red)!important; fill: var(--red)!important}

.md-input-container {margin: 0px!important; padding: 0px!important; border: none!important; height: auto!important}
md-switch, .md-switch {margin: 0px!important; padding: 0px!important; border: none!important; }

.md-block { margin: 0px!important; padding: 0px!important}



md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb,
md-radio-button.md-default-theme .md-on, md-radio-button .md-on 
    {background-color: var(--main)!important;}

md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
  background-color: rgba(51,51,51,0.2);
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
  border-color: #999!important;
}

md-radio-group .ng-scope, md-switch .ng-scope {margin: 0px 25px 0px 0px; font-size: 1.1em!important; white-space: normal!important}

md-autocomplete-wrap {padding: 0px!important; margin: 0px!important}

.mdinput input {font-size: 1.0em!important; font-weight: 400!important; }
.mdinput input:focus {background: #f9f9f9!important; ; border-bottom: 1px solid var(--main)!important;outline: none!important}
.mdinput {padding: 0px!important; margin: 0px!important;  height: 37px!important; top: 3px!important  }

.obligatorium {position:absolute; bottom: 0px!important; left: 10px; padding: 0px; margin: 0px; height: 1.5em!important}
.form_trash {font-size: 0.7em; color: #fff; background: var(--main)!important; padding: 5px; border-radius: 50%; cursor: pointer}


#uploadimageprofile {border: none; margin: 0px!important; padding: 0px!important}
#uploadimageprofile button, #uploadimage button {font-weight: 400; font-size: 1em; line-height: 1.2em; padding: 6px 30px; border-radius: 300px;color: #fff; background: var(--main);text-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2); white-space: nowrap;cursor: pointer; border: none; margin: 0px 20px 0px 0px }

#uploadimageprofile input, #uploadimage input {border: none}
#uploadimageprofile p, #uploadimage p {font-size: 0.8em}
#uploadimageprofile h6, #uploadimage h6 {font-size: 1em; font-weight: 350!important}
#uploadimageprofile h6 a, #uploadimage h6 a {color: var(--main); text-decoration: none}

#event_description ._md { padding: 5px 0px 0px; margin: 0px}
#event_description .note-editor { padding: 0px!important; margin: 0px!important; border-radius: 0px!important}


.inv_email_list, .inv_email_list:hover {margin: 0px!important; padding: 0px!important; min-height: 20px!important; max-height: 20px!important; }
#invit_list *:hover, #invit_list *:active, #invit_list *:focus {background: none!important}
#invit_list md-list-item { min-height: 20px!important; max-height: 20px!important; pointer-events: none;}

.inv_list {height: 14px!important; margin-right: 10px}

.table-input {background: #fff; border: 1px solid #eee; margin: 10px 0px; padding: 5px}

.table-input tbody tr, .table-input tbody tr td {background: #fff!important; padding: 0px!important; margin: 0px!important}
.table-input thead tr th { line-height: 0.8em; font-weight: 400}
.table-input md-input-container, .table-input md-datepicker {margin-bottom: 0px; padding: 0px 5px!important}
.table-input tbody tr:nth-child(2) td { border: none!important}

.org_url button {background: var(--main); border: none;  height: 2em; width: 2em; margin: 7px 10px 0px 10px; border-radius: 1em}
.org_url i {color: #fff}
.org_url a {color: var(--main); text-decoration: none}


.table-buying {background: #fff; border: 0px solid #eee; margin: 10px 0px; padding: 5px}

.table-buying  tr, .table-buying  tr td {background: #fff!important; padding: 10px 10px 10px 0px!important; margin: 0px!important; font-size: 1.0em}
.table-buying thead tr th { line-height: 0.8em; font-weight: 400}
.table-buying md-input-container, .table-input md-datepicker {margin-bottom: 0px; padding: 0px 5px!important}
.table-buying tbody tr:nth-child(2) td { border: none!important}
.table-buying md-select {margin: 0px!important; padding: 0px!important; width: 20px; }
.table-buying md-select-value { border: none!important; background: #eee; padding: 2px 0px 2px 10px!important}
.table-buying h6 {font-weight: 450!important; font-size: 1em; padding: 0px; margin: 0px }
.table-buying h6::before {
  content: '• '; color: var(--secondary); font-size: 1.1em;
  display: inline-block;
  margin-right: 5px;
}


#seat_map_dialog  {border: 0px solid #f89; margin-top: 80px; height: calc(100vh - 80px)!important}
#seat_map {border: 0px solid #f90; top: 0px!important}

#seat_map_dialog md-dialog {border: 0px solid #f89!important; top: 0px!important; height: calc(100vh - 80px)!important}

#seat_map_dialog .dialog_header { transform: translateY(20px)!important}

#cart_counter {font-size: 1.2em!important; font-weight: 400}
#cart_counter i {font-size: 0.8em!important; color: #777}

/* form elements */
.margin10 {margin-top: 10px!important}
.margin20 {margin-top: 20px!important}
.margin30 {margin-top: 30px!important}
.margin40 {margin-top: 40px!important}
.margin50 {margin-top: 50px!important}
.margin60 {margin-top: 60px!important}
.xtraheight {height: 20px; width: 100%; display: block;}
.marginleftextra {margin-left: 45px!important}

#events_table, #events_table_r {width: 100%!important; max-width: 100%!important}
#events_table th, #events_table_r th {cursor:default}


table.tablesorter thead tr .header,
table.tablesorter thead tr .tablesorter-header{
	background-image: url("../../img/new/bg_b.gif")!important;
	background-repeat: no-repeat!important;
	background-position: center right!important;
	cursor: pointer;
}


table.tablesorter thead tr .headerSortUp,
table.tablesorter thead tr .tablesorter-header.tablesorter-headerDesc {
	background-image: url("../../img/new/asc.gif")!important;
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .tablesorter-header.tablesorter-headerAsc {
	background-image: url("../../img/new/desc.gif")!important;
}




.idioma{
  margin: 10px 5px 10px 0px;
  background-color: var(--grey);
  border-radius: 1.5em;
  border: none;
  overflow: hidden;
  float: left;
    font-weight: 200;
    font-size: 0.9em; 
}

.idioma label {
  float: left; line-height: 30px;
  width: 120px; height: 1.5em; 
}

.idioma label span {
  text-align: center;
  display: block;
    cursor: pointer;
}

.idioma label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.idioma label input + span{color: #fff;}


/* This will declare how a selected input will look giving generic properties */
.idioma input:checked + span {
    background-color: none;
    color: #ffffff;
    text-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
}
.idio .selection-active input + span{background-color: var(--secondary); padding: 1px; font-weight: 600}


.multifecha{
  margin: 0px 5px 10px 0px;
  background-color: var(--grey);
  border: none;
  overflow: hidden;
  float: left;
    font-weight: 450;
    font-size: 1em; 
}

.multifecha label {
  float: left; line-height: 0.8em;
  width: 280px; height: 3em
}

.multifecha label span {
  text-align: center;
  display: block;
    cursor: pointer;height: 3em; padding-top: 10px;
}

.multifecha .smallish {font-size: 80%; font-weight: 300; padding-top: 5px!important}

.multifecha label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.multifecha label input + span{color: #fff;}


/* This will declare how a selected input will look giving generic properties */
.multifecha input:checked + span {
    color: #ffffff;
    text-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
}
.multif .selection-active input + span{background-color: var(--main); margin-bottom: 0px!important}
.multif .selection-active, .multif label { margin-bottom: 0px!important}

.multitrash {background: var(--main); color: #fff; text-decoration: none; width: 30px; height: 30px; display: block; line-height: 30px; text-align: center; border-radius: 15px; position: absolute; bottom: 3px}

.listafechas {font-size: 1.1em; color: var(--secondary); font-weight: 550; margin: 3px 0px}
.listafechas span { color: var(--text); font-weight: 300}
.listafechas i { color: #fff; font-size: 11px; width: 20px; height: 20px; background: var(--main); text-align: center; line-height: 20px; bottom: 3px; position: relative; border-radius: 10px; margin-right: 10px}


.ticketscolumn {width: calc(66.6% - 20px); }
/* 2 columns */
.wrappertwo {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  padding: 0px;
  margin: 10px 0px;
  width: 100%;
}

.boxtwo {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  border: 0px solid #ee0000;
}

.rr1 {grid-row: 1;  grid-column: 1; margin-right: 10px}   
.rr1b {grid-row: 1;  grid-column: 2; margin-left: 10px}  
.rr2 {grid-row: 1;  grid-column: 2; margin-left: 10px}  
.rr3 {grid-row: 2;  grid-column: 1; margin-right: 10px}   
.rr4 {grid-row: 2;  grid-column: 2; margin-left: 10px}   
.rr5 {grid-row: 3;  grid-column: 1; margin-right: 10px}   
.rr6 {grid-row: 3;  grid-column: 2; margin-left: 10px}   

.rr1span {grid-row: 1;  grid-column: 1/ span 2}   

/*.rr1 {grid-row: 1;  grid-column: 1; }  
.rr2 {grid-row: 1;  grid-column: 2; text-align: right; position: relative}   */

.rr5span {grid-row: 5;  grid-column: 1 / span 2}
.rr6span {grid-row: 6;  grid-column: 1 / span 2}
.rr7span {grid-row: 7;  grid-column: 1 / span 2}

/* 3 columns */
.wrapperthree {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 33.3% 33.3% 33.3% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.boxthree {
  padding: 0px 20px;
  margin: 0px;
  border: 0px solid #ee0000;
}
.boxthree1 {
  padding: 0px ;
  margin: 0px;
  border: 0px solid #ee0000;
}

.size250 {height: 250px!important; margin-top: 30px}

.wrapperthree label, .wrappertwo label  { margin: 12px 0px 2px; display: block}

/*page frame */
.tt1 {grid-row: 1;  grid-column: 1} 
.tt2 {grid-row: 1;  grid-column: 1} 

/*page frame */
.tt1 {grid-row: 1;  grid-column: 1 / span2} 
.tt2 {grid-row: 1;  grid-column: 3} 

.t1 {  grid-row: 1;  grid-column: 1;}
.t1a {  grid-row: 1;  grid-column: 1; padding: 0px}
.t1b {  grid-row: 1;  grid-column: 2; padding-left: 10px}
.t1c {  grid-row: 1;  grid-column: 3; padding-left: 10px}
.t1c_hide {  grid-row: 1;  grid-column: 3; padding-left: 10px}
.t1aa {grid-row: 1;  grid-column: 1/ span 2; padding: 0px}
.t1aaa {grid-row: 1;  grid-column: 1/ span 3; padding: 0px}

.t2 {  grid-row: 1;  grid-column: 2; padding-left: 10px}


.t2a {  grid-row: 2;  grid-column: 1; padding: 0px}
.t2b {  grid-row: 2;  grid-column: 2; padding-left: 10px}
.t2c {  grid-row: 2;  grid-column: 3; padding-left: 10px}

.tt1a {grid-row: 1;  grid-column: 1 ;  margin: 0px 10px 0px 0px}
.tt1b {grid-row: 1;  grid-column: 2 ;  margin: 0px 5px 0px 5px}
.tt1c {grid-row: 1;  grid-column: 3 ;  margin: 0px 10px 0px 10px}

.t2aa {grid-row: 2;  grid-column: 1 / span 2; padding: 0px}
.t2aaa {grid-row: 2;  grid-column: 1 / span 3; padding: 0px}

.t3 {  grid-row: 1;  grid-column: 3;padding-left: 10px}
.t3a {grid-row: 3;  grid-column: 1 ; padding: 0px}

.t4a {grid-row: 4;  grid-column: 1 ; padding: 0px 5px 0px 0px}
.t4bb {grid-row: 4;  grid-column: 2 / span 2 ; padding: 0px}

.t5 {grid-row: 5;  grid-column: 1 / span 3;  padding: 0px}

.t6a {grid-row: 6;  grid-column: 1 ;  padding: 0px 5px 0px 0px}
.t6b {grid-row: 6;  grid-column: 2 ;  padding: 0px 5px 0px 0px}
.t6c {grid-row: 6;  grid-column: 3 ;  padding: 0px}

.t6cc {grid-row: 6;  grid-column: 3 ;  padding-left: 10px}

.t7aa {grid-row: 7;  grid-column: 1 / span 2;  padding: 0px}

.t8aa {grid-row: 8;  grid-column: 1 / span 2; padding: 0px}

.t9b {grid-row: 9;  grid-column: 2 ;  padding: 0px 5px 0px 0px}

.t10 {grid-row: 10;  grid-column: 1 / span 3;  padding: 0px}

/* tickets */
.tickets_list {font-size: 1.2em; margin: 20px 0px -15px; color: var(--main); font-weight: 500}

.tickets_list i {background: #777; color: #fff; font-size: 8px; text-align: center; width: 16px; height: 16px; line-height: 16px;-ms-transform: rotate(45deg) translateY(-3px); /* IE 9 */
    -webkit-transform: rotate(45deg) translateY(-3px); /* Chrome, Safari, Opera */
    transform: rotate(45deg) translateY(-3px); border-radius: 16px;  margin-left: 10px}

.complementos md-input-container  {margin: 0px!important; padding: 0px!important}
.complementos md-select  {margin: 0px!important; padding: 0px!important; padding-left: 30px!important; text-align: right!important}
.complementos md-option  {margin: 0px!important; padding: 0px!important}
.complementos  {margin: 0px!important; padding: 0px!important}

.complementos_table * {}

/* horizontal menu */

.menurow {margin-top: 20px!important}
.menucol_active {background: var(--main)!important;padding: 3px 10px 4px!important; text-decoration: none; font-weight: 600; color: #fff; text-align: center; font-size: 1.1em; line-height: 1.5em; pointer-events: none!important; color: var(--white)!important}
.menucol {background: var(--greenlight); padding: 3px 10px 4px!important; text-decoration: none; font-weight: 400; color: #333; text-align: center; font-size: 1.1em; line-height: 1.5em}
.menucol:hover {background: var(--greenover)!important; }

.edit_event_tab, .menucol button {width: 100%; margin: 0px!important; padding: 0px!important; background: none!important; white-space: nowrap!important}
.edit_event_tab:hover {width: 100%; margin: 0px!important; padding: 0px!important; background: none!important; white-space: nowrap!important}

/* end horizontal menu */

.save_success {margin: 15px 0px; font-size: 1em}
.save_success a {color: var(--main); text-decoration: none}

.butts_table {text-align: left}

.leftwright {width: 100%; display: block}
.leftwright .left1 {float: left}
.leftwright .right1 {float: right}
.leftwright .right1 a {color: var(--main)}
.leftwright .right1 a:hover {text-decoration: none}

/* inv */
.ticket_new_type {background: #fff; border: 1px solid #ddd; margin: 10px 0px 0px 0px; padding: 10px; height: 70px; font-size:2em}
.ticket_new_type button {height: 28px; width: 28px; color: #fff; font-size: 24px; line-height: 28px; padding: 0px; margin: 0px; font-weight: 500; border-radius: 14px}

.tktstable {margin-top: 30px}

.urls {margin: 7px 0px 0px}
.urls button { border: none; background: #fff; margin-top: 10px}
.urls input { border: none; background: #f6f6f6; border-bottom: 0px solid #eeeeee}
.urls a, .urls i { color: var(--main)}
.urls a:hover { color: var(--main); text-decoration: none}
.urls input:focus { outline: none!important}

.other_menu {display: table; float: right; border: 0px solid #f80; margin: 25px 0px  0px; padding: 0px!important}
.other_menu md-menu {margin: 0px!important; padding: 0px!important}
.other_menu .md-icon-button {margin: 0px 0px 0px 1px!important; background: var(--main); cursor: pointer; padding: 5px 10px; line-height: 20px; color: #fff; border-radius: 0px}
.other_menu .md-icon-buttoni {margin: 0px 0px 0px 1px!important; background: var(--main); cursor: pointer; padding: 5px 10px; line-height: 20px; color: #fff; border-radius: 0px}
.other_menu .md-icon-button:hover {text-decoration: none!important}

.down_butt {float: right; display: inline-block; background: var(--main); color: #fff; margin:  20px 0px 10px; font-size: 1.0em; font-weight: 450; padding: 2px 15px; border-radius: 0.9em;}
.down_butt i {font-size: 0.9em; margin-right: 5px}
.down_butt:hover {text-decoration: none; background: var(--dmain)!important}

.linkplus {color: var(--main)}

.bigtable {font-size: 85%}
.bigtable th {padding: 8px 4px!important; vertical-align: top; }
.bigtable td {padding: 8px 4px!important; }



.table_filter {border: 1px solid #ccc!important; font-size: 90%!important}
.table_filter .filter { padding: 4px!important; margin: 0px!important}
.table_filter .filter-cell { border: 0px solid #efefef!important; border-radius: 0px!important;}
.table_filter input {border: 1px solid #efefef!important; border-radius: 0px!important; padding: 1px!important; margin: 2px!important}
.table_filter thead tr:first-child th {text-align: left!important}


/* select tickets purchase */
.tkt_list {border: 0px solid #45f}
.tkt_list .ticket_type {border: 0px solid #45f!important; padding: 0px!important; margin: 3px 0px 15px!important}
.tkt_list .tkname {border: 0px solid #45f; flex-basis: 70%!important}
.ticket_type1 {border: 0px solid #45f!important; padding: 0px!important; margin: 3px 0px 0px!important}
/* end select tickets purchase */


/*** HOW WORKS  ***/

.gradient { background: rgb(204,209,52);
background: -moz-linear-gradient(90deg, rgba(204,209,52,1) 0%, rgba(156,203,59,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(204,209,52,1) 0%, rgba(156,203,59,1) 100%);
background: linear-gradient(90deg, rgba(204,209,52,1) 0%, rgba(156,203,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccd134",endColorstr="#9ccb3b",GradientType=1); }

.gradient_i { background: rgb(156,203,59);
background: -moz-linear-gradient(90deg, rgba(156,203,59,1) 0%, rgba(204,209,52,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(156,203,59,1) 0%, rgba(204,209,52,1) 100%);
background: linear-gradient(90deg, rgba(156,203,59,1) 0%, rgba(204,209,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ccb3b",endColorstr="#ccd134",GradientType=1); }

.leftradious {border-top-left-radius: 1.6em}


.angform { padding: 0px!important; border: 0px solid #f89!important}
.angform md-input-container { width: 50%}

.angform button { font-weight: 400; font-size: 0.9em; line-height: 1.3em; padding: 6px 20px; border-radius: 300px;color: #fff!important; background: var(--main)!important;text-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2); white-space: nowrap;cursor: pointer; border: none; text-decoration: none!important; box-shadow: none!important}

.wrapperhow {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px) ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.boxhow{
  padding: 0px ;
  margin: 0px;
  border: 0px solid #ee0000;
}

.h1a {grid-row: 1;  grid-column: 1; position: relative}
.h1b {grid-row: 1;  grid-column: 2; position: relative}
.h1c {grid-row: 1;  grid-column: 3; position: relative}

.h2a {grid-row: 2;  grid-column: 1; position: relative}
.h2b {grid-row: 2;  grid-column: 2; position: relative}
.h2c {grid-row: 2;  grid-column: 3; position: relative}

.h3a {grid-row: 3;  grid-column: 1; position: relative}
.h3b {grid-row: 3;  grid-column: 2; position: relative}
.h3c {grid-row: 3;  grid-column: 3; position: relative}

.h4a {grid-row: 4;  grid-column: 1; position: relative}
.h4b {grid-row: 4;  grid-column: 2; position: relative}
.h4c {grid-row: 4;  grid-column: 3; position: relative}

.bggreen {background: var(--main)}


.boxhow h4 {border: 0px solid var(--main); padding: 8px 16px; color: #fff; font-size: 1.4em; }
.boxhow .circ {background:  #fff; padding: 1px!important; color: var(--secondary); font-size: 1em; height: 1.4em; width: 1.4em; display: inline-block; text-align: center; line-height: 1.4em; border-radius: 0.7em}

.boxhow .explain {width: 85%; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; font-size: 1.2em; line-height: 2.5em; font-weight: 350}
.boxhow .explain p {line-height: 1.4em}

.boxhow .explain ul {font-size: 0.9em; line-height: 1.2em}
.boxhow .explain ul li {left: -1.2em; position: relative; color: var(--secondary)}
.boxhow .explain ul li span {color: #777}

.imgg {width: 400px!important; margin: 50px 0px;}
.pointer {width: 30px!important; position: absolute; left: -10px; top: calc(50% - 12px)}

/*** end HOW WORKS  ***/

.info_content .tittle {font-size: 1.2em; line-height: 1.1em; font-weight: 500; margin: 0px 0px 10px 0px}
.info_content h6  {display:inline-block; font-size: 1.05em; width: 1.2em; font-weight: 600; color: var(--main)}
.info_content p  { font-size: 1.05em; margin: 0px 0px 5px 0px; line-height: 1.4em; color: var(--text); font-weight: 350}

.info_content ul, .info_content ol {font-size: 1em; line-height: 1.4em; color: #098}
.info_content ul li, .info_content ol  li {left: -1.6em; position: relative; color: var(--secondary)}
.info_content ul li span, .info_content ol li span {color: var(--text); font-weight: 350}
.info_content ul li a, .info_content ol li a {color: var(--main)}

.info_content .price_table td {border: 1px solid #ccc; padding: 5px 3px ; font-size: 0.9em; font-weight: 300}
.info_content .price_table th {border: 1px solid #ccc; padding: 5px 3px ; font-size: 0.95em; font-weight: 450}

.modalidades .mod_cards {border: 1px solid var(--main); min-height: 480px; padding: 30px; text-align: center; border-radius: 15px}
.modalidades .mod_cards h2 {font-size: 2.5em; font-weight: 350; color: var(--main); margin: 40px 0px 10px; border: 0px solid var(--main); height: 2.6em}
.modalidades .mod_cards p {font-size: 1.1em; font-weight: 300; color: #111; margin: 0px 0px 20px; border: 0px solid var(--main); height: 6em}
.modalidades  .butt {font-size: 1.2em; font-weight: 400;  margin: 0px 0px 30px; }
.modalidades .mod_cards .price {font-size: 1.1em; font-weight: 400;  margin: 0px 0px 30px; line-height: 1em}
.modalidades .mod_cards .hi {font-size: 1.2em; font-weight: 500;  color: var(--main); line-height: 1em}

/*dashboard nmenu*/
.dash_menu a {font-size: 0.5em!important; font-weight: 450}

.hambnav { border: 0px solid #f90}

.hambnav ul {
	margin: 0px; padding: 0px 0px 4px;
	list-style: none;
	position: relative; 
	}
	
.hambnav ul li {
	background-color: none;
	}

.hambnav a {
	display:block;
	padding: 0px 0px 5px;	 margin: 0px; line-height: 1em;
	color:#FFF;
	text-decoration:none; 
}

.hambnav a:hover { 
	color: #fff; 
}

/* Hide Dropdowns by Default */
.hambnav ul ul {
display: none;
	position: absolute; 
	top: 33px;
    left: -110px;
    width: 250px; background: none;padding: 10px 0px 0px;
    text-align: left;
}
	
/* Display Dropdowns on Hover */
.hambnav ul li:hover > ul {
	display:inherit; 
}
	
/* Fisrt Tier Dropdown */
.hambnav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;margin: 0px; 
    left: 0px;
    background: var(--greenvlight);
    text-align: left;
    padding: 6px 0px 6px 10px
}

.hambnav ul ul li a {color: var(--main); font-weight: 350; font-size: 16px!important}
.hambnav ul ul li a i {color: var(--insgrey);  font-size: 13px!important}
.hambnav ul ul li a .vert {color: var(--insgrey);  font-size: 14px!important; margin: 0px 2px; opacity: 0}
.hambnav ul ul li a:hover {color: var(--greenover);text-decoration: none}



/*end dashboard nmenu*/

/* text entry */
.desc_entry [data-original-title="Font Size"] {display: none}
.desc_entry [data-original-title="Font Family"] {display: none}
.desc_entry .note-style .note-btn:nth-child(7)   {display: none!important}
.desc_entry [data-original-title="Video"] {display: none}
.desc_entry [data-original-title="Full Screen"] {display: none}
.desc_entry [data-original-title="Code View"] {display: none}
.desc_entry [data-original-title="Help"] {display: none}
.desc_entry [data-original-title="Recent Color"] {display: none}
.desc_entry [data-original-title="More Color"] {display: none}
.desc_entry [data-original-title="Line Height"] {display: none}
.desc_entry [data-value="pre"] {display: none}
.desc_entry [data-value="blockquote"] {display: none}
.desc_entry [data-value="h1"] {display: none}
.desc_entry [data-value="h2"] {display: none}
.desc_entry [data-value="h6"] {display: none}


.cashles_pages h1 {font-size: 1.8em; color: var(--secondary); text-align: center; display: block; font-weight: 300; margin: 30px 0px}
.cashles_pages h1 i {font-size: 0.8em; color: var(--main); }
.cashles_pages h2 {font-size: 1.2em; color: var(--text); text-align: center; display: block; font-weight: 300}
.cashles_pages h2 b { font-weight: 450}
.cashles_pages h4 {font-size: 1.0em; color: var(--text); text-align: center; display: block; font-weight: 250; margin: 20px 0px 0px}
.cashles_pages h3 {font-size: 1.2em; color: var(--main); text-align: left; display: block; font-weight: 350; margin: 50px 0px 0px; text-transform: uppercase}

/* ticket purchadse pages */
.buy_tkt {border: 0px solid #67f; width: calc(100% - 400px); margin: 0px 200px; display: block}
.buy_tkt h1 {font-size: 1.7em; font-weight: 250; color: var(--text); margin: 20px 0px 10px; padding: 0px}

/* end ticket purchadse pages */


.selected2 {opacity: 0.2!important}

.pda_img {float: right; height: 350px; margin: 0px 0px 20px 40px}





/*********************************  responsive desktop  *****************************/

@media (min-width: 1300px) {

    
}



/********************************************bigger screen settings**********************************************************/
@media screen and (min-width: 1800px) {
 
}


/********************************************tablet settings**********************************************************/
@media screen and (max-width: 1300px) {
}



/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

    

.table_pop .modal-dialog {position: absolute; top: 50%!important; left: 50%!important; transform: translateY(-50%) translateX(-55%)!important; width: 80%; }
.table_pop .modal-content {padding: 10px!important; border-radius: 0px}
  
.ticketscolumn {width: 100%}
/* 2 columns */
.wrappertwo {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 100% ;
  padding: 0px;
  margin: 10px 0px;
  width: 100%;
}
    
.boxtwo {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
    border: 0px solid #f09
}

.rr1 {grid-row: 1;  grid-column: 1; } 
.rr1b {grid-row: 1;  grid-column: 1; } 
    
.rr2 {grid-row: 2;  grid-column: 1; }  
.rr3 {grid-row: 3;  grid-column: 1; }  
.rr4 {grid-row: 4;  grid-column: 1; }  
.rr5 {grid-row: 5;  grid-column: 1; }  
.rr6 {grid-row: 6;  grid-column: 1; }  

    
.rr1span {grid-row: 2;  grid-column: 1}      
/*.rr1 {grid-row: 2;  grid-column: 1; }   */
.rr2 {grid-row: 2;  grid-column: 1; text-align: left; position: relative}  
    
    
.rr5 {grid-row: 15;  grid-column: 1 }
.rr5span {grid-row: 15;  grid-column: 1 }
.rr6 {grid-row: 16;  grid-column: 1 }
.rr7 {grid-row: 17;  grid-column: 1 }
    
/* 3 columns */
.wrapperthree {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 100% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}


.boxthree, .boxthree1 {
  padding: 0px 20px;
  margin: 0px;
  border: 0px solid #ee0000;
}


.t1 {  grid-row: 1;  grid-column: 1;}
.t1aa {grid-row: 1;  grid-column: 1 ; padding: 0px}
.t1aaa {grid-row: 1;  grid-column: 1 ; padding: 0px}
    
.size250 {height: 140px!important; margin-top: 30px}


.t1a {grid-row: 1;  grid-column: 1 ;  padding: 0px 5px 0px 0px}
.t1b {grid-row: 1;  grid-column: 1 ;  padding: 0px 5px 0px 0px}
.t1c {grid-row: 2;  grid-column: 1 ;  padding: 0px}
.t1c_hide {  grid-row: 2;  grid-column: 1; padding-left: 10px; display: none}
    
.tt1a {grid-row: 1;  grid-column: 1 ;  margin: 0px}
.tt1b {grid-row: 2;  grid-column: 1 ;  margin: 0px}
.tt1c {grid-row: 3;  grid-column: 1 ;  margin: 0px}

.t2 {  grid-row: 1;  grid-column: 2;}
.t2aa {grid-row: 2;  grid-column: 1 ;  padding: 0px}
.t2aaa {grid-row: 2;  grid-column: 1 ;  padding: 0px}
    
.t2a {  grid-row: 4;  grid-column: 1; padding: 0px}
.t2b {  grid-row: 5;  grid-column: 1; padding-left: 0px}
.t2c {  grid-row: 6;  grid-column: 1; padding-left:  0px}

.t3 {  grid-row: 1;  grid-column: 3;}
.t3a {grid-row: 3;  grid-column: 1 ;  padding: 0px}

.t4a {grid-row: 4;  grid-column: 1 ;  padding: 0px 5px 0px 0px}
.t4bb {grid-row: 5;  grid-column: 1 ;  padding: 0px}

.t5 {grid-row: 6;  grid-column: 1 / span 3;  padding: 0px}

.t6a {grid-row: 7;  grid-column: 1 ;  padding: 0px}
.t6b {grid-row: 8;  grid-column: 1 ;  padding: 0px}
.t6c {grid-row: 9;  grid-column: 1 ;  padding: 0px}
.t6cc {grid-row: 6;  grid-column: 1 ;  padding-left: 0px}


.t7aa {grid-row: 10;  grid-column: 1 ;  padding: 0px}

.t8aa {grid-row: 11;  grid-column: 1 ;  padding: 0px}

.t9b {grid-row: 12;  grid-column: 1 ;  padding: 0px 5px 0px 0px}

.t10 {grid-row: 13;  grid-column: 1 ;  padding: 0px}
    
.leftwright {width: 100%}
.leftwright .left1 {float: left}
.leftwright .right1 {float: left}
    
    
/*dashboard nmenu*/
.dash_menu a {font-size: 0.5em!important; font-weight: 450}

.hambnav { border: 0px solid #f90}

.hambnav ul {
	margin: 0px; padding: 0px 0px 4px;
	list-style: none;
	position: relative; 
	}
	
.hambnav ul li {
	background-color: none;
	}

.hambnav a {
	display:block;
	padding: 0px 0px 5px;	 margin: 0px; line-height: 1em;
	color:#FFF;
	text-decoration:none; 
}

.hambnav a:hover { 
	color: #fff; 
}

/* Hide Dropdowns by Default */
.hambnav ul ul {
display: none;
	position: absolute; 
	top: 33px;
    left: 0px;
    width: 300px; background: none;padding: 10px 0px 0px;
    text-align: left;
}
	
/* Display Dropdowns on Hover */
.hambnav ul li:hover > ul {
	display:inherit; 
}
	
/* Fisrt Tier Dropdown */
.hambnav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;margin: 0px; 
    left: 0px;
    background: var(--greenvlight);
    text-align: left;
    padding: 6px 0px 6px 10px
}

.hambnav ul ul li a {color: var(--main); font-weight: 350; font-size: 16px!important}
.hambnav ul ul li a i {color: var(--insgrey);  font-size: 13px!important}
.hambnav ul ul li a .vert {color: var(--insgrey);  font-size: 14px!important; margin: 0px 2px; opacity: 0}
.hambnav ul ul li a:hover {color: var(--greenover);text-decoration: none}



/*end dashboard nmenu*/  
    
#seat_map_dialog md-dialog {border: 0px solid #f89!important; top: 0px!important; height: calc(100vh - 70px)!important}