/*
 * PROJECT DOCUMENTATION SYSTEM
 * MAIN CSS STYLES
 */

/* GLOBAL STYLES */

body {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	background-color: #edf2f9;
	color: #606d82;
	padding-top: 80px;
}

a {
	color: #606d82;
	text-decoration: none;
}
a:hover {
	color: #252e3c;
	text-decoration: none;
}

.alert {
	border: 2px solid #fff;
	-webkit-box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07)
}


/* END GLOBAL STYLES */


/* JQUERY UI CUSTOM STYLES */

.ui-widget {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: #606d82;
	box-shadow: none;
	background-color: #fff;
}
.ui-widget-overlay.ui-front {
	background-color: #606d82;
	opacity:.75;
}
.ui-dialog-titlebar-close {
	background-image: url("/assets/css/images/ui-icons_777777_256x240.png");
	background-position: -96px -128px;
}
.modal-title {
	font-size: 1.75rem;
}
.modal-header.important {
	background-color: #800;
}
.modal-header.important .modal-title {
	color: #fff;
}
.modal-dialog-centered {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	min-height:calc(100% - (.5rem * 2));
}

/* END JQUERY UI CUSTOM STYLES */



/* HEADER */

.navbar-brand {
	padding: 5px 15px;
	margin-right: 60px;
}


/* END HEADER */



/* MAIN NAVIGATION */

@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}

.navbar-default {
	background-color: #fff;
	border-color: #d8e2ef;
	-webkit-box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}
.navbar-default .navbar-nav > li > a {
	color: #606d82;
	padding-top: 20px;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #336699;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #336699;
	background: #edf2f9;
}

/* END MAIN NAVIGATION */



/* MAIN */

#mainBlock .row {
	padding: 5px 0px;
}
#mainBlock .noPadding {
	padding: 0;
}
#mainContent {
	padding: 0px 40px;
}

/* END MAIN */



/* CARD */

.buttonToggle:hover {
	cursor: pointer;
}

#mainBlock .card {
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}
#mainBlock .card + .card {
	margin-top: 40px;
}

#mainBlock .card .cardTitle {
	padding: 20px 0px;
	color: #344050;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	line-height: 1.2em;
}
#mainBlock .card .cardContent {
	background-color: #f9fafd;
	padding: 20px;
}
#mainBlock .card .cardTableContent {
	margin: 0px;
	padding: 0px;
}
#mainBlock .card .cardDataContent {
	margin: 0px;
	padding: 20px 0px;
}
#mainBlock .card .cardDataContent table {border-collapse:separate;
	border-spacing: 0 10px;
}
#mainBlock .card .cardDataContent label {
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.025em;
	border: 1px solid #d8e2ef;
	border-bottom: 0;
	margin-bottom: 0;
	background-color: #fff;
	padding: 2px 8px 2px 8px;
	width: 100%;
}
#mainBlock .card .cardDataContent .content {
	width: 100%;
	padding: .3125rem 2rem .3125rem 1rem;
	background-color: #fff;
	border: 1px solid #d8e2ef;
	border-radius: .25rem;
	color: #252e3c;
	display: block;
	min-height: 2em;
}
#mainBlock .card .cardDataContent label {
	font-weight: 500;
}
#mainBlock .cardFooter {
	text-align: right;
	padding: 20px;
}

/* END CARD */


/* TABLE */
table.dataView {
	width: 100%;
}
table.dataView thead {
	background-color: #edf2f9;
}
table.dataView thead tr {
	border-bottom: 1px dotted #9da9bb;
}
table.dataView thead th,
table.dataView tbody td,
table.dataView tfoot td {
	padding: 5px 15px;
}
table.dataView thead th {
	font-weight: 500;
}
table.dataView tbody tr + tr {
	border-top: 1px solid #edf2f9;
}
table.dataView tbody tr:hover {
	background-color: #edf2f9;
}
table.dataView tfoot tr {
	border-top: 1px solid #9da9bb;
	background-color: #fff;
}
table.dataView tfoot td {
	padding: 20px;
}


/* END TABLE */



/* FORM ELEMENTS */
.customerCard {
	background-image: url(/assets/img/corner-4.png);
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}
.cardTitleContent {
	font-size: 90%;
	font-weight: 400;
}

.card .dataViewTitel {
	font-weight: 500;
}
.card form .groupLabel {
	border-bottom: 1px dotted #606d82;
	margin-bottom: 20px;
}

::-webkit-input-placeholder {
	color: #8f9cb3;
}
::-ms-input-placeholder {
	color: #8f9cb3;
}

::placeholder {
	color: #8f9cb3;
}

.card label.editLabel {
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.025em;
	border: 1px solid #d8e2ef;
	border-bottom: 0;
	margin-bottom: 0;
	background-color: #fff;
	padding: 2px 8px 2px 8px;
	width: 100%;
}

.card form input[type=text],
.card form input[type=password] {
	width: 100%;
	padding: .3125rem 2rem .3125rem 1rem;
	background-color: #fff;
	border: 1px solid #d8e2ef;
	border-radius: .25rem;
	color: #252e3c;
}
.card form input[type=text]:focus,
.card form select:focus,
.card form textarea:focus {
	outline: none;
	border-color: #606d82;
	-webkit-box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}
.card form .readonly,
.card form input.readonly,
.card form input.readonly:focus {
	outline: none;
	border-color: #d8e2ef;
	background-color: rgba(255,255,255,0.75);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.custom-select {
	color: #252e3c;
	display: inline-block;
	width: 100%;
	height: calc(1.5em + .625rem + 2px);
	padding: .3125rem 2rem .3125rem 1rem;
	line-height: 1.5;
	vertical-align: middle;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%234d5969' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center / 8px 10px;
	background-color: #fff;
	border: 1px solid #d8e2ef;
	border-radius: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.custom-select option.placeholder {
  color: #8f9cb3 !important;
}

.btn-default,
.btn-info {
	font-size: 1.25rem;
	-webkit-box-shadow: 0 0 0 1px rgba(43, 45, 80, .1), 0 2px 5px 0 rgba(43, 45, 80, .08), 0 1px 1.5px 0 rgba(0, 0, 0, .07), 0 1px 2px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 0 0 1px rgba(43, 45, 80, .1), 0 2px 5px 0 rgba(43, 45, 80, .08), 0 1px 1.5px 0 rgba(0, 0, 0, .07), 0 1px 2px 0 rgba(0, 0, 0, .08);
	display: inline-block;
	color: #606d82;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .3125rem 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.btn-default:hover,
.btn-info:hover {
	color: #252e3c;
	background-color: #fff;
	border-color: #252e3c;
}
.btn-info {
	color: #fff;
	background-color: #606d82;
}
.btn-info:hover {
	color: #fff;
	background-color: #336699;
}


/* UPLOAD BUTTONS */

.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
	width:100%;
}




/* VERTEILER CARDS */

.verteilerCard {
	border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	padding: 10px;
}

/* END VERTEILER CARDS */



/* LIGHTBOX */

a.lightboxFoto:hover {
	cursor: zoom-in;
}

/* END LIGHTBOX */


/* PAGINATION */

.pagination {
	margin: 0;
}

.pagination > li > a,
.pagination > li > span
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	border: 1px solid #9da9bb;
	color: #606d82;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	background-color: #edf2f9;
	border: 1px solid #9da9bb;
	color: #606d82;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	background-color: #606d82;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	border: 1px dotted #b6c1d2 !important;
	color: #b6c1d2;
}



/* FOOTER */

footer {
	font-size: 12px;
	color: #606d82;
	text-align: right;
	margin-top: 40px;
	padding-right: 20px;
}


/* END FOOTER */