.orange{
	color: #e87b00;
}

.dark-blue{
	color: #040d24;
}

.blue{
	color: #01a7a7;
}

.copper{
	color: #c66342;
}

.sand{
	color: #e2bb5e;
}

.green{
	color: #1e4243;
}


.white{
	color: #ffffff;
}






body{
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', arial;
	font-size: 15px;
	color: #fff;
	background: #010105;
	background: linear-gradient(90deg,rgba(1, 1, 5, 1) 0%, rgba(52, 50, 200, 1) 100%);

}



a:link, a:visited{

	color: #fff;
	text-decoration: none;
}

a:hover{
	color: #fff;
	text-decoration: underline;
}



.a-l{
	text-align: left;
}

.a-c{
	text-align: center;
}

.a-r{
	text-align: right;
}

.a-j{
	text-align: justify;
}

.input{

	-webkit-appearance:none;
	appearance:none;
	font-family: 'Roboto', arial;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	padding: 0.7rem 1.0rem;
	border: none;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	border: #ccc 2px solid;
	outline: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	box-sizing: border-box;
	cursor: pointer;

}

.input:focus
{

border: #ffe850 2px solid;


}


.select{

	display: inline-block;
	vertical-align: top;
	position: relative;

}


.select select{
	-webkit-appearance:none;
	appearance:none;
	display: block;
	font-family: 'Roboto', arial;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	padding: 0.7rem 1.0rem;
	padding-right: 1.8rem;
	border: #ccc 2px solid;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 8px;
	outline: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

.select select:focus
{
border: #e87b00 2px solid;


}


.select::after{
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 14px;
	color: #666;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}



.i100{
	width: 100%;
	box-sizing: border-box;
}

.spacer{
	display: block;
	height: 20px;
}



.button{

	-webkit-appearance:none;
	appearance:none;
	display: inline-block;
	vertical-align: top;
	padding: 0.7rem 1.2rem;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 8px;
	background-color: #e87b00;
	font-family: 'Roboto', arial;
	font-size: 15px;
	font-weight: 700;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	outline: none;
	box-shadow: 3px 3px 6px rgba(232, 123, 0, 0.1);

}

.button:hover{

}


.button-orange{
	color: #fff !important;
	background-color: #e87b00 !important;
}

.button-dark-blue{
	color: #fff  !important;
	background-color: #e87b00 !important;
}

.button-blue{
	color: #fff !important;
	background-color: #01a7a7 !important;
	box-shadow: 3px 3px 6px rgba(1, 167, 167, 0.1) !important;
}

.button-copper{
	color: #c66342 !important;
	background-color: #e87b00 !important;
}

.button-sand{
	color: #e2bb5e !important;
	background-color: #e87b00 !important;
}

.button-green{
	color: #1e4243 !important;
	background-color: #e87b00 !important;
}

.button-white{
	background-color: #fff !important;
	color: #000 !important;
}

.button-grey{
	color: #000 !important;
	background-color: #ccc !important;
}

.button-yellow{
	color: #000 !important;
	background-color: #ffe850 !important;
}

.button-mini{
	font-size: 12px;
	padding: 0.5rem 0.9rem;
}



.b100{
	width: 100%;
	text-align: center;
}



.b-i-l i{

	margin-right: 5px;
}

.b-i-r i{

	margin-left: 5px;
}


.error,
.ok,
.tips
{
	display: block;
	padding: 10px 20px;
	font-weight: 500;
	margin-bottom: 20px;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;
}


.error{

	background-color: #ffebee;
	color: #f44336;
	border: #ffcdd2 1px solid;

}

.ok{

	background-color: #e8f5e9;
	color: #4caf50;
	border: #c8e6c9 1px solid;
}

.tips{

	background-color: #fff8e1;
	color: #ffc107;
	border: #ffe082 1px solid;

}



.f-line{
	display: block;
	position: relative;
	border-bottom: #ccc 1px solid;
	margin-bottom: 30px;
	margin-top: 30px;
}



.f-line span{
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 0px;
	color: #999;
	background-color: #fff;
	transform: translateY(-50%) translateX(-50%);
	padding: 0px 20px;

}




.loader{
	display: block;
	text-align: center;
	color: rgba(0,0,0,0.2);
	padding: 150px 0px;
}



.line1{
	display: block;
	border-bottom: #eee 1px solid;
	margin-top: 30px;
	margin-bottom: 40px;
}



.goyotable-bordered{

	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

.goyotable-bordered td{
	padding: 5px;
	border-left: #ccc 1px solid;
	border-top: #ccc 1px solid;
}


.goyotable-bordered .tr td{
	font-weight: bold;
}