/*! HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

:active {border: 0px solid #fff}


.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus,:focus, :visited, :hover  {border: 0px solid #fff; outline: none!important;  box-shadow: none;}
/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {resize:none!important}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




 /* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body{
    background-color: #F4F1F0!important;
    font-family: 'Open Sans', sans-serif;
}

a:hover, a:focus {border: 0px solid #fff!important}

.custom-list li{
    list-style: none!important;
    padding-left: 1rem;
    position: relative;
}
.custom-list li::before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: #e1007a;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.list li{
    list-style: none;
}
.list li a{
    text-decoration: none!important;
}
.list li .active{
    font-weight: 700!important;
}
/* Custom css class */
.bg-white{
    background-color: #ffffff!important;
}
.bg-light{
    background-color: #F4F1F0!important;
}
.text-pink{
    color: var(--pink)!important;;
}
.text-bold{
    font-weight: 700!important;
}
.text-semibold{
    font-weight: 600!important;
}
.border-r-0{
    border-radius: unset!important;
}

.btn-danger{
    background-color: #e1007a!important;
}

.btn {border: 0px solid #fff}
.btn:hover {border: 0px solid #fff}

.subbut {width: 120%!important}
/* Custom class */
.list li{
    list-style: none;
}
.list li a{
    text-decoration: none!important;
}
.bg-light-c{
    background: #B0B2B3!important;
}
.bg-light{
    background-color: #F4F1F0!important;
}
.bg-success-c{
    background: #96BD0D!important;
}
.bg-primary-c{
    background: #009DDF!important;
}
.bg-warning-c{
    background: #F19300!important;
}
.bg-danger-c{
    background: #E75236!important;
}
.bg-none{
    background:unset!important;
}
.text-pink{
    color: #e1007a!important;
}
.text-bold{
    font-weight: 700!important;
}
.text-semibold{
    font-weight: 600!important;
}
.small-ext{
    font-size: 40%!important;
}
.selection-active p{
    color: #ffffff!important;
}
.btn-light{
    color: #212529!important;
}
.btn-pink,.bg-pink,.selection-active{
    background-color: #e1007a!important;
    color: #ffffff!important;
}
.border-r-0{
    border-radius: unset!important;
}
/*
.filter{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
*/
.manage_event_buttons {
    margin-bottom: 14px;min-width:25%
}
.manage_event_buttons a {
    background: #e1007a;
    color: #fff!important;
    padding: 0.2vw 1vw; margin: 0 auto
}
.manage_event_buttons a:hover {text-decoration: none}
    
.form_submit input {
    border: none;
    color: #fff;
    padding: 10px;
    border-radius: 0;
    margin: 30px;
    background: #e1007a;
}
table.table input.input-filter::placeholder {
    opacity: 0;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.pull-right {
    float: right;
}
.nav-pills-custom a{
    background-color: #e1007a!important;
    color: #eee!important;
}
.c-pointer{
    cursor: pointer!important;
}
table tr td{
    margin-top: 10px;
}
.view-d i:hover{
    color: #e1007a!important;
}
.slcbtn-active{
    background: #e1007a!important;
    color: #ffffff!important;
}
/* Edit bootstrap clasas */
.dropdown-toggle::before{
    content: unset!important;
}
.nav-pills .active{
    background: #e1007a!important;
    color: #ffffff!important;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 2.75rem;
    pointer-events: all;
    border-radius: .5rem;

}
/* .custom-control-label::before {
    background-color: #B0B2B3!important;

} */
.custom-control-input:checked ~ .custom-control-label::before {

    color:#fff;
    background-color: #B0B2B3!important;
    border-color:#B0B2B3!important;
}
.custom-switch .custom-control-label::after {

    top: calc(0rem + 2px);
    left: calc(-2.5rem + 2px);
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    background-color: #E43417;
    border-radius: 1rem;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {

    background-color: #008F36;
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem);

}
.c-radio::before,.custom-control-input:checked ~ .c-radio::after{
    margin-top: 2.5rem;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
    color: #fff;
    background-color: rgb(230, 9, 163) !important;
    border-color: #B0B2B3 !important;
}
/* Navbar */
.nav-link{
    font-weight: 600;
    color: #fff;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.nav-bg{
    background-color: #365779!important;
    transition: all ease 1s;
}
.nav-cus-bg{
    background: url(https://storage.googleapis.com/ticketerum.appspot.com/static/css/img/guitar-h.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.dropdown-menu-c a:hover{
    background: #e1007a!important;
    color: #ffffff!important;
}
/* Main section */
    /* Product filter */
.product-filter {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: auto auto auto auto auto;
}
.product-filter-option{
    width: 100%;
    margin: auto;
}
.product-filter-select{
    display: none;
}
.product-filter-select .active{
    background: #e1007a!important;
    color: #ffffff!important;
}
.view-table-details{
    display: none;
}
.image-selection{
    max-height: 250px;
    overflow: scroll;
}
.c-radio{
    height: 100px;
    width: 80%;
}
.c-radio img{
    object-fit: cover!important;
    object-position: center!important;
}
.days div{
    cursor: pointer;
    width: 14.28%!important;
    height: 1.8rem!important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.day:hover{
    background: #dddddd;
}
.today{
    background: #e1007a;
    color: #ffffff;
}
/* Navbar */
.navbar .nav-link{
    font-weight: 600;
    color: #fff!important;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.nav-link{
    font-weight: 600;
    color: #000!important;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.nav-bg{
    background-color: #365779!important;
    transition: all ease 0.5s;
}
.owl-prev,.owl-next{
    font-size: 4rem!important;
    color: #e1007a!important;
    position: absolute;
    top: 3.5rem;
    left: -.5rem;
}
.owl-next{
    left: unset;
    right: -0.5rem;
}
/* Hero section */
.hero-sec{
    height: 500px;
    background: url(https://storage.googleapis.com/ticketerum.appspot.com/static/css/img/guitar-h.webp) no-repeat;
    background-position: center;
    background-size: cover;
}
.hero-sec .filter{
    background-color: rgba(31, 27, 52, 0.35) !important;
}
.hero-content{
    top: 0;
}
.hero-banner,.hero-banner_2nd{
    min-height: 500px;
    background: url(https://storage.googleapis.com/ticketerum.appspot.com/static/css/img/heroBG.png) no-repeat;
    background-position: center!important;
    background-size: cover!important;
}
.hero-banner_2nd{
    background: url(https://storage.googleapis.com/ticketerum.appspot.com/static/css/img/Maremar_hero.png) no-repeat;
}
.body-part{
    overflow: hidden;
    margin-top: -20rem;
    padding : 1rem;
}
.body-part-2{
    overflow: hidden;
    margin-top: -20rem !important;
    padding : 1rem;
}
.body-part-3{
    overflow: hidden;
    margin-top: 25rem !important;
    padding : 1rem;
}
.poster-thumb{
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.bnr{
    height:8rem;
    padding-right: 0.2rem!important;
    padding-left: 0.2rem!important;
}
.bnr img{
    height: 100%;
}
.bnr .filter{
    background:rgba(56, 56, 56, 0.26);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.smallbutt {background: var(--pink); display: inline-block; padding: 4px 10px; color: #fff!important; font-weight: 500; font-size: 0.9em}

/* templates dialog */
#templates_samples {height: 100vh!important; max-height: 100vh!important; background: rgba(255,255,255, 0.1); position: fixed; top: 0px}

.add_img {font-size: 0.85em; margin: 10px 0px}

/********* CUSTOM DROPDOWN*************/
#mainnav .dropdown-menu {background: #fff; position: absolute; right: -0.25rem; top: 0.6rem; border: 0px solid #fff; padding: 0px; box-shadow: 3px 3px 6px rgba(0,0,0,0.3)}
#mainnav .dropdown-menu a {border-bottom: 1px solid #efefef!important; padding: 7px 21px 7px 15px; font-size: 1.0em;  margin: 0}
#mainnav .dropdown-menu a:hover {background: #eeeeee!important; color: #000!important }
#mainnav .dropdown-menu a:last-child {border-bottom: 0px solid #efefef!important;}

#mainnav .dropdown-menu .ropdown-item, #mainnav .dropdown-menu .ropdown-item:hover {padding: 0; margin: 0}
#mainnav .dropdown-menu i {font-size: 0.8em; line-height: 1.2em; margin: 0; color: var(--pink)}


.arrow-up {
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  margin: 0 0 10px 0;
  position: absolute;
  top: -8px;
  right: 0px;
}


#lang_nav1  {background: #fff;border-radius: 0px;  border: 0px solid #365779 ; padding: 0; margin: 0;  box-shadow: 3px 3px 6px rgba(0,0,0,0.3)}

#lang_nav1 input {color: #222; padding: 3px 15px 3px 1em; margin: 0 ; font-size: 0.85em; font-weight: 500}
#lang_nav1 input:hover {color: #000; background: #eee; font-weight: 600}

/*********end  CUSTOM DROPDOWN*************/



#nav_paginator_home {background: #fff!important; text-align: center}

.pagination {text-align: center}

#nav_paginator_home  li {margin-right: 0.57vw; color: #555; text-decoration: none}
#nav_paginator_home  li .active {color: var(--pink)}
#nav_paginator_home  a {color: #555; text-decoration: none}



.wrapperalmost {
  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 10px; text-align: center; margin: 0px; padding: 0px;
}
.wrapperalmost .almost {border: 0px solid #f09; margin: 10px auto; width: 90%}
    
.almosttable {height: 28px; width: 20%; font-weight:500; font-size: 1em; color: #f00; margin: 0px auto}
.almosttable .icona {min-width: 28px; text-align: center; border-radius: 50%}
.almosttable .icona i {max-height: 28px!important; color: #c00}
.almosttable .atext {width: 10%; white-space: nowrap}

 /* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.inscribirme_color {color: #365779}
.inscribirme_color:hover {text-decoration: none}

/********NEW DASHBOARD MENU*************/

#newdashmenu {border: 0px solid #fff; padding: 0; margin: 0}
#newdashmenu h5 {font-size: 1.0em; color: #222; font-weight: 600; text-align: center; margin: 6px auto; text-transform: uppercase}
#newdashmenu h5:hover, #newdashmenu h4:hover {color: #000}
#newdashmenu h6 {color: #666; font-size: 0.3em; font-weight: 500; text-align: center; margin: 0px 0px 6px 0px}
#newdashmenu span {color: var(--pink); font-size: 0.8em; font-weight: 600; text-align: center; margin: 0px 0px 0px 5px}
#newdashmenu a {text-decoration: none}

#newdashmenu h4 {font-size: 1.0em; color: #222; font-weight: 600; text-align: center; margin: 10px auto; text-transform: uppercase;}
.dashmenuicons {font-size: 0.7em; color: #777;  vertical-align: 0.15em; padding: 0px 5px 0px 0px}

/********end  NEW DASHBOARD MENU*************/
.f_container_dash {
  border: 0px solid #45f;
  width: calc(100% - 4vw);
  margin: 1.5vw 0vw 2vw 2vw;
}

/********PREMIUM DASHBOARD *************/

#create_page {padding: 0px 0vw; border: 0px solid #f80}

#dashhead th { vertical-align: top}
.dashtabletype {font-size: 0.75vw}

#dash_types label, #dash_themes label, #dash_ages label {font-size: 0.8em; font-weight: 500; margin: 1vw 0px 0px 0px}
#dash_types textarea, #dash_themes textarea, #dash_ages textarea {border: 1px solid #ccc;resize: none; color: #333; font-size: 0.9em; font-weight: 400; padding: 3px; width: 100%}

.admin_only1 {border: 1px dotted var(--main); padding: 0.5vw; margin: 1vw 0vw}
.admintitle {font-size: 1vw; color: var(--main); font-weight: 500}

md-tabs md-content, .dastextarea {background: #fff!important; margin: 0!important; padding: 1vh 0px 0px!important;}
md-tabs textarea, .dastextarea1 {background: #fafafa; border: 1px solid #ddd; width: 100%; resize: none; font-size: 1.0em; font-weight: 400; color: #222; padding: 5px }

.dashtabletype i {font-size: 0.9vw; margin: 0px 2px}


md-tabs .md-tab {background: #fefefe!important; border: 0px solid #fff!important; font-size: 0.9em; font-weight: 600; padding: 0.3vw 1.0vw}

md-tabs .md-tab.md-active {background:var(--pink)!important; color:white !important}
md-ink-bar {display:none}


md-calendar .md-calendar-date {font-size: 1.0em; font-weight: 300}
md-calendar .md-calendar-date.md-calendar-date-disabled {background: #fff; color: #ccc}
md-calendar .md-calendar-date.md-calendar-date-active {background: #f0f; color: #ccc}
md-calendar .md-calendar-month-label {} /*months*/
md-calendar .md-calendar-date-selection-indicator  {background: #fff; font-weight: 600; color: var(--pink)}
md-calendar .md-calendar-date.md-calendar-date-today  {background: #fff; font-weight: 600; color: 777!important} /*today*/

.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {background: var(--pink)}

md-calendar .md-calendar-day-header {border: 0px solid #f78} /*days headder*/

  
.dashtitle {font-size: 1.4vw; font-weight: 600; line-height: 1.6vw; padding: 0px 0px 1.0vw 0px; border-bottom: 1px solid #bbb; margin: 0px 0px 0.5vw 0px;}
.byby {border: 0px solid #fff000; text-align: right;margin: 0; padding: 0}
.byby p {font-size: 1.0em; font-weight: 500; margin: 0; padding: 0.5vh 0vh 1vh; line-height: 1.2em}
.byby span {font-size: 0.7em; color: #777}


.active44 {font-weight: 600; background: var(--pink)!important; color:#fff!important}

/*tabs*/
.nav-pills .active {font-weight: 700!important}


/********** logos clients ***************/




/********** end logos clients ***************/
/* 2 responsive columns */
.column2 {
  float: left;
  width: calc(50% - 20px);
  padding: 0px 10px!important; border: 0px solid #f09; margin: 0px
}

.row2 {margin: 0px -10px!important; padding: 0px!important; min-width: 100%}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

/* end 2 responsive columns */




/*client table*/

.wrapperclient{
    min-width: 100%;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 25% 25% 25% 25%;
	padding: 0px;
	margin: 0px 0px 3vw 0px;

}
.boxclient {
	padding: 0px;
	margin: 0px;
	text-align: center;
	text-indent: 0px;
    font-size: 0.9vw; font-weight: 500; color: var(--main)
}
.c1 {
	grid-row: 1; padding: 0.3vw; text-align: left; background: rgba(54, 87, 121, 0.1);border: 1px solid rgba(54, 87, 121, 0.2); border-bottom: 0px solid #fff;
	grid-column: 1 / span 4;font-size: 1.0vw;
}

.c2 {grid-column: 1; grid-row: 2; padding: 0.2vw;
	border: 1px solid rgba(54, 87, 121, 0.2); border-right: 0px solid #fff}
.c4 {grid-column: 2; grid-row: 2; padding: 0.2vw;
	border: 1px solid rgba(54, 87, 121, 0.2); border-right: 0px solid #fff}
.c6 {grid-column: 3; grid-row: 2;padding: 0.2vw;
	border: 1px solid rgba(54, 87, 121, 0.2); border-right: 0px solid #fff}
.c8 {grid-column: 4; grid-row: 2;padding: 0.2vw;
	border: 1px solid rgba(54, 87, 121, 0.2);}

.c3 {grid-column: 1; grid-row: 3; padding: 0.2vw; color: #111;
	border: 1px solid rgba(54, 87, 121, 0.2); border-right: 0px solid #fff; border-top: 0px solid #fff}
.c5 {grid-column: 2; grid-row: 3; padding: 0.2vw; color: #111;
	border: 1px solid rgba(54, 87, 121, 0.2); border-right: 0px solid #fff; border-top: 0px solid #fff}
.c7 {grid-column: 3; grid-row: 3;padding: 0.2vw; color: #111;
	border: 1px solid rgba(54, 87, 121, 0.2); border-right: 0px solid #fff; border-top: 0px solid #fff}
.c9 {grid-column: 4; grid-row: 3;padding: 0.2vw; color: #111;
	border: 1px solid rgba(54, 87, 121, 0.2); border-top: 0px solid #fff}

.c9 i {color: #555; margin: 0px 0.4em}
.c9 i:hover {color: #000; }

/********END PREMIUM DASHBOARD *************/

.second_btn {background-color: #fefefe; border: 1px solid var(--pink); color: var(--pink); margin: 2em 0px; padding: 0.5em 1em }
.second_btn:hover {background-color: var(--pink); border: 1px solid var(--pink); color: #fff; text-decoration: none}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
#cart_counter_wrapper {
    display: block;
}
@media only screen and (min-width: 578px) {
    #cart_counter_wrapper {
        display: none;
    }
   .w-sm-100{
       width: 100%!important;
   }
   .w-sm-50{
       width: 50%!important;
   }
   .w-sm-25{
       width: 25%!important;
   }
   .w-sm-0{
       width: unset!important;
   }
}
@media only screen and (min-width: 768px) {
    .body-part{
        padding: 2rem;
    }
    .w-md-25{
        width: 25%!important;
    }
}
@media only screen and (min-width: 992px) {
    .d-table-block{
        display: inline-table!important;
    }
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

form.text-secondary input[type=submit] {
    border: none;
    padding: 0;
    background-color: transparent;
    color: #6c757d!important;
}
form.text-secondary.active input[type=submit] {
    font-weight: 700!important;
}

nav .dropdown-menu form input[type=submit] {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

/*summernote*/
.panel-heading.note-toolbar {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}
.panel-heading.note-toolbar .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.modal-header {
    display: block;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.popover {
    display: none;
}
.btn-group, .btn-group-vertical {
    display: inline-block;
}
.dropdown-toggle::after {
    display: none;
}

.mdcancel {
    position: absolute !important;
    right: 10px;
    top: 10px;
    color: #e1007a;
    cursor: pointer;
    padding: 5px;
    z-index: 99;
    font-size: 15px;
}

.minisite_t .modal-dialog {z-index: 9999999!important}

.modal-backdrop {pointer-events: none!important; background: none}

body, html {
    height: auto !important;
}

/*SURVEY*/
.svd_container .modal {
    z-index: 10000;
}
.svd-popup-editor-tab-general .form-group:first-of-type {
    display: none;
}
.svd_commercial_container,
.svd_object_selector,
.sv_complete_btn {
    display: none;
}
.svd_container .svd-main-background-color,
.svd_container.svd_container.sv_bootstrap_css .svd_custom_select::before,
.sv_main .sv_select_wrapper:before {
    background-color: #e1007a !important;
}
.svd_container.svd_container.sv_bootstrap_css .btn-primary {
    color: rgb(255, 255, 255);
    background-color: #e1007a !important;
    border-color: #e1007a !important;
}
.svd_container.svd_container.sv_bootstrap_css .form-control:focus {
    border-color: #e1007a !important;
}
.svd_container.svd_container.sv_bootstrap_css .nav-tabs > li.active > a,
.svd_container.svd_container.sv_bootstrap_css .editor-tabs > li.active > a,
.svd_container.svd_container.sv_bootstrap_css .svd-main-color {
    color: #e1007a !important;
}
.svd_container.svd_container.sv_bootstrap_css .svd-secondary-icon .svd-svg-icon,
.svd_container.svd_container.sv_bootstrap_css .svd-primary-icon .svd-svg-icon,
.svd_container.svd_container.sv_bootstrap_css .icon-gearactive .svd-svg-icon {
    fill: #e1007a !important;
}
.sv_main input[type="button"], .sv_main button {
    background-color: #e1007a !important;
}
.sv_main .sv_progress_bar {
    background-color: #e1007a !important;
}
.sv_main .sv_body {
    border-top: 2px solid #e1007a !important;
}
.sv_main .sv_container .sv_body .sv_p_root .sv_page_title {
    padding: 0 15px;
    font-weight: 500;
    font-size: 1.5rem;
}
.sv_main .sv_container .sv_body div:has(> div.sv_progress) {
    padding: 0 15px;
}
.sv_main .sv_body {
    border-top: none !important;
}
.sv_main .sv_container .sv_body {
    padding: 0;
    margin: 0 -15px;
}
.sv_main .sv_container .sv_body .sv_p_root .sv_q {
    padding: 0 15px !important;
    background-color: white;
}
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,
.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]),
.sv_main .sv_container .sv_body .sv_p_root .sv_q select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #F4F1F0!important;
    border-radius: unset!important;
    border: none;
}
.sv_main .sv_container .sv_body .sv_p_root .sv_q_title {
    color: #6c757d!important;
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 400;
}
.sv_main .sv_p_root > .sv_row {
    border-bottom: none !important;
    margin: 0.5rem 0 1rem 0;
}
.sv_main .sv_container .sv_body .sv_nav {
    height: 72px;
}
.sv_main .sv_container .sv_body .sv_nav .sv_next_btn,
.sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {
    padding: 10px;
}

.form-group .ng-dirty.ng-invalid, .form-group .ng-touched.ng-invalid {
    color: red;
    border: 1px solid red !important;
}
.clickable:hover {
    cursor: pointer;
}
.md-select-value {
    border-bottom-width: 0px;
}
.ticket_type_wrapper:first-of-type {
    border-top: 1px solid black;
}
.ticket_type_wrapper {
    border-bottom: 1px solid black;
}
.md-dialog-container {
    z-index: 1080;
}
#seat_map md-tabs {
    width: 100%;
    height: calc(100vh - 55px);
}
#seat_map md-tabs.editsection {
    width: 100%;
    height: calc(100vh - 55px);
}
#ticket_assignation_button:focus, #ticket_assignation_button i:focus {
    outline: none;
}
#seat_map md-tab-content {
    text-align: left;
}
#seat_map md-input-container.m {
    display: inline-block;
    width: 49%;
}
#seat_map .table>thead:first-child>tr:first-child>th {
    padding: 0;
    font-size: 12px;
}
#seat_map .event_tickets_table .free {
    font-size: 12px;
}
#seat_map .help {
    max-height: 34px;
    overflow: hidden;
    -webkit-transition: max-height 2s ease-in-out; /* Safari */
    transition: max-height 2s ease-in-out;
    margin-bottom: 10px;
}
#seat_map .help span {
    text-decoration: underline;
    margin-left: 10px;
}
#seat_map .help:hover {
    max-height: 500px;
}
#seat_map .md-button.md-fab.direction_disabled {
    background-color: rgba(0,0,0,0.12);
}
#seat_map .zoom_container {
    position: absolute;
    z-index: 101;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    margin-bottom: 20px;
}
#seat_map.seat_map_event .zoom_container {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    margin-left: 22px;
    margin-top: 140px;
}
#inscribirme_dialog #seat_map .zoom_container {
    margin-top: 202px;
}
#seat_map .zoom_container .zoom_button {
    display: block;
    width: 40px;
    height: 40px;
    background: #d6d4d4;
    border: 1px solid #EFF2F5;
}
#seat_map .zoom_container .zoom_button:hover,
#seat_map .move_container .move_button:hover {
    background-color: #9a9a9a;
}
#seat_map .zoom_container .zoom_button:focus,
#seat_map .move_container .move_button:focus {
    outline: none;
}
#seat_map .move_container {
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 360px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#seat_map.seat_map_event .move_container {
    position: absolute;
    z-index: 100;
    bottom: 2px;
    right: 0;
    margin-right: 20px;
    margin-bottom: 20px;
}
body.mobile #seat_map .move_container {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    margin-right: 20px;
    margin-top: 75px;
}
body.mobile .seat_map_dialog .container {
    overflow: scroll;
}
.seat_map_dialog {
    padding: 0;
}
#seat_map .move_container .move_button {
    width: 40px;
    height: 40px;
    background: #d6d4d4;
    border: 1px solid #EFF2F5;
}
#seat_map .legend {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 360px;
    margin-right: 20px;
    margin-top: 75px;
    text-align: left;
    color: #000;
    background: #fff;
    padding: 10px;
}
#seat_map .legend.legend_select {
    position: revert;
    z-index: 100;
    top: 0;
    right: 360px;
    margin-right: 20px;
    margin-top: 0;
    text-align: left;
    color: #000;
    background: #fff;
    padding: 10px;
}
#inscribirme_dialog #seat_map .legend {
    margin-top: 202px;
}
#seat_map .legend p {
    margin: 0.8em 0 0 0;
}
#seat_map .legend .legend_reference {
    float: left;
    margin-right: 10px;
}
#seat_map .legend .not_available {
    background: #ccddff;
    /*border: 1px solid #000;*/
    width: 16px;
    display: inline-block;
    height: 16px;
    border-radius: 100px;
    margin-right: 10px;
}
#seat_map .legend .occupied {
    background: #f52630;
    /*border: 1px solid #000;*/
    width: 16px;
    display: inline-block;
    height: 16px;
    border-radius: 100px;
    margin-right: 10px;
}
#seat_map .legend .multiple {
    position: relative;
    border: 1px solid #000;
    width: 16px;
    display: inline-block;
    height: 16px;
    border-radius: 100px;
    margin-right: 10px;
}
#seat_map .legend .multiple::before {
    content: "m";
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}
#seat_map .legend .ticket {
    /*border: 1px solid #000;*/
    width: 16px;
    display: inline-block;
    height: 16px;
    border-radius: 100px;
    margin-right: 10px;
}
.md-select-menu-container {
    z-index: 1090;
}
#cart_counter_wrapper {
    position: relative;
}
#cart_counter {
    position: absolute;
    top: -14px;
    right: -14px;
    background-color: #fff;
    color: #000;
    border: 4px solid #e1007a;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 22px;
}





@media only screen and (max-width: 578px) {
    #seat_map.seat_map_event .zoom_container {
        margin-top: 260px;
    }
}
.config_header {
    margin: 0;
    padding-top: 0px;
    margin-bottom: 30px;
}
.config_header .separator {
    margin: 5px;
}
.config_header a {
    font-size: 1rem;
    color: #000;
}
.config_header a.active {
    font-weight: bold;
}
.config_header .dash_count {
    font-size: 12px;
    margin: 0;
}
.config_header .dashboard_option {
    border-right: 2px solid #000;
}
.config_header .dashboard_option:last-child {
    border: none;
}
.show_home_toggle .fa-times,
.closed_toggle .fa-times,
.toggle_home_submit .fa-times {
    color: red !important;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

.invit_menu {border: 0px solid black;  display: flex;  margin: 3vh 0 2vh}
.invit_menu > div a {color: #fff; font-size: 0.9em; font-weight: 500; text-decoration: none; line-height: 0.8em}
.invit_menu > div {background: var(--pink); padding: 0.3em 1em ; flex-grow: 1; margin-right: 3px; text-align: center}
.invit_menu > div:last-child {margin-right: 0px}

/******************************************************/


@media all and (max-width: 768px), 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) {
    .wrapperalmost {
  display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 0px; text-align: center; margin: 0px; padding: 0px;
}
    
    
     /* 2 responsive columns */
.column2 {
  float: left;
  width: calc(100% - 20px);
  padding: 0px 10px!important; border: 0px solid #f09; margin: 0px
}

.row2 {margin: 0px -10px!important; padding: 0px!important; min-width: 100%}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

/* end 2 responsive columns */   
    
    
    
    
}