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

.btn-small{
	border-radius:3px !important;
	padding:2px 6px !important;
}

.button {
	padding: 8px 10px;
	text-align: center;
	border-radius: 3px;
	font-weight: 600;
	font-size: 14px;
	margin:0;
	text-shadow: none;
	transition: .3s linear;
	font-family:"Roboto", sans-serif;
	display: inline-flex;
	letter-spacing: 1px;
	cursor:pointer;
}

/*.button.icon {
	padding: 3px;
}*/

.button {
		padding: 10px 10px;
		margin-bottom:10px;
	}
	
@media (min-width: 576px) {
	.button {
		padding: 10px 10px;
		margin-bottom:10px;
	}
	.button.icon {
		padding: 6px;
	}
}

@media (min-width: 768px) {
	.button {
		padding: 4px 4px;
		margin-bottom:10px;
	}
	.button.icon {
		padding: 3px;
	}
}

@media (min-width: 992px) {
	.button {
		padding: 4px 4px;
		margin-bottom:0;
	}
	.button.icon {
		padding: 3px;
	}
}

@media (min-width: 1200px) {
	.button {
		padding: 4px 4px;
	}
	.button.icon {
		padding: 0px;
	}
}

@media screen and (min-width: 767px) and (max-width: 2500px) {
	a.button.grc.icon.icon-cross-cross {padding:0px}
	
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	
	.button{display:block; width:100%;}
	
	.button:before{top:5px !important;}
	
	.actions .button {display:inline-flex; width: auto; padding:10px 10px 10px 10px;}
	.actions .button:before {margin:0;}
	
	.actions .button span{display:none}
}




.prm, .prm:visited, .prm:active, .prm:focus {
	color: #ffffff;
	background-color: #0e8ced;
	border:2px solid #0e8ced;
	outline: none;
}
.prm:hover {
	background-color: #FFF;
	color: #0e8ced;
	border:2px solid #0e8ced;

}
.snd, .snd:visited, .snd:active, .snd:focus {
	color: #ffffff;
	background-color: #373d44;
	border:2px solid #373d44;
	outline: none;
	
}
.snd:hover {
	background-color: #FFF;
	color: #373d44;
	border:2px solid #373d44;
}

.grc, .grc:visited, .grc:active, .grc:focus {
	color: #ffffff;
	background-color: #898989;
	border:2px solid #898989;
	outline: none;
}
.grc:hover {
	background-color: #FFF;
	color: #898989;
	border:2px solid #898989;

}

.grc-r, .grc-r:visited, .grc-r:active, .grc-r:focus, .grc-r:hover {
	color: #ffffff;
	background-color: #898989;
	border:2px solid #898989;
	outline: none;
}

.vrd, .vrd:visited, .vrd:active, .vrd:focus  {
	color: #ffffff;
	background-color: #01AD68;
	border:2px solid #01AD68;
	outline: none;
}
.vrd:hover {
	background-color: #FFF;
	color: #01AD68;
	border:2px solid #01AD68;

}
.orange, .orange:visited, .orange:active, .orange:focus  {
	color: #ffffff;
	background-color: #F99723;
	border:2px solid #F99723;
	outline: none;
}
.orange:hover {
	background-color: #FFF;
	color: #F99723;
	border:2px solid #F99723;

}
.red, .red:visited, .red:active, .red:focus  {
	color: #ffffff;
	background-color: #DB0024;
	border:2px solid #DB0024;
	outline: none;

}
.red:hover {
	background-color: #FFF;
	color: #DB0024;
		border:2px solid #DB0024;

}