*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0 auto;
	padding: 0;
	color: #6d6e70;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
h1 {
	margin-top: 0;
	margin-bottom: 1rem;
}
h2 {
	margin-top: 0;
	margin-bottom: .75rem;
	color: #2f60ad;
	font-weight: 400;
}
fieldset {
	color: #2f60ad;
	text-align: center;
	border: 0;
}
input {
	padding: 5px;
	color: #fff;
	background-color: #2f60ad;
	font-size: 1rem;
	border: 0;
	outline: 0;
}
th {
	color: #2f60ad;
}
td.td-btn button {
	width: 90%;
	cursor: pointer;
	font-size: 1rem;
	outline: 0;
	transition: all .3s ease;	
}

/* ================================= 
  BASIC STYLE
==================================== */
.main-header {
	margin-top: 1rem;
}
.container {
	margin: 0 auto!important;
	max-width: 1140px;
}
.header_img,
.user-login h2 {
	text-align: center;
}
.header_title {
	color: #fff;
	background-color: #2f60ad;
}
.head_text {
	margin: 0;
	padding: 10px;
	text-align: center;
}
.head_text h1,
.head_text h3 {
	margin: 0;
	font-weight: 400;
}
.head_text h3::before {
	margin-right: 10px;
	content: "\f007";
	font-family: "FontAwesome";
}
#login,
#anwender-table,
#details-zahlung {
	margin-top: 2rem;
}
/* ================================= 
  SECTION LOGIN
==================================== */
.user-login h2::before {
	margin-left: 10px;
	margin-right: 10px;
	content: "\f007";
	font-family: "FontAwesome";
	font-size: 1.5rem;
}


/* ================================= 
  SECTION ANWENDER
==================================== */
table {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
#anwender-table th {
	color: #2f60ad;
	border-bottom: 1px solid #2f60ad;
}
#anwender-table th,
#anwender-table td {
    border-left: 2px solid #2f60ad;
}
#anwender-table tbody tr {
    background-color: #eaf6f7;
}
#anwender-table tbody tr {
    background-color: #eaf6f7;
}
#anwender-table tbody tr:nth-child(even) {
    background-color: #cfebef;
}
#anwender-table td.td-btn {
	padding: 3px;
	background-color: #fff;
    border-left: 0;
}
#anwender-table td.td-btn button:hover {
	opacity: 0.7;
}
#anwender-table td.td-btn button.btn_zahlungs {
	background-color: #fff;
	border: 2px solid #6d6e70;
	color: #6d6e70;
}
#anwender-table td.td-btn button.btn_details {
	background-color: #cfebef;
	border: 2px solid #2f60ad;
	color: #2f60ad;
}

/* ================================= 
  SECTION DETAILS
==================================== */

#details-zahlung td.td-btn {
	background-color: #fff;
}
#details-zahlung td.td-btn button {
	background-color: #fff;
	border: 2px solid #6d6e70;
	color: #6d6e70;
	height: 27px;
}
#details-zahlung thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}
#details-zahlung tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
#details-zahlung tbody tr td {
	width: 130px;
	padding: 7px;
	text-align: center;
    background-color: #eaf6f7;
}
#details-table tbody tr td:nth-child(1),
#details-table tbody tr td:nth-child(5),
#details-table tbody tr td:last-child,
#details-table tbody tr td:nth-child(9) {
	width: 70px;
}
#details-table tbody tr td:nth-child(4),
#details-table tbody tr td:nth-child(6) {
	width: 110px;
}

.table_onecol th {
	width: 180px;
    margin-bottom: 10px;
}
.table_onecol thead tr th:not(:first-child),
.table_onecol tbody tr td:not(:first-child) {
	margin-left: 7px;
}
#details-zahlung tbody tr:nth-child(even) td {
	background-color: #cfebef;
}
.table_list table thead th:last-child {
    border-right: 1px solid;
}
.table_list {
	width: 1100px;
	overflow-x: auto;
}
.table_list table {
	margin-top: 2rem;
	margin-bottom: 1rem;
	max-width: 100%;
}
.table_list table thead th {
	width: 130px;
	padding: 5px;
	font-size: .9em;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #2f60ad;
}
.table_list table thead th:nth-child(1),
.table_list table thead th:nth-child(5),
.table_list table thead th:last-child,
.table_list table thead th:nth-child(9) {
	width: 70px;
}

.table_list table thead th:nth-child(4),
.table_list table thead th:nth-child(6){
	width: 110px;
}

.table_list table tbody td {
	padding: 12px;
	font-size: .9em;
	border-width: 0px 0px 1px 1px;
	border-style: dashed;
	border-color: #2f60ad;
}
.table_list table tbody td:last-child {
	border-right: 1px dashed #2f60ad;
}

#freigabe {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.freigabe-btn {
	background-color: #fff;
	color: #70bf57;
	padding: 7px 12px;
	border: 2px solid #70bf57;
	cursor: pointer;
	transition: all .5s ease;
}
.freigabe-btn:hover,
.freigabe-btn:focus {
	background-color: #70bf57;
	color: #fff;
	border: 2px solid #fff;
}
#freigabe[type=checkbox]:checked ~ .freigabe-btn,
button.delete-row,
button#btn-noDelete {
	color: #ef4323;
	background-color: #fff;
	border: 2px solid #ef4323;
}
#freigabe[type=checkbox]:checked ~ .freigabe-btn:hover,
button.delete-row:hover,
button#btn-noDelete:hover,
#freigabe[type=checkbox]:checked ~ .freigabe-btn:focus,
button.delete-row:focus,
button#btn-noDelete:focus {
	color: #fff;
	background-color: #ef4323;
	border: 2px solid #fff;
}
button#btn-delete{
	margin-right: 7px;
	width: 60px;
}
button#btn-noDelete {
	margin-left: 7px;
	width: 60px;
}
.confirm-buttons button {
	min-width: 55px;
	margin: 0 5px;
}

/* ================================= 
  CUSTOM KENDO
==================================== */
#grid {
	max-width: 1140px;
	margin: 50px auto;
	border: none;
}
.k-header {
	background-color: #fff;
	border: none;
	color: #2f60ad;
}

.k-window-titlebar {
	margin-top: -40px!important;
	min-height: 40px;
}

.k-animation-container,
.k-animation-container *,
.k-animation-container :after,
.k-block .k-header,
.k-list-container,
.k-widget,
.k-widget *,
.k-widget :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox,
.k-autocomplete, .k-block, .k-button-group .k-tool, .k-calendar th, .k-colorpicker .k-i-arrow-s, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row>th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel>.k-item>.k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar>.k-item>.k-link, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox>input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget {border-color: #2f60ad;}

div.k-grid-footer, div.k-grid-header {
	background-color: #fff;
	border-color: #2f60ad;
}

.k-button {
    color: #2f60ad;
    border-color: #2f60ad;
    border-width: 2px;
    background-image: none;
    background-color: #ffffff;
    transition: all .5s ease;
}

.k-button.k-state-hover, .k-button:hover,
.k-button.k-state-active:hover, .k-button:active:hover,
.k-button:focus:not(.k-state-disabled):not([disabled]) {
    color: #ffffff;
    border-color: #2f60ad;
    background-color: #2f60ad;
    background-image: none!important;
    box-shadow: none!important;
}
.k-button.k-grid-check,
.k-button.k-grid-update,
.k-button.k-grid-ViewDetails {
	width: 140px;
}

.k-grid-cancel {
    background-color: #F44336;
    color: #fff;
    border-color: #D32F2F;
}
.k-grid-cancel:hover,
.k-grid-cancel:focus:not(.k-state-disabled):not([disabled]) {
    background-color: #D32F2F;
    color: #fff;
    border-color: #F44336;
}

.k-grid-check,
.checked_tr {
	background-color: #fff;
	color: #757575;
	border-color: #9e9e9e;
}
.k-grid-check:hover,
.checked_tr:hover,
.k-grid-check:focus:not(.k-state-disabled):not([disabled]),
.checked_tr:focus:not(.k-state-disabled):not([disabled]) {
	background-color: #9e9e9e;
	color: #fff;
	border-color: #757575;
}

.k-grid-update {
    background-color: #8BC34A;
    color: #fff;
    border-color: #70bf57;
}
.k-grid-update:hover,
.k-grid-update:focus:not(.k-state-disabled):not([disabled]) {
    background-color: #70bf57;
    color: #fff;
    border-color: #8BC34A;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {background-color: #8BC34A; border-color: #70bf57;}

.k-grid tr:hover {
	background-color: rgba(47, 96, 173, 0.45);
	background-image: none;
}

.k-pager-wrap, .k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {color:#757575;}

.k-filter-row th, .k-grid-header th.k-header {
	font-weight: 700;
}

.k-alt, .k-pivot-layout>tbody>tr:first-child>td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #cfebef;
}

.k-window-title {
    right: 1.44em;
    margin-top: -3px;
    padding: 5px;
    text-align: center;
    color: #fff;
    background-color: #2f60ad;
}

.k-state-hover,
.k-state-hover:hover {
	background-color: rgba(47, 96, 173, 0.75);
	background-image: none;
	border: none;
}

.k-widget.k-tooltip {
	background-color: rgba(47, 96, 173, 0.8);
	background-image: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 6px rgba(47, 96, 173, 0.5);
	box-shadow: 0 4px 6px rgba(47, 96, 173, 0.5);
}

.k-window-titlebar .k-window-actions {
    padding-top: .55em;
}
.k-window-actions .k-window-action {
	display: flex;
	justify-content: center;
	align-items: center;
}

.k-window-titlebar .k-window-action {
    width: 20px;
    height: 20px;
}


/*** CUSTOM MODAL ***/

/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 11000;
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
    z-index: 11000;
}


/* aca matic */

.headerLink {
	color: white;
}
.headerLink:hover {
	color: lightblue;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #2f60ad inset;
	-webkit-text-fill-color: white !important;
}

.blue-button {
	background-color: #2f60ad;
}

.center-button {
	margin: auto;
}

.overlay, .loaderWrap {
	display: none !important;
}

.k-header .k-link {
	    color: #2f60ad !important;
}

/* */