:root {
	--light-font-color: #FFFFFF;
	--dark-font-color: #333333;
	--medium-font-color: #BBBBBB;

	--main-color: #356fad;
	--main-font-color: var(--light-font-color);
	--main-hover-color: #7fafe3;

	--main-dark-color: #DD7777;
	--main-dark-font-color: var(--light-font-color);

	--warning-color: #898989;
	--warning-font-color: var(--light-font-color);

	--alert-color: #CC6666;
	--alert-font-color: var(--light-font-color);
	--alert-hover-color: #f0a1a1;
	
	--green-color: #99CC88;
	--green-font-color: var(--light-font-color);
	--green-hover-color: #BBEEAA;

	--gray-color: #BBBBBB;
	--gray-font-color: var(--light-font-color);
	--gray-hover-color: #DDDDDD;

	--inactive-color: #777777;
	--inactive-font-color: var(--light-font-color);
	--highlight-red: #ffc2c4;
	--row-std-color: #FFFFFF;
	--row-std-hover-color: #EEEEEE;
	--row-std-font-color: var(--dark-font-color);
	--row-std-hover-font-color: var(--dark-font-color);
	--row-red-color: #e31e25;
	--row-red-hover-color: #e85157;
	--row-red-font-color: var(--light-font-color);
	--row-red-hover-font-color: var(--light-font-color);
	--row-orange-color: #ef7f1a;
	--row-orange-hover-color: #ffb573;
	--row-orange-font-color: var(--light-font-color);
	--row-orange-hover-font-color: var(--light-font-color);
	--row-yellow-color: #fff47d;
	--row-yellow-hover-color: #fff9bd;
	--row-yellow-font-color: var(--dark-font-color);
	--row-yellow-hover-font-color: var(--dark-font-color);
	--row-blue-color: #6a9bd4;
	--row-blue-hover-color: #92bdf0;
	--row-blue-font-color: var(--light-font-color);
	--row-blue-hover-font-color: var(--light-font-color);
	--row-green-color: #54a14f;
	--row-green-hover-color: #80bf7c;
	--row-green-font-color: var(--light-font-color);
	--row-green-hover-font-color: var(--light-font-color);
	--row-grey-color: var(--row-std-color);
	--row-grey-hover-color: var(--row-std-hover-color);
	--row-grey-font-color: var(--medium-font-color);
	--row-grey-hover-font-color: var(--medium-font-color);
}


@media (max-width: 699px) {
	.wrapper {
		max-width: 90px;
	}

	.columnwrapper {
		width: 100px;
	}

	.btn-listbutton {
		margin-bottom: 5px;
	}

	.label-rotate {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		text-align: center;
		vertical-align: bottom;
	}

	.rotate-label-holder {
		width: 30px
	}
}

@media (min-width: 700) {
	.columnwrapper {
		width: 160px;
	}
}

.item {
	white-space: nowrap;
	display: inline
}

.btn-margindown {
	margin-bottom: 10px;
}

.btn-formbutton {
	margin-top: 10px;
}

.btn-marginup {
	margin-top: 10px;
}

.btn-marginhalfdown {
	margin-bottom: 5px;
}

@media (max-width: 599px) {
	.btn-phonesplit3 {
		width: 31%;
	}

	.phoneshow {
		display: block;
	}

	.phonehide {
		display: none;
	}

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

@media (min-width: 600px) {
	.phoneshow {
		display: none;
	}

	.phonehide {
		display: block;
	}
}

.btn-default {
	color: var(--main-font-color);
	background-color: var(--main-color);
	border-color: var(--main-color);
	border-radius: 20px;
}

	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.btn-default.active,
	.open .dropdown-toggle.btn-default {
		color: var(--main-font-color);
		background-color: var(--main-hover-color);
		border-color: var(--main-hover-color);
	}


.btn-alert {
	color: var(--alert-font-color);
	background-color: var(--alert-color);
	border-color: var(--alert-color);
}

	.btn-alert:hover,
	.btn-alert:focus,
	.btn-alert:active,
	.btn-alert.active,
	.open .dropdown-toggle.btn-alert {
		color: var(--alert-font-color);
		background-color: var(--alert-hover-color);
		border-color: var(--alert-hover-color);
	}


.btn-grey {
	color: var(--gray-font-color);
	background-color: var(--gray-color);
	border-color: var(--gray-color);
}

	.btn-grey:hover,
	.btn-grey:focus,
	.btn-grey:active,
	.btn-grey.active,
	.open .dropdown-toggle.btn-grey {
		color: var(--gray-font-color);
		background-color: var(--gray-hover-color);
		border-color: var(--gray-hover-color);
	}


.btn-green {
	color: var(--green-font-color);
	background-color: var(--green-color);
	border-color: var(--green-color);
}

	.btn-green:hover,
	.btn-green:focus,
	.btn-green:active,
	.btn-green.active,
	.open .dropdown-toggle.btn-green {
		color: var(--green-font-color);
		background-color: var(--green-hover-color);
		border-color: var(--green-hover-color);
	}

.row-inactive {
	color: #AAAAAA
}

.row-inactive-hover {
	background-color: #F7F7F7;
	color: #AAAAAA
}

.row-std {
	color: #333333
}

.row-std-hover {
	background-color: #F7F7F7;
	color: #333333
}

.row-alert {
	background-color: #FFAAAA;
	color: #AA4444;
}

.row-alert-hover {
	background-color: #EE8888;
	color: #AA4444;
}

.row-grey {
	background-color: #EEEEEE;
	color: #555555;
}

.row-grey-hover {
	background-color: #DDDDDD;
	color: #555555;
}

.row-green {
	background-color: #CCFFBB;
	color: #669955;
}

.row-green-hover {
	background-color: #BBEEAA;
	color: #669955;
}

.row-yellow {
	background-color: var(--row-yellow-color);
	color: var(--row-yellow-font-color);
}

.row-yellow-hover {
	background-color: var(--row-yellow-hover-color);
	color: var(--row-yellow-hover-font-color);
}

.visible-print {
	display: none !important;
}

tr.visible-print {
	display: none !important;
}

th.visible-print,
td.visible-print {
	display: none !important;
}

.checkBoxList > label {
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.checkBoxList > input {
	margin-bottom: 3px;
	margin-top: 3px;
}

.form-control {
	max-width: unset !important;
}

@media print {
	.visible-print {
		display: block !important;
	}

	tr.visible-print {
		display: table-row !important;
	}

	th.visible-print,
	td.visible-print {
		display: table-cell !important;
	}

	.hidden-print {
		display: none !important;
	}

	tr.hidden-print {
		display: none !important;
	}

	th.hidden-print,
	td.hidden-print {
		display: none !important;
	}
}