/*---------IMPORTS---------*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Abel);

* {
	font-family: Source Sans Pro, Arial;
}

/*---------STYLES---------*/

h1,.font-h1 {
	font-size: 24px;
	font-weight: 600;
	color: #333;
}

h2, .font-h2 {
	font-size: 18px;
	font-weight: 400;
	color: #333;
}

h3, .font-h3 {
	font-size: 13px;
	font-weight: 600;
	color: #AAAAAA;
	text-transform: uppercase;
}

h4, .font-h4 {
	font-size: 13px;
	font-weight: 600;
	color: #333;
}

h5, .font-h5 {
	font-size: 13px;
	font-weight: 400;
	color: #333;
}

h6, .font-h6 {
	font-size: 13px;
	font-weight: 400;
	color: #333;
}

h0, .font-h7 {
	font-size: 13px;
	font-weight: 300;
	color: #333;
}

p, .font-p {
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	color: #333;
}

p.loading {
	min-height: 25px;
	min-width: 25px;
	background-image: url('/public/images/loader.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
}

[click-to-copy] {
	cursor: pointer;
}

/*---------WEIGHT---------*/

.font-weight-600 {
	font-weight: 600;
}

.font-weight-700 {
	font-weight: 700;
}

/*---------COLORS---------*/

.font-grey {
	color: #999999;
}

.font-white {
	color: #FFFFFF;
}

.font-green {
	color: green;
}

.font-red {
	color: red;
}

/*---------ALIGNMENT---------*/

.font-left {
	text-align: left;
}

.font-center {
	text-align: center;
}

.font-right {
	text-align: right;
}

.font-inline {
	display: inline-block;
}

.font-block {
	display: block;
}

.font-fullwidth {
	width: 100%;
}

.font-uppercase {
	text-transform: uppercase;
}

a {
	text-decoration: none;
}

/*---------SPACERS---------*/

div.h-spacer-5 {
	display: block;
	width: 100%;
	height: 5px;
}

div.h-spacer-10 {
	display: block;
	width: 100%;
	height: 10px;
}

div.h-spacer-15 {
	display: block;
	width: 100%;
	height: 15px;
}

div.h-spacer-30 {
	display: block;
	width: 100%;
	height: 30px;
}

/*---------FORMS---------*/

form {
	white-space: nowrap;
}

label {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	line-height: 27px;
	height: 27px;
	width: 165px;
	vertical-align: top;
}

label.short {
	line-height: 27px;
	height: 27px;
}

label.long {
	width: 200px
}

form.skinny label {
	display: block;
	margin: 5px 0 2px 0;
}

form#cot_form h2 {
	margin: 15px 0 15px 0;
	padding-top: 15px;
	border-top: 1px solid #CCCCCC;
}

form#uae_cot_form h2 {
	margin: 15px 0 15px 0;
	padding-top: 15px;
	border-top: 1px solid #CCCCCC;
}

input[type="text"],
input[type="password"],
input[type="file"],
div.input,
div.stripe-input,
textarea {
	position: relative;
	display: inline-block;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #BBBBBB;
	border-radius: 2px;
	padding: 4px 5px;
	margin-bottom: 4px;
	width: 250px;
	box-shadow: inset 0px 0px 2px 0px #EEEEEE;
	vertical-align: top;
	color: #000000;
	background-color: #FFFFFF;
}

div.input {
	white-space: normal;
	min-height: 17px;
}

form.data-only input[type="text"],
form.data-only input[type="password"],
form.data-only textarea,
form input[readonly],
form input[readonly],
form textarea[readonly],
input[type="text"].data-only,
input[type="password"].data-only,
div.input.data-only,
textarea.data-only {
	border: 0;
	border-radius: 0;
	padding: 5px 6px;
	box-shadow: none;
	resize: none;
	color: #000000;
	cursor: text;
	background-color: #FFFFFF;
}

form.data-only a > input[type="text"] {
	color: #777777;
	text-decoration: underline;
	cursor: pointer;
}

input[type="text"].error,
input[type="password"].error,
div.input.error,
div.stripe-input.error,
textarea.error {
	background: #FFE5E6;
	border-color: #FF414B;
}

textarea {
	height: 62px;
	width: 250px !important;
	white-space: pre-wrap;
}

textarea.fullwidth,
input.fullwidth {
	width: calc(100% - 150px) !important;
	box-sizing: border-box;
}

textarea.nolabel,
input.nolabel {
	width: 412px !important;
}

textarea.fullwidth.datareq,
input.fullwidth.datareq {
	width: calc(100% - 350px) !important;
}

input[disabled] {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

input.placeholder {
	color: #AAAAAA !important;
	font-weight: 300 !important;
}

input::placeholder {
	color: #AAAAAA !important;
	font-weight: 300 !important;
}

input:-ms-input-placeholder {
    color: #AAAAAA !important;
    font-weight: 300 !important;
}

input[data-error] {
	background-color: #FFD9D9;
}

input.small {
	width: 50px !important;
	margin-right: 200px;
}

input.icon {
	background-position: right+5px center;
	background-repeat: no-repeat;
	background-size: 16px;
}

input.icon.user {
	background-image: url('../images/icon/svg/333333/user.svg');
	background-size: 14px;
	background-position: right+6px center;
}

input.icon.group {
	background-image: url('../images/icon/svg/333333/group.svg');
}

input.icon.global {
	background-image: url('../images/icon/svg/333333/global.svg');
	background-size: 15px;
	background-position: right+5px center;
}

a.input-click > input[disabled],
a.input-click > input[readonly] {
	text-decoration: underline;
	cursor: pointer;
	color: #000000 !important;
}

form.data-only input.short {
	padding: 5px 6px 0 5px !important;
}

span.input-error {
	display: inline-block;
	font-size: 12px;
	line-height: 27px;
	height: 27px;
	padding: 0 0 0 10px;
	font-weight: 600;
	color: #FF4242;
}

form span.break {
	display: block;
	height: 0;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	margin: 4px 0 9px 0;
}

form.autowidth .select2 {
	width: 262px !important;
	margin-right: 0 !important;
}

div.input-edge {
	padding: 10px 0 0 150px;
	width: 412px;
	text-align: right;
	box-sizing: border-box;
}

div.input-edge.fullwidth {
	width: 100% !important;
}

form.skinny div.input-edge {
	width: 262px;
}

div.input-edge button,
div.input-edge a  {
	margin: 0;
	margin-left: 10px;
}

span.note {
	font-size: 12px;
	color: #999999;
	line-height: 27px;
	height: 27px;
	padding-left: 30px;
	background: url('../images/icon/svg/999999/info.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center left+10px;
	vertical-align: top;
}

span.note.hidden {
	display: none;
}

span.error {
	font-size: 12px;
	color: #ff363d;
	line-height: 27px;
	height: 27px;
	padding-left: 30px;
	background: url('../images/icon/svg/ff363d/exclamation.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center left+10px;
	vertical-align: top;
}

span.editable {
	font-size: 12px;
	color: #ff363d;
	line-height: 27px;
	height: 27px;
	padding-left: 30px;
	background: url('../images/icon/svg/333333/edit.svg');
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center left+10px;
	vertical-align: top;
}

form select {
	margin-right: 100px !important;
}

form .select2-container,
.select2-container {
	height: 27px !important;
	font-size: 12px !important;
	margin-bottom: 4px;
	margin-right: 0;
	text-align: left;
	font-family: 'Source Sans Pro' !important;
	font-size: 13px !important;
}

form select.loading + .select2-container::after {
	position: absolute;
	content: "";
	top: 0;
	height: 27px;
	width: 27px;
	right: -30px;
	background-image: url('../images/loader.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	box-sizing: border-box;
}

form .select2-selection,
.select2-selection {
	height: 27px !important;
	border-radius: 2px !important;
}

form .select2-selection__arrow,
.select2-selection__arrow {
	height: 25px !important;
	border-radius: 0 !important;
}

form .select2-selection__rendered,
.select2-selection__rendered {
	padding-left: 5px !important;
}

form .select2-selection__placeholder,
.select2-selection__placeholder {
	color: #AAAAAA !important;
	font-weight: 300 !important;
}

form .select2-results__option,
.select2-results__option {
	font-family: 'Source Sans Pro' !important;
	font-size: 13px !important;
}

form .select2-results__option span.icon,
.select2-results__option span.icon {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 22px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 17px;
}

form .select2-results__option span.icon.user,
.select2-results__option span.icon.user {
	background-image: url('/public/images/icon/svg/333333/user.svg');
	background-size: 14px;
	background-position: left+1px;
}

form .select2-results__option span.icon.group,
.select2-results__option span.icon.group {
	background-image: url('/public/images/icon/svg/333333/group.svg');
}

form .select2-results__option span.icon.global,
.select2-results__option span.icon.global {
	background-image: url('/public/images/icon/svg/333333/global.svg');
	background-size: 15px;
	background-position: left+1px;
}

form .select2-results__option span.icon.bill,
.select2-results__option span.icon.bill {
	background-image: url('/public/images/icon/svg/333333/invoice.svg');
}

form .select2-results__option span.icon.credit,
.select2-results__option span.icon.credit {
	background-image: url('/public/images/icon/svg/333333/return.svg');
}

form div.s2 {
margin-bottom: 4px !important;
}

form > div.segment.hidden {
	display: none;
}

form h5 {
	white-space: normal !important;
	color: #555555;
	margin-bottom: 25px;
}

/*---------BUTTONS----------*/

button,
a.button {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	height: 30px;
	width: auto;
	margin: 2px;
	color: #FFFFFF;
	background: #003372;
	border-radius: 2px;
	padding: 5px 7px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s;
	box-sizing: border-box;
	vertical-align: top;
	text-decoration: none;
}

button.disabled,
a.button.disabled {
	opacity: 0.7;
	pointer-events: none;
}

button.small,
a.button.small {
	font-size: 13px;
	line-height: auto;
	height: 20px;
	padding: 10px 0;
	margin: 0;
	text-decoration: none !important;
}

button.more,
a.button.more {
	position: relative;
}

button.more.active,
a.button.more.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

button.more.active:before,
a.button.more.active:before {
	position: absolute;
	top: 28px;
	left: -1px;
	width: calc(100%);
	height: 11px;
	background: inherit;
	border-color: inherit;
	border-width: 1px;
	border-style: solid;
	border-bottom: 0;
	border-top: 0;
	content: "";
	z-index: 901;
}

button.more > ul,
a.button.more > ul {
	display: none;
	position: absolute;
	top: 38px;
	right: -1px;
	border-style: solid;
	border-color: #BBBBBB;
	border-width: 1px;
	z-index: 900;
	background: #FFFFFF;
	min-width: 100px;
	white-space: nowrap;
	box-shadow: #CCC 1px 1px 4px 0px;
	border-radius: 2px;
	border-top-right-radius: 0;
}

button.more > ul > li,
a.button.more > ul > li {
	border-top: 1px solid #DDDDDD;
	position: relative;
	text-align: right;
	padding: 10px 23px 10px 12px;
	font-size: 13px;
	font-weight: 400;
	background: inherit;
	text-align: left;
	color: #212121;
	transition: all 0.25s;
}

button.more > ul > li:first-child,
a.button.more > ul > li:first-child {
	border-top: 0;
}

button.more > ul > li:hover,
a.button.more > ul > li:hover {
	background: #EEEEEE;
	text-shadow: 0.25px 0 0 #000000;
}

button.more.active > ul,
a.button.more.active > ul {
	display: block;
}

button:hover,
a.button:hover {
	background-color: #7180A8;
}

button.dark,
a.button.dark {
	background: #00003C;
	color: #FFFFFF;
}

button.dark:hover,
a.button.dark:hover {
	background-color: #2C3661;
}

button.light,
a.button.light {
	border-color: #A6A6A6;
	background: #B7BDD0;
	color: #333333;
}

button.light:hover,
a.button.light:hover {
	background-color: #A3ACD0;
}

button.inline,
a.inline {
	margin-top: -1px;
	margin-left: 5px;
	padding: 4px 6px !important;
	height: auto;
	white-space: normal;
}

button.back,
a.button.back,
button.forward,
a.button.forward,
button.delete,
a.button.delete,
button.download,
a.button.download,
button.allocate,
a.button.allocate,
button.payment-assign,
a.button.payment-assign,
button.receipt,
a.button.receipt,
button.piggy-bank,
a.button.piggy-bank,
button.allocation,
a.button.allocation,
button.close,
a.button.close,
button.register,
a.button.register,
button.request,
a.button.request,
button.consumption,
a.button.consumption,
button.control,
a.button.control,
button.tariff,
a.button.tariff,
button.meter-read,
a.button.meter-read,
button.user,
a.button.user,
button.preview,
a.button.preview,
button.tick,
a.button.tick,
button.plus,
a.button.plus,
a.button.refresh,
button.refresh,
a.button.list,
button.list,
a.button.grid,
button.grid,
a.button.switch-account,
button.switch-account,
a.button.change-owner,
button.change-owner,
a.button.close-owner,
button.close-owner,
a.button.revert-switch,
button.revert-switch,
a.button.meter-exchange,
button.meter-exchange,
a.button.transfer-deposit,
button.transfer-deposit,
a.button.twoway,
button.twoway {
	background-repeat: no-repeat;
	background-size: 10px 10px;
}

button.back,
a.button.back {
	background-image: url('/public/images/icon/svg/ffffff/back.svg');
	background-position: left+6px center;
	padding-left: 22px;
}

button.forward,
a.button.forward {
	background-image: url('/public/images/icon/svg/ffffff/forward.svg');
	background-position: right+6px center;
	padding-right: 22px;
}

button.delete,
a.button.delete {
	background-image: url('/public/images/icon/svg/ffffff/error.svg');
	background-position: right+6px center;
	padding-right: 22px;
}

button.light.back,
a.button.light.back {
	background-image: url('/public/images/icon/svg/333333/back.svg');
}

button.download,
a.button.download {
	background-image: url('/public/images/icon/svg/ffffff/download.svg');
	background-position: right+5px center;
	padding-right: 22px;
	background-size: 12px;
}

button.directdebit,
a.button.directdebit {
	background-image: url('/public/images/icon/svg/ffffff/directdebit.svg');
	background-position: right+4px top+5px;
	padding-right: 22px;
	background-size: 14px;
	background-repeat: no-repeat;
}

button.allocate,
a.button.allocate {
	background-image: url('/public/images/icon/svg/ffffff/allocate.svg');
	background-position: right+5px center;
	padding-right: 22px;
	background-size: 12px;
}

button.payment-assign,
a.button.payment-assign {
	background-image: url('/public/images/icon/svg/ffffff/allocate.svg');
	background-position: right+5px center;
	padding-right: 22px;
	background-size: 12px;
}

button.receipt,
a.button.receipt {
	background-image: url('/public/images/icon/svg/ffffff/receipt.svg');
	background-position: center;
	padding-right: 22px;
	background-size: 14px;
}

button.piggy-bank,
a.button.piggy-bank {
	background-image: url('/public/images/icon/svg/ffffff/piggy_bank.svg');
	background-position: center;
	padding-right: 22px;
	background-size: 14px;
}

button.allocation,
a.button.allocation {
	background-image: url('/public/images/icon/svg/ffffff/allocation.svg');
	background-position: right+4px center;
	padding-right: 22px;
	background-size: 14px;
}

button.close,
a.button.close {
	background-image: url('/public/images/icon/svg/misc/close.svg');
	background-position: right+6px center;
	padding-right: 22px;
}

button.register,
a.button.register {
	background-image: url('/public/images/icon/svg/ffffff/register.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 15px;
}

button.request,
a.button.request {
	background-image: url('/public/images/icon/svg/ffffff/request.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 15px;
}

button.consumption,
a.button.consumption {
	background-image: url('/public/images/icon/svg/ffffff/consumption.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 14px;
}

button.control,
a.button.control {
	background-image: url('/public/images/icon/svg/ffffff/comment.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 14px;
}

button.tariff,
a.button.tariff {
	background-image: url('/public/images/icon/svg/ffffff/tariff.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 8px;
}

button.meter-read,
a.button.meter-read {
	background-image: url('/public/images/icon/svg/ffffff/meter_read.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 14px;
}

button.user,
a.button.user {
	background-image: url('/public/images/icon/svg/ffffff/user.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 14px;
}

button.preview,
a.button.preview {
	background-image: url('/public/images/icon/svg/ffffff/preview.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 14px;
}

button.tick,
a.button.tick {
	background-image: url('/public/images/icon/svg/ffffff/tick.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 13px;
}

button.plus,
a.button.plus {
	background-image: url('/public/images/icon/svg/ffffff/plus.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 13px;
}

button.twoway,
a.button.twoway {
	background-image: url('/public/images/icon/svg/ffffff/twoway.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.switch-account,
a.button.switch-account {
	background-image: url('/public/images/icon/svg/ffffff/switch.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.change-owner,
a.button.change-owner {
	background-image: url('/public/images/icon/svg/ffffff/twoway.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.close-owner,
a.button.close-owner {
	background-image: url('/public/images/icon/svg/ffffff/error.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.revert-switch,
a.button.revert-switch {
	background-image: url('/public/images/icon/svg/ffffff/return.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.meter-exchange,
a.button.meter-exchange {
	background-image: url('/public/images/icon/svg/ffffff/switch.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.transfer-deposit,
a.button.transfer-deposit {
	background-image: url('/public/images/icon/svg/ffffff/switch.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 16px;
}

button.password,
a.button.password {
	background-image: url('/public/images/icon/svg/ffffff/password.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 10px;
	background-repeat: no-repeat;
}

button.refresh,
a.button.refresh {
	background-image: url('/public/images/icon/svg/ffffff/repeat.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 10px;
	background-repeat: no-repeat;
}

button.list,
a.button.list {
	background-image: url('/public/images/icon/svg/ffffff/menu.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
}

button.grid,
a.button.grid {
	background-image: url('/public/images/icon/svg/ffffff/grid.svg');
	padding-right: 22px;
	background-position: center;
	background-size: 11px;
	background-repeat: no-repeat;
}

button.light.forward,
a.button.light.forward {
	background-image: url('/public/images/icon/svg/333333/forward.svg');
}

button.light.delete,
a.button.light.delete {
	background-image: url('/public/images/icon/svg/333333/error.svg');
}

button.light.download,
a.button.light.download {
	background-image: url('/public/images/icon/svg/ffffff/forward_download.svg');
	background-position: right+6px center;
	padding-right: 22px;
}

button.fullwidth,
a.fullwidth {
	display: block;
	width: 100%;
	margin: 0;
}

button.margin,
a.margin {
	margin-right: 5px !important;
}

button.margin-large,
a.margin-large {
	margin-right: 8px !important;
}

button.margin-left,
a.margin-left {
	margin-left: 5px !important;
}

button.hidden,
a.button.hidden {
	display: none;
}

button.danger,
a.button.danger {
	background-color: #DD6B55;
	border-color: #c65c48;
}

button.loading {
	color: transparent;
	background-image: url('/public/images/loader_button.gif');
	background-position: center;
	background-size: 28px;
	background-repeat: no-repeat;
	pointer-events: none;
}

/*---------BUTTON MENU----------*/

a:hover > ul.button-menu {
	display: block;
}

a > ul.button-menu {
	display: none;
	position: absolute;
	background: #FFFFFF;
	bottom: 28px;
	left: -50%;
	margin-left: -19px;
	border: 1px solid #AAAAAA;
	z-index: 3;
	width: 76px;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0 0 1px 0 #CCCCCC;
}

a > ul.button-menu::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -7px;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
}

a > ul.button-menu::before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -8px;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 9px 0 9px;
	border-color: #AAAAAA transparent transparent transparent;
}

a > ul.button-menu > li {
	position: relative;
	font-size: 13px;
	color: #000000;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 6px;
}

a > ul.button-menu > li:first-child {
	border: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

a > ul.button-menu > li:last-child {
	border: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

a > ul.button-menu > li:last-child:hover::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -7px;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #e6e6e6 transparent transparent transparent;
	z-index: 3;
}

a > ul.button-menu > li:hover {
	background-color: #e6e6e6;
}

/*---------TABLE---------*/

table {
	display: table;
	position: relative;
	width: 100%;
	border-spacing: 0;
    border-collapse: separate;
}

table.loading thead,
table.loading tbody {
	opacity: 0.65;
}


table.loading::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	min-height: 70px;
	background: url('../images/loader.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	top: 0;
	left: 0;
}

table.empty:not(.loading)::before {
	position: absolute;
	bottom: -40px;
	content: "No Results Found";
	width: 100%;
	height: 20px;
	text-align: center;
	font-size: 13px;
}

body[data-lang=danish] table.empty:not(.loading)::before {
	content: "Ingen resultater fundet" !important;
}

table.hidden {
	display: none;
}

table tr td {
	padding: 0;
	font-size: 13px;
	padding: 6px 6px;
}

table thead tr td {
	position: relative;
	font-weight: 600;
	padding: 5px 18px 5px 5px;
	border-bottom: 1px solid #999999;
	cursor: pointer;
}

table thead tr td span.note {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 27px;
	height: 15px;
	background-position: center left+7px;
}

table thead tr td.sort {
	padding-left: 18px;
	padding-right: 5px;
}

table thead tr td.sort::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 5px;
	width: 0;
	height: 0;
	margin-top: -3px;
	white-space: nowrap;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

table thead tr td.sort[data-sort=asc]::after {
	border-bottom: 5px solid #999999;
}

table thead tr td.sort[data-sort=desc]::after {
	border-top: 5px solid #999999;
}

table:not(.ui-datepicker-calendar) tbody tr td {
	border-bottom: 1px solid #E6E6E6;
	height: 36px;
	box-sizing: border-box;
}

table tbody tr.selected td {
	position: relative;
	background: #E4E6EE;
	text-shadow: 0.35px 0 0 #000000;
}

table tbody tr.selected td a {
	text-decoration: none;
	color: #000000;
}

table tbody tr.selected td:first-child::before {
	position: absolute;
	background: #00003C;
	content: "";
	top: 50%;
	left: -15px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	margin-top: -4px;
}

table tr.approved td {
	background-color: #cdffcb;
}

table tr.rejected td {
	background-color: #ffcbcb;
}

table tr td[data-column=button] {
	padding: 0;
	text-align: right;
	padding-right: 4px;
	white-space: nowrap;
}

table tr td.action {
	text-align: right;
}

table tr td a,
table tr td.action a {
	color: #777777;
	text-decoration: underline;
	cursor: pointer;
}

table span.additional {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-left: 5px;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	opacity: 0.8;
	transition: 0.25s all;
}

table span.additional:hover {
	opacity: 1;
}

table span.additional.user {
	background-image: url('/public/images/icon/svg/333333/user.svg');
}

table span.info {
	background-image: url('/public/images/icon/svg/333333/info.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 12px;
	padding-left: 16px;
}

table span.icon {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 22px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 16px;
}

table span.icon.user {
	background-image: url('/public/images/icon/svg/333333/user.svg');
	background-size: 14px;
	background-position: center left+1px;
}

table span.icon.group {
	background-image: url('/public/images/icon/svg/333333/group.svg');
}

table span.icon.global {
	background-image: url('/public/images/icon/svg/333333/global.svg');
	background-size: 15px;
	background-position: center left+1px;
}

table span.icon > span {
	position: absolute;
	height: 100%;
	width: 22px;
	top: 0;
	left: 0;
	box-sizing: border-box;
}