.float-none {
	float: none;
}

.close {
	font-size: 30px;
	color: white;
	opacity: .8;
}

.textarea-standard-width {
	max-width: 1000px;
	margin: auto;
}

.btn[disabled] {
	cursor: default;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.box-title i {
	background-color: rgba(0,0,0,0.2);
	font-size: 30px;
	line-height: 45px;
	vertical-align: middle;
	border-top-left-radius: 3px;
	margin: -10px 10px -10px -10px;
	width: 50px;
	height: 45px;
	padding: 0px;
	text-align: center;
}

.padleft0 {
	padding-left: 0px !important;
}

.smaller-icon .box-title i {
	font-size: 25px;
}

.loader {
	margin-top: 30px;
	margin-bottom: 30px;
}

.block {
	display: block;
}

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

.text-left {
	text-align: left !important;
}


.width100 {
	width: 100%;
}

.vertical-top {
	vertical-align: top !important;
}

body {
	background-color: #eee;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

textarea {
	resize: none;
}

/* Overwrite bootstrap settings to set 5 cols */
.col-md-20 {
	position: relative !important;
	min-height: 1px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}

@media (min-width: 992px) {
	.col-md-20 {
		float: left !important;
		width: 20% !important;
	}
}

.organisation_name {
	cursor: pointer;
	display: inline-block;
}

.logout {
	margin-left: 25px;
	cursor: pointer;
	display: inline-block;
}

.user_name {
	cursor: pointer;
	display: inline-block;
}

.top-bar {
	background-color: dimgrey;
	color: #fff;
	font-size: 1.4em;
	padding: 10px 8px 8px;
}

.top-bar-right div {
	font-size: 0.8em;
	font-weight: 600;
	display: inline-block;
	float: right;
	padding-top: 3px;
}

.top-bar-middle {
	text-align: center;
}

	.top-bar-middle div {
		font-size: 0.9em;
		display: inline-block;
	}

.side-bar {
	height: 95vh;
	max-width: 250px;
	background-color: #68b5f5;
	padding-right: 0px;
	padding-left: 0px;
}

.desktop-sidebar {
	background-color: #2e99d4;
}

.desktop-sidebar-element {
	background-color: inherit;
	border: none;
	min-height: inherit;
}

.sitecolor {
	background-color: #2e99d4;
}

.small-box > .inner {
	padding: 3px;
}


@media (min-width: 768px) {
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}

	.sidebar-nav .navbar ul {
		float: none;
	}

		.sidebar-nav .navbar ul:not {
			display: block;
		}

	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}

		.sidebar-nav .navbar li a {
			padding-top: 12px;
			padding-bottom: 12px;
		}
}

.pad10 {
	padding: 10px;
}

.titlebar {
	cursor: pointer;
}

.navbar {
	margin-bottom: 0px;
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
	color: white;
}

.content-wrapper {
	background-image: url('image/gray-stylish-background.jpg');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

@media screen and (max-width: 450px) {

	.content {
		padding-left: 2px;
		padding-right: 2px;
	}
}

/*ferie*/
.registerItem {
	border: 1px solid grey;
	margin-bottom: 20px;
}

.week_container {
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
}

.week_day {
	font-weight: 600;
	padding: 5px 0px;
	color: #565656;
}

.not_last {
	border-bottom: 1px dashed grey;
}

.svarmulighed {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
}

.svar {
	background-color: #fff;
	padding: 4px;
	margin: 5px 0px;
	box-shadow: #b7b7b7 1px 1px 5px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 5px;
}

.svar_checked {
	background-color: #fff;
	border: 2px solid #afafaf;
}


.titlebar {
	color: #fff;
	margin-bottom: 3px;
	padding: 10px;
}

.daytitle {
	background-color: burlywood;
	color: #fff;
	padding: 2px;
	width: 100%;
}

.dayheader {
	padding: 2px;
	width: 100%;
	background-color: #ccc;
	margin: 2px;
	border: 2px;
}

.option {
	font-size: 0.9em;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: cornflowerblue;
}

.number-input-buttons {
	display: none;
}


/*
        Her tilpasses CHECKBOKSEN som kun viser enten et 'checked' billede, eller et 'unchecked' billede
        ... pga. det normale design ikke er "kønt" nok
    */
input[type=checkbox].css-checkbox {
	display: none;
}
.red-text {
	color:red;
	margin:0 2px;
	font-style:italic;
}
body, html {
  /* Disables pull-to-refresh but allows overscroll glow effects. */
      overscroll-behavior: none;
overscroll-behavior-y: contain;
overscroll-behavior-y: none;
}

.css-label {
	background-image: url(../Content/image/unchecked_box.png); /* Udskift UNCHECKED billede her */
	background-size: 25px;
	background-repeat: no-repeat;
	min-height: 29px;
	padding-left: 40px;
	width: 100%;
	font-weight: 400;
	margin-bottom: 0px;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image: url(../Content/image/checked_box.png); /* Udskift CHECKED billede her */
	background-size: 25px;
	background-position: 0px 0px;
}


/*
    Her tilpasses SweetAlert
    Har ikke testet om !important er nødvendig ved nogle browsere
*/
.sweet-alert input {
	margin: 10px auto 17px;
}

.text_box {
	margin: 0px auto;
}

.time_select {
	margin: 0px auto;
	width: 90px;
}

.time-group {
	margin-bottom: 0px;
}

.sweet-alert button.cancel {
	background-color: #ff7272;
}

	.sweet-alert button.cancel:hover {
		background-color: #ff5959;
	}


.swal-warning .confirm {
	color: #fff !important;
	background-color: #f39c12 !important;
	border: 2px solid #e08e0b !important;
}

	.swal-warning .confirm:hover {
		color: #fff !important;
		background-color: #ec971f !important;
		border-color: #d58512 !important;
	}

.swal-warning .cancel {
	color: #333 !important;
	background-color: #fff !important;
	border: 2px solid #ccc !important;
}

	.swal-warning .cancel:hover {
		color: #333 !important;
		background-color: #e6e6e6 !important;
		border-color: #adadad !important;
	}

.swal-success .confirm {
	color: #fff !important;
	background-color: #5cb85c !important;
	border: 2px solid #4cae4c !important;
}

	.swal-success .confirm:hover {
		color: #fff !important;
		background-color: #449d44 !important;
		border-color: #398439 !important;
	}

.swal-success .cancel {
	color: #333 !important;
	background-color: #fff !important;
	border: 2px solid #ccc !important;
}

	.swal-success .cancel:hover {
		color: #333 !important;
		background-color: #e6e6e6 !important;
		border-color: #adadad !important;
	}

.swal-info .confirm {
	color: #fff !important;
	background-color: #5bc0de !important;
	border: 2px solid #46b8da !important;
}

	.swal-info .confirm:hover {
		color: #fff !important;
		background-color: #31b0d5 !important;
		border-color: #269abc !important;
	}

.swal-info .cancel {
	color: #333 !important;
	background-color: #fff !important;
	border: 2px solid #ccc !important;
}

	.swal-info .cancel:hover {
		color: #333 !important;
		background-color: #e6e6e6 !important;
		border-color: #adadad !important;
	}


.user-panel > .info {
	padding: 20px 5px 5px 15px !important;
}

.user-panel {
	padding: 0 10px;
}

.product-info {
	margin-left: 0 !important;
}

.product-meta {
	display: block;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: right;
}

.product-description {
	white-space: normal;
	color: #545454;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}

.product-list-in-box > .item {
	padding-left: 10px;
	padding-right: 10px;
}



/* Contact info */

.citizen-header-menu {
	margin-bottom: 0;
	max-width: 1200px;
}

	.citizen-header-menu a {
		/*color:#242424 !important;*/
		color: white !important;
		font-size: 1.2em;
		font-weight: 600;
	}

	.citizen-header-menu .active a {
		color: #242424 !important;
		border-top-left-radius: 3px !important;
		border-top-right-radius: 3px !important;
		/*background-color: #ecf0f5;*/
	}

	.citizen-header-menu .menu-icon {
		font-size: 1em;
		margin-right: 5px;
	}

	.citizen-header-menu .nav {
		border-radius: 0;
		width: 100%;
		margin-bottom: 15px;
	}

		.citizen-header-menu .nav li {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			width: 50%;
			margin: 0;
			max-width: 210px;
		}

		.citizen-header-menu .nav a {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}

.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: transparent;
}

.edit-icon {
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

/* Children section*/
.children-section {
	padding-bottom: 0 !important;
}

.children {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: -8px;
	margin-bottom: -15px;
	/*border: solid #2e99d4;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 0px;
        border-right-width: 0px;*/
}

	.children .col-md-3, .children .col-xs-6 {
		margin-top: 8px;
		margin-bottom: 8px;
		padding-right: 5px;
		padding-left: 5px;
	}


	.children .child {
		border: 2px solid transparent;
		z-index: 4;
		margin: -2px 0;
		cursor: pointer;
		border-radius: 4px;
		background-color: rgba(255,255,255,0.6) !important;
		color: #444 !important;
	}

	.children .parent {
		border: 2px solid transparent;
		z-index: 4;
		margin: -2px 0;
		cursor: pointer;
		border-radius: 4px;
		background-color: rgba(255,255,255,0.6) !important;
		color: #444 !important;
	}

	.children .chosen-child {
		margin: -4px;
		border: 4px solid #6dbd44;
		z-index: 5;
		animation: popup-border linear 0.3s;
	}

	.children .child .child-image {
		width: 63px;
		height: 63px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		border-radius: 5px;
		position: absolute;
		z-index: 15;
		line-height: 69px;
		margin: 3px;
	}

	.children .child .child-text {
		margin: 0;
		margin-top: 12px;
		max-height: 40px;
		text-wrap: none;
		overflow: hidden;
		font-weight: 600;
		text-overflow: ellipsis;
		font-size: 16px;
		max-height: 22px;
		position: relative;
		z-index: 10;
		margin-left: 69px;
	}

	.children .child .small-box-footer {
		color: rgba(68, 68, 68, 0.8);
		margin-left: 69px;
		border-bottom-right-radius: 2px;
	}

	.children .child:hover .no-image-icon {
		font-size: 65px;
	}

	.children .child .no-image-icon {
		font-size: 45px;
		z-index: 1;
	}

@media screen and (max-width: 600px) {

	.children .child .child-image {
		margin: auto;
		display: none;
	}
	/*
	.children .small-box-footer {
		display: none;
	}
	*/

	.children .child .child-text {
		margin-left: 0px;
		margin-top: 0px;
	}

	.children .child .small-box-footer {
		margin-left: 0px;
	}
}


/* Children detailed section*/
/*.children-detailed .child .child-text{
	margin-top:2px;
}*/
.children-detailed .child .small-box-footer {
	color: white;
	padding: 2px;
	position: relative;
	display: flex;
	border-radius: 0px;
	margin-left: 0px;
	padding-left: 69px;
}
/*.children-detailed .status-icon {
	background-position: left center;
	background-repeat:no-repeat;
	background-size:contain;
	height:inherit;
	width:30%;
	max-width:42px;
	height:37px;
	opacity:0.3;
}*/
.children-detailed .status-icon {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.15;
	position: absolute;
	top: 55px;
	right: 5px;
	width: 110px;
	height: 110px;
	z-index: 50;
}

.children-detailed .status-text {
	display: inline-block;
	max-height: 39px;
	min-height: 24px;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	min-width: 70%;
	width: 100%;
}

	.children-detailed .status-text span {
		text-align: left;
		float: left;
	}

.children-detailed .wide-footer {
	color: rgba(68, 68, 68, 0.8);
	background: rgba(0,0,0,0.1);
	display: block;
	text-align: center;
	padding: 3px 0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.children-detailed .times {
	width: 100%;
	/*background-color:rgba(0,0,0,0.0);*/
	text-align: right;
	padding: 10px;
	color: white;
	max-width: 400px;
	margin: auto;
	/*color:#444;*/
}

.children-detailed .time {
	padding: 2px 5px;
	font-weight: normal;
}

.children-detailed .event {
	text-align: left;
	padding-right: 5px;
	min-width: 85px;
	font-weight: normal;
}

.children-detailed .time i {
	display: none;
}

.children-detailed .chosen {
	/*color:white;*/
}

.children-detailed .reminder div {
	min-height: 43px;
	line-height: 43px;
}

.children-detailed .reminder td {
	/*border-top:1px solid white;*/
}


@media screen and (max-width: 500px) {

	.children-detailed .col-xs-6 {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {

	.children-detailed .child .child-image {
		margin: 3px;
		display: block;
	}

	.children-detailed .small-box-footer {
		display: block;
	}

	.children-detailed .child .child-text {
		margin-left: 69px;
		margin-top: 12px;
	}
}

/*Style på tværs af sider - Cross page styling*/

/*Styling af navne title*/
.name-title {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	display: block;
}

/*Styling af box farverne*/
.box-info > .box-header {
	background-color: #31b0d5 !important;
}

.box-success > .box-header {
	background-color: #5cb85c !important;
}

.box-danger > .box-header {
	background-color: #d9534f !important;
}

.box-warning > .box-header {
	background-color: #f0ad4e !important;
}

/*Mobile menu*/
.mobile-menu .menu .btn {
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	color: white;
	/*background-color:gray;*/
	border-color: white;
	height: 62px;
}

.mobile-menu .menu > li > a {
	background-color: transparent;
}

.mobile-menu .menu i {
	font-size: 40px;
	width: 70px;
	display: flex;
	justify-content: center;
	opacity: 0.9;
	line-height: 60px;
	vertical-align: middle;
}

.mobile-menu .menu .small-icon {
	font-size: 35px;
}

.mobile-menu .menu .right-menu-part {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 48px;
	vertical-align: middle;
}

.mobile-menu .menu .info-box-icon {
	/*margin: -5px -12px 0px -30px;*/
	height: auto;
	width: auto;
	border-radius: 2px;
}


.mobile-menu .nav-stacked > li > a {
	color: white;
	margin: -7px -12px;
	padding: 19px 27px;
}

.mobile-menu .nav-stacked > li.active > a {
	border-left-color: white;
}

.mobile-menu .back-button {
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	height: 40px;
}

	.mobile-menu .back-button i {
		border-right: 1px solid lightgrey;
		height: 100%;
		padding: 10px 15px 30px 5px;
		margin: -10px 5px -10px 0px;
	}

.mobile-menu .chart {
	background-color: white;
}

/*Gem knap style*/
.save-button {
	max-width: 170px;
	margin: 10px 5px 5px;
	float: right;
}
/*Almindelig custom checkbox*/
.regular-checkbox {
	border: 1px solid #ccc;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	/*margin-left:auto;
	margin-right:auto;*/
	cursor: pointer;
	display: inline-block;
	position: relative;
}

	.regular-checkbox .fa {
		line-height: 30px;
		font-size: 26px;
		text-align: center;
		left: 4px;
		margin-top: -1px;
		display: block;
		position: absolute;
	}

	.regular-checkbox .fa-check {
		color: #6dbd44;
	}

	.regular-checkbox .fa-times {
		color: #555;
	}

/*Almindelig custom check button*/

.check-button {
	display: flex;
	margin: 10px auto 0 auto;
	padding: 5px 4px 5px 4px;
	justify-content: initial;
	max-width: 300px;
	cursor: pointer;
}

	.check-button label {
		font-weight: normal;
		display: block;
		line-height: 30px;
		cursor: pointer;
		text-align: center;
		margin: auto;
		font-weight: normal;
	}

	.check-button[disabled] label {
		cursor: default;
	}

	.check-button .fa {
		line-height: 30px;
		text-align: left;
		margin-left: 10px;
		font-size: 20px;
	}

.chosen-check-button {
	padding: 2px 1px 2px 1px;
	border: 4px solid #6dbd44;
}

	.chosen-check-button:hover {
		border: 4px solid #6dbd44;
	}

	.chosen-check-button[disabled]:hover {
		border: 4px solid #6dbd44;
	}

/*Modal style*/
.regular-modal .modal-dialog {
	padding-left: 0;
	padding-right: 0;
}

.regular-modal .modal-header {
	position: absolute;
	z-index: 100;
	border-bottom: 0;
	right: 0;
}

	.regular-modal .modal-header .close {
		margin-top: -10px;
	}


.regular-modal .modal-body {
	margin: 0;
	padding: 0;
}

	.regular-modal .modal-body .box {
		margin-bottom: 0;
		margin-top: 0;
	}

.regular-modal table {
	width: 100%;
}

	.regular-modal table input, .regular-modal table textarea, .regular-modal table select {
		width: 100%;
		max-width: 400px;
	}

.regular-modal td, .regular-modal th {
	padding: 0;
}

.regular-modal td {
	padding-bottom: 10px;
}

.regular-modal label {
	display: inline;
}

.regular-modal input[type=checkbox] {
	display: inline;
	width: auto;
}

.regular-modal td:first-child {
	width: 143px;
}

/*Kontakt info - contact info*/
.info-section {
	display: block;
}

	.info-section input, .info-section textarea, .info-section select {
		margin-right: 50px;
		width: 100%;
		float:right;
		max-width:initial;
	}

  
    .info-section .mobile-menu input, .info-section .mobile-menu textarea {
        float: right;
    }

	.info-section .mobile-menu table {
		/*border-left:0.2px solid gray;
		border-right:0.2px solid gray;*/
	}

	.info-section table {
		border-color: none;
		border-collapse: separate;
		border-spacing: 10px;
		width: 100%;
		max-width: 800px;
		margin: auto;
	}

	.info-section label {
		min-width: 100px;
	}

	.info-section .note {
		height: auto;
		max-height: 170px;
		min-height: 100px;
	}

	.info-section textarea:disabled, .form-control[disabled] {
		background-color: white;
		cursor: default;
		border-color: transparent;
	}

	.info-section .info-text-box {
		margin-bottom: 70px;
		border-top-color: transparent;
	}


	.info-section .profile-picture-setting {
		margin: auto;
		height: 140px;
		width: 140px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-bottom: 5px;
		border-radius: 15px;
	}

	.info-section .profile-picture-buttons {
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}

		.info-section .profile-picture-buttons .btn {
			margin: 5px 2%;
		}



	.info-section .profile-picture-section {
		min-height: 430px;
	}


@media screen and (max-width: 500px) {
	.info-section .profile-picture-setting {
		margin: auto;
		height: 250px;
		width: 250px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-bottom: 5px;
		border-radius: 15px;
	}

	.info-section .profile-picture-section {
		min-height: initial;
		padding-bottom: 10px;
	}

	.profile-picture-buttons .btn-lg {
		padding: 6px 10px;
		font-size: 16px;
		border-radius: 4px;
	}

	.info-section input, .info-section textarea {
		margin-right: 0px;
	}
}
/*Payment / betalings komponent*/
#widescreen-payment {
	margin-top: -10px;
}

.payment {
	position: relative;
}




	.payment h3 {
		text-align: center;
		font-size: 16px;
		float: left;
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left: 5px;
	}


	.payment .table-last {
		width: 30%;
	}


	/*Payment Konti oversigt / betalings konti oversigt*/
	.payment .box {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.payment tfoot {
		opacity: 0.5;
	}

	.payment .accounts {
		display: block;
		text-align: center;
		overflow-y: auto;
	}

#accounts-wide {
	min-height: 320px;
	overflow: auto;
	max-height: 400px;
}

#accounts {
	background-color: transparent;
}

.payment .accounts .account {
	padding: 7px 7px;
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.payment .accounts .other-account {
	background-color: #ddeff7;
}


.payment .accounts .btn-default:active:hover, .payment .accounts .btn-default:hover {
	background-color: #f3f3f3;
}

.payment .accounts .account .account-title {
	text-align: left;
	margin: 0;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	max-width: 250px;
	z-index: 5;
	position: relative;
	/*border-bottom: solid 1px rgba(0,0,0,0.5);*/
}

.payment .accounts .account .account-image {
	height: 56px;
	width: 90px;
	position: absolute;
	right: 7px;
	top: 7px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.payment .accounts .account .account-saldo {
	font-weight: 400;
	position: relative;
	font-size: 14px;
	height: 100%;
	min-width: 110px;
	text-align: left;
	padding-left: 0;
}


/* Postings - posteringer*/
.payment .saldo-posting {
	background-color: white;
	position: relative;
	text-align: right;
}

.payment #account-posts-table td:first-child {
	width: auto;
}

.payment .saldo-posting .posting-title {
	font-weight: 600;
}

.payment p {
	margin: 0;
	padding: 5px;
}

.payment .saldo-posting-amount {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	font-style: italic;
}

.payment .dt-bootstrap {
	margin: 0px;
	background-color: white;
}

	.payment .dt-bootstrap .mPost {
		min-width: 150px;
	}

	.payment .dt-bootstrap .mAmount {
		width: auto;
		min-width: 57px;
	}

	.payment .dt-bootstrap .mAffectedAccount {
		width: 120px;
	}

	.payment .dt-bootstrap .lower-amount {
		font-size: 12px;
		display: block;
		color: #4e4e4e;
	}

	.payment .dt-bootstrap .amounts {
		text-align: right;
		float: right;
		width: 100%;
	}

	.payment .dt-bootstrap .amount {
		font-weight: 600;
	}

.payment #account-posts-table {
	text-align: left;
}

	.payment #account-posts-table .posting-title {
		font-weight: 600;
	}


.payment .negative-number {
	color: red;
}

.payment .positive-number {
	color: green;
}

.payment .dt-bootstrap th {
	background-color: white;
	color: #333;
	height: 0;
}

	.payment .dt-bootstrap th:first-child {
		text-align: left;
	}

/*Payment insert money / betalings indsæt penge*/
.payment .transfer-section .checkbox-line {
	margin-top: 5px;
}


/*Payment limits / betalings begrænsninger*/
.payment .chart {
	background-color: white;
}


.payment table {
	text-align: right;
}

.payment thead {
	margin-bottom: 14px;
}

.payment .mPaidAmount, .payment .mSaldo {
	width: 150px;
	text-align: right;
}

.payment input {
	width: 100%;
	vertical-align: middle;
	border-radius: 5px;
	float: right;
	text-align: right;
	padding-right: 43px;
}

	.payment input:focus {
		text-align: left;
	}

@media screen and (max-width:1300px) {

	/*.payment #limits-wide input {
		width:auto !important;
	}*/
}

.payment .currency i {
	position: absolute;
	right: 0;
	margin-top: 7px;
	margin-right: 18px;
	color: #444;
}

.payment td {
	vertical-align: middle;
}

.payment th {
	border: 0;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	text-align: right;
}

.payment h4 {
	margin-bottom: 0px;
	margin-top: 4px;
}

.payment .posting-title {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

.payment .lower-amount {
	text-align: left;
}

.payment .checkbox-line {
	white-space: nowrap;
	width: 200px;
}

	.payment .checkbox-line input {
		float: none;
		width: auto;
		text-align: right;
	}

.payment .total {
	margin-bottom: 20px;
	font-weight: 600;
}

.payment em {
	overflow: hidden;
	height: 20px;
}

/*Payment limits / betalings begrænsninger  --- Hvis man skal bruge antal begrænsninger*/
/*.payment .limits-section .daily-amount {
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .payment .limits-section .daily-amount input {
            margin: 16px 0px 16px 10px;
            max-width: 150px;
            min-width: 75px;
            font-weight: 600;
            text-align: right;
            font-size: 16px;
        }

        .payment .limits-section .daily-amount h3 {
            /*text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
font-size: 22px; text-align: center;
}
*/

.payment .limits-section table {
	width: 100%;
}





/*Payment messages / betalings advisering*/
.payment .messages-section {
}

.payment .messages-section {
	background-color: white;
}

.payment .saldo {
	width: 100px;
	min-width: 100px;
	text-align: center;
}

@media screen and (max-width: 350px) {
	.payment .messages-section .saldo {
		display: none;
	}
}

@media screen and (max-width: 400px) {


	.payment .limits-section .daily-amount input {
		max-width: 100px;
	}

	.payment .limits-section .daily-amount h3 {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.payment .messages-section .saldo {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.dataTables_length {
		display: none;
	}

	.save-button {
		margin: 10px 0px 0px;
		width: calc(100% - 10px);
		max-width: initial;
		float: none;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
	}
}


@media screen and (max-width: 600px) {

	.payment .posting-title {
		text-align: left;
		font-weight: 600;
	}
}

@media screen and (max-width: 767px) {
	.payment .posting-title {
		text-align: left;
		font-weight: 600;
	}
}

@media screen and (max-width: 800px) {
	.dataTables_length {
		display: none;
	}

	.payment .child-info-text {
		display: none;
	}
}

@keyframes popup-border {
	0% {
		border-width: 0px;
		margin: -0px;
	}

	70% {
		border-width: 7px;
		margin: -7px;
	}

	100% {
		border-width: 4px;
		margin: -4px;
	}
}

/*overlay*/

.overlay {
	right: 0;
	bottom: 0;
}

.overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8) !important;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	/*   padding: 20px;*/
	display: block;
	/*margin-left: auto;
    margin-right: auto;*/
	margin: auto;
	z-index: 1049;
}

.overlay-content {
	height: 100%;
	overflow: scroll;
}

.background-content {
	height: 100%;
	overflow: auto;
}

.form-margin {
	margin: 0px !important;
}

.input-control {
	font-size: 12px !important;
	min-height: 1.5rem !important;
	height: 1.5rem !important;
}

.label {
	font-size: 12px !important;
}

.overContainer {
	min-width: 340px;
	min-height: 720px;
	max-height: 820px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 80%;
	overflow: scroll;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}



/*overlay end*/

.noscroll {
	overflow-x: hidden;
	overflow-y: hidden;
}


/*Permissions - tilladelser*/

#permissions-section .answer-box {
	width: 150px;
	text-align: center;
	vertical-align: middle;
	padding: 0,1px;
}

#permissions-section .answer {
	padding: 5px;
}

	#permissions-section .answer .fa {
		font-size: 26px;
	}

#permissions-section .answerable {
	cursor: pointer;
}

#permissions-section table {
	min-width: 300px;
}

#permissions-section .yes {
	color: #6dbd44; /*Green*/
}

#permissions-section .no {
	color: #da4545; /*Red*/
}

@media screen and (max-width: 500px) {
	/*#permissions-section {
		margin-right:0;
		margin-left:0;
	}*/
}

@media screen and (max-width: 1000px) {
	#permissions-section .answer-box {
		width: 80px;
		min-width: 70px;
	}
}

@media screen and (max-width: 500px) {
	#permissions-section .answer-box {
		width: 60px;
		min-width: 50px;
	}
}


/*Frontpage- forside*/

/*Unavavailable- fravær*/
#frontpage .sick-options {
	display: block;
	margin: auto;
	margin-bottom: 15px;
}

#frontpage .sick-section {
	max-height: 500px;
	overflow: hidden;
	min-height: 230px;
}

#frontpage .sick-options h2 {
	text-align: center;
	/*border-bottom:1px solid #444;*/
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: 5px -7px 2px;
	background-color: rgba(0,0,0,0.1);
	padding: 5px;
}


/*Reminders- påmindelser*/

#frontpage .reminder-section {
	max-height: 500px;
	overflow: auto;
}

#frontpage .reminders #create-reminder-btn {
	margin-bottom: 10px;
	margin-left: 5px;
}

#frontpage .reminders table {
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

#frontpage .reminders td {
	padding: 8px 5px;
	text-align: center;
	vertical-align: middle;
}

#frontpage .reminders th {
	padding: 8px 5px;
	text-align: center;
}

#frontpage .reminders th {
	padding: 8px 5px;
	text-align: center;
}

#frontpage .reminders span {
	display: block;
}

/*Setting of width in each column*/
#frontpage .reminders .title {
}

	#frontpage .reminders .title div {
		max-height: 100px;
		overflow: auto;
	}

#frontpage .reminders .note {
	width: 250px;
}

	#frontpage .reminders .note div {
		max-height: 100px;
		overflow: auto;
	}

#frontpage .reminders .time {
	width: 36px;
}

#frontpage .reminders .date {
	width: 85px;
}

#frontpage .reminders .days {
	width: 100px;
}

#frontpage .reminders .btn-area {
	width: 24px;
}
/*Setting of width in each column in mobile*/
#frontpage .reminders .time-and-day {
	width: 70px;
}

#frontpage .reminders .time-and-day {
	width: 70px;
}

#frontpage .reminders .date-from-to {
	width: 85px;
}

#frontpage .reminders .title, #frontpage .reminders .title-and-note {
	text-align: left;
}

	#frontpage .reminders .title-and-note .note-text {
		margin-top: 5px;
		font-size: 13px;
		font-style: italic;
	}

#frontpage .reminders .remove {
	padding: 5px 10px;
	border-radius: 50px;
	margin: auto;
	margin-bottom: 5px;
	display: block;
}

@media screen and (max-width:1200px) {
	#frontpage .reminder-section {
		max-height: initial;
	}
}

@media screen and (max-width:800px) {
	#frontpage .reminders .remove {
		padding: 2px 7px;
		border-radius: 50px;
		margin: auto;
		margin-bottom: 5px;
		display: block;
	}
}

@media screen and (min-width:600px) {
	#frontpage .reminders .time-and-day {
		width: 120px;
	}
}


/*Create Reminders - opret påmindelser*/
.create-reminder .check-button {
	min-width: 72px;
	width: auto;
	display: inline-block;
	margin: 2px;
	padding: 5px 10px;
}

.create-reminder .chosen-check-button {
	/*Padding -3*/
	padding: 2px 7px;
}





@media screen and (max-width: 400px) {
	.children-detailed .col-xs-6 {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	#frontpage .reminders .date-time span {
		text-align: center;
	}

	#frontpage .reminders .date-time .hides {
		display: none;
	}

	#frontpage .sick-options .col-xs-6 {
		width: 100%;
		max-width: 330px;
		margin: auto;
		float: none;
	}

	#frontpage .sick-option {
	}
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}