html,
body {
    padding: 0;
    margin: 0;
    height: 100%;
    color: #333;
    background: #f7f7f7;
    font-size: 14px;
}
p,
label {
    margin: 0;
}

.hide,
.hide-important {
	display: none !important;
}

.alert.hint {
	position: fixed;
	top: 10px;
	width: 60%;
	left: 20%;
    z-index:999;
}
.alert.hint.fade.in{
	opacity: 1;
}

.title {
	text-align: center;
}

input.x-control {
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ccc;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ccc;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #ccc;
	opacity: 1;
}

input::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}

.btn {
	padding: 5px 8px;
	background-color: #05b305;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	font-family: Arial;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
}

	.btn:hover {
		color: #fff;
	}





.page-title {
    color: #333;
    padding: 20px 0;
    margin: 0;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}

.highcharts-credits{
    display: none;
}

.rotate90{
    transform: rotate(90deg);
}



.btn-common {
    margin: 20px 0 40px;
    padding: 6px 0;
    width: 120px;
    border-radius: 25px;
}
.btn-common-ok {
    display: block;
    margin-left: auto;
    margin-right: auto;
}