@charset "utf-8";
/* CSS Document */

* {
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Roboto Condensed', sans-serif;*/
}

body {
	background:#EEE;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: fixed;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color:#666 !important;
}

body.anunciar {
	background:#FFF;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: fixed;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color:#666 !important;
}

a {color:#6A2886;}
a:hover {color:#2C1435;}

header {width: 100%; padding: 10px;background: #6a2885; display: inline-table;position: fixed; top: 0;font-size: 18px !important; font-weight: 600;line-height: 30px;z-index: 999;color:#FFF;}
header a {color:rgba(255,255,255,0.6);font-size: 14px;}
header a.active {color:rgba(255,255,255,1);}
header button {background: transparent;border:0;color: #FFF;}
header i {font-size: 30px !important;}

header.anunciante {width: 100%; padding: 10px;background: #6a2885; display: inline-table;position: fixed; top: 0;font-size: 18px !important; font-weight: 600;line-height: 30px;z-index: 999;}
header.anunciante a {color:rgba(255,255,255,0.6);font-size: 14px;}
header.anunciante a.active {color:rgba(255,255,255,1);}
header.anunciante button {background: transparent;border:0;color: #FFF;}
header.anunciante i {font-size: 30px !important;}

.tab-menu {width: 100%; height: 60px !important; padding: 5px 0;background: #6a2885; display: inline-table;position: fixed; bottom: 0;z-index: 999;line-height:1.5em;}
.tab-menu ul {width:100%; text-align: center;margin: 0; padding: 0;}
.tab-menu ul li {width:20%;display: inline-table; text-align: center;float: left;font-size:12px;}
.tab-menu ul li i {font-size:30px !important;padding: 5px;display: block;width: 100%;}
.tab-menu ul li a {color:rgba(255,255,255,0.6) !important;display: inline-table;width: 100%;}
.tab-menu ul li a:hover {color:rgba(255,255,255,1) !important;}
.tab-menu ul li a.active {color:rgba(255,255,255,1) !important;}

.tab-menu-anunciar {width: 100%; height: 60px !important; padding: 5px 0;background: #6d449e; display: inline-table;position: fixed; bottom: 0;z-index: 999;line-height:1.5em;}
.tab-menu-anunciar ul {width:100%; text-align: center;margin: 0; padding: 0;}
.tab-menu-anunciar ul li {width:20%;display: inline-table; text-align: center;float: left;font-size:12px;}
.tab-menu-anunciar ul li i {font-size:30px !important;padding: 5px;display: block;width: 100%;}
.tab-menu-anunciar ul li a {color:rgba(255,255,255,0.6) !important;display: inline-table;width: 100%;}
.tab-menu-anunciar ul li a:hover {color:rgba(255,255,255,1) !important;}
.tab-menu-anunciar ul li a.active {color:rgba(255,255,255,1) !important;}

ul.menu {width:100%;margin: 0;padding: 0;}
ul.menu li {width:100%; list-style: none;}
ul.menu li a {width:100%;text-align:left;background:#6a2885;border-radius:10px;border:1px solid #6a2885;margin-bottom:10px;padding:20px 20px 16px 20px !important;font-size:16px !important;display: inline-table;color:#FFF;}
ul.menu li a i {margin-right:10px;}

.padding-top {padding-top: 60px !important;}
.padding-bottom {padding-bottom: 100px !important;}

h1 {font-weight: bold;}
h2 {color:#2c1335;font-size:18px !important;padding:10px;font-weight: bold;}
h3 {font-size:16px !important; color:#2c1335 !important;font-weight: bold;}
h4 {font-size:14px !important; color:#2c1335 !important;margin:0 !important;padding:0 !important;font-weight: bold;}
hr {height:0;border:0;border-top:1px solid rgba(155,155,155,0.4) !important;}
hr.dot {height:0;border:0;border-top:1px dotted rgba(255,255,255,0.4) !important;}

p {margin:0 !important;padding:0 !important;color:#666;font-size:12px !important;line-height: normal !important;}

a {}
a:hover {text-decoration: none;}

label {width:100% !important;margin:10px 0 14px 0;}
input {width:100% !important;height:auto !important;background:rgba(255,255,255,0.2) !important;color:#999 !important;border:1px solid #CCC !important;border-radius:10px !important;padding:14px !important;box-sizing:border-box !important;font-size:14px !important;}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #CCC !important; opacity: 1; /* Firefox */}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #CCC !important;}
input::-ms-input-placeholder { /* Microsoft Edge */ color: #CCC !important;}
.placeholder-icon {color:#CCC !important;}
select {width:100% !important;height:auto !important;background:rgba(255,255,255,0.4) !important;color:#666 !important;border:1px solid #CCC !important;border-radius:10px !important;padding:14px !important;box-sizing:border-box !important;font-size:14px !important;}
.input-padding {padding-left: 40px !important;}
select option { color: #666; }
input[type="radio"] {width:auto !important;}
input[type="checkbox"] {width:auto !important;}
select option:disabled {
  color: #CCC;
}


.form-group {position:relative;}
.form-group i {color:#666 !important;font-size: 16px; position: absolute;top: 16px;left: 14px;z-index: 998;}



textarea:hover, 
textarea:active, 
textarea:focus, 
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

.form-control:disabled, .form-control[readonly] {opacity: 0.5;}

small {
    font-size: 80%;
    display: inline-table;
    line-height: 16px;
    margin-top: 10px;
}

.btn {font-weight: 600; border-radius:10px;}

.btn-primary {background:#6a2885;padding:6px;border-radius:10px;color:#FFF;border:0;width:100%;text-align:center; text-transform:uppercase;display:inline-table;font-size:16px;}
.btn-primary:hover {background:#2c1335;}
.btn-primary.disabled, .btn-primary:disabled {background:#6a2885;opacity: 0.5; border-radius:10px;color:#FFF;border:0;width:100%;text-align:center; text-transform:uppercase;display:inline-table;}
.btn-secondary {background:#099dab;padding:6px;border-radius:10px;color:#FFF;border:0;width:100%;text-align:center;font-size:14px !important;text-transform:uppercase;display:inline-table;}

.btn-primary-anunciar {background:#6a2885;border-radius:10px;color:#FFF;border:0;width:100%;text-align:center; text-transform:uppercase;display:inline-table;}
.btn-primary-anunciar:hover {background:#6a2885;padding:6px;border-radius:10px;color:#FFF;border:0;width:100%;text-align:center;font-size:14px;text-transform:uppercase;display:inline-table;text-decoration:none;padding:10px;}
.btn-secondary-anunciar {background:#099dab;padding:6px;border-radius:10px;color:#FFF;border:0;width:100%;text-align:center;font-size:14px !important;text-transform:uppercase;display:inline-table;}

.btn-transparent {width:100% !important;height:auto !important;background:rgba(255,255,255,0.2) !important;color:#666 !important;border:1px solid #CCC !important;border-left: 0 !important; border-radius:0 10px 10px 0 !important;padding:14px !important;box-sizing:border-box !important;font-size:14px !important;}

.btn-logout {background:#6a2885;padding:10px;border-radius:20px;color:#FFF;border:0;width:100%;text-align:center;font-size:14px !important;text-transform:uppercase;display:inline-table;}

.mercadopago-button {background:#6a2885 !important;border-radius:10px;color:#FFF;border:0;width:100%;text-align:center; text-transform:uppercase;display:inline-table;padding:6px !important;font-size: 15px !important; font-weight: 400;}

.btn-small {padding:4px;font-weight: 400;font-size:12px !important;}
.btn-medium {padding:10px !important;font-size: 15px !important; font-weight: 400;}
.btn-big {padding: 16px; font-size: 16px !important; font-weight: 600;}

.primary-bg {background:#6a2885 !important;}
.secondary-bg {background:#099dab !important;}

.container {margin-top:10px;}

.card {width:100%;text-align:left;background:rgba(255,255,255,0.2);border-radius:10px;border:1px solid #FFF;margin-bottom:10px;padding:10px !important;font-size:14px !important;}

.item {width:100%;text-align:left;background:rgba(255,255,255,0.2);border-radius:10px;border:1px solid #CCC;margin-bottom:10px;padding:14px !important;font-size:14px !important;display: inline-table;}
.item .valor {color:#666;font-weight:bold;font-size:16px;text-align:center;padding:10px 0;}

/*#login {margin:0 auto;margin-top:20%;width:80%;text-align: center;}*/
#login img {width:50%; margin-bottom: 20px;}
#login label {margin:0 0 10px 0;}

#inicio {margin:0 auto;margin-top:40%;width:90%;}
#inicio .item {border-radius:50px;padding:10px !important;margin:20px 0;border:0;display: inline-table;}
#inicio .item .icone {float:left;width:20%;margin-right:6%;padding:10px 0;}
#inicio .item .icone img {width:100%;}
#inicio .item .info {float:right;width:74%;}
#inicio .item .info h3 {color:#666;font-weight:bold;}
#inicio .item .info p {color:#666;overflow:auto;white-space:normal;font-size:12px;}


/* BUSCA */
#busca .input-group {width:100% !important;height:auto !important;background:rgba(255,255,255,0.4) !important;color:#666 !important;border:1px solid #CCC !important;border-radius:10px !important;padding:0 !important;box-sizing:border-box !important;font-size:14px !important;}
#busca input {width:70% !important; float: left;border:0 !important;background: transparent !important;padding: 16px !important;}
#busca button {width:30% !important; float: left;border:0 !important;background: transparent !important;color:#2c1335 !important;}

/* RESERVAS */
#reserva {}
#reserva .form-control {
   position: relative !important;
   padding-left: 45px !important;

}

/* ANUNCIOS */
#anuncios {margin-top:10px;}

/* DEPENDENTES */
#dependentes {margin-top:10px;}

/* MODAL */
.modal hr {height:0;border:0;border-top:1px solid rgba(0,0,0,0.4) !important;}
.modal i {width:20px;}
.modal-content {background-color:rgba(255,255,255,0.8);}
.modal-content h4 {color:#666 !important;text-transform: uppercase; font-weight: bold;}
.modal-content p {color:#666 !important;font-size:14px !important;}
.modal-footer form {width:100%;}
.modal-footer button {width:100%;}



/* MAPA */
#mapa {widht:100%;height:200px; margin-bottom:20px; border-radius:10px;z-index: 1;}
#map{
    width: 100%;
    height: 500px;
}

/* RESPONSE */
#response {width:100%;text-align:left;background:rgba(255,255,255,0.2);border-radius:10px;border:1px solid #CCC;margin-bottom:10px;padding:20px !important;font-size:16px !important; text-align: center;display:inline-table;white-space: normal;}

/* OWL */
.owl-nav .owl-prev,
.owl-nav .owl-next {
   display: none;
}



#games-check label {margin:0;padding:0;}
#games-check p {line-height:34px !important;font-size:14px !important;font-weight: bold;}
#acessorios-check label {margin:0;padding:0;}
#acessorios-check p {line-height:34px !important;font-size:14px !important;font-weight: bold;}
input.primary:checked + .slider {background-color:#6a2885 !important; }



/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:right;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#mensagens input {width: auto !important;border-radius:10px 0 0 10px !important;border-right: 0 !important;}
#mensagem {width: 80% !important; float: left !important; border-radius: 10px 0 0 10px !important; border-right: 0 !important;}

.remetente {background:rgba(255,255,255,0.2);padding: 10px;border-radius:6px;width:65%;float: left;margin-bottom:8px;}
.destinatario {background:rgba(255,255,255,0.2);padding: 10px;border-radius:6px;width:65%;float: right;margin-bottom:8px;}

.avaliacao-stars {padding:10px 0;}
.avaliacao-stars a {font-size:30px !important;}

.mt20{
			margin-top:20px;
		}
		#autocomplete{
			display: none;
		}
		.list-group-item {background-color: rgba(255,255,255,0.2) !important;color:#666 !important;padding:20px !important;}
		.list-group-item a{
			text-decoration: none !important;
			color:#666 !important;
		}
		.list-group li{
			cursor: pointer;
			color:#666 !important;
		}
		.list-group li:hover{
			color: white;
			background-color: #6a2885;
			color:#666 !important;
		}

.datepicker table tr td.day {color:#6fc66f !important;}
.datepicker table tr td.old.disabled {color:#e1b8b8 !important;}
.datepicker table tr td.disabled {color:#f77b7b !important;}
.datepicker table tr td.new.disabled {color:#e1b8b8 !important;}
.datepicker table tr td.new.day {color:#c7edc7 !important;}
.datepicker table tr td.new.day.disabled {color:#e1b8b8 !important;}


#cadastro .slim {
	width: 100% !important;
    height: 52px !important;
    background: rgba(255,255,255,0.2) !important;
    color: #666 !important;
    border: 1px solid #CCC !important;
    border-radius: 10px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}
#cadastro .slim:hover {cursor: pointer;}
#cadastro .slim-label p {font-size:1em !important;}
#cadastro .slim>img, #cadastro .slim>input[type=file] {margin-bottom:0 !important;}
#cadastro .slim-result {display:none;}
#cadastro .slim .slim-btn-group {top:-14px;}

.slim>input[type=file] {}
.slim[data-ratio*=":"] {border-radius:50% !important;}

.badge {width:16px;height:16px;border-radius:50%;background:#FFF;color:#099dab;font-weight: bold;line-height: 1em;}

footer { position: relative;margin: 0 auto;text-align: center;width: 70%;font-size: 12px;padding-bottom: 120px !important;}

@media only screen and (max-width: 767px) {
	header a {font-size:12px;}
	header.anunciante a {font-size:12px;}
}