.jv-form-group {
	margin-bottom:15px
}
.jv-form-group label {
	margin-right:5px !important;
	font-weight:600
}
.jv-form-group input,.jv-form-group select {
	min-width:9%;
	padding:6px;
	border:1px solid #ccc;
	border-radius:4px
}
.jv-result-box {
	margin-top:20px;
	padding:15px;
	border:1px solid #ddd;
	border-radius:6px;
	background:#fafafa;
	line-height:1.7
}
.jv-result-box strong {
	color:#b30000
}
.jv-spinner {
	width:32px;
	height:32px;
	border:4px solid #ccc;
	border-top:4px solid #ff3300;
	border-radius:50%;
	animation:jv-spin 0.8s linear infinite;
	margin:auto
}
@keyframes jv-spin {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(360deg)
}
}
input,select {
    
	padding:6px 10px;
	border-radius:4px;
	box-sizing:border-box;
	margin-right:11px !important;
	margin-top:8px !important
}

.btn-danger  {
	background-color: #dc3545;
	color: #fff;
	border: 1px solid #dc3545;
	padding: 8px 16px;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, border-color 0.2s;
}
.btn-danger:hover  {
	background-color: #c82333;
	border-color: #bd2130;
}
.btn-primary  {
	background-color: #0073aa;
	color: #fff;
	border: 1px solid #0073aa;
	padding: 8px 16px;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, border-color 0.2s;
}
.btn-primary:hover  {
	background-color: #005b8c;
	border-color: #004e7a;
}
        @media (max-width:768px) {
	.jv-form-group input,.jv-form-group select {
	max-width:100%
}
.btn-primary,.btn-danger {
	width:100%;
	text-align:center;
	margin-top:10px;
	padding: 5px 10px;
	font-size:15px
}
.jv-result-box {
	font-size:14px;
	padding:12px
}
}
@media (max-width:480px) {
	.jv-form-group label {
	font-size:14px
}
.jv-form-group input,.jv-form-group select {
	padding:10px;
	font-size:14px
}
.jv-result-box {
	font-size:13px;
	line-height:1.6
}
.btn-primary,.btn-danger {
	font-size:14px;
	padding:5px 10px
}
}