/* RESET */

* {
	margin: 0; padding: 0;
	border: none; outline: none;
	box-sizing: border-box;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-family: Open Sans, Arial, sans-serif;
	font-size: 15px;
	color: #8f8f8f;
	list-style: none;
	word-break: break-word;
}

html, body {
	background-color: #292724;
	height: 100%;
	background-size: 750px;
	background-repeat: repeat;
}






header {
	margin: 0 0 15px 0;
}

header h1 {
	
}

header h1 a {
	font-size: 30px;
	line-height: 32px;
	display: inline-block;
}

header p {
	font-size: 18px;
}

a {
	color: #c49626;
	transition: color .15s linear;
}

a:hover {
	color: white;
}

p {
	/* color: white; */
}

@media screen and (max-width: 900px) {

	header h1 a { font-size: 25px; }
	header p { font-size: 16px; }

}







@media screen and (max-width: 710px) {

	/* html, body { background-size: 500px; } */

}











[data-app="contact"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="contact"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="contact"] .one_box h1 {
	color: white;
}

[data-app="contact"] .one_box p {
	color: white;
}




















[data-app="home"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="home"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="home"] .one_box h1 {
	color: white;
}

[data-app="home"] .one_box p {
	color: white;
}







[data-app="home"] #options {
	display: flex;
}







[data-app="home"] #options [data-option] {
	width: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	border-image: initial;
	transition: 0.15s ease-in-out;
	display: block;
}

[data-app="home"] #options [data-option]:hover {
	transform: scale(1.025);
	z-index: 2;
}

[data-app="home"] #options [data-option] .option-content {
	background-color: rgba(48, 42, 43, .6);
	backdrop-filter: blur(20px);
	width: 100%;
	cursor: pointer;
	position: relative;
	transition: 0.15s ease-in-out;
	border-radius: 10px;
	padding: 40px 30px;
}

[data-app="home"] #options [data-option]:hover > .option-content {
	-webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 45%);
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 45%);
}

[data-app="home"] #options [data-option] .option-content .option-info {
	
}

[data-app="home"] #options [data-option] .option-content .option-info .icon {
	margin: 0 0 10px 0;
}

[data-app="home"] #options [data-option] .option-content .option-info .icon img {
	width: 160px;
}

[data-app="home"] #options [data-option] .option-content .option-info .name {
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 25px;
	margin: 0 0 5px 0;
}

[data-app="home"] #options [data-option] .option-content .option-info .desc {
	color: white;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 15px 0;
}

[data-app="home"] #options [data-option] .option-content .option-info .date {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 50px;
	height: 58px;
	/* line-height: 35px; */
	background-image: url(../images/apps/home/calendar-icon-001.png);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	background-position: 7px 9px;
	font-weight: 700;
	font-size: 15px;
	color: #dca00f;
}

@media screen and (max-width: 800px) {

	[data-app="home"] #options {
		display: block;
	}

	[data-app="home"] #options [data-option] {
		width: 100%;
	}

	[data-app="home"] #options [data-option] .option-content { padding: 20px 30px; }

	[data-app="home"] #options [data-option] .option-content .option-info .icon img {
		width: 120px;
	}

	[data-app="home"] #options [data-option] .option-content .option-info .name { font-size: 22px; }
	[data-app="home"] #options [data-option] .option-content .option-info .desc { color: #909090; font-size: 15px; }

}















[data-app="login"] {
	width: 100vw; height: 100vh;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1000px) {



}





[data-app="login"] .structure {
	width: 690px; height: 587px;
	position: absolute;
	/* background-color: rgba(102, 51, 153, .5); */
}





[data-app="login"] .structure #portrait {
	position: absolute;
	width: 275px; height: 580px;
	top: 0; left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

[data-app="login"] .structure #portrait img.desktop {
	width: 275px;
}

[data-app="login"] .structure #portrait img.mobile {
	width: 140px;
	display: none;
}





[data-app="login"] .structure #form {
	position: absolute;
	top: 0; right: 0;
	width: 350px; height: 580px;
	/*
	background-image: url(../images/apps/login/login-box-004.png);
	background-size: 412px 598px;
	background-repeat: no-repeat;
	background-position: center;
	*/
}





[data-app="login"] .structure #form .box {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
}




@media screen and (max-width: 800px) {

	[data-app="login"] {
		display: block;
		justify-content: initial;
		align-items: initial;
		padding: 100px 0 0 0;
	}

	[data-app="login"] .structure #portrait img.desktop { display: none; }

	[data-app="login"] .structure #portrait img.mobile { display: block; }

	[data-app="login"] .structure {
		position: relative;
		width: 90%;
		height: initial;
		margin: 0 auto;
	}

	[data-app="login"] .structure #portrait {
		position: initial;
		width: initial;
		height: initial;
		margin: 0 auto; padding: 0 0 15px 0;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	[data-app="login"] .structure #form {
		position: initial;
		margin: 0 auto;
		width: initial;
		height: initial;
	}

	[data-app="login"] .structure #form .box { position: initial; }

}















[data-app="msg_anon"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}




















[data-app="msg_error"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}




















[data-app="msg_login"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}




















[data-app="operations"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="operations"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="operations"] .one_box h1 {
	color: white;
}

[data-app="operations"] .one_box p {
	color: white;
}







@media screen and (max-width: 950px) {

}







[data-format="operation"] {

}

[data-format="operation"] [data-operation] {
	margin: 0 0 15px 0;
}

[data-format="operation"] [data-operation] .format {
	border: 5px solid transparent;
}

[data-format="operation"] [data-operation] .format .content {
	padding: 20px;
	background-color: rgba(255, 255, 255, .05);
	border-radius: 10px;
	backdrop-filter: blur(15px);
	position: relative;
}

[data-format="operation"] [data-operation] .format .content .status {
	position: absolute;
	top: -10px; right: 10px;
	width: 115px; height: 35px;
	color: white;
	text-align: center;
    padding: 9px 35px 0 0;
	overflow: hidden;
	background-color: #3a3a3a;
	font-weight: 700;
    font-size: 13px;
	border-radius: 4px;
    overflow: hidden;
}

[data-format="operation"] [data-operation] .format .content .status p {
	position: absolute;
	top: 0; right: 0;
	width: 35px; height: 35px;
	background-image: url(../images/apps/operations/operations-status-icon-001.png);
	background-size: 35px 105px;
}

[data-format="operation"] [data-operation][data-status="pending"]  .format .content .status p { background-color: #c7c7c7; background-position: 0 0; }
[data-format="operation"] [data-operation][data-status="cancel"]   .format .content .status p { background-color: #ff225d; background-position: 0 -35px; }
[data-format="operation"] [data-operation][data-status="rejected"] .format .content .status p { background-color: #ff225d; background-position: 0 -35px; }
[data-format="operation"] [data-operation][data-status="approved"] .format .content .status p { background-color: #ffc300; background-position: 0 -70px; }

[data-format="operation"] [data-operation] .format .content .icon {
	position: absolute;
	top: 20px; left: 20px;
}

[data-format="operation"] [data-operation] .format .content .icon img {
	width: 50px;
}

[data-format="operation"] [data-operation] .format .content .info {
	padding: 10px 20px 10px 70px;
}

[data-format="operation"] [data-operation] .format .content .info .title {
	color: #ffc300;
	font-size: 22px; line-height: 20px;
	margin: 0 0 10px 0;
}

[data-format="operation"] [data-operation] .format .content .info .block {
	border-bottom: 2px solid rgba(255, 255, 255, .05);
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

[data-format="operation"] [data-operation] .format .content .info .block .label {
	color: #979797;
	font-size: 13px;
	text-transform: uppercase;
}

[data-format="operation"] [data-operation] .format .content .info .block .data {
	color: white;
}


















[data-app="payment_approved"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="payment_approved"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="payment_approved"] .one_box h1 {
	color: white;
}

[data-app="payment_approved"] .one_box p {
	color: white;
}




















[data-app="payment_pending"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="payment_pending"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="payment_pending"] .one_box h1 {
	color: white;
}

[data-app="payment_pending"] .one_box p {
	color: white;
}




















[data-app="payment_rejected"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="payment_rejected"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="payment_rejected"] .one_box h1 {
	color: white;
}

[data-app="payment_rejected"] .one_box p {
	color: white;
}




















[data-app="profile"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="profile"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="profile"] .one_box h1 {
	color: white;
}

[data-app="profile"] .one_box p {
	color: white;
}





[data-app="profile"] .one_content {
	padding: 40px;
    background-color: white;
    border-radius: 10px;
}

@media screen and (max-width: 1200px) {

	[data-app="profile"] .one_content { padding: 15px; }

}










[data-app="profile"] [data-form="establecimiento"] header h1 { color: var(--color-pink);  }
[data-app="profile"] [data-form="proveedor"]       header h1 { color: var(--color-blue);  }
[data-app="profile"] [data-form="prensa"]          header h1 { color: var(--color-green); }










[data-app="profile"] [data-component="type"] {
	overflow: hidden;
}

[data-app="profile"] [data-component="type"] [data-option] {
width: 100%;
    margin: 0 0 5px 0;
    padding: 40px 40px 40px 130px;
    border-radius: 5px;
    position: relative;
    background-position-x: 25px;
    background-position-y: center;
    cursor: pointer;
    background-size: 90px;
}

[data-app="profile"] [data-component="type"] [data-option] .icon {
	position: absolute;
	top: 0; left: 0;
	border-radius: 1000px;
    width: 100px;
}

[data-app="profile"] [data-component="type"] [data-option] .content {
	text-transform: uppercase; font-weight: 700; font-size: 22px;
}

[data-app="profile"] [data-component="type"] [data-option="establecimiento"] {
	border: 2px solid #d53e5b;
	color: #d53e5b;
	background-image: url(../images/apps/register/icon-establecimiento.png);
}
[data-app="profile"] [data-component="type"] [data-option="proveedor"] {
	border: 2px solid #0081b6;
	color: #0081b6;
	background-image: url(../images/apps/register/icon-proveedor.png);
}
[data-app="profile"] [data-component="type"] [data-option="prensa"] {
	border: 2px solid #27a216;
	color: #27a216;
	background-image: url(../images/apps/register/icon-prensa.png);
}

[data-app="profile"] [data-component="type"][data-type="establecimiento"] [data-option="establecimiento"] {
	border: 2px solid #d53e5b;
	background-color: #d53e5b;
	color: white;
}

[data-app="profile"] [data-component="type"][data-type="proveedor"] [data-option="proveedor"] {
	border: 2px solid #0081b6;
	background-color: #0081b6;
	color: white;
}

[data-app="profile"] [data-component="type"][data-type="prensa"] [data-option="prensa"] {
	border: 2px solid #27a216;
	background-color: #27a216;
	color: white;
}

@media screen and (max-width: 600px) {

	[data-app="profile"] [data-component="type"] [data-option] {
		background-size: 100px;
		padding: 140px 25px 40px 25px;
		text-align: center;
		background-position-x: center;
		background-position-y: 25px;
	}

	[data-app="profile"] [data-component="type"] [data-option] .content {
		font-size: 18px;
	}

}




















[data-app="qr"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="qr"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="qr"] .one_box h1 {
	color: white;
}

[data-app="qr"] .one_box p {
	color: white;
}





[data-app="qr"] .qr_format {
	border-radius: 10px;
	text-align: center;
}

[data-app="qr"] .qr_format .pic {
	margin: 0 0 20px 0;
}

[data-app="qr"] .qr_format .pic img {
	border-radius: 10px;
	border: 1px solid #d5d5d5;
	width: 220px;
	padding: 10px;
	background-color: white;
}

[data-app="qr"] .qr_format .id {
	margin: 0 0 30px 0;	
	font-size: 30px;
	color: white;
}

[data-app="qr"] .qr_format .id strong {
	color: #ed275c;
	font-size: 22px;
	text-transform: uppercase;
}




[data-app="qr"] .qr_format .tickets_habilitados .list .a {
	background-color: #640bff;
	border-radius: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 6px 0;
	margin: 0 0 2px 0;
}

[data-app="qr"] .qr_format .tickets_habilitados .list .b {
	background-color: #640bff;
	border-radius: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 6px 0;
	margin: 0 0 2px 0;
}

[data-app="qr"] .qr_format .tickets_habilitados .list .c {
	background-color: #640bff;
	border-radius: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 6px 0;
	margin: 0 0 2px 0;
}

[data-app="qr"] .qr_format .tickets_habilitados .list .d {
	background-color: #640bff;
	border-radius: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 6px 0;
	margin: 0 0 2px 0;
}





[data-app="qr"] .qr_format .trainings_habilitados .list .a {
	background-color: #313131;
	border-radius: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 6px 0;
	margin: 0 0 2px 0;
}















[data-app="recover"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}




















[data-app="register"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}










[data-app="register"] [data-form="establecimiento"] header h1 { color: var(--color-pink);  }
[data-app="register"] [data-form="proveedor"]       header h1 { color: var(--color-blue);  }
[data-app="register"] [data-form="prensa"]          header h1 { color: var(--color-green); }










[data-app="register"] [data-component="type"] {
	overflow: hidden;
}

[data-app="register"] [data-component="type"] [data-option] {
width: 100%;
    margin: 0 0 5px 0;
    padding: 40px 40px 40px 130px;
    border-radius: 5px;
    position: relative;
    background-position-x: 25px;
    background-position-y: center;
    cursor: pointer;
    background-size: 90px;
}

[data-app="register"] [data-component="type"] [data-option] .icon {
	position: absolute;
	top: 0; left: 0;
	border-radius: 1000px;
    width: 100px;
}

[data-app="register"] [data-component="type"] [data-option] .content {
	text-transform: uppercase; font-weight: 700; font-size: 22px;
}

[data-app="register"] [data-component="type"] [data-option="establecimiento"] {
	border: 2px solid #d53e5b;
	color: #d53e5b;
	background-image: url(../images/apps/register/icon-establecimiento.png);
}
[data-app="register"] [data-component="type"] [data-option="proveedor"] {
	border: 2px solid #0081b6;
	color: #0081b6;
	background-image: url(../images/apps/register/icon-proveedor.png);
}
[data-app="register"] [data-component="type"] [data-option="prensa"] {
	border: 2px solid #27a216;
	color: #27a216;
	background-image: url(../images/apps/register/icon-prensa.png);
}

[data-app="register"] [data-component="type"][data-type="establecimiento"] [data-option="establecimiento"] {
	border: 2px solid #d53e5b;
	background-color: #d53e5b;
	color: white;
}

[data-app="register"] [data-component="type"][data-type="proveedor"] [data-option="proveedor"] {
	border: 2px solid #0081b6;
	background-color: #0081b6;
	color: white;
}

[data-app="register"] [data-component="type"][data-type="prensa"] [data-option="prensa"] {
	border: 2px solid #27a216;
	background-color: #27a216;
	color: white;
}

@media screen and (max-width: 600px) {

	[data-app="register"] [data-component="type"] [data-option] {
		background-size: 100px;
		padding: 140px 25px 40px 25px;
		text-align: center;
		background-position-x: center;
		background-position-y: 25px;
	}

	[data-app="register"] [data-component="type"] [data-option] .content {
		font-size: 18px;
	}

}







/* PASSWORD CRAFT */

[data-app="register"] .password-craft {
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}

[data-app="register"] .password-craft .container {
	color: white;
	border-radius: 5px;
	position: relative;
}

[data-app="register"] .password-craft .container .strength {
	
}

[data-app="register"] .password-craft .container .strength .bars {
	width: 100%;
	overflow: hidden;
}

[data-app="register"] .password-craft .container .strength .bars .bar {
	border: 5px solid transparent;
	float: left;
	width: 33.3333333333%;
}

[data-app="register"] .password-craft .container .strength .bars .bar [data-bar] {
	width: 100%; height: 5px;
	border-radius: 10px;
}

[data-app="register"] .password-craft .container .strength .bars .bar [data-bar][data-color="gray"]   { background-color: #333333; }
[data-app="register"] .password-craft .container .strength .bars .bar [data-bar][data-color="red"]    { background-color: #d61047; }
[data-app="register"] .password-craft .container .strength .bars .bar [data-bar][data-color="yellow"] { background-color: #a4760a; }
[data-app="register"] .password-craft .container .strength .bars .bar [data-bar][data-color="green"]  { background-color: #537762; }

[data-app="register"] .password-craft .container .info {
	border: 5px solid transparent;
}
[data-app="register"] .password-craft .container .info .label {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
}
[data-app="register"] .password-craft .container .info .desc {
	font-size: 15px; line-height: 15px;
	padding: 0 25px 0 0;
	color: #c4c4c4;
}




















[data-app="reset"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="reset"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="reset"] .one_box h1 {
	color: white;
}

[data-app="reset"] .one_box p {
	color: white;
}







/* PASSWORD CRAFT */

[data-app="reset"] .password-craft {
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}

[data-app="reset"] .password-craft .container {
	color: white;
	border-radius: 5px;
	position: relative;
}

[data-app="reset"] .password-craft .container .strength {
	
}

[data-app="reset"] .password-craft .container .strength .bars {
	width: 100%;
	overflow: hidden;
}

[data-app="reset"] .password-craft .container .strength .bars .bar {
	border: 5px solid transparent;
	float: left;
	width: 33.3333333333%;
}

[data-app="reset"] .password-craft .container .strength .bars .bar [data-bar] {
	width: 100%; height: 5px;
	border-radius: 10px;
}

[data-app="reset"] .password-craft .container .strength .bars .bar [data-bar][data-color="gray"]   { background-color: #333333; }
[data-app="reset"] .password-craft .container .strength .bars .bar [data-bar][data-color="red"]    { background-color: #d61047; }
[data-app="reset"] .password-craft .container .strength .bars .bar [data-bar][data-color="yellow"] { background-color: #a4760a; }
[data-app="reset"] .password-craft .container .strength .bars .bar [data-bar][data-color="green"]  { background-color: #537762; }

[data-app="reset"] .password-craft .container .info {
	border: 5px solid transparent;
}
[data-app="reset"] .password-craft .container .info .label {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
}
[data-app="reset"] .password-craft .container .info .desc {
	font-size: 15px; line-height: 15px;
	padding: 0 25px 0 0;
	color: #c4c4c4;
}




















[data-app="resume"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="resume"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="resume"] .one_box h1 {
	color: white;
}

[data-app="resume"] .one_box p {
	color: white;
}







@media screen and (max-width: 950px) {

}










.payment_methods {
	overflow: hidden;
}
.payment_methods [data-method="mercadopago"] {
	
}
.payment_methods [data-method="stripe"] {
	
}
.payment_methods [data-method] {
	float: left;
	width: 50%;
	border: 5px solid transparent;
}
.payment_methods [data-method="mercadopago"] .method-content {
	
}
.payment_methods [data-method="stripe"] .method-content {
	
}
.payment_methods [data-method] .method-content {
	border-radius: 15px;
	text-align: center;
	padding: 20px;
    background-color: rgba(255, 255, 255, .05);
    border-radius: 10px;
    backdrop-filter: blur(15px);
    position: relative;
	padding: 30px 0;
	transition: background-color .15s ease-in-out;
	user-select: none;
	cursor: pointer;
	border: 7px solid transparent;
}
.payment_methods [data-method][data-status="selected"] .method-content {
	border: 7px solid white;
}

@media screen and (max-width: 1200px) {

	.payment_methods [data-method] .method-content { border: 3px solid transparent; }

	.payment_methods [data-method][data-status="selected"] .method-content { border: 3px solid white; }

}

.payment_methods [data-method] .method-content:hover {
	background-color: black;
}
.payment_methods [data-method] .method-content .aaa {
	color: white;
	font-size: 13px;
}
.payment_methods [data-method] .method-content .bbb {
	color: white;
	font-size: 20px;
}
.payment_methods [data-method] .method-content .ccc {
	
}
.payment_methods [data-method] .method-content .ccc img {
	width: 200px;
	margin: 0 0 10px 0;
}




@media screen and (max-width: 760px) {

	.payment_methods [data-method] .method-content { padding: 15px 0; }

	.payment_methods [data-method] .method-content:hover {
		background-color: rgba(255, 255, 255, .05);
	}

	.payment_methods [data-method] .method-content .ccc img {
		width: 100px;
		margin: 0 0 10px 0;
	}

	.payment_methods [data-method] .method-content .aaa { font-size: 12px; margin: 0 0 -5px 0; }
	.payment_methods [data-method] .method-content .bbb { font-size: 18px; }

}


















[data-app="tickets"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="tickets"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="tickets"] .one_box h1 {
	color: white;
}

[data-app="tickets"] .one_box p {
	color: white;
}



















[data-app="tickets"] #tickets {
	display: flex;
}

[data-app="tickets"] #tickets [data-ticket] {
	/* width: 33.333333333%; */
	width: 100%;
	text-align: center;
	border: 5px solid transparent;
	transition: all .15s ease-in-out;
	position: relative;
	z-index: 1;
}

[data-app="tickets"] #tickets [data-ticket]:hover {
	transform: scale(1.025);
	z-index: 2;
}

[data-app="tickets"] #tickets [data-ticket]:hover .ticket-content {
	-webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 45%);
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 45%);
}








[data-app="tickets"] #tickets [data-ticket] .ticket-content {
	width: 100%; height: 270px;
	cursor: pointer;
	position: relative;
	transition: all .15s ease-in-out;
	border-radius: 10px;
}

[data-app="tickets"] #tickets [data-ticket="a"] .ticket-content { background-color: #302a2b; }
[data-app="tickets"] #tickets [data-ticket="b"] .ticket-content { background-color: #302a2b; }
[data-app="tickets"] #tickets [data-ticket="c"] .ticket-content { background-color: #302a2b; }
[data-app="tickets"] #tickets [data-ticket="d"] .ticket-content { background-color: #302a2b; }







[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info {
	width: 100%; height: 100%;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	border-radius: 10px;
	transition: border .15s ease-in-out;
}

[data-app="tickets"] #tickets [data-ticket][data-status="selected"] .ticket-content .ticket-info { border: 7px solid white; }


[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .flag {
	z-index: 1;
	top: 10px;
	right: 10px;
	position: absolute;
}

[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .flag img {
	width: 45px;
}




[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .acquired {
	border-radius: 50px;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #640bff;
	border: 3px solid #640bff;
	background-image: url(../images/apps/operations/operations-status-icon-002.png);
	background-position: 0 -70px;
	background-size: 35px 105px;
}
[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .icon {
	margin: 0 0 5px 0;
}

[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .icon img {
	width: 160px;
}

[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .name {
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 25px;
}

[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .desc {
	
}

[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .amount {
	color: white;
	bottom: 22px;
	background-color: black;
	border-radius: 50px;
	padding: 0 15px;
}








[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-pattern {
	width: 100%; height: 100%;
	opacity: .2;
	background-position: center;
	background-size: 400px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	[data-app="tickets"] #tickets { display: initial; }

	[data-app="tickets"] #tickets [data-ticket] { width: 100%; }
	[data-app="tickets"] #tickets [data-ticket]:hover { transform: scale(1); }

	[data-app="tickets"] #tickets [data-ticket] .ticket-content { height: 100px; }

	[data-app="tickets"] #tickets [data-ticket][data-status] .ticket-content .ticket-info { border: 2px solid transparent; }
	[data-app="tickets"] #tickets [data-ticket][data-status="selected"] .ticket-content .ticket-info { border: 2px solid white; }

	[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .icon { position: absolute; top: 8px; left: 5px; }
	[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .icon img { width: 50px; }

	[data-app="tickets"] #tickets [data-ticket] .ticket-content .ticket-info .name { font-size: 20px; margin: -3px 0 0 0; }

}













/* TICKETS CONTROLS */

[data-app="tickets"] #tickets_extends {
	overflow: hidden;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] {
	float: left;
	position: relative;
	width: 50%;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps {
	min-height: 60px;
}



[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps [data-code-step="question"] {
	color: white;
    font-weight: 700;
    font-size: 14px;
    line-height: 46px;
    text-align: right;
    width: 155px;
    height: 46px;
    cursor: pointer;
    opacity: .35;
    transition: opacity .25s ease-in-out;
    position: relative;
    display: inline-block;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps [data-code-step="question"]:hover {
	opacity: .6;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps [data-code-step="question"] img {
	width: 22px;
    position: absolute;
    top: 10px;
    left: 2px;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps [data-code-step="input"] {
	width: 280px;
	display: inline-block;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps [data-code-step="input"] [type="text"] {
	font-size: 15px;
	background-color: transparent;
	backdrop-filter: initial;
	border: 3px solid #302a2b;
	text-align: center;
}

[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] .steps [data-code-step="input"] [type="text"]:focus {
	border: 3px solid #5a4f51;
}



[data-app="tickets"] #tickets_extends [data-element="tickets-controls"] {
	float: right;
	width: 50%;
	text-align: right;
}

@media screen and (max-width: 850px) {

	[data-app="tickets"] #tickets_extends [data-element="tickets-codes"] { float: none; width: 100%; text-align: center; }
	[data-app="tickets"] #tickets_extends [data-element="tickets-controls"] { float: none; width: 100%; text-align: center; }

}














/* TICKETS DESCRIPTION [TABLE] */

[data-app="tickets"] #tickets_desc {
	/*
	border: 2px solid white;
	border-radius: 15px;
	padding: 15px;
	*/
}

[data-app="tickets"] #tickets_desc .ticket_selector {
	background-color: white;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 15px 0;
	display: none;
	position: relative;
	/*
	background-image: url(../images/apps/tickets/tickets-selector-arrow-001.png);
	background-position: right;
	background-size: 45px 40px;
	*/
	user-select: none;
}

[data-app="tickets"] #tickets_desc .ticket_selector p[data-left] {
	position: absolute;
	top: 0; left: 0;
	width: 40px; height: 40px;
	background-image: url(../images/apps/tickets/tickets-selector-arrow-lr-001.png);
	background-position: 0 0;
	background-size: 80px 40px;
	cursor: pointer;
	/* display: none; */
}

[data-app="tickets"] #tickets_desc .ticket_selector p[data-right] {
	position: absolute;
	top: 0; right: 0;
	width: 40px; height: 40px;
	background-image: url(../images/apps/tickets/tickets-selector-arrow-lr-001.png);
	background-position: -40px 0;
	background-size: 80px 40px;
	cursor: pointer;
	/* display: none; */
}



[data-app="tickets"] #tickets_desc .data-row-group {
	margin: 0 0 10px 0; padding: 10px;
	background-color: rgba(255, 255, 255, .05);
	border-radius: 5px;
	backdrop-filter: blur(15px);
}

[data-app="tickets"] #tickets_desc .data-row-group-title {
	font-weight: 700;
	text-transform: uppercase;
	color: #e59400;
	font-size: 18px;
	padding: 10px 0 15px 15px;
}

[data-app="tickets"] #tickets_desc [data-row] {
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	padding: 12px 0;
	transition: background-color .15s ease-in-out;
}

/*
[data-app="tickets"] #tickets_desc [data-row]:hover {
	background-color: rgba(255,255,255,.05);
}
*/

[data-app="tickets"] #tickets_desc [data-row] [data-column] {
	float: left;
}

[data-app="tickets"] #tickets_desc [data-row] [data-column="label"] {
	/* width: 36%; FOR 3 TICKETS */
	width: 50%;
	color: white;
	padding: 0 0 0 60px;
	position: relative;
}

[data-app="tickets"] #tickets_desc [data-row] [data-column="ticket"] {
	/* width: 21%; FOR 3 TICKETS */
	width: 50%;
	text-align: center;
	color: white;
}

[data-app="tickets"] #tickets_desc [data-row] [data-column="label"] p {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -3px; left: 15px;
	background-image: url(../images/apps/tickets/tickets-desc-icons-007.png);
}

[data-app="tickets"] #tickets_desc [data-row=""]            [data-column="label"] p { background-position: 100px 0;  }
[data-app="tickets"] #tickets_desc [data-row="ticket"]      [data-column="label"] p { background-position: 0 0;      }
[data-app="tickets"] #tickets_desc [data-row="colgante"]    [data-column="label"] p { background-position: 0 0;      }
[data-app="tickets"] #tickets_desc [data-row="badge"]       [data-column="label"] p { background-position: 0 -30px;  }
[data-app="tickets"] #tickets_desc [data-row="remera"]      [data-column="label"] p { background-position: 0 -60px;  }
[data-app="tickets"] #tickets_desc [data-row="cafeteria"]   [data-column="label"] p { background-position: 0 -90px;  }
[data-app="tickets"] #tickets_desc [data-row="barra"]       [data-column="label"] p { background-position: 0 -120px; }
[data-app="tickets"] #tickets_desc [data-row="electronico"] [data-column="label"] p { background-position: 0 -150px; }
[data-app="tickets"] #tickets_desc [data-row="gorra"]       [data-column="label"] p { background-position: 0 -180px; }
[data-app="tickets"] #tickets_desc [data-row="bolsa"]       [data-column="label"] p { background-position: 0 -210px; }
[data-app="tickets"] #tickets_desc [data-row="ekoparty"]    [data-column="label"] p { background-position: 0 -240px; }
[data-app="tickets"] #tickets_desc [data-row="stickers"]    [data-column="label"] p { background-position: 0 -270px; }
[data-app="tickets"] #tickets_desc [data-row="mate"]        [data-column="label"] p { background-position: 0 -300px; }
[data-app="tickets"] #tickets_desc [data-row="lounge"]      [data-column="label"] p { background-position: 0 -330px; }
[data-app="tickets"] #tickets_desc [data-row="networking"]  [data-column="label"] p { background-position: 0 -360px; }
[data-app="tickets"] #tickets_desc [data-row="bar"]         [data-column="label"] p { background-position: 0 -390px; }
[data-app="tickets"] #tickets_desc [data-row="swag"]        [data-column="label"] p { background-position: 0 -420px; }
[data-app="tickets"] #tickets_desc [data-row="talk"]        [data-column="label"] p { background-position: 0 -450px; }
[data-app="tickets"] #tickets_desc [data-row="welcome"]     [data-column="label"] p { background-position: 0 -480px; }
[data-app="tickets"] #tickets_desc [data-row="drink"]       [data-column="label"] p { background-position: 0 -510px; }

[data-app="tickets"] #tickets_desc [data-row] [data-column="label"] span {
	
}

/* ICON OK/NO */

[data-app="tickets"] #tickets_desc [data-row] [data-column] [data-status] {
	width: 25px; height: 25px;
	display: inline-block;
}

[data-app="tickets"] #tickets_desc [data-row] [data-column] [data-status="ok"] {
	background-image: url(../images/apps/tickets/tickets-desc-ok-003.png);
}

[data-app="tickets"] #tickets_desc [data-row] [data-column] [data-status="no"] {
	background-image: url(../images/apps/tickets/tickets-desc-no-003.png);
	opacity: .7;
}







@media screen and (max-width: 950px) {

	[data-app="tickets"] #tickets_desc [data-row] [data-column="label"] { width: 65%; }
	[data-app="tickets"] #tickets_desc [data-row] [data-column="ticket"] { width: 35%; }

	[data-app="tickets"] #tickets_desc [data-ticket="a"] { display: none; }
	[data-app="tickets"] #tickets_desc [data-ticket="b"] { display: none; }
	[data-app="tickets"] #tickets_desc [data-ticket="c"] { display: none; }
	[data-app="tickets"] #tickets_desc [data-ticket="d"] { display: none; }

	[data-app="tickets"] #tickets_desc[data-show="a"] [data-ticket="a"] { display: block; }
	[data-app="tickets"] #tickets_desc[data-show="b"] [data-ticket="b"] { display: block; }
	[data-app="tickets"] #tickets_desc[data-show="c"] [data-ticket="c"] { display: block; }
	[data-app="tickets"] #tickets_desc[data-show="d"] [data-ticket="d"] { display: block; }

	[data-app="tickets"] #tickets_desc .ticket_selector { display: block; }
	[data-app="tickets"] #tickets_desc .table_names { display: none; }

}


















[data-app="trainings"] {
	width: 100vw; height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #1c1819;
	background-image: url(../images/eko-pattern-004.png);
	background-size: 900px 900px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	

}





[data-app="trainings"] .one_box {
	background-color: transparent;
	border: none;
}

[data-app="trainings"] .one_box h1 {
	color: white;
}

[data-app="trainings"] .one_box p {
	color: white;
}



















[data-app="trainings"] #trainings {
	/* display: flex; */
}

[data-app="trainings"] #trainings [data-training] {
	width: 100%;
	text-align: left;
	border: 5px solid transparent;
	transition: all .15s ease-in-out;
	position: relative;
	z-index: 1;
}

[data-app="trainings"] #trainings [data-training]:hover {
	transform: scale(1.025);
	z-index: 2;
}

[data-app="trainings"] #trainings [data-training]:hover .ticket-content {
	-webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 45%);
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 45%);
}








[data-app="trainings"] #trainings [data-training] .ticket-content {
	width: 100%; /* height: 270px; */
	cursor: pointer;
	position: relative;
	transition: all .15s ease-in-out;
	border-radius: 10px;
	background-color: #302a2b;
}







[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info {
	width: 100%; height: 100%;
	/*
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	*/
	border-radius: 10px;
	border: 7px solid transparent;
	transition: border .15s ease-in-out;

	position: relative;
	padding: 30px 60px 30px 130px;
}

[data-app="trainings"] #trainings [data-training][data-status="selected"] .ticket-content .ticket-info { border: 7px solid white; }

/*
[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .flag {
	z-index: 1;
	top: 13px;
	right: 13px;
	position: absolute;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .flag img {
	width: 50px;
}
*/



[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .acquired {
	border-radius: 50px;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #640bff;
	border: 3px solid #640bff;
	background-image: url(../images/apps/operations/operations-status-icon-002.png);
	background-position: 0 -70px;
	background-size: 30px 100px;
}
[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .icon {
	position: absolute;
	top: 20px;
	left: 25px;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .icon img {
	width: 80px;
	background-color: #000000;
	border-radius: 10px;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .name {
	color: white;
	/* text-transform: uppercase; */
	font-weight: 800;
	font-size: 22px;
	line-height: 20px;
	margin: 0 0 3px 0;
	user-select: none;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .speaker {
	color: white;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 3px 0;
	user-select: none;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .date {
	margin: 0 0 3px 0;
	user-select: none;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .ticket {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-weight: 700;
	color: #c49626;
	user-select: none;
}

[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .amount {
	color: white;
	width: fit-content;
	background-color: black;
	border-radius: 50px;
	padding: 0 15px;
	user-select: none;
}








[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-pattern {
	width: 100%; height: 100%;
	opacity: .2;
	background-position: center;
	background-size: 400px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	[data-app="trainings"] #trainings { display: initial; }

	[data-app="trainings"] #trainings [data-training] { width: 100%; }
	[data-app="trainings"] #trainings [data-training]:hover { transform: scale(1); }

	[data-app="trainings"] #trainings [data-training][data-status] .ticket-content .ticket-info { border: 2px solid transparent; }
	[data-app="trainings"] #trainings [data-training][data-status="selected"] .ticket-content .ticket-info { border: 2px solid white; }

	/*
	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .icon { position: absolute; top: 8px; left: 5px; }
	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .icon img { width: 50px; }
	*/

	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info { padding: 20px 50px 20px 90px; }
	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .icon { top: 15px; left: 15px; }
	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .icon img { width: 60px; }

	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .name { font-size: 18px; }

	[data-app="trainings"] #trainings [data-training] .ticket-content .ticket-info .speaker { font-size: 16px; }

}













/* TICKETS CONTROLS */

[data-app="trainings"] #tickets_extends {
	overflow: hidden;
}

[data-app="trainings"] #tickets_extends [data-element="tickets-controls"] {
	float: right;
	width: 50%;
	text-align: right;
}

@media screen and (max-width: 850px) {

	[data-app="trainings"] #tickets_extends [data-element="tickets-codes"] { float: none; width: 100%; text-align: center; }
	[data-app="trainings"] #tickets_extends [data-element="tickets-controls"] { float: none; width: 100%; text-align: center; }

}


















#steps {
	text-align: center;
	width: 100%;
	margin: 0 0 20px 0;
}

#steps img {
	width: 183px;
	display: inline-block;
}

@media screen and (max-width: 1000px) {

	#steps img { width: 150px; }

}




















#flaps {
	background-color: rgba(0, 0, 0, .25);
	/* background-color: #373737; */
	border-radius: 100px;
	overflow: hidden;
	margin: 0 auto 20px auto;
	height: 40px;
	max-width: 320px;
}

#flaps .active {
	float: left;
	width: 50%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #e61b52;
}

#flaps .inactive {
	float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#flaps img {

}

@media screen and (max-width: 1000px) {

	#flaps img {

	}

}















/* ------------------------------ WIDE APP ------------------------------ */

.wide_app {
	margin: 0 auto;
}

.wide_app.full   { max-width: 100%;   }
.wide_app.extra  { max-width: 1620px; }
.wide_app.big    { max-width: 1100px; }
.wide_app.medium { max-width: 920px;  }
.wide_app.normal { max-width: 820px;  }
.wide_app.inter  { max-width: 720px;  }
.wide_app.small  { max-width: 620px;  }
.wide_app.tiny   { max-width: 550px;  }





/* ------------------------------ FLOW APP ------------------------------ */

.one_flow_app {
	padding: 60px 10px 120px 10px;
	width: 100%; height: 100%;
	overflow-y: auto;
	position: relative;
}

@media screen and (max-width: 1200px) {

	.one_flow_app { padding: 80px 0 120px 0; }

}





/* ------------------------------ ONE BOX ------------------------------ */

.one_air {
	border: 10px solid transparent;
}
.one_box {
	border-radius: 3px;
	/*
	background-color: #181615;
	background-image: url(../images/apps/login/texture-003.jpg);
	background-size: 300px 300px;
	background-repeat: repeat;
	*/
	overflow: hidden;
	/* border: 1px solid rgba(0,0,0,.075); */
	transition: box-shadow 0.2s ease-out;
	position: relative;
	padding: 20px;
	/*
	-webkit-box-shadow: 0 30px 50px 0 rgb(0 0 0 / 60%);
    box-shadow: 0 30px 50px 0 rgb(0 0 0 / 60%);
    */
}

@media screen and (min-width: 900px) {

	/*
	.one_box:hover {
		-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
		box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
	}
	*/

}

@media screen and (max-width: 600px) {

	.one_box {
		padding: 15px; /* 30px */
	}

	.one_air {
		/* border: 5px solid transparent; */
	}

}

.one_box_left { float: right; width: 75%; padding: 0 0 50px 0; }
.one_box_right { float: left; width: 25%; padding: 0 50px 0 0; }

@media screen and (max-width: 1000px) {

	.one_box_left { float: none; width: 100%; padding: 0 0 50px 0; }
	.one_box_right { float: none; display: none; }

}





/* ------------------------------ H ------------------------------ */

/*

h1, 
h1 a, 
h2, 
h2 a, 
h3, 
h3 a {
	font-weight: 400;
	transition: color .15s linear;
	color: #333;
	text-transform: uppercase;
}

h1, h1 a { font-size: 32px; line-height: 30px; }
h2, h2 a { font-size: 25px; line-height: 25px; }
h3, h3 a { font-size: 18px; line-height: 18px; }

h1:hover, 
h1 a:hover, 
h2:hover, 
h2 a:hover, 
h3:hover, 
h3 a:hover { color: black; }

@media screen and (max-width: 1000px) {

	h1, h1 a { font-size: 20px; line-height: 20px; }
	h2, h2 a { font-size: 18px; line-height: 18px; }
	h3, h3 a { font-size: 16px; line-height: 16px; }

}

*/





/* APP HEADERS */

/*

[data-app] header {
	margin: 0 0 30px 0;
}

[data-app] header img {
	height: 50px;
}

@media screen and (max-width: 1000px) {

	[data-app] header img { height: 35px; }

}

[data-app] header h1 {
	color: #c49626;
	font-size: 32px;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

[data-app] header h1 a {
	font-size: 32px;
	line-height: 30px;
	text-transform: uppercase;
	transition: color .15s linear;
}
 
[data-app] header p {
	font-size: 15px;
}

@media screen and (max-width: 1000px) {

	[data-app] header { margin: 0 0 15px 0; }
	[data-app] header h1 { font-size: 20px; line-height: 20px; }
	[data-app] header h1 a { font-size: 20px; line-height: 20px; }
	[data-app] header p { font-size: 14px; }

}

*/





/* ------------------------------ FIELDS ------------------------------ */

.sep {
	border-bottom: 2px dotted rgba(255,255,255,.2);
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
}

.air5 { border: 5px solid transparent; }
.air10 { border: 10px solid transparent; }
.air15 { border: 15px solid transparent; }
.air20 { border: 20px solid transparent; }

.fields {
	overflow: hidden;
}

.fields .pack {
	overflow: hidden;
	width: 100%;
	border: 10px solid transparent;
}

@media screen and (max-width: 850px) {

	.fields .pack { border: 5px solid transparent; }

}

.fields .pack h3 {
	font-size: 16px; font-weight: 700; color: #333;
	margin: 0 0 15px 0;
}

.fields .field {
	border: 5px solid transparent;
	width: 100%;
	margin: 0 0 5px 0;
	float: left;
}

.fields .field.w100 { width: 100%; }
.fields .field.w70 { width: 70%; }
.fields .field.w65 { width: 65%; }
.fields .field.w60 { width: 60%; }
.fields .field.w55 { width: 55%; }
.fields .field.w50 { width: 50%; }
.fields .field.w45 { width: 45%; }
.fields .field.w40 { width: 40%; }
.fields .field.w35 { width: 35%; }
.fields .field.w30 { width: 30%; }
.fields .field.w25 { width: 25%; }
.fields .field.w20 { width: 20%; }

@media screen and (max-width: 850px) {

	.fields .field.w100, 
	.fields .field.w70, 
	.fields .field.w65, 
	.fields .field.w60, 
	.fields .field.w55, 
	.fields .field.w50, 
	.fields .field.w45, 
	.fields .field.w40, 
	.fields .field.w35, 
	.fields .field.w30, 
	.fields .field.w25, 
	.fields .field.w20 { width: 100%; }

}

.fields .field label {
	margin: 0 0 5px 0;
	display: block;
	color: #b2afa9;
	position: relative;
}

.fields .field label span {
	color: #ea1c25;
}

.fields .field .text {
	position: relative;
}

.fields .field .select {
	position: relative;
}

.fields .field .text p[data-field] {
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
	width: 40px; height: 40px;
	cursor: pointer;
	background-image: url(../images/field-icons-001.png);
	background-size: 40px 120px;
}

.fields .field .text p[data-field][data-action="show-password"] { background-position: 0 0; }
.fields .field .text p[data-field][data-action="hide-password"] { background-position: 0 -40px; }
.fields .field .text p[data-field][data-action="info"]          { background-position: 0 -80px; }

.fields .field .text input,
.fields .field .select select {
	width: 100%; height: 40px; line-height: 40px;
	padding: 0 10px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	transition: border .15s ease-in-out;
	background-color: rgba(255, 255, 255, .075);
	backdrop-filter: blur(15px);
	border: 3px solid transparent;
	color: white;
}

.fields .field .text input:focus,
.fields .field .select select:focus {
	border: 3px solid white;
}

.fields .field .text input.error,
.fields .field .select select.error {
	background-color: rgba(255, 64, 64, .08);
	border: 2px solid #d53e5b;
	color: #e84f6c;
}

.fields .field .select select option {
	color: black;
}

.fields .field .textarea {

}

.fields .field .textarea textarea {
	width: 100%; max-width: 100%; height: 150px; line-height: 20px;
	padding: 15px 10px;
	border-radius: 5px;
	font-weight: 700;
	background-color: transparent;
	border: 2px solid #e3e3e3;
	color: black;
}

.fields .field .textarea textarea:focus {
	border: 2px solid black;
}

.fields .radio {
	overflow: hidden;
	width: 100%;
	background-color: rgba(255, 255, 255, .075);
	backdrop-filter: blur(15px);
	border-radius: 5px;
	margin: 0 0 20px 0;
	padding: 20px;
	position: relative;
}

.fields .radio.error {
	background-color: rgba(255, 14, 79, .075);
}

.fields .radio h3 {
	font-size: 18px;
	font-weight: 700;
	color: white;
	margin: 0 0 15px 0;
}

.fields .radio [data-radio] {
	position: relative;
	cursor: pointer;
	margin: 0 0 2px 0; padding: 7px 5px 7px 45px;
	border-radius: 5px;
}

.fields .radio [data-radio]:hover {
	background-color: rgba(0,0,0,.15);
}

.fields .radio [data-radio] p {
	border: 3px solid #9f9f9f;
	width: 18px; height: 18px;
	border-radius: 50%;
	position: absolute;
	top: 7px; left: 15px;
}

.fields .radio [data-radio] p.active {
	border: 3px solid #e30b53;
	background-color: #e30b53;
}

.fields .radio [data-radio] .text {

}

.fields .radio [data-radio] span {
	font-size: 14.5px;
	color: white;
	user-select: none;
}




.fields .check {
	overflow: hidden;
	width: 100%;
	background-color: rgba(255, 255, 255, .075);
	backdrop-filter: blur(15px);
	border-radius: 5px;
	margin: 0 0 20px 0;
	padding: 20px;
	position: relative;
}

.fields .check h3 {
	font-size: 18px;
	font-weight: 700;
	color: white;
	margin: 0 0 15px 0;
}

.fields .check [data-check] {
	position: relative;
	cursor: pointer;
	margin: 0 0 2px 0; padding: 7px 5px 7px 45px;
	border-radius: 5px;
}

.fields .check [data-check]:hover {
	background-color: rgba(0,0,0,.05);
}

.fields .check [data-check] p {
	border: 3px solid #9f9f9f;
	width: 18px; height: 18px;
	border-radius: 5px;
	position: absolute;
	top: 7px; left: 15px;
}

.fields .check [data-check] p.active {
	border: 3px solid #e30b53;
	background-color: #e30b53;
	background-image: url(../images/system/checkbox-icon.png);
	background-size: 20px 20px;
}

.fields .check [data-check] .text {

}

.fields .check [data-check] span {
	font-size: 14.5px;
	color: white;
	user-select: none;
}





/* ------------------------------ CONTROLS ------------------------------ */

.controls {

}

.controls [data-control="loading"] {
	display: none;
}





/* ------------------------------ VISIBILITY ------------------------------ */

[data-visible="hide"] { display: none; }
[data-visible="show"] { display: block; }





/* GOOGLE CAPTCHA */

.grecaptcha-badge {
	z-index: 1000;
}








/* FLAGS */

[data-country-flag] {
	width: 35px; height: 22px;
	/* background-image: url(../images/flags-4.png); */
	background-image: url(../images/flags-5-v2.png);
	border-radius: 3px;
}

[data-country-flag="af"] { background-position: 0 0; }
[data-country-flag="al"] { background-position: 0 -22px; }
[data-country-flag="de"] { background-position: 0 -44px; }
[data-country-flag="ad"] { background-position: 0 -66px; }
[data-country-flag="ao"] { background-position: 0 -88px; }
[data-country-flag="ai"] { background-position: 0 -110px; }
[data-country-flag="aq"] { background-position: 0 -132px; }
[data-country-flag="ag"] { background-position: 0 -154px; }
[data-country-flag="sa"] { background-position: 0 -176px; }
[data-country-flag="dz"] { background-position: 0 -198px; }
[data-country-flag="ar"] { background-position: 0 -220px; }
[data-country-flag="am"] { background-position: 0 -242px; }
[data-country-flag="aw"] { background-position: 0 -264px; }
[data-country-flag="au"] { background-position: 0 -286px; }
[data-country-flag="at"] { background-position: 0 -308px; }
[data-country-flag="az"] { background-position: 0 -330px; }
[data-country-flag="bs"] { background-position: 0 -352px; }
[data-country-flag="bd"] { background-position: 0 -374px; }
[data-country-flag="bb"] { background-position: 0 -396px; }
[data-country-flag="bh"] { background-position: 0 -418px; }
[data-country-flag="be"] { background-position: 0 -440px; }
[data-country-flag="bz"] { background-position: 0 -462px; }
[data-country-flag="bj"] { background-position: 0 -484px; }
[data-country-flag="bm"] { background-position: 0 -506px; }
[data-country-flag="by"] { background-position: 0 -528px; }
[data-country-flag="mm"] { background-position: 0 -550px; }
[data-country-flag="bo"] { background-position: 0 -572px; }
[data-country-flag="ba"] { background-position: 0 -594px; }
[data-country-flag="bw"] { background-position: 0 -616px; }
[data-country-flag="br"] { background-position: 0 -638px; }
[data-country-flag="bn"] { background-position: 0 -660px; }
[data-country-flag="bg"] { background-position: 0 -682px; }
[data-country-flag="bf"] { background-position: 0 -704px; }
[data-country-flag="bi"] { background-position: 0 -726px; }
[data-country-flag="bt"] { background-position: 0 -748px; }
[data-country-flag="cv"] { background-position: 0 -770px; }
[data-country-flag="kh"] { background-position: 0 -792px; }
[data-country-flag="cm"] { background-position: 0 -814px; }
[data-country-flag="ca"] { background-position: 0 -836px; }
[data-country-flag="qa"] { background-position: 0 -858px; }
[data-country-flag="td"] { background-position: 0 -880px; }
[data-country-flag="cz"] { background-position: 0 -902px; }
[data-country-flag="cl"] { background-position: 0 -924px; }
[data-country-flag="cn"] { background-position: 0 -946px; }
[data-country-flag="cy"] { background-position: 0 -968px; }
[data-country-flag="co"] { background-position: 0 -990px; }
[data-country-flag="km"] { background-position: 0 -1012px; }
[data-country-flag="cg"] { background-position: 0 -1034px; }
[data-country-flag="cd"] { background-position: 0 -1056px; }
[data-country-flag="kp"] { background-position: 0 -1078px; }
[data-country-flag="kr"] { background-position: 0 -1100px; }
[data-country-flag="ci"] { background-position: 0 -1122px; }
[data-country-flag="cr"] { background-position: 0 -1144px; }
[data-country-flag="hr"] { background-position: 0 -1166px; }
[data-country-flag="cu"] { background-position: 0 -1188px; }
[data-country-flag="cw"] { background-position: 0 -1210px; }
[data-country-flag="dk"] { background-position: 0 -1232px; }
[data-country-flag="dm"] { background-position: 0 -1254px; }
[data-country-flag="ec"] { background-position: 0 -1276px; }
[data-country-flag="eg"] { background-position: 0 -1298px; }
[data-country-flag="sv"] { background-position: 0 -1320px; }
[data-country-flag="ae"] { background-position: 0 -1342px; }
[data-country-flag="er"] { background-position: 0 -1364px; }
[data-country-flag="sk"] { background-position: 0 -1386px; }
[data-country-flag="si"] { background-position: 0 -1408px; }
[data-country-flag="es"] { background-position: 0 -1430px; }
[data-country-flag="us"] { background-position: 0 -1452px; }
[data-country-flag="ee"] { background-position: 0 -1474px; }
[data-country-flag="sz"] { background-position: 0 -1496px; }
[data-country-flag="et"] { background-position: 0 -1518px; }
[data-country-flag="ph"] { background-position: 0 -1540px; }
[data-country-flag="fi"] { background-position: 0 -1562px; }
[data-country-flag="fj"] { background-position: 0 -1584px; }
[data-country-flag="fr"] { background-position: 0 -1606px; }
[data-country-flag="ga"] { background-position: 0 -1628px; }
[data-country-flag="gm"] { background-position: 0 -1650px; }
[data-country-flag="ge"] { background-position: 0 -1672px; }
[data-country-flag="gh"] { background-position: 0 -1694px; }
[data-country-flag="gi"] { background-position: 0 -1716px; }
[data-country-flag="gd"] { background-position: 0 -1738px; }
[data-country-flag="gr"] { background-position: 0 -1760px; }
[data-country-flag="gl"] { background-position: 0 -1782px; }
[data-country-flag="gp"] { background-position: 0 -1804px; }
[data-country-flag="gu"] { background-position: 0 -1826px; }
[data-country-flag="gt"] { background-position: 0 -1848px; }
[data-country-flag="gf"] { background-position: 0 -1870px; }
[data-country-flag="gg"] { background-position: 0 -1892px; }
[data-country-flag="gn"] { background-position: 0 -1914px; }
[data-country-flag="gq"] { background-position: 0 -1936px; }
[data-country-flag="gw"] { background-position: 0 -1958px; }
[data-country-flag="gy"] { background-position: 0 -1980px; }
[data-country-flag="ht"] { background-position: 0 -2002px; }
[data-country-flag="hn"] { background-position: 0 -2024px; }
[data-country-flag="hk"] { background-position: 0 -2046px; }
[data-country-flag="hu"] { background-position: 0 -2068px; }
[data-country-flag="in"] { background-position: 0 -2090px; }
[data-country-flag="id"] { background-position: 0 -2112px; }
[data-country-flag="iq"] { background-position: 0 -2134px; }
[data-country-flag="ir"] { background-position: 0 -2156px; }
[data-country-flag="ie"] { background-position: 0 -2178px; }
[data-country-flag="im"] { background-position: 0 -2200px; }
[data-country-flag="cx"] { background-position: 0 -2222px; }
[data-country-flag="is"] { background-position: 0 -2244px; }
[data-country-flag="ky"] { background-position: 0 -2266px; }
[data-country-flag="ic"] { background-position: 0 -2288px; }
[data-country-flag="cc"] { background-position: 0 -2310px; }
[data-country-flag="ck"] { background-position: 0 -2332px; }
[data-country-flag="fo"] { background-position: 0 -2354px; }
[data-country-flag="fk"] { background-position: 0 -2376px; }
[data-country-flag="mp"] { background-position: 0 -2398px; }
[data-country-flag="mh"] { background-position: 0 -2420px; }
[data-country-flag="sb"] { background-position: 0 -2442px; }
[data-country-flag="tc"] { background-position: 0 -2464px; }
[data-country-flag="vg"] { background-position: 0 -2486px; }
[data-country-flag="il"] { background-position: 0 -2508px; }
[data-country-flag="it"] { background-position: 0 -2530px; }
[data-country-flag="jm"] { background-position: 0 -2552px; }
[data-country-flag="jp"] { background-position: 0 -2574px; }
[data-country-flag="je"] { background-position: 0 -2596px; }
[data-country-flag="jo"] { background-position: 0 -2618px; }
[data-country-flag="kz"] { background-position: 0 -2640px; }
[data-country-flag="ke"] { background-position: 0 -2662px; }
[data-country-flag="kg"] { background-position: 0 -2684px; }
[data-country-flag="ki"] { background-position: 0 -2706px; }
[data-country-flag="xk"] { background-position: 0 -2728px; }
[data-country-flag="kw"] { background-position: 0 -2750px; }
[data-country-flag="la"] { background-position: 0 -2772px; }
[data-country-flag="ls"] { background-position: 0 -2794px; }
[data-country-flag="lv"] { background-position: 0 -2816px; }
[data-country-flag="lb"] { background-position: 0 -2838px; }
[data-country-flag="lr"] { background-position: 0 -2860px; }
[data-country-flag="ly"] { background-position: 0 -2882px; }
[data-country-flag="li"] { background-position: 0 -2904px; }
[data-country-flag="lt"] { background-position: 0 -2926px; }
[data-country-flag="lu"] { background-position: 0 -2948px; }
[data-country-flag="mo"] { background-position: 0 -2970px; }
[data-country-flag="mk"] { background-position: 0 -2992px; }
[data-country-flag="mg"] { background-position: 0 -3014px; }
[data-country-flag="my"] { background-position: 0 -3036px; }
[data-country-flag="mw"] { background-position: 0 -3058px; }
[data-country-flag="mv"] { background-position: 0 -3080px; }
[data-country-flag="ml"] { background-position: 0 -3102px; }
[data-country-flag="mt"] { background-position: 0 -3124px; }
[data-country-flag="ma"] { background-position: 0 -3146px; }
[data-country-flag="mq"] { background-position: 0 -3168px; }
[data-country-flag="mu"] { background-position: 0 -3190px; }
[data-country-flag="mr"] { background-position: 0 -3212px; }
[data-country-flag="yt"] { background-position: 0 -3234px; }
[data-country-flag="mx"] { background-position: 0 -3256px; }
[data-country-flag="fm"] { background-position: 0 -3278px; }
[data-country-flag="md"] { background-position: 0 -3300px; }
[data-country-flag="mc"] { background-position: 0 -3322px; }
[data-country-flag="mn"] { background-position: 0 -3344px; }
[data-country-flag="me"] { background-position: 0 -3366px; }
[data-country-flag="ms"] { background-position: 0 -3388px; }
[data-country-flag="mz"] { background-position: 0 -3410px; }
[data-country-flag="na"] { background-position: 0 -3432px; }
[data-country-flag="nr"] { background-position: 0 -3454px; }
[data-country-flag="np"] { background-position: 0 -3476px; }
[data-country-flag="ni"] { background-position: 0 -3498px; }
[data-country-flag="ne"] { background-position: 0 -3520px; }
[data-country-flag="ng"] { background-position: 0 -3542px; }
[data-country-flag="un"] { background-position: 0 -3564px; }
[data-country-flag="no"] { background-position: 0 -3586px; }
[data-country-flag="nc"] { background-position: 0 -3608px; }
[data-country-flag="nz"] { background-position: 0 -3630px; }
[data-country-flag="om"] { background-position: 0 -3652px; }
[data-country-flag="nl"] { background-position: 0 -3674px; }
[data-country-flag="pk"] { background-position: 0 -3696px; }
[data-country-flag="pw"] { background-position: 0 -3718px; }
[data-country-flag="ps"] { background-position: 0 -3740px; }
[data-country-flag="pa"] { background-position: 0 -3762px; }
[data-country-flag="pg"] { background-position: 0 -3784px; }
[data-country-flag="py"] { background-position: 0 -3806px; }
[data-country-flag="pe"] { background-position: 0 -3828px; }
[data-country-flag="pf"] { background-position: 0 -3850px; }
[data-country-flag="pl"] { background-position: 0 -3872px; }
[data-country-flag="pt"] { background-position: 0 -3894px; }
[data-country-flag="pr"] { background-position: 0 -3916px; }
[data-country-flag="gb"] { background-position: 0 -3938px; }
[data-country-flag="cf"] { background-position: 0 -3960px; }
[data-country-flag="do"] { background-position: 0 -3982px; }
[data-country-flag="re"] { background-position: 0 -4004px; }
[data-country-flag="rw"] { background-position: 0 -4026px; }
[data-country-flag="ro"] { background-position: 0 -4048px; }
[data-country-flag="ru"] { background-position: 0 -4070px; }
[data-country-flag="ws"] { background-position: 0 -4092px; }
[data-country-flag="as"] { background-position: 0 -4114px; }
[data-country-flag="sm"] { background-position: 0 -4136px; }
[data-country-flag="st"] { background-position: 0 -4158px; }
[data-country-flag="sn"] { background-position: 0 -4180px; }
[data-country-flag="rs"] { background-position: 0 -4202px; }
[data-country-flag="sc"] { background-position: 0 -4224px; }
[data-country-flag="sl"] { background-position: 0 -4246px; }
[data-country-flag="sg"] { background-position: 0 -4268px; }
[data-country-flag="sx"] { background-position: 0 -4290px; }
[data-country-flag="sy"] { background-position: 0 -4312px; }
[data-country-flag="so"] { background-position: 0 -4334px; }
[data-country-flag="lk"] { background-position: 0 -4356px; }
[data-country-flag="za"] { background-position: 0 -4378px; }
[data-country-flag="sd"] { background-position: 0 -4400px; }
[data-country-flag="ss"] { background-position: 0 -4422px; }
[data-country-flag="se"] { background-position: 0 -4444px; }
[data-country-flag="ch"] { background-position: 0 -4466px; }
[data-country-flag="sr"] { background-position: 0 -4488px; }
[data-country-flag="th"] { background-position: 0 -4510px; }
[data-country-flag="tw"] { background-position: 0 -4532px; }
[data-country-flag="tz"] { background-position: 0 -4554px; }
[data-country-flag="tj"] { background-position: 0 -4576px; }
[data-country-flag="io"] { background-position: 0 -4598px; }
[data-country-flag="tf"] { background-position: 0 -4620px; }
[data-country-flag="tl"] { background-position: 0 -4642px; }
[data-country-flag="tg"] { background-position: 0 -4664px; }
[data-country-flag="to"] { background-position: 0 -4686px; }
[data-country-flag="tt"] { background-position: 0 -4708px; }
[data-country-flag="tn"] { background-position: 0 -4730px; }
[data-country-flag="tm"] { background-position: 0 -4752px; }
[data-country-flag="tr"] { background-position: 0 -4774px; }
[data-country-flag="tv"] { background-position: 0 -4796px; }
[data-country-flag="ua"] { background-position: 0 -4818px; }
[data-country-flag="ug"] { background-position: 0 -4840px; }
[data-country-flag="uy"] { background-position: 0 -4862px; }
[data-country-flag="uz"] { background-position: 0 -4884px; }
[data-country-flag="vu"] { background-position: 0 -4906px; }
[data-country-flag="ve"] { background-position: 0 -4928px; }
[data-country-flag="vn"] { background-position: 0 -4950px; }
[data-country-flag="ye"] { background-position: 0 -4972px; }
[data-country-flag="dj"] { background-position: 0 -4994px; }
[data-country-flag="zm"] { background-position: 0 -5016px; }
[data-country-flag="zw"] { background-position: 0 -5038px; }

/*

[data-country-flag="ar"] { background-position: 0 0; }
[data-country-flag="us"] { background-position: 0 -22px; }
[data-country-flag="bo"] { background-position: 0 -44px; }
[data-country-flag="br"] { background-position: 0 -66px; }
[data-country-flag="cl"] { background-position: 0 -88px; }
[data-country-flag="co"] { background-position: 0 -110px; }
[data-country-flag="cr"] { background-position: 0 -132px; }
[data-country-flag="cu"] { background-position: 0 -154px; }
[data-country-flag="do"] { background-position: 0 -176px; }
[data-country-flag="ec"] { background-position: 0 -198px; }
[data-country-flag="sv"] { background-position: 0 -220px; }
[data-country-flag="gf"] { background-position: 0 -242px; }
[data-country-flag="gt"] { background-position: 0 -264px; }
[data-country-flag="ht"] { background-position: 0 -286px; }
[data-country-flag="hn"] { background-position: 0 -308px; }
[data-country-flag="mx"] { background-position: 0 -330px; }
[data-country-flag="ni"] { background-position: 0 -352px; }
[data-country-flag="pa"] { background-position: 0 -374px; }
[data-country-flag="py"] { background-position: 0 -396px; }
[data-country-flag="pe"] { background-position: 0 -418px; }
[data-country-flag="pt"] { background-position: 0 -440px; }
[data-country-flag="es"] { background-position: 0 -462px; }
[data-country-flag="uy"] { background-position: 0 -484px; }
[data-country-flag="ve"] { background-position: 0 -506px; }
[data-country-flag="fr"] { background-position: 0 -528px; }
[data-country-flag="re"] { background-position: 0 -550px; }

*/





/* ------------------------------ FIELDS / SPECIAL ------------------------------ */

.fields .field .select .select-special {
	width: 100%; height: 40px; line-height: 40px;
	padding: 0 0 0 50px;
	border-radius: 5px;
	font-weight: 700;
	border: 3px solid transparent;
	color: white;
	background-image: url(../images/icon-select-arrow-001.png);
	background-color: rgba(255, 255, 255, .075);
    backdrop-filter: blur(15px);
    background-size: 29px 29px;
    background-position: 100% 5px;
    cursor: pointer;
    position: relative;
}



.fields .field .select .select-special [data-country-flag] {
	position: absolute;
	top: 7px; left: 7px;
}

.fields .field .select .select-special .code {

}

.fields .field .select .select-special .code span {
	opacity: .4;
}






@media screen and (max-width: 710px) {

	

}














[data-mod="alert"] {
	position: fixed;
	top: 0; left: 0;
	width: 100vw; height: 100vh;
	background-color: rgba(0,0,0,.4);
	z-index: 3000;
	display: none;
}


[data-mod="alert"] .box {
	background-color: rgba(0, 0, 0, .5);
	width: 340px; height: 250px;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -150px; margin-left: -170px;
	padding: 30px;
	border-radius: 3px;
	box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 50%);
	-webkit-box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: 1px 5px 30px 0px rgba(0,0,0,.5);
	backdrop-filter: blur(30px);
}

[data-mod="alert"] .box .text {
	height: 135px;
}

[data-mod="alert"] .box .text .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 5px 0;
	color: #ec1048;
}

[data-mod="alert"] .box .text .sep {
	width: 100%; height: 2px;
	border-radius: 5px;
	margin: 5px 0;
	display: none;
}

[data-mod="alert"] .box .text .message {
	font-size: 15px; color: white;
}

[data-mod="alert"] .box .controls {
	height: 55px;
	overflow: hidden;
	text-align: right;
}







@media screen and (max-width: 710px) {



}




[data-component="cellphone"] {
	width: 100vw; height: 100vh;
	z-index: 2000;
	background-color: rgba(0,0,0,.4);
	top: 0; right: 0; bottom: 0; left: 0;
	position: fixed;
	display: none;
	opacity: 0;
}

[data-component="cellphone"] .cell {
	width: 100%; height: 100%;
    display: table-cell;
    vertical-align: middle;
}

[data-component="cellphone"] .cell .box {
	background-color: #161616;
	width: 55vh; height: 70vh;
	border-radius: 10px;
	box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 50%);
	-webkit-box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: 1px 5px 30px 0px rgba(0,0,0,.5);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

[data-component="cellphone"] .cell .box .close {
	width: 34px; height: 34px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icon-close-001.png);
	background-position: 0 -34px;
	background-size: 34px;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.1s ease-out;

	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 1;
}

[data-component="cellphone"] .cell .box .close:hover {
	background-color: #f1f1f1;
	background-position: 0 0;
}

[data-component="cellphone"] .cell .box .list {
	width: 100%; height: 100%;
	overflow-y: auto;
	padding: 60px 0;
}





@media screen and (max-width: 710px) {

	[data-component="cellphone"] .cell .box { width: 85vw; height: 70vh; }

}










[data-component="cellphone"] [data-country-select] {
	color: white;
	padding: 10px 15px 10px 60px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	cursor: pointer;
	position: relative;
}

[data-component="cellphone"] [data-country-select][data-active="0"] { background-color: transparent; }
[data-component="cellphone"] [data-country-select][data-active="0"]:hover { background-color: rgba(255,255,255,.1); }

[data-component="cellphone"] [data-country-select][data-active="1"] { background-color: rgba(255,255,255,.075); }
[data-component="cellphone"] [data-country-select][data-active="1"]:hover { background-color: rgba(255,255,255,.125); }

/* FLAGS */

[data-component="cellphone"] [data-country-flag] {
	position: absolute;
	top: 8px; left: 15px;
}

[data-component="cellphone"] [data-info] {

}

[data-component="cellphone"] [data-info] span {
	opacity: .4;
}





[data-component="tickets"] {
	width: 100vw; height: 100vh;
	z-index: 2000;
	background-color: rgba(0,0,0,.4);
	top: 0; right: 0; bottom: 0; left: 0;
	position: fixed;
	display: none;
	opacity: 0;
}

[data-component="tickets"] .cell {
	width: 100%; height: 100%;
    display: table-cell;
    vertical-align: middle;
}

[data-component="tickets"] .cell .box {
	background-color: #161616;
	width: 75%; max-width: 1000px; height: 80vh;
	border-radius: 10px;
	box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 50%);
	-webkit-box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: 1px 5px 30px 0px rgba(0,0,0,.5);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

[data-component="tickets"] .cell .box .close {
	width: 34px; height: 34px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icon-close-001.png);
	background-position: 0 -34px;
	background-size: 34px;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.1s ease-out;

	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 100;
}

[data-component="tickets"] .cell .box .close:hover {
	background-color: #f1f1f1;
	background-position: 0 0;
}

[data-component="tickets"] .cell .box .component-content {
	width: 100%; height: 100%;
	overflow-y: auto;
	padding: 60px 20px;
}





@media screen and (max-width: 710px) {

	[data-component="tickets"] .cell .box { width: 85vw; height: 70vh; }

}


























[data-super="tickets"] {
	display: flex;
}

[data-super="tickets"] [data-ticket] {
	/* width: 33.333333333%; */
	width: 100%;
	text-align: center;
	border: 5px solid transparent;
	transition: all .15s ease-in-out;
	position: relative;
	z-index: 1;
}








[data-super="tickets"] [data-ticket] .ticket-content {
	width: 100%; height: 270px;
	position: relative;
	transition: all .15s ease-in-out;
	border-radius: 10px;
}

[data-super="tickets"] [data-ticket="a"] .ticket-content { background-color: #302a2b; }
[data-super="tickets"] [data-ticket="b"] .ticket-content { background-color: #302a2b; }
[data-super="tickets"] [data-ticket="c"] .ticket-content { background-color: #302a2b; }
[data-super="tickets"] [data-ticket="d"] .ticket-content { background-color: #302a2b; }







[data-super="tickets"] [data-ticket] .ticket-content .ticket-info {
	width: 100%; height: 100%;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	border-radius: 10px;
	transition: border .15s ease-in-out;
}

[data-super="tickets"] [data-ticket][data-status="selected"] .ticket-content .ticket-info { border: 7px solid white; }


[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .flag {
	z-index: 1;
	top: 10px;
	right: 10px;
	position: absolute;
}

[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .flag img {
	width: 40px;
}




[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .acquired {
	border-radius: 50px;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #640bff;
	border: 3px solid #640bff;
	background-image: url(../images/apps/operations/operations-status-icon-002.png);
	background-position: 0 -70px;
	background-size: 35px 105px;
}
[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .icon {
	margin: 0 0 5px 0;
}

[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .icon img {
	width: 130px;
}

[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .name {
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 25px;
}

[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .desc {
	
}

[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .amount {
	color: white;
	bottom: 22px;
	background-color: black;
	border-radius: 50px;
	padding: 0 15px;
}








[data-super="tickets"] [data-ticket] .ticket-content .ticket-pattern {
	width: 100%; height: 100%;
	opacity: .2;
	background-position: center;
	background-size: 400px;
	background-repeat: repeat;
}

@media screen and (max-width: 1200px) {

	[data-super="tickets"] { display: initial; }

	[data-super="tickets"] [data-ticket] { width: 100%; }

	[data-super="tickets"] [data-ticket] .ticket-content { height: 70px; }

	[data-super="tickets"] [data-ticket][data-status] .ticket-content .ticket-info { border: 2px solid transparent; }
	[data-super="tickets"] [data-ticket][data-status="selected"] .ticket-content .ticket-info { border: 2px solid white; }

	[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .icon { position: absolute; top: 8px; left: 5px; }
	[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .icon img { width: 50px; }

	[data-super="tickets"] [data-ticket] .ticket-content .ticket-info .name { font-size: 20px; margin: -3px 0 0 0; }

}

























/* TICKETS DESCRIPTION [TABLE] */

[data-super="tickets-table"] {
	/*
	border: 2px solid white;
	border-radius: 15px;
	padding: 15px;
	*/
}

[data-super="tickets-table"] .ticket_selector {
	background-color: white;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 15px 0;
	display: none;
	position: relative;
	/*
	background-image: url(../images/apps/tickets/tickets-selector-arrow-001.png);
	background-position: right;
	background-size: 45px 40px;
	*/
	user-select: none;
}

[data-super="tickets-table"] .ticket_selector p[data-left] {
	position: absolute;
	top: 0; left: 0;
	width: 40px; height: 40px;
	background-image: url(../images/apps/tickets/tickets-selector-arrow-lr-001.png);
	background-position: 0 0;
	background-size: 80px 40px;
	cursor: pointer;
	/* display: none; */
}

[data-super="tickets-table"] .ticket_selector p[data-right] {
	position: absolute;
	top: 0; right: 0;
	width: 40px; height: 40px;
	background-image: url(../images/apps/tickets/tickets-selector-arrow-lr-001.png);
	background-position: -40px 0;
	background-size: 80px 40px;
	cursor: pointer;
	/* display: none; */
}



[data-super="tickets-table"] .data-row-group {
	margin: 0 0 10px 0; padding: 10px;
	background-color: rgba(255, 255, 255, .05);
	border-radius: 5px;
	backdrop-filter: blur(15px);
}

[data-super="tickets-table"] .data-row-group-title {
	font-weight: 700;
	text-transform: uppercase;
	color: #e59400;
	font-size: 18px;
	padding: 10px 0 15px 15px;
}

[data-super="tickets-table"] [data-row] {
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	padding: 12px 0;
	transition: background-color .15s ease-in-out;
}

/*
[data-super="tickets-table"] [data-row]:hover {
	background-color: rgba(255,255,255,.05);
}
*/

[data-super="tickets-table"] [data-row] [data-column] {
	float: left;
}

[data-super="tickets-table"] [data-row] [data-column="label"] {
	width: 36%;
	color: white;
	padding: 0 0 0 60px;
	position: relative;
}

[data-super="tickets-table"] [data-row] [data-column="ticket"] {
	width: 21%;
	text-align: center;
	color: white;
}

[data-super="tickets-table"] [data-row] [data-column="label"] p {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -3px; left: 15px;
	background-image: url(../images/apps/tickets/tickets-desc-icons-007.png);
}

[data-super="tickets-table"] [data-row=""]            [data-column="label"] p { background-position: 100px 0;  }
[data-super="tickets-table"] [data-row="ticket"]      [data-column="label"] p { background-position: 0 0;      }
[data-super="tickets-table"] [data-row="colgante"]    [data-column="label"] p { background-position: 0 0;      }
[data-super="tickets-table"] [data-row="badge"]       [data-column="label"] p { background-position: 0 -30px;  }
[data-super="tickets-table"] [data-row="remera"]      [data-column="label"] p { background-position: 0 -60px;  }
[data-super="tickets-table"] [data-row="cafeteria"]   [data-column="label"] p { background-position: 0 -90px;  }
[data-super="tickets-table"] [data-row="barra"]       [data-column="label"] p { background-position: 0 -120px; }
[data-super="tickets-table"] [data-row="electronico"] [data-column="label"] p { background-position: 0 -150px; }
[data-super="tickets-table"] [data-row="gorra"]       [data-column="label"] p { background-position: 0 -180px; }
[data-super="tickets-table"] [data-row="bolsa"]       [data-column="label"] p { background-position: 0 -210px; }
[data-super="tickets-table"] [data-row="ekoparty"]    [data-column="label"] p { background-position: 0 -240px; }
[data-super="tickets-table"] [data-row="stickers"]    [data-column="label"] p { background-position: 0 -270px; }
[data-super="tickets-table"] [data-row="mate"]        [data-column="label"] p { background-position: 0 -300px; }
[data-super="tickets-table"] [data-row="lounge"]      [data-column="label"] p { background-position: 0 -330px; }
[data-super="tickets-table"] [data-row="networking"]  [data-column="label"] p { background-position: 0 -360px; }
[data-super="tickets-table"] [data-row="bar"]         [data-column="label"] p { background-position: 0 -390px; }
[data-super="tickets-table"] [data-row="swag"]        [data-column="label"] p { background-position: 0 -420px; }
[data-super="tickets-table"] [data-row="talk"]        [data-column="label"] p { background-position: 0 -450px; }
[data-super="tickets-table"] [data-row="welcome"]     [data-column="label"] p { background-position: 0 -480px; }
[data-super="tickets-table"] [data-row="drink"]       [data-column="label"] p { background-position: 0 -510px; }

[data-super="tickets-table"] [data-row] [data-column="label"] span {
	
}

/* ICON OK/NO */

[data-super="tickets-table"] [data-row] [data-column] [data-status] {
	width: 25px; height: 25px;
	display: inline-block;
}

[data-super="tickets-table"] [data-row] [data-column] [data-status="ok"] {
	background-image: url(../images/apps/tickets/tickets-desc-ok-003.png);
}

[data-super="tickets-table"] [data-row] [data-column] [data-status="no"] {
	background-image: url(../images/apps/tickets/tickets-desc-no-003.png);
	opacity: .7;
}







@media screen and (max-width: 950px) {

	[data-super="tickets-table"] [data-row] [data-column="label"] { width: 65%; }
	[data-super="tickets-table"] [data-row] [data-column="ticket"] { width: 35%; }

	[data-super="tickets-table"] [data-ticket="a"] { display: none; }
	[data-super="tickets-table"] [data-ticket="b"] { display: none; }
	[data-super="tickets-table"] [data-ticket="c"] { display: none; }
	[data-super="tickets-table"] [data-ticket="d"] { display: none; }

	[data-super="tickets-table"][data-show="a"] [data-ticket="a"] { display: block; }
	[data-super="tickets-table"][data-show="b"] [data-ticket="b"] { display: block; }
	[data-super="tickets-table"][data-show="c"] [data-ticket="c"] { display: block; }
	[data-super="tickets-table"][data-show="d"] [data-ticket="d"] { display: block; }

	[data-super="tickets-table"] .ticket_selector { display: block; }
	[data-super="tickets-table"] .table_names { display: none; }

}













[data-mod="loading"] {
	width: 100vw; height: 100vh;
	z-index: 2000;
	background-color: rgba(0,0,0,.4);
	top: 0; right: 0; bottom: 0; left: 0;
	position: fixed;
	display: none;
	opacity: 0;
}

[data-mod="loading"] .graph {
	background-image: url(../images/system/loading.png);
	background-size: 52px;
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 2000;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	border-radius: 50%;
	border: 6px solid #fbfbfb;
	animation: rotation 2s infinite linear;
}





@media screen and (max-width: 710px) {



}












[data-mod="menu"] {
	position: absolute;
	top: 80px;
	right: 20px;
	display: none;
	z-index: 2000;
}

[data-mod="menu"][data-display="none"] { display: none; }
[data-mod="menu"][data-display="show"] { display: block; }

@media screen and (max-width: 1000px) {

	[data-mod="menu"] {
		
	}

}








[data-mod="menu"] .menu-content {
	width: 220px;
	text-align: right;
	padding: 15px 0;
	-webkit-box-shadow: 0 30px 50px 0 rgb(0 0 0 / 60%);
	box-shadow: 0 30px 50px 0 rgb(0 0 0 / 60%);
	background-color: rgba(0, 0, 0, .5);
	backdrop-filter: blur(15px);
	border-radius: 10px;
}







[data-mod="menu"] .menu-content ul {
	
}

[data-mod="menu"] .menu-content ul li {
	
}

[data-mod="menu"] .menu-content ul li a {
	cursor: pointer;
	width: 100%;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	margin: 0 0 1px 0;
	color: white;
	font-size: 13px;
    text-transform: uppercase;
    transition: background-color, opacity .15s ease-in-out;
}

[data-mod="menu"] .menu-content ul li a:hover {
	/* background-color: rgba(255,255,255,.1); */
	opacity: .7;
}

[data-mod="menu"] .menu-content ul li.sep {
	margin: 10px 0;
	border-bottom: 2px dotted #212121;
}

[data-mod="menu"] .menu-content ul li[data-action] {
	cursor: pointer;
	width: 100%;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	margin: 0 0 1px 0;
	color: white;
	font-size: 13px;
    text-transform: uppercase;
    padding: 0 50px 0 10px;
    transition: background-color, opacity .15s ease-in-out;
    background-image: url(../images/menu-icons-006.png);
    background-size: 35px 315px;
}

[data-mod="menu"] .menu-content ul li[data-action]:hover {
	/* background-color: rgba(255,255,255,.1); */
	opacity: .7;
}

[data-mod="menu"] .menu-content ul li[data-action="profile"]    { background-position: 175px 0; }
[data-mod="menu"] .menu-content ul li[data-action="qr"]         { background-position: 175px -35px; }
[data-mod="menu"] .menu-content ul li[data-action="logout"]     { background-position: 175px -70px; }
[data-mod="menu"] .menu-content ul li[data-action="tickets"]    { background-position: 175px -105px; }
[data-mod="menu"] .menu-content ul li[data-action="register"]   { background-position: 175px -140px; }
[data-mod="menu"] .menu-content ul li[data-action="password"]   { background-position: 175px -175px; }
[data-mod="menu"] .menu-content ul li[data-action="operations"] { background-position: 175px -210px; }
[data-mod="menu"] .menu-content ul li[data-action="contact"]    { background-position: 175px -245px; }
[data-mod="menu"] .menu-content ul li[data-action="trainings"]  { background-position: 175px -280px; }






@media screen and (max-width: 850px) {

	/* [data-mod="menu"] { top: 55px; right: 10px; } */

}





















[data-mod="nav"] {
	width: 100%; height: 80px;
	position: absolute;
	top: 0; left: 0;
	z-index: 1000;
	background: -moz-linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
}

[data-mod="nav"] .nav-content {
	width: 100%; height: 80px;
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width: 1000px) {

	/* [data-mod="nav"] { background-color: rgba(0, 0, 0, .5); } */

	[data-mod="nav"] {
		background: -moz-linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%);
	}

}







[data-mod="nav"] .logo {
	background-image: url(../images/nav-logo-002.png);
	width: 57px;
	height: 46px;
	position: absolute;
	top: 15px;
	left: 20px;
}







[data-mod="nav"] .user {
	width: 250px;
    height: 50px;
    position: absolute;
    top: 15px;
    right: 20px;
    overflow: hidden;
    user-select: none;
}

[data-mod="nav"] .user span {
	height: 50px;
	line-height: 50px;
	position: absolute;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	top: 0;
	right: 50px;
	padding: 0 20px;
	cursor: pointer;
	user-select: none;
}

[data-mod="nav"] .user p {
	width: 50px; height: 50px;
	position: absolute;
	top: 0; right: 0;
	cursor: pointer;
	user-select: none;
}

[data-mod="nav"] .user p[data-user="user"] { background-image: url(../images/nav-user-icon-001.png); }
[data-mod="nav"] .user p[data-user="anon"] { background-image: url(../images/nav-anon-icon-001.png); }





@media screen and (max-width: 850px) {

	[data-mod="nav"] .logo { width: 52px; height: 42px; top: 20px; left: 20px; }

	[data-mod="nav"] .user { top: 20px; right: 20px; }
	[data-mod="nav"] .user span { height: 45px; line-height: 45px; padding: 0 5px 0 0; }
	[data-mod="nav"] .user p { width: 45px; height: 45px; }

}















/* ------------------------------ MARGIN BOTTOM ------------------------------ */

.one_mb5 { margin-bottom: 5px; }
.one_mb10 { margin-bottom: 10px; }
.one_mb15 { margin-bottom: 15px; }
.one_mb20 { margin-bottom: 20px; }
.one_mb25 { margin-bottom: 25px; }
.one_mb30 { margin-bottom: 30px; }
.one_mb35 { margin-bottom: 35px; }
.one_mb40 { margin-bottom: 40px; }
.one_mb45 { margin-bottom: 45px; }
.one_mb50 { margin-bottom: 50px; }
.one_mb55 { margin-bottom: 55px; }
.one_mb60 { margin-bottom: 60px; }

.one_pl20 { padding-left: 20px; }
.one_pl40 { padding-left: 40px; }





/* ------------------------------ BUTTONS ------------------------------ */

.one_btn1,
.one_btn2,
.one_btn3,
.one_btn4,
.one_btn5 {
	font-size: 15px; font-weight: 700; text-align: center; text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	border-radius: 100px;
	transition: all .15s linear;
	margin: 0 5px 0 0; padding: 15px 55px 15px 25px;
	position: relative;
}

.one_btn1 { color: white; border: 2px solid black; background-color: black; }
.one_btn1:hover { color: white; border: 2px solid #e41045; background-color: #e41045; }

.one_btn2 { color: white; border: 2px solid white; background-color: transparent; }
.one_btn2:hover { color: white; border: 2px solid #c49626; background-color: #c49626; }

.one_btn3 { color: white; border: 2px solid #ec1048; background-color: #ec1048; }
.one_btn3:hover { color: white; border: 2px solid #c49626; background-color: #c49626; }

.one_btn4 { color: white; border: 2px solid #ec1048; background-color: #ec1048; }
.one_btn4:hover { color: white; border: 2px solid #9a1033; background-color: #9a1033; }

.one_btn5 { color: white; border: 2px solid white; background-color: transparent; }

.one_btn5 {
	user-select: none;
	cursor: initial;
	opacity: .2;
}

@media screen and (max-width: 850px) {

	.one_btn1,
	.one_btn2,
	.one_btn3,
	.one_btn4,
	.one_btn5 {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 15px 25px;
	}

}

/* SYSTEM BUTTON ICONS */

.controls [data-control] p {
	width: 50px; height: 50px;
	position: absolute;
	top: -1px; right: 6px;
	border-radius: 100px;
	background-image: url(../images/button-icons-013.png);
}

.controls [data-control="confirm"] p   { background-position: 0 0; }
.controls [data-control="back"] p      { background-position: 0 -50px; }
.controls [data-control="next"] p      { background-position: 0 -100px; }
.controls [data-control="cancel"] p    { background-position: 0 -150px; }
.controls [data-control="ticket"] p    { background-position: 0 -200px; }
.controls [data-control="save"] p      { background-position: 0 -250px; }
.controls [data-control="lock"] p      { background-position: 0 -300px; }
.controls [data-control="email"] p     { background-position: 0 -350px; }
.controls [data-control="pay"] p       { background-position: 0 -400px; }
.controls [data-control="info"] p      { background-position: 0 -450px; }
.controls [data-control="trainings"] p { background-position: 0 -500px; }







/* TABLE / TABLE-CELL */

.one_tab {
	width: 100%; height: 100%;
	display: table;
}

.one_cel {
	width: 100%; height: 100%;
	display: table-cell;
	vertical-align: middle;
}





/* ------------------------------ SCROLLBARS ------------------------------ */

/* Works on Firefox */
* { scrollbar-width: thin; scrollbar-color: #cbcbcb transparent; }
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar { width: 8px; height: 4px; } /* width for vertical / height for horizontal */
*::-webkit-scrollbar-thumb { background-color: #7f7f7f; border: 3px solid transparent; } /* drag */
*::-webkit-scrollbar-track { background-color: #c3c3c3; } /* scroll */
*::-webkit-scrollbar-button { width: 0px; height: 0px; display: none; }
*::-moz-scrollbar-button:decrement,
*::-moz-scrollbar-button:increment,
*::-webkit-scrollbar-button:decrement,
*::-webkit-scrollbar-button:increment { width: 0px; height: 0px; display: none; }





/* ------------------------------ KEYFRAMES ------------------------------ */

@keyframes rotation {

	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }

}