.content {
	padding: 20px 0 20px;
}

.content-inner {
	padding: 25px 16px;
}

body {
	background: url(../images/random_grey_variations.png);
    color: #39332D;
}

.boxed {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

.btn span, .btn input {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-blue span, .btn-blue input {
	background: #3498db;
}

.btn-blue:hover span, .btn-blue:focus span, .btn-blue:hover input, .btn-blue:focus input {
	background: #2980b9;
}

.btn-danger span, .btn-danger input {
	background: #e74c3c;
}

.btn-danger:hover span, .btn-danger:focus span, .btn-danger:hover input, .btn-danger:focus input {
	background: #c0392b;
}

.btn-left span, .btn-left input {
	background: #2ecc71;
}

.btn-left:hover span, .btn-left:focus span, .btn-left:hover input, .btn-left:focus input {
	background: #2cc36b;
}

.dropdown > li {
	border-left: none;
}

.fa {
	vertical-align: middle;
	font-size: 130%;
	overflow: visible;
}

.cancel {
	margin-left: 40px;
}

.dropdown > li.active > a {
	background: #F8F3F0;
	border-bottom: 3px solid #4DAF7B;
}

.alert :last-child {
	margin-bottom: 0;
}

td.null {
	color: #BAA894;
}

td.null.neverfade {
	color: #333;	
}

td.total {
	font-weight: bold;
}

.switch_is_billed_container .loader,
.switch_is_billed_container.loading input {
	display: none;
}

.switch_is_billed_container.loading .loader {
	display: inline;
}

.loader .fa {
	font-size: 100%;
}

.btn.project-selector {
	width: 100%;
}

.pagination {
	margin-top: 0;
}

.subproject-input-container input {
	width: 60%;
	margin-right: 15px;
}

.subproject-input-container a {
	font-size: 28px;
	line-height: 34px;
}

.removed {
	background-color: #f2dede;
	border-color: #eed3d7;
}

.removed a {
	color: #b94a48;
}

.subproject_hidden .fa {
	color: gray;
}

.table {
	background: white;
}

.borderless.table tbody>tr>td {
    border: none;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* Hide seconds picker */
.ui_tpicker_second, .ui_tpicker_second_label {
	display: none;
}

/* Hide 'now' button */
.ui-datepicker-current {
	display: none;
}

@media print {
	a[href]:after {
		content: "" !important;
	}

	#topmenu {
		display: none;
	}
	
	.btn {
		display: none;
	}
	
	.pagination li {
		display: none;
	}

	.pagination li.active {
		display: block;
	}
	.pagination li.active a {
		border: none;
	}
	.pagination li.active a:before {
		content: "Aktivt underprojekt: ";
	}
}

.image-table-column-preview .imagePreview {
    width: 50px;
    height: 50px;
    display: flex;
    background: #7cb8ef;
    float: left;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin-right: 2px;
}

.image-table-column-preview  .imagePreview img {
    max-height: 100%;
    max-width: 100%;
}

.jquery-modal.blocker {
    background: rgb(170 170 170 / 75%);
}

.jquery-modal .modal {
    max-width: 90vw;
    box-shadow: none;
    overflow: visible;
    text-align: center;
}