/* CUSTOMIZAÇÕES DO BOOTSTRAP */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 12px;
}
label {
  font-weight: 500;
}
.progress-circular {
  margin-top: 0px;
  margin-bottom: 0px;
}
.form-group-label {
  margin-top: 25px;
  margin-bottom: 0px;
}
.form-group-label small.muted {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 10px;
  line-height: 18px;
}
.form-group.form-group-label .floating-label {
  -webkit-transform: scale(.85714,.85714) translateY(-27px);
  transform: scale(.85714,.85714) translateY(-27px);
}
.form-group.form-group-label{
  display: block;
  overflow: hidden;
  margin-top: 10px;
}
.form-control {
  margin-top: 3px;
}
.form-group label{
  font-size: 14px;
  line-height: 14px;
  float: left;
  width: 100%;
  text-align: left;
}
.invalid_value {
  color: red !important;
  border-bottom: 1px solid red !important;
}

/* COISAS DO PROJETO */
html{
  min-height: 100%;
}
body{
  padding-bottom: 30px;
}
.content-heading{
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  margin-bottom:-58px;
  padding: 50px 0 62px;
  /*z-index:-999*/
  position: static;
}
header.controller_ratings,
header.action_newrating  {
  background-color: transparent !important;
}

.header {
  backface-visibility: hidden;
  background-color: #f5f5f5;
  color: #fff;
  min-height: 56px;
  padding-top: 4px;
  padding-bottom: 4px;
  z-index: 30;
  padding-top: 0;
}
.header a{
  color: #fff;
}
.header .dropdown-menu a{
  color: #1a1a1a;
}
.header-seamed, .header-standard, .header-waterfall {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.header .dropdown-toggle::after{
  display: none;
}

.access-hide {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}

#header-logo {
  padding: 2px;
  background-color:transparent;
  border-radius: 3px;
  max-width: 45px;
  max-height: 45px;
  margin: 5px 0px 0px 5px;
  display: none;
  border: 3px solid #fff;
}

#loading-login-facebook {
  display: none;
  margin-bottom: 10px;
  font-size: 18px;
}
#establishment-logo,
#establishment-footer-image,
#profile-logo {
  max-width: 100%;
  max-height: 140px;
  background-color:transparent;
  border-radius: 3px;
}
#establishment-top,
#profile-top {
  padding: 0px 10px 10px 10px;
  overflow: hidden;
  position: relative;
}
#establishment-top .logo{
  text-align: center;
  width: 150px;
}
#establishment-top img,
#profile-top img {
  max-width: 100%;
  max-height: 110px;
  margin: 0 auto;
}
#establishment-top h1,
#profile-top h1 {
  color: white;
  font-size: 22px;
  line-height: 18px;
  position: absolute;
  left: 160px;
  top: 25px;
  margin: 0;
}
.btn-link {
  cursor: pointer;
}

.btn-login {
	color: #fff !important;
	margin-bottom: 14px;
	text-transform: inherit;
	width: 240px;
	font-weight: normal;
	position: relative;
	height: 38px;
	font-size: 15px;
	/* padding: 8px 10px; */
  padding: 0 !important;
  line-height: 35px;
}

.btn-facebook-login {
	text-transform: none;
	background-color: #2D4462;
	color: #fff;
	font-weight: 400;
}

.btn-login i {
	font-size: 22px;
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 10px;
}

.btn-google-login {
	/* position: relative; */
	background-color: #4285F4;
}

/* .btn-google-login img {
	position: absolute;
	top: 0;
	left: 0;
} */

.btn-instagram-login {
	background-color: #E33E5C;
}

.btn-linkedin-login {
	background-color: #0077B5;
}

.btn-twitter-login {
background-color: #000000;
}
.fa-x-twitter {  display: inline-block; width: 1em; height: 1em; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>') no-repeat center center; mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>') no-repeat center center; background-color: currentColor; background-size: contain; }

.btn-email-login, #btn-execute-login-direct {
	background-color: #0099D3;
}

.btn-user-login {
	background-color: #4d4d4d;
}

.btn-code-login,
.btn-apple-login {
	background-color: #000000;
}

.btn-sms-login {
	background-color: #f8a326;
}

.btn-whatsapp-login {
	background-color: #25D366;
}

.btn-ixc-login {
	background-color: #009CAEff;
}

.fb-like iframe {
  transform: scale(1.8);
  -ms-transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -o-transform: scale(1.8);
  -moz-transform: scale(1.8);
  transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  margin-left: -20px;
}
.post-avatar {
  width: 45px;
  padding: 0px !important;
  background: #fff;
  border: 1px solid #f6f6f6;
  float: none !important;
  margin: 0px !important;
}
.post-img {
  max-width: 550px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  background: #fff;
  width: 100%;
  float: none !important;
}
.timeline-item p{
  font-size: .95em;
  color: #8d8d8d !important;
  line-height: 20px;
}
.timeline-item {
  padding: 10px;
  margin-bottom: 10px;
}
.timeline-item a {
  font-weight: bold;
  color: #343434;
  font-size: 1em;
  letter-spacing: 0.5px;
}
.timeline-item span {
  font-size: .8em;
  color: #8d8d8d;
}
.card-red p, .card-orange p {
  padding: 15px;
  color: #FFF;
}
#content-friends, #establishment_timeline, #establishment_pictures, #payments {
  max-width: 550px;
  margin: 0px auto;
  overflow: hidden;
}
#alert-general {
  margin-bottom: 10px;
  position: fixed;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
#alert-default {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 1000;
}
.alert {
  padding: 10px;
  max-width: 350px;
  color:#fff;
  margin-bottom: 5px;
}
.alert .icon {
  font-size: 20px;
}
.alert-error {
  background-color:#f44336;
}
.alert-info {
 background: #6779E8;
}
.alert-success {
  background: #4CAF50;
}
.btn-suggestion {
  min-width: 300px;
  text-transform: none;
  background-color: #268765;
  color: #fff;
}
#establishment_pictures .picture_content {
  background-color: white;
  border: 1px solid lightgrey;
  margin-bottom: 10px;
  padding: 5px;
}
.picture_user {
  width: 100%;
  max-width: 360px !important;
  margin-bottom: 5px;
}
.payments_types {
  height: 35px;
  margin-right: 10px;
}
.notify-icon {
  background: red;
  color: white;
  padding: 5px 6px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
}
.notify-icon-absolute {
  position: absolute;
  right: -8px;
  top: 5px;
  padding: 0px 6px;
}

.content-poll .progress {
  height: 35px;
  margin-bottom: 10px;
  margin-top: 0px;
  background-color: lightgrey;
}
.content-poll .option-content {
  overflow: hidden;
}
.content-poll .radiobtn.radiobtn-adv {
  float: left;
  min-width: 40px;
}
.content-poll [class*=radiobtn-circle] {
  width: 30px;
  height: 30px;
  margin-top: 19px;
}

#progressive-form small.muted {
  margin: 5px 0;
  display: block;
}
#progressive-form .control-label {
  float: left;
}

#form-sms input::-webkit-outer-spin-button,
#form-sms input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.help-block.error {
  color: #f44336!important;
  margin-top: 0px;
  font-size: 12px;
}
.toggle-menu {
  padding: 13px 5px !important;
}
#btn-go-friends-online {
  padding: 13px 0px !important;
}
.dropdown-toggle {
  padding: 15px 0px 0px !important;
}
.avg-rating {
  background: #434343;
  margin: 12px 0px 10px 0px;
  height: 40px;
  border-radius: 3px;
  max-width: 550px;
  margin: 0px auto;
}
#average-avg-rating {
  float: left;
  margin: -4px 0px 0px 10px;
  padding: 2px 10px 0px;
  border-radius: 3px;
  text-shadow: 1px 1px 5px #585858;
}
#average-avg-rating h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  color: #fff !important;
  margin: 0px;
}
#average-avg-rating small {
  color: white;
  margin-top: -3px;
}
.avg-rating span {
    font-size: 25px;
    padding: 8px !important;
}

/* TELA DE AVALIAÇÕES */
#box-rating-container {
  padding: 10px;
  max-width: 550px;
  margin: 0px auto;
  background: #fff;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0,0,0,.06),0 0 3px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.18);
  overflow: hidden;
}
#box-rating-container h2, h3 {
  font-weight: 500;
  width: 90%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 26px;
}
#box-rating-container h2 {
  font-size: 1.2em;
}
#box-rating-container h3 {
  font-size: 1.0em;
  line-height: 1.0em;
  margin-top: 10px;
}
.newRating {
  font-size: 35px;
  padding: 0px 0px 5px 0px;
}
.newRatingTopic {
  font-size: 22px;
  padding: 0px;
}
.rating_hint_primary, .rating_hint_topic {
  font-weight: 500;
  color: #E8C425;
}
.rating_hint_primary {
  font-size: 18px;
}
.rating_hint_topic {
  font-size: 11px;
}
#rating_topics.closed { display: none; }
#rating_topics.open { display: block; }

#rating_topics .topic {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
}
#rating_topics .topic h3 {
  margin: 0px;
  font-size: 16px;
}
#rating_topics .topic .column1 {
  width: calc(100% - 160px);
  float: left;
  text-align: left;
}
#rating_topics .topic .column2 {
  width: 150px;
  float: right;
  text-align: center;
}
.rating-rh {
  margin: 0px;
  opacity: 0.4;
}
#rating-container .rating,
#content-ratings .rating {
  overflow: hidden;
  padding: 5px;
  border: 1px solid #f2f2f2;
  min-height: 65px;
}
#rating-container .rating .info,
#content-ratings .rating .info {
  float: right;
  font-size: 10px;
  font-weight: 500;
  color: #868686;
}
#rating-container .rating .name,
#content-ratings .rating .name {
  font-weight: 500;
}
#rating-container .rating .div-picture img,
#content-ratings .rating .div-picture img{
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 2px;
  border: 1px solid #d2d2d2;
  float: left;
  background-color: white;
}
.rating.response-left {
  background-color: #d4eef8;
}
.rating.response-right {
  background-color: #f2f2f2;
}
.rating.rating-left .div-picture img,
.rating.response-left .div-picture img {
  margin-right: 5px;
}
.rating.response-right .div-picture img {
  margin-left: 5px;
}
.rating.response-right .div-picture,
.rating.response-right .div-info,
.rating.response-right .div-info .name {
  float: right;
}
#rating-container .message-rating {
  float: left;
  width: 100%;
  line-height: 14px;
}

#content-ratings {
  max-width: 550px;
  margin: 0px auto;
}
#content-ratings .rating:first-child {
  float: left;
  margin-top: -5px;
}
#content-ratings .rating {
  background-color: #FDFDFD;
  padding: 10px;
  width: 100%;
}
#rating_nps {
  margin: 10px 0px 0px 0px;
}
#rating_nps span {
  font-size: 21px;
  margin-bottom: 3px;
  padding: 5px;
  width: 38px;
  display: inline-block;
  border-radius: 50%;
}
.rating_topics_numbers span {
  font-size: 13px;
  margin-bottom: 3px;
  padding: 1px 3px 1px 3px;
  width: 20px;
  display: inline-block;
  border-radius: 50%;
}
.rating_topics_numbers span.number-off,
#rating_nps span.number-off {
 background-color: lightgray !important;
 color: black !important;
}
.rating_topics_numbers span.number-on,
#rating_nps span.number-on {
  background-color: #E8C425 !important;
  color: white !important;
}

#rating_message textarea {
  width: 100%;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 5px;
  font-size: 13px;
  resize: none;
}


/* CAMERA */
.btn-camera {
  border: 2px solid white;
}
#picture_preview img {
  width: 100%;
  max-width: 250px;
}
#picture_progress {
  height: 35px;
  background-color: lightgrey;
  margin-bottom: 5px;
}
#picture_success, #picture_error {
  margin-top: 10px;
}
#picture_success #message_success {
  color: #4CAF50;
  font-size: 14px;
}
#picture_error #message_error {
  color: red;
  font-size: 14px;
}
#picture_success .text-center,
#picture_share .text-center {
  font-size: 11px;
}
.picture_content {
  overflow: hidden;
}
.picture_content .picture-legend {
  float: left;
  font-size: 11px;
  color: gray;
  line-height: 11px;
  width: calc(100% - 40px);
  text-overflow: ellipsis;
  height: 22px;
}
.picture-user-image {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  margin: 0px 5px 5px 0px;
}
.picture-user-name {
  font-weight: 500;
}
.picture-legend {
  float: left;
}
.content_btn_share {
  width: 25%;
  float: left;
  padding: 5px;
  box-sizing: border-box;
}
.content_btn_share img {
  width: 32px;
  height: 32px;
  margin-top: -5px;
}

/* CARDÁPIO / PRODUTOS e SERVIÇOS */
#products {
  max-width: 550px; margin: 0 auto;
}
#products .card,
#vouchers .card {
  display: flex;
  background: white;
  margin-bottom: 10px;
}
#products .card img,
#vouchers .card img {
  margin: inherit;
  max-width: none;
  float: inherit;
  padding: inherit;
  border: inherit;
}
#products .card-img {
  position: relative;
  width: 550px;
  height: 100px;
  margin: 0 auto;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
  padding-top: 0px;
}
#products .card-img .blur,
#vouchers .card-img .blur{
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  display: block;
  width: 100%;
  height: 108px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#products .card-img .textura,
#vouchers .card-img .textura{
  background: url('/images/textura.png');
  position: absolute;
  top: 0;
  z-index: -999;
  width: 100%;
  height: 108px;
  opacity: 0.3;
}
#products .card-img img.img-thumb,
#vouchers .card-img img.img-thumb {
  width: 90px;
  height: 90px;
  border: 1px solid lightgrey;
  padding: 5px;
  background-color: white;
  float: left;
  margin-left: 5px;
}
#products .card-img .background.no-image, .img-opaque,
#vouchers .card-img .background.no-image, .img-opaque {
  -webkit-filter: grayscale(100%) opacity(10%);
  filter: grayscale(100%) opacity(10%);
}
#products .avatar img {
  vertical-align: middle;
}
#products .card-img-heading {
  font-size: 22px;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.8);
  background-image: none;
  padding-left: 100px;
  padding-bottom: 0px;
}
#products .warning-images {
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
  text-align: right;
  z-index: 10;
  color: white;
  font-size: 9px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.8);
}
#products .price,
#products .price p strong,
#products .price p sup,
#products .additional .additional-price {
  color: #F8932D;
  font-weight: 600;
}
#products .price p sup {
  font-weight: none;
}
#products .price p .comment {
  font-weight: 500;
  font-size: 0.7em;
  display: block;
  line-height: 12px;
  color: #888;
}
#products .modal-inner {
  text-align: center;
}
#products .toggle-products-list .hide {
  display: none;
}
#products .products-list .table-responsive {
  padding: 0 15px;
}
#products .products-list .table tr:first-child {
  border-top: 1px solid #dadada;
}
#products .table tr td {
  vertical-align: middle;
  padding: 5px !important;
}
#products .table tr td.image {
  width: 80px;
  vertical-align: top;
}
#products .table tr td.image .avatar,
#products .table tr td.image .avatar img {
  border-radius: 0;
  width: 80px;
}
#products .table tr td.name {
  padding-left: 0;
}
#products .table tr td.name .the-name {
  font-weight: 500;
  float: left;
}
#products .table tr td.name .description {
  font-size: 0.7em;
  text-align: justify;
  color: #000;
  margin: 0;
  line-height: 12px;
  clear: both;
  display: block;
}
#products .table tr td.name .comment {
  font-size: 0.7em;
  color: #BBB;
  text-transform: lowercase;
}
#products .table tr td.name .price {
  float: right;
  font-size: 0.9em;
}
#products .table tr td.name .price p {
  margin: 0;
}
#products .table tr td.name .price .normal-price {
  font-size: 0.8em;
  color: #BBB;
  text-decoration: line-through;
}
#products .modal img {
  width: 100%;
  max-width: 640px;
  padding: 3px;
  border: 1px solid #ddd;
}
#products .modal .price p {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#products #products-loading {
  padding: 30px 30px 45px;
}
#products #products-loading {
  text-align: center;
}
#products #products-loading .progress-circular {
  margin: 0 auto;
}
#product-modal .loaded {
  display: none;
}
#products #search-box {
  margin-bottom: 24px;
  position: relative;
}
#products #search-box .btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 25;
  display: none;
}
#products #search-loading {
  margin: 24px 0;
  text-align: center;
  display: none;
}
#products #search-loading .progress-circular {
  margin: 0 auto;
}
#products #search-results {
  display: none;
}
#products .floating-label {
  z-index: 20;
}

/* VOUCHERS */
.big-alert-rotate {
  color: red;
  font-size: 60px;
  margin-bottom: 20px;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari */
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 300px;
  font-weight: 500;
}
.voucher-item {
  padding: 5px;
  background-color: white;
}
.voucher-item .key {
  font-weight: 500;
  font-size: 24px;
}

/* VARIAÇÕES (GRADE) DE PRODUTOS */
#image-warning {
  font-size: 10px;
  float: right;
  width: 100%;
  margin-bottom: 10px;
}
.variation {
  padding: 5px 0;
}
.name-variation {
  display: block;
  font-size: 0.8em;
  color: #000;
  line-height: 20px;
}
.flex {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  height: 100%;
  float: left;
  width: 100%;
}
.flex-items {
  flex: 1;
}
#popup-banner {
  height: 55px;
  position: static;
  background-color: #f8f8f8;
  padding: 5px;
  float: left;
  width: 100%;
}
#popup-banner #close-popup {
  color: black;
  font-size: 20px;
  float: right;
  cursor: pointer;
}
#popup-banner span {
  float: left;
  color: black;
}
#popup-banner #img-product {
  width: 130px;
}
#popup-banner #img-app {
  width: 130px;
  min-height: 38px;
  float: right;
  margin-right: 10px;
}

.slick-prev:before, .slick-next:before {
    color: #ccc;
    font-size: 50px;
}

.slick-dots li.slick-active button:before, .slick-dots li button:before{
  font-size: 15px
}

.switch-toggle-wrap{
  width: 100%;
  display: block;
  overflow: hidden;
}
.term-title{
  cursor: pointer;
  display: block;
  width: 85%;
  float: right;
  text-align: left;
}
.term-toggle{
  width: 14%;
  display: block;
  float: left;
  text-align: right;
}
.term-content{
  padding: 20px;
  display: block;
  width: 100%;
  min-height: 100%;
  word-break: break-word;
}

#content-campaign-page p{
  max-width: 100%;
  overflow-wrap: break-word;
}

.box-promocao {
	padding: 10px;
	max-width: 550px;
	margin: 5px auto;
	background: #fff;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .06), 0 0 3px rgba(0, 0, 0, .18), 0 1px 3px rgba(0, 0, 0, .18);
	overflow: hidden;
}

.box-promocao img {
	width: 100%;
	/*height: 210px;*/
}

.box-promocao h4 {
	font-size: 13px;
	font-weight: bold;
}

.box-promocao h2 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	width: 90%;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	line-height: 26px;
}

.title-border {
	border-bottom: 1px solid #d8d8d8;
	max-width: 550px;
	margin: 0px auto;
	margin-bottom: 10px;
}

.title-part {
	text-align: center;
	font-size: 14px;
	min-width: 180px;
	width: 70%;
	text-transform: uppercase;
	margin: 0px auto;
	max-width: 350px;
	line-height: 25px;
	font-weight: 500;
	color: #585858;
}

#content-friends img {
	max-width: 100%;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .3);
	margin: 12px auto;
}

.modal-close {
	color: #727272;
	cursor: pointer;
	display: block;
	float: right;
	margin-right: -8px;
	padding-right: 8px;
	padding-left: 8px
}

.modal-close:focus,
.modal-close:hover {
	color: #ff4081;
	text-decoration: none
}

.modal-title {
	margin-top: 0;
	margin-right: 28px;
  margin-bottom: 24px;
  font-size: 20px;
	line-height: 28px
}
.modal-heading, .modal-inner {
  margin-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
}


.rating-avatar {
    max-width: 160px;
    width: 100%;
    padding: 3px;
    border: 1px solid #d8d8d8;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
}

#login-content{
  padding: 10px;
  width:auto;
  display:block;
  margin:0 auto;
  max-width:90%;
}
.teste-minify{
  color:#000;
}
.rating-year{
  font-size: 12px;
  display: inline-block;
}

.youtube-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
}

/* .youtube-wrap.init::after, .youtube-wrap.playing::after { */
/*
.youtube-wrap.init::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
*/

.youtube-wrap.init::after, .youtube-wrap.playing:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  height: 70px;
  width: 100%;
}

.youtube-wrap.init::before, .youtube-wrap.playing:hover:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  height: 70px;
  width: 100%;
}


.youtube-wrap.paused::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 10px;
  right: 0;
  cursor: pointer;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

.youtube-wrap.ended::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 64px 64px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}

.radiobtn label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radiobtn label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.radiobtn-circle {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}
.radiobtn label:hover input ~ .radiobtn-circle {
    background-color: #ccc;
}
.radiobtn-circle:after {
    content: "";
    position: absolute;
    display: none;
}
.radiobtn label input:checked ~ .radiobtn-circle:after {
    display: block;
}
.radiobtn label .radiobtn-circle:after {
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

#access-plans {
  align-items: center;
  justify-content: center;
  text-align: center;
}

#access-plans .plans-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 70%;
}

#access-plans .plan,
.box-form-payment {
  width: 232px;
  margin: 10px;
  border: 1px solid #f9f9f9;
  border-radius: 8px 0px 8px 8px;
  padding: 10px;
  box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 50%);
  background-color: #f9f9f9;
}

.box-form-payment {
  cursor: pointer;
}

#access-plans .plan:hover,
#access-plans .plan.active {
  border-color: #b5b5b5;
}

#access-plans .plan .plan-name {
  font-size: 19px;
  font-weight: 600;
}

#access-plans .plan hr {
  margin-bottom: 5px;
}

.hide {
  display: none;
}

#form-buy #user-data span.select2-container {
  width: 100% !important;
  height: 38px;
  margin-top: 3px;
}

#credit-cards .card {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  margin-bottom: .5rem!important;
}

#credit-cards .card-option {
  width: 30px!important;
  margin: 10px!important;
  height: 30px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#credit-cards .delete-card {
  color: #dc3545;
  border-color: #dc3545;
  margin: 10px 10px 0px 0px;
  background-color: #fff;
  border-radius: 5px!important;
}

#credit-cards .delete-card:hover,
#credit-cards .delete-card:focus,
#credit-cards .delete-card.active,
#credit-cards .delete-card:active {
  color: #dc3545;
  background-color: #fff;
  outline: none;
}

.btn-ldap{
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-ldap:hover{
  background-color: #495057;
  border-color: #495057;
}

.btn-veloxtix-login {
    background-color: #6c757d;
    border-color: #6c757d;
}

.login-code-title{
  font-size: 20px;
  margin-top: 5px;
}

.btn-access{
  min-width: 150px;
}

.btn-back{
  margin-bottom: 15px;
  font-weight: 500;
}

.auth-code-wrap{
  width: 250px;
  position: relative;
  overflow: hidden;
}
.auth-code{
  margin-left: 14px;
  width: 100%;
  letter-spacing: 53.86px;
  background-color: transparent !important;
  border: none !important;
  position: relative;
  z-index: 1042;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.touch-flex{
	display:flex;
	align-items: stretch;
    padding: 0;
    position: absolute;
    top: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
  gap: 3px;
}
.touch-flex-cell {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-radius: 3px;
  border: 1px solid #000000;
	flex-grow: 1;
}

.touch-flex {
	z-index: 1041;
	pointer-events: none;
}

.formAction{
  overflow: hidden;
}
.formAction h4{
  margin-top: 5px;
  font-size: 20px;
}

.waiting-confirmation h5 {
  font-weight: 700;
  color: #4CAF50;
  margin-top: 5px
}

.waiting-confirmation p {
  line-height: 15px;
  color: #b5b5b5;
}

.waiting-confirmation .spinner-border {
  margin-top: 15px;
}

img.brand-logo-btn{height: 32px;position: absolute;left: 2px;top: 2px;padding: 5px;background-color: white;}

.fb-button {
  background: #1877f2;
  color: #fff;
  font-size: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.fb-button:hover {
  color: #fff;
}

@media only screen and (max-width:640px) {
  .cookie-notice {
    bottom: 40px !important;
  }
}

#content-form-direct-register .country-select~.select2-container {
  min-width: 100%;
}