/* .no-jhsp {
	display: none !important;
} */

.only-jhsp {
	display: none !important;
}

.only-kubik {
	display: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	background-color: #26a69a20;
	color: #26a69a;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	color: #26a69a;
}

i {
	color: #000;
}

html {
	color: #333;
}

body {
	color: #333;
}

body {
	font-family:   sans-serif, Arial, Verdana,  Helvetica;
	min-width: 360px;
	background: #f8f9fa;
}

/************************* element generics  **********************/
.hoppin-start {
	color: #6bd6cc;
}

.hoppin-end {
	color: #0599c3;
}

/************************* element input  **********************/
input,
select,
input[type='tel'],
input[type='text'],
input[type='password'] {
	color: #222;
	border: 1px solid #bbb;
	background-color: #fefefe;
}

textarea {
	color: #222;
	border: 1px solid #bbb;
	background-color: #fefefe;
}

select {
	background-color: rgba(255, 255, 255, 0.15);
	color: #43484d;
}

select option {
	color: #000;
}

textarea:focus,
input:focus,
select:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='password']:focus {
	border: 1px solid #0599c3;
	box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.05);
}

/************************* element Button  **********************/
button {
	color: #fff;
	background: #000;
}

button:hover {
	background-color: #00000080;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
}

button i {
	color: #fff;
	margin: 0 8px;
}

/************************* component table   **********************/
table {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

table.table-striped > tbody > {
	background-color: #f5f5f5;
}

table.table-striped > tbody > tr:nth-child(odd) {
	background-color: #fff;
}

table th {
	background-color: #ddd;
}

/************************* component Navbar  **********************/

/* menu hamburger na cor preta */
.menu_white {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAG0lEQVQ4y2NgGAXEg/9EQMo0jHp61NOjgIEBAPUoa5W1fMoHAAAAAElFTkSuQmCC');
}
/* Account box na cor preta */
.account_box_white {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAnUlEQVQ4y2NgGLTAk+Exw3888DGDB6qGR3iVg+AjVA0gIXwAQx5ZgJWhjeEZELYBWURpaIc7o504DU+BbGsg/A9k0UYDyU4i2dMgIMnAS1ywMjOEMaxi+AjmvwOywoAieDRIM5yDuv4Lw2so6xxQFKeGnUDyFkMKgxJYTAzIug0U2Ylbw0+sqegnbg24Eh4RoUQw8ZGcvEnOQIMIAACKWMHMZuooNwAAAABJRU5ErkJggg==');
}

nav {
	height: 100px;
	background: #fff;
	box-shadow: 0 5px 14px rgba(11, 11, 77, 0.14);
}

nav img {
	height: 92px;
	/* width: 245px;  */
	margin: 8px auto;
}

@media (max-width: 930px) {
	nav img {
		margin: 5px 0 0 -20px;
		height: 60px;
		/* max-width: 200px; */
	}
}

nav ul li a {
	color: #000;
}

nav ul li a:hover {
	color: #000;
	background-color: #dddddd20;
	border: 1px solid #ddd;
}

.checkbtn {
	color: #000;
}

@media (max-width: 930px) {
	nav ul {
		background: #000;
	}

	nav ul li {
		border-bottom: 1px solid rgba(221, 221, 221, 0.281);
	}

	nav ul li a {
		color: #fff;
	}

	nav ul li a:hover {
		color: #ddd;
	}
}

.user {
	color: #000;
}

/************************* component footer **********************/
footer {
	background: #005ebc;
	color: #fff;
}

footer ul li:hover {
	background: #4b7eb1;
}

footer ul a {
	color: #fff;
}

footer span a {
	color: #fff;
}

/* footer #tos {
	display: none;
} */

footer #payment {
	display: none;
}

/************************* Alert   **********************/
.red {
	color: #b91616;
}

.error {
	border: 1px solid #b91616;
	color: #b91616;
	background-color: #ffd2d2;
}

.green {
	color: #2b7515;
}

.success {
	border: 1px solid #2b7515;
	color: #2b7515;
	background: #ecffd6;
}

.blue {
	color: #204a8e;
}

.info {
	border: 1px solid #204a8e;
	color: #204a8e;
	background: #c9ddff;
}

.close {
	color: #000000;
}

.close:hover {
	opacity: 0.8;
}

/************************* Modal  **********************/
#popup_window {
	background: #267e8a;
	color: #fcfcfc;
}

.popup-overlay {
	background-color: rgba(0, 0, 0, 0.7);
}

.popup-body {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(top, #ffffff 0, #f7f7f7 100%);
	background: -o-linear-gradient(top, #ffffff 0, #f7f7f7 100%);
	background: -ms-linear-gradient(top, #ffffff 0, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
	border: 1px solid #e9e9e9;
}

.popup-title {
	border-bottom: 1px solid #e9e9e9;
	color: #555;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
}

.popup-content p {
	color: #555;
}

.popup-footer {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #e9e9e9;
	color: #555;
	background-color: #eee;
}

/************************* component card **********************/
.card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
	background-color: #fff;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
}

.card img {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

/************************* Events Page **********************/

#events {
	max-width: 700px;
	margin: 150px auto 0px;
}

#events .card .container {
	color: #333;
}

#events .card h1 {
	border-bottom: none;
	color: #595a70;
}

#events .card .data {
	display: none;
}

#events .card .data i {
	display: none;
}

#events .card .status {
	display: none;
}

/************************* Event page **********************/
#blur-canvas {
	background: #333;
}

#event {
	color: #333;
	background-color: #fbfbfb;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

h1 {
	font-size: 30px;
}

#event header {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#event #image64 {
	width: 100%;
}

#event #info {
	text-align: center;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#event section {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#event #desc {
	color: #222;
}

#event #divTickets {
	color: #333;
}

#event #divTickets table {
	border: 1px solid #ddd;
	box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.05);
}

#event #divTickets th {
	background-color: #ddd;
}

#event #divTickets tr {
	border-bottom: 1px solid #ddd;
}

#event .calendar-container {
	color: #000;
}

.vanilla-calendar-week {
	background-color: #000 !important;
}

#event .btnApply {
	background: #fff;
	color: #222;
	border: 1px solid #eee;
}

#event .btnApply:hover {
	background: rgb(218, 68, 83);
	border: 1px solid rgb(218, 68, 83);
	color: #fff;
}

/************************* form **********************/
.form {
	background-color: #f5f8fa;
	border-top: 1px solid #e1e8ee;
	border-bottom: 1px solid #e1e8ee;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.05) 99%);
}

.form:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
}

.form .gradient {
	background: #000;
}

.form .curves {
	padding: 10px;
	border-radius: 16px 0px 16px 0px;
	margin: -40px -40px 20px -40px;
}

.form h1 {
	color: #fff;
}

/************************* login page **********************/

#btnForget:hover {
	cursor: pointer;
	background: #000;
	color: #fff;
}

/************************* Register page **********************/

.Register #txtNasc {
	display: none !important;
}

.Register .btnType {
	width: 25%;
}

/************************* Orders page **********************/
div .Orders {
	max-width: 960px;
	background-color: transparent !important;
}

.APROVADO,
.UTILIZADO {
	background-color: #37bc9b !important;
	color: #fff !important;
}

.PENDENTE,
.ANALISE,
.ESTORNADO {
	background-color: #f6bb42 !important;
	color: #fff !important;
}

.CANCELADO,
.NEGADO {
	background-color: #da4453 !important;
	color: #fff !important;
}

.Orders ul {
	background-color: transparent !important;
	color: #fff;
}

.Orders ul li {
	padding: 0;
	border-top: 1px solid #c8c7cc;
}

.Orders ul li:last-child {
	border-bottom: 1px solid #c8c7cc;
}

.Orders li:hover {
	background: rgba(0, 0, 0, 0.05);
}

.Orders .item-after {
	color: #8e8e93;
}

.Orders .title {
	color: #000;
}

.Orders .subtitle {
	color: #000;
}

/*************************** Order Page *************************/
.white {
	color: #fff;
}

.btnCartao {
	display: none !important;
}