@CHARSET "UTF-8";

.clickable
{
	cursor: pointer;
}

.loader, .green-flag
{
	display: none;
}

.clicked .icon-svg, .loading .icon-svg, .no-warning .icon-svg
{
	display: none;
}

.ajax-loading .input-icon .icon-svg
{
	display: none;
}

.clicked .next-arrow .icon-svg,
.loading .next-arrow .icon-svg,
.no-warning .next-arrow .icon-svg,
.clicked .item-shortcut .icon-svg,
.loading .item-shortcut .icon-svg,
.no-warning .item-shortcut .icon-svg
{
	display: inline;
}

.clicked .loader, .loading .loader, .ajax-loading .loader
{
	display: inline;
}

.no-warning .green-flag
{
	display: inline;
}

.clicked .green-flag
{
	display: none;
}

.clicked .loader.minute, .loading .loader.minute, .ajax-loading .loader.minute
{
	transform-origin: center center;
	animation-name: clock-tick;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.clicked .loader.hour, .loading .loader.hour, .ajax-loading .loader.hour
{
	transform-origin: center center;
	animation-name: clock-tick;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes clock-tick
{
	0%   {transform: rotateZ(0deg);}
	100% {transform: rotateZ(360deg);}
}
























.has-ajax-loader
{
	background-image: url(images/ajax-loader-32.gif) !important;
}

.has-ajax-loader-22
{
	background-image: url(images/ajax-loader-22.gif) !important;
}

div.planner-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/planner-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.planner-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/planner-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.planner-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	background-image: url(images/planner-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.planner-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/planner-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.zip-report-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/zip-report-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.zip-report-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/zip-report-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.search-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/search-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.search-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/search-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.warning-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/warning-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.warning-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/warning-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.delete-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/delete-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.delete-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/delete-icon.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.delete-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/delete-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.delete-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/delete-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.duplicate-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/duplicate-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.duplicate-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/duplicate-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.order-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/order-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.order-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/order-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.check-all-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/check-all-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.check-all-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/check-all-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.edit-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/edit-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.edit-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/edit-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.edit-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/edit-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.edit-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/edit-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.empty-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
}

div.empty-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
}

div.advanced-controls-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/advanced-controls-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.advanced-controls-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/advanced-controls-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.add-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/add-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.add-icon-right
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/add-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.add-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/add-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.add-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/add-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.charge-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/charge-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.charge-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/charge-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.right-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/right-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.right-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/right-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.wrong-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/wrong-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.wrong-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/wrong-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.question-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/question-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.question-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/question-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.back-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/back-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.back-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/back-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.up-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/up-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.up-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/up-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.back-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/back-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.back-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/back-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.forward-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	background-image: url(images/forward-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.forward-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/forward-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.warning-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	background-image: url(images/warning-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.warning-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/warning-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.generate-credit-note-icon-right
{
	float: right;
	height: 32px;
	width: 32px;
	background-image: url(images/generate-credit-note-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.add-multiple-documents-icon-left
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/add-multiple-documents-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.add-multiple-documents-icon-right
{
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(images/add-multiple-documents-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div.add-multiple-documents-icon-22-left
{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 6px;
	background-image: url(images/add-multiple-documents-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}

div.add-multiple-documents-icon-22-right
{
	float: right;
	height: 22px;
	width: 22px;
	background-image: url(images/add-multiple-documents-icon-22.png);
	background-position: center;
	background-repeat: no-repeat;
}