html {
	font-size: 20px;
}
body {
	font-family: var(--tek-font-family);
	font-size: var(--tek-font-size);
	line-height: var(--tek-line-height);
	background-color: var(--tek-primary-200);
	color: var(--tek-grey-800);
	padding-top: 51px;
}
label, strong {
	font-weight: 600;
}
textarea {
	resize: none;
}
h2 {
	font-size: 1.15rem;
	font-weight: bold;
	border: 1px solid var(--tek-white);
	border-radius: 5px;
	padding: 4px 15px 6px 15px;
	background: var(--tek-primary-450);
	margin-top: 0px;
	margin-bottom: 25px;
	color: var(--tek-white);
}
hr {
	border-top: var(--tek-border);
}
pre, code {
	white-space: pre-wrap;
}
p a:hover {
	color: var(--tek-tertiary-600);
	background-color: var(--tek-secondary-200);
	text-decoration: none;
	box-shadow: 3px 0 0 2px var(--tek-secondary-200), -3px 0 0 2px var(--tek-secondary-200);
}
.tooltip-inner {
	color: var(--tek-black);
	background: var(--tek-white);
}
.tooltip.left .tooltip-arrow {
	border-left-color: var(--tek-white);
}
.tooltip.right .tooltip-arrow {
	border-right-color: var(--tek-white);
}
.tooltip.top .tooltip-arrow{
	border-top-color: var(--tek-white);
}
.tooltip.bottom .tooltip-arrow{
	border-bottom-color: var(--tek-white);
}

/* Remove IE10+ extras */
::-ms-clear{
	display: none;
}
::-ms-reveal{
	display: none;
}

/*
 * Global add-ons
 */

.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--tek-grey-100);
}

/*
 * Sidebar
 */
.sidebar {
	/*display: none;*/
	background-color: var(--tek-primary-200);
}
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	color: var(--tek-primary-750);
	padding: 3px 20px;
	transition: background 0.4s;
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:active {
	background: var(--tek-primary-50);
	color: var(--tek-black);
	-webkit-tap-hightlight-color: var(--tek-black);
}
.nav-sidebar > .active > a {
	color: var(--tek-black);
	background: var(--tek-primary-150);
}
.nav-sidebar > li.nav-header{
	background-image: var(--tek-gradient);
	background-repeat: repeat-x;
	border-bottom: var(--tek-border);
	border-top: var(--tek-border);
	padding: 8px 20px;
	margin: 5px 0;
	font-weight: 600;
}
.nav-sidebar > li.nav-header > .fa,
.nav-sidebar > li a .fa,
.nav-sidebar > li.nav-header > .fas,
.nav-sidebar > li a .fas,
.nav-sidebar > li.nav-header > .far,
.nav-sidebar > li a .far,
.nav-sidebar > li.nav-header > .fa-solid,
.nav-sidebar > li a .fa-solid,
.nav-sidebar > li.nav-header > .fa-regular,
.nav-sidebar > li a .fa-regular {
	float: right;
	margin-top: 3px;
	color: var(--tek-tertiary-600);
}
.nav-sidebar > li a .fa,
.nav-sidebar > li a .fas,
.nav-sidebar > li a .far,
.nav-sidebar > li a .fa-solid,
.nav-sidebar > li a .fa-regular {
	float: right;
	margin-top: 3px;
	display: none;
}
.nav-sidebar > .active > a .fa,
.nav-sidebar > .active > a .fas,
.nav-sidebar > .active > a .far,
.nav-sidebar > .active > a .fa-solid,
.nav-sidebar > .active > a .fa-regular {
	display: inline-block;
	color: var(--tek-black);
}
/*
 * Main content
 */

.main {
	padding: 25px;
	background-image: linear-gradient(to bottom, var(--tek-primary-300) 0%, var(--tek-primary-200) 100%);
	background-repeat: repeat-x;
}
#main-container.sidebar-open .main{
	padding-left: 25px;
}
.main .page-header {
  margin-top: 0;
}

.navbar-inverse {
	background-image: var(--tek-gradient);
	background-repeat: repeat-x;
	border-bottom: var(--tek-border);
}
.navbar-inverse .navbar-nav > li {
	border-left: 1px solid var(--tek-secondary-50);
	border-right: 1px solid var(--tek-secondary-350);
}
.navbar-inverse .navbar-nav > li > a {
	color: var(--tek-secondary-650);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: var(--tek-tertiary-500);
	background-color: var(--tek-secondary-200);
}
.navbar-inverse .navbar-nav.navbar-right > li:last-child {
	border-right: none;
}
.navbar-brand{
	padding-top: 0px;
	width: 199px;
}
.navbar-toggle{
	padding: 0px;
	color: var(--tek-grey-500);
	font-size: 1.1rem;
	border: none;
}
.navbar-toggle:hover{
	color: var(--tek-grey-800);
}
.btn-filter{
	border: 1px solid var(--tek-grey-200);
	background: var(--tek-grey-100);
	color: var(--tek-grey-650);
	font-size: 0.6rem;
}
/* --------------------- Konto-Navi --------------------------------*/
.navbar-inverse .navbar-nav > .open > a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color: var(--tek-primary-100);
}
.dropdown-menu.dropdown-kto, .navbar-nav > li > .dropdown-menu.dropdown-kto{
	border-bottom-right-radius: 0;
	border-top-left-radius: 4px;
	border-right: none;
	right: 0px;
	background-color: var(--tek-primary-150);
	margin-top: -3px;
}
.dropdown-menu.dropdown-kto:after{
	content: '';
	width: 43px;
	height: 1px;
	background: var(--tek-primary-150);
	position: absolute;
	top: -1px;
	right: 0px;
}
.dropdown-menu .divider{
	background-color: var(--tek-white);
}
.dropdown-menu .just-text{
	padding: 3px 20px;
}

/* ------------------------- Tabellen ---------------------------*/
.table{
	border-left: var(--tek-border);
	border-right: var(--tek-border);
	font-size: var(--tek-font-size);
}
.table.table-font-smaller{
	font-size: 0.6rem;
}
.table.table-font-small{
	font-size: 0.55rem;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{
	color: var(--tek-grey-500);
	background: var(--tek-grey-100);
	border-bottom: var(--tek-border);
	border-top: var(--tek-border);
	position: relative;
	font-weight: 600;
}
.table > thead > tr > th.sorting,
.table > thead > tr > th.dt-orderable-asc,
.table > thead > tr > th.dt-orderable-desc,
.table > thead > tr > th.sorting_asc,
.table > thead > tr > th.sorting_desc,
.table > thead > tr > th.dt-ordering-asc,
.table > thead > tr > th.dt-ordering-desc {
	cursor: pointer;
	padding-right: 20px;
}
.table > thead > tr > th.sorting:hover,
.table > thead > tr > th.dt-orderable-asc:hover,
.table > thead > tr > th.dt-orderable-desc:hover,
.table > thead > tr > th.sorting_asc:hover,
.table > thead > tr > th.sorting_desc:hover,
.table > thead > tr > th.dt-ordering-asc:hover,
.table > thead > tr > th.dt-ordering-desc:hover {
	background: var(--tek-grey-50);
}
.table > thead > tr > th.sorting_asc,
.table > thead > tr > th.sorting_desc,
.table > thead > tr > th.dt-ordering-asc,
.table > thead > tr > th.dt-ordering-desc {
	color: var(--tek-grey-700);
}
.table > thead > tr > th.sorting:after,
.table > thead > tr > th.dt-orderable-asc:after,
.table > thead > tr > th.dt-orderable-desc:after,
.table > thead > tr > th.sorting_asc:after,
.table > thead > tr > th.sorting_desc:after,
.table > thead > tr > th.dt-ordering-asc:after,
.table > thead > tr > th.dt-ordering-desc:after {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}
.table > thead > tr > th.sorting:after,
.table > thead > tr > th.dt-orderable-asc:after,
.table > thead > tr > th.dt-orderable-desc:after {
	content: "\f0dc";
	color: var(--tek-grey-500);
	opacity: 0.2;
}
.table > thead > tr > th.sorting_asc:after,
.table > thead > tr > th.dt-ordering-asc:after {
	content: "\f0de";
	opacity: 1;
}
.table > thead > tr > th.sorting_desc:after,
.table > thead > tr > th.dt-ordering-desc:after {
	content: "\f0dd";
	opacity: 1;
}
.table > tbody > tr > td, .table-striped > tbody > tr:nth-child(2n+1) > td{
	background: none;
	border-right: var(--tek-border);
}
.table > thead > tr > th.th-check,
table.dataTable.table-condensed > thead > tr > th.th-check,
.table > tbody > tr > tr.td-check,
.table-condensed > tbody > tr > td.td-check{
	width: 34px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.table > thead > tr > th.th-check label,
table.dataTable.table-condensed > thead > tr > th.th-check label,
.table > tbody > tr > label.td-check label,
.table-condensed > tbody > tr > td.td-check label{
	display: block;
	width: 34px;
	height: 2.3em;
	margin: 0;
	padding-top: 4px;
}
.table > thead > tr > th.th-check label,
table.dataTable.table-condensed > thead > tr > th.th-check label {
	height: 2.2em;
	padding-top: 3px;
}
div.dataTables_wrapper div.dataTables_filter {
	display: none;
}
.table > tbody > tr > label.td-check label:hover, .table-condensed > tbody > tr > td.td-check label:hover{
	background-color: var(--tek-secondary-100);
}
.table:not(.tbody-striped) > tbody > tr > td:last-child{
	border-right: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: var(--tek-border);
}
.table-striped > tbody > tr:not(.no-stripe):nth-child(2n+1), .tbody-striped > tbody:nth-child(2n){
    background-color: var(--tek-primary-200);
}
.table-striped > tbody > tr:not(.no-stripe):nth-child(2n), .tbody-striped > tbody:nth-child(2n+1){
    background-color: var(--tek-primary-150);
}
.table-striped > tbody > tr.flagged{
    background-color: #faa;
}
.table-striped > tbody > tr.ZeileDavor, .table-striped > tbody > tr.ZeileDanach{
    background-color: var(--tek-secondary-100);
    text-align: center;
	font-weight: 600;
	color: var(--tek-grey-500);
}
.table:not(.no-hover):not(.tbody-striped) > tbody > tr:not(.no-hover):hover, .tbody-striped > tbody:hover , .data-cell:hover, .table-striped > tbody > tr > td.data-cell:hover{
	background: var(--tek-primary-50);
}
.table-striped > tbody > tr.flagged:hover{
    background-color: #fcc;
}
.table-striped > tbody > tr > td.flaggedred, .tbody-striped > tbody > tr > td.flaggedred, .bg-red{ background-color: #f77!important; }
.table-striped > tbody > tr > td.flaggedgreen, .tbody-striped > tbody > tr > td.flaggedgreen, .bg-green{ background-color: #7f7!important; }
.table-striped > tbody > tr > td.flaggedyellow, .tbody-striped > tbody > tr > td.flaggedyellow, .bg-yellow{ background-color: #ff9!important; }
.table-striped > tbody > tr > td.flaggedgrey, .tbody-striped > tbody > tr > td.flaggedgrey, .bg-grey{ background-color: var(--tek-grey-300)!important; }

.tbody-striped > tbody + tbody{ border: none; }

.table-striped > tbody > tr > td.button{
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	background: var(--tek-secondary-150);
	white-space: nowrap;
}
.table-striped > tbody > tr > td.button a{
	opacity: 0.5;
	display: inline-block;
	padding: 5px 8px;
}
.table-striped > tbody > tr > td.button a:hover{
	opacity: 1;
	background-color: var(--tek-white);
}
tr.marked,
.table-striped > tbody > tr.marked,
.table-striped > tbody > tr:not(.no-stripe).marked,
tr.fixmarked,
.tbody-striped > tbody.marked
{
	background-color: var(--tek-secondary-100);
}
tfoot, .table > tfoot{
	border-top: 2px solid var(--tek-grey-350);
}
tr.placeholder, .table > tbody > tr.placeholder, .table-condensed > tbody > tr.placeholder{
	background: none;
	border: none;
	opacity: 0;
}
tr.placeholder:hover, .table > tbody > tr.placeholder:hover, .table-condensed > tbody > tr.placeholder:hover{
	background: none;
}
tr.placeholder td, .table > tbody > tr.placeholder > td, .table-condensed > tbody > tr.placeholder > td{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}
td.list-date {
	text-align: center;
	width: 80px;
}

/* ------------------------------ Scroll DataTable ------------------*/
.dataTables_scrollHead{
	background-color: var(--tek-grey-100);
	border-bottom: var(--tek-border);
}
.dataTables_scrollBody{
	border-bottom: var(--tek-border);
}
.table-responsive.tek-table-scroll {
	max-height: calc(100vh - 145px);
}
.table-responsive.tek-table-scroll thead {
	position: sticky;
	top: 0px;
}
.table-responsive.tek-table-scroll .table {
	margin-bottom: 0px;
}
/* DataTables colgroup widths überschreiben */
.table-col-auto colgroup col {
	width: auto!important;
}

/* ------------------------------ Farben ----------------------------*/
.bg0 {	background: var(--tek-primary-750); }
.bg1 {	background: var(--tek-primary-350); }
.bg2 {	background: var(--tek-primary-300); }
.bg3 {	background: var(--tek-primary-200); }
.bg4 {	background: var(--tek-primary-50); }
.bg5 {	background: var(--tek-grey-100); }
.bg6 {	background: var(--tek-primary-550); }

/* ------------------------------ Transparenz ----------------------------*/
.opac-8 { opacity: 0.8; }
.opac-7 { opacity: 0.7; }
.opac-6 { opacity: 0.6; }
.opac-5 { opacity: 0.5; }
.opac-4 { opacity: 0.4; }
.opac-3 { opacity: 0.3; }
.opac-2 { opacity: 0.2; }

/* ------------------------------ Fade in/out ----------------------------*/
.tek-fade {
	transition: opacity 0.4s;
}
.tek-fade-in {
	opacity: 1;
}
.tek-fade-out {
	opacity: 0;
}

/* ------------------------- Header --------------------------- */
h2.tdheader, h2.tdfooter, div.tdheader, div.tdfooter{
	border: var(--tek-border);
	border-radius: 5px 5px 0 0;
	position: relative;
	background: var(--tek-gradient);
	letter-spacing: 1px;
	font-size: 0.7rem;
	line-height: 1.42857;
	font-weight: bold;
	color: var(--tek-grey-600);
	display: block;
	padding: 8px;
	overflow: visible;
	margin: 0;
}
td.tdheader, .table > thead:first-child > tr:first-child > td.tdheader{
	background: var(--tek-gradient);
	letter-spacing: 1px;
	font-size: 0.7rem;
	line-height: 1.42857;
	font-weight: bold;
	color: var(--tek-grey-600);
	border: var(--tek-border);
}
div.tdfooter{
	border-radius: 0 0 5px 5px;
	min-height: 38px;
}
div.tdheader .controls,
div.tdfooter .controls,
h2.tdheader .controls,
h2.tdfooter .controls,
h3.acc .controls,
.panel-heading .controls{
	position: absolute;
	right: -1px;
	top: -1px;
	border-left: 1px solid var(--tek-grey-150);
	z-index: 3;
}
.controls{
	vertical-align: top;
	padding: 0;
	margin: 0;
	font-size: 0;
	letter-spacing: normal;
}
.controls a.resetfilter{
	position: absolute;
	font-size: var(--tek-font-size);
	top: 12px;
	left: 160px;
	color: var(--tek-grey-300);
	line-height: 12px;
	cursor: pointer;
}
.controls a.resetfilter:hover{
	color: var(--tek-black);
}
.controls .form-control{
	display: block;
	float: left;
	width: 185px;
	height: 38px;
	font-size: var(--tek-font-size);
	font-weight: normal;
	margin: 0px;
	border: 1px var(--tek-white) solid;
	border-right: 1px solid var(--tek-grey-150);
	border-radius: 0px;
	box-shadow: none;
	background: var(--tek-gradient);
	color: var(--tek-tertiary-500);
}
.controls .btn {
	height: 38px;
	display: inline-block;
	background: var(--tek-gradient);
	letter-spacing: normal;
	border: 1px var(--tek-white) solid;
	border-right: 1px solid var(--tek-grey-150);
	color: var(--tek-tertiary-600);
	font-weight: 600;
	font-size: var(--tek-font-size);
	padding: 9px 20px 7px 20px;
	border-radius: 0px;
	transition: box-shadow 0.3s, color 0.3s;
	position: relative;
}
.controls .btn-contain{
	display: inline-block;
	margin-right: -1px;
	position: relative;
}
.controls .btn-medium {
	padding-left: 15px;
	padding-right: 15px;
}
.controls .btn-small {
	padding-left: 10px;
	padding-right: 10px;
}
.controls .btn-active, .controls .btn.bg-green, .controls .btn.has-bookmark{
	color: var(--tek-grey-600);
	background: linear-gradient(to bottom, #f0ffd5 0%, #caff6f 100%);
}
.controls .btn.disabled, .controls .btn[disabled], .btn-default[disabled], .modal-content .btn-default[disabled] {
	color: var(--tek-grey-400);
	background: var(--tek-grey-150);
	pointer-events: none;
}
.btn-default[disabled], .modal-content .btn-default[disabled] {
	border: 1px solid var(--tek-grey-350);
}
.controls .dropdown{
	display: inline-block;
}
.tdheader .controls > .btn:last-child,
.tdheader .controls > .form-control:last-child,
.panel-heading .controls > .btn:last-child{
	border-top-right-radius: 5px;
	border: 1px var(--tek-white) solid;
}
.tdfooter .controls .btn:last-child{
	border-bottom-right-radius: 5px;
	border: 1px var(--tek-white) solid;
}
.controls .btn:hover,
.controls .form-control:focus,
.controls .form-control:hover,
.controls .btn:last-child:hover,
.controls .btn:active,
.controls .form-control:active,
.controls .form-control:active,
.controls .btn:last-child:active{
	color: var(--tek-black);
	text-decoration: none;
	box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	moz-box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	webkit-box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	border-color: var(--tek-tertiary-600);
	z-index: 5;
	-webkit-tap-highlight-color: var(--tek-black);
}
.form-control:focus{
	background: var(--tek-white);
}
.form-control.form-ignore {
	background-color: #fff;
}
.form-control.form-ignore.form-readonly {
	background-color: #eee;
}

/* auto-sizing textarea */
.grow-wrap {
	display: grid;
}
.grow-wrap::after {
	content: attr(data-replicated-value) " ";
	white-space: pre-wrap;
	visibility: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
	grid-area: 1 / 1 / 2 / 2;
	padding: 6px 12px;
	font-size: var(--tek-font-size);
	line-height: 1.42857143;
	border: 1px solid var(--tek-grey-200);
	border-radius: 4px;
}
/* auto-sizing alternative */
.form-fit-content {
	font-size: 12.5px;
	min-height: 45px;
	line-height: 1.2;
	field-sizing: content;
}

div[ng-view].ng-enter{
    transition: all 0.5s linear;
    opacity: 0;
}
div[ng-view].ng-enter-active{
    opacity: 1;
}
div[ng-view].ng-leave-active{
    display: none;
}
#bookmarks li{
	padding-right: 30px;
}
#bookmarks li .bookmark-remove{
	padding: 0 5px;
	position: absolute;
	right: 10px;
	opacity: 0.6;
}
#bookmarks li .bookmark-remove:hover{
	opacity: 1;
}

.dropdown-year{
	width: 208px;
	padding: 5px;
}
.dropdown-year .btn, .dropdown-year .btn:last-child, .tdheader .controls .dropdown-year .btn{
	width: 50px;
	border-radius: 0;
	border-color: var(--tek-white);
	margin-top: -1px;
	margin-left: -1px;
	padding: 8px 0;
	z-index: 10;
}
.dropdown-year .btn:hover{
	background: var(--tek-white);
	border-color: var(--tek-white);
	box-shadow: none;
}

/* ------------------------- Kontextmenu --------------------------- */

ul.kontextmenu{
	width: 250px;
	position: absolute;
	list-style-type: none;
	background-color: var(--tek-primary-100);
	background-image: linear-gradient(to right, var(--tek-secondary-100) 0%, var(--tek-secondary-300) 13%, var(--tek-primary-100) 13%);
	box-shadow: 2px 2px 7px rgba(0, 0, 0, .6);
	border: var(--tek-border);
	border-radius: 5px;
	top: 0;
	left: 0;
	padding-left: 0;
}

ul.kontextmenu li {
	border-bottom: var(--tek-border);
	margin: 0;
	cursor: pointer;
	position: relative;
	font-size: var(--tek-font-size);
	overflow: hidden;
}

ul.kontextmenu li:last-of-type {
	border-bottom: 0;
}

ul.kontextmenu li a {
	padding: 7px;
	display: block;
	text-decoration: none;
	color: var(--tek-grey-600);
	transition: background-color .4s;
}
ul.kontextmenu .fa,
ul.kontextmenu .fas,
ul.kontextmenu .far,
ul.kontextmenu .fa-solid,
ul.kontextmenu .fa-regular,
h3.acc a .fa,
h3.acc a .fas,
h3.acc a .far,
h3.acc a .fa-solid,
h3.acc a .fa-regular,
h3.acc span.acc-static .fa-solid,
.raster .panel-heading .fa,
.raster .panel-heading .fas,
.raster .panel-heading .far,
.raster .panel-heading h3 > .fa-solid,
.raster .panel-heading h3 > .fa-regular {
	color: var(--tek-tertiary-600);
	margin-right: 14px;
}
.panel-heading h3 > .fa-solid,
.panel-heading h3 > .fa-regular {
	color: var(--tek-tertiary-600);
}
h3.acc .controls a .fa,
h3.acc .controls a .fas,
h3.acc .controls a .far,
h3.acc .controls a .fa-solid,
h3.acc .controls a .fa-regular,
.controls > a > .fa,
.controls > a > .fas,
.controls > a > .far,
.controls > a > .fa-solid,
.controls > a > .fa-regular {
	margin-right: 7px;
	margin-left: 7px;
}
ul.kontextmenu li:hover a {
	color: black;
	background-color: rgba(255, 255, 255, 0.5);
}
ul.kontextmenu li:hover .fa,
h3.acc a:hover .fa,
ul.kontextmenu li:hover .fas,
h3.acc a:hover .fas,
ul.kontextmenu li:hover .far,
h3.acc a:hover .far,
ul.kontextmenu li:hover .fa-solid,
h3.acc a:hover .fa-solid,
ul.kontextmenu li:hover .fa-regular,
h3.acc a:hover .fa-regular {
	color: var(--tek-black);
}

/* ------------------------- Modals --------------------------- */
.modal-backdrop{
	bottom: 0px;
	background: var(--tek-primary-400);
}
.modal-content{
	border: var(--tek-border);
	background-image: linear-gradient(to bottom, var(--tek-primary-300) 0%, var(--tek-primary-100) 100%);
	transition: height 0.5s;
}
.modal-header{
	border-bottom: var(--tek-border);
	background-image: var(--tek-gradient);
	color: var(--tek-grey-600);
	padding: 8px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.modal-dialog.modal-centered{
	margin: 200px auto;
}
.modal-header.header-error{
	background-image: linear-gradient(to bottom, var(--tek-secondary-100) 0%, var(--tek-tertiary-500) 100%);
}
.modal-header.header-error .fa,
.modal-header.header-error .fas,
.modal-header.header-error .far,
.modal-header.header-error .fa-solid,
.modal-header.header-error .fa-regular {
	color: #c00;
}
.modal-header h3{
	font-size: 0.7rem;
	line-height: 1.42857;
	font-weight: bold;
	letter-spacing: 1px;
}
.modal-footer{
	border-top: var(--tek-border);
	padding: 8px;
}
.modal button.close {
	font-size: 1.3rem;
}
.btn-default, .modal-content .btn-default, .datepicker .btn-default{
	color: var(--tek-tertiary-600);
	font-weight: 600;
	font-size: var(--tek-font-size);
	border: 1px solid var(--tek-tertiary-500);
	background: var(--tek-gradient);
	transition: box-shadow 0.3s, color 0.3s;
}
.btn-yn, .modal-content .btn-yn {
	color: var(--tek-grey-800);
	background-color: var(--tek-white);
	border-color: var(--tek-grey-200);
}
.btn-yn:hover {
	background-color: var(--tek-grey-100);
}
.btn-yn.btn-yn-yes.btn-yn-active {
	background-color: #7f7;
}
.btn-yn.btn-yn-no.btn-yn-active {
	background-color: #f77;
}
.btn-default.bg-green{
	color: #0a0;
	background: linear-gradient(to bottom, #f0ffd5 0%, #caff6f 100%);
	border-color: #0a0;
}
.btn-default.btn-disabled {
	filter: grayscale(80%);
	opacity: 0.8;
}
.input-group .btn-default{
	border: 1px solid var(--tek-grey-200);
	background: var(--tek-grey-100);
	color: var(--tek-grey-650);
	font-size: 0.6rem;
}
.btn-default:not([disabled]):hover,
.modal-content .btn-default:not([disabled]):hover,
.modal-content .btn-default:not([disabled]):focus,
.datepicker .btn-default:not([disabled]):hover{
	color: var(--tek-black);
	text-decoration: none;
	border: 1px solid var(--tek-tertiary-500);
	box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	z-index: 5;
}
.btn-default.bg-green:hover {
	border: 1px solid #0a0;
	box-shadow: 0px 0px 7px #0a0;
}
.input-group .btn-default:not([disabled]):hover{
	background-color: var(--tek-grey-50);
	border-color: var(--tek-grey-350);
	box-shadow: 0px 0px 7px var(--tek-white);
}
.modal-content .form-control{
	font-size: var(--tek-font-size);
	height: auto;
	padding: 4px 8px;
}
.modal-content .form-group-sm .control-label
{
	font-size: var(--tek-font-size);
}
.modal-content label{
	font-size: var(--tek-font-size);
	margin-bottom: 2px;
}
.modal-content .radio label{
	font-size: var(--tek-font-size);
	margin-bottom: 0px;
}
.modal-fit .modal-body{
	padding: 0;
	margin: -1px;
}
.modal-fit .table{
	margin: 0;
}
/* ------------------------- Panels --------------------------- */
.panel-heading, .panel-default > .panel-heading {
	color: var(--tek-grey-800);
	background-image: var(--tek-gradient);
	position: relative;
	padding-bottom: 9px;
	border-color: var(--tek-white);
}
.panel-body, .datepicker{
	background-image: linear-gradient(to bottom, var(--tek-primary-150) 0%, var(--tek-primary-50) 100%);
}
.panel-default {
	border-color: var(--tek-white);
}
.datepicker{
	padding: 5px;
	border-color: var(--tek-white);
}
.datepicker .btn-picker{
	background: transparent;
}
.datepicker .btn-picker:hover{
	background: var(--tek-white);
}
.datepicker .text-muted{
	color: var(--tek-grey-200);
}

.ng-hide{
	display: none!important;
}
/* ------------------- Accordion --------------------------*/
h3.acc{
	position: relative;
	display: block;
	width: 100%;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}
h3.acc .controls{
	right: 0px;
	top: 0px;
}
h3.acc .fa,
h3.acc .fas,
h3.acc .far,
h3.acc .fa-solid,
h3.acc .fa-regular {
	color: var(--tek-white);
	margin-right: 10px;
}
h3.acc a.acclink, h3.acc span.acc-static{
	position: relative;
	margin: 0;
	background: var(--tek-gradient);
	letter-spacing: 1px;
	font-size: 0.7rem;
	line-height: 1.42857;
	font-weight: bold;
	color: var(--tek-grey-600);
	display: block;
	padding: 8px;
	cursor: pointer;
	overflow: visible;
	transition: box-shadow 0.3s, color 0.3s, border-color 0.3s;
}
h3.acc a.acclink:hover{
	color: var(--tek-black);
	box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	moz-box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	webkit-box-shadow: 0px 0px 7px var(--tek-tertiary-500);
	border-color: var(--tek-tertiary-500);
	text-decoration: none;
}
h3.acc a.acclink i{
	transition: color 0.3s, transform 0.5s;
}
.aopen{
	border: var(--tek-border);
	border-bottom: 1px solid var(--tek-grey-150);
	border-radius: 5px 5px 0 0;
}
.aopen i:first-child {
	transform: rotate(90deg);
}
.aclosed{
	border-radius: 5px;
	border: var(--tek-border);
}
.acc_container_closed{
	display: none;
}
.acc_container.content, .content {
	padding: 15px;
	background-color: var(--tek-primary-100);
	border: var(--tek-border);
}
.acc_container .table, .acc_container_closed .table, .acc_container_open .table {
	margin-bottom: 0px;
}
div.trenner {
	height: 15px;
}

/* --------------------- Rounded Corners --------------------------------*/

.rounded-all, .controls .btn.rounded-all{ border-radius: 5px; }
.rounded-left, .controls .btn.rounded-left{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.rounded-right, .controls .btn.rounded-right{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.rounded-top, .controls .btn.rounded-top{ border-top-left-radius: 5px; border-top-right-radius: 5px; }
.rounded-bottom, .controls .btn.rounded-bottom{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.rounded-tr, .controls .btn.rounded-tr{ border-top-right-radius: 5px; }
.rounded-tl, .controls .btn.rounded-tl{ border-top-left-radius: 5px; }
.rounded-br, .controls .btn.rounded-br{ border-bottom-right-radius: 5px; }
.rounded-bl, .controls .btn.rounded-bl{ border-bottom-left-radius: 5px; }

/* --------------------- Grid System xlg and xxlg --------------------------------*/

.col-xlg-1, .col-xxlg-1, .col-xlg-2, .col-xxlg-2, .col-xlg-3, .col-xxlg-3, .col-xlg-4, .col-xxlg-4, .col-xlg-5, .col-xxlg-5, .col-xlg-6, .col-xxlg-6, .col-xlg-7, .col-xxlg-7, .col-xlg-8, .col-xxlg-8, .col-xlg-9, .col-xxlg-9, .col-xlg-10, .col-xxlg-10, .col-xlg-11, .col-xxlg-11, .col-xlg-12, .col-xxlg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

/* --------------------- Grid ---------------------------------*/
.raster{
	display: -ms-grid;
	display: grid;
	gap: 20px;
	justify-items: stretch;
	align-items: stretch;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}
.raster-grid-5{
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.raster-grid-7{
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.raster-grid-8{
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.raster-1{
	-ms-grid-column: 1;
	grid-column: 1;
}
.raster-2{
	-ms-grid-column: 2;
	grid-column: 2;
}
.raster-3{
	-ms-grid-column: 3;
	grid-column: 3;
}
.raster-4{
	-ms-grid-column: 4;
	grid-column: 4;
}
.raster-5{
	-ms-grid-column: 5;
	grid-column: 5;
}
.raster-6{
	-ms-grid-column: 6;
	grid-column: 6;
}
.raster-span-2{
	grid-column-end: span 2;
}
.raster-span-3{
	grid-column-end: span 3;
}
.raster-span-4{
	grid-column-end: span 4;
}
.raster-rows-2{
	grid-row-end: span 2;
}
.raster-rows-3{
	grid-row-end: span 3;
}
.raster > div{
	margin-right: 20px; /* Gap for IE */
}
.raster > div:last-child{
	margin-right: 0;
}
@supports (grid-gap: 20px) {
	.raster{
		grid-gap: 20px;
	}
	.raster > div{
		margin-right: 0;
	}
}
.raster .panel{
	background-image: linear-gradient(to bottom, var(--tek-primary-150) 0%, var(--tek-primary-50) 100%);
	margin-bottom: 0;
}
.raster .panel .panel-body{
	background: none;
}
.raster .panel .panel-body p:last-child{
	margin-bottom: 0;
}

/* --------------------- Forms --------------------------------*/
.Formtabelle{
	background-image: linear-gradient(to right, var(--tek-primary-150) 0%, var(--tek-primary-200) 30%);
	border-left: var(--tek-border);
	border-right: var(--tek-border);
	padding: 20px 10px 10px 10px;
}
.Formtabelle.closed{
	border-bottom: var(--tek-border);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.Formtabelle h3, #tekModalForm .form-horizontal h3, h3.h-form {
	font-weight: bold;
	font-size: 0.7rem;
	color: var(--tek-grey-600);
	padding: 5px 15px;
	margin: 15px 0px;
	border: var(--tek-border);
	border-radius: 4px;
	background-color: var(--tek-grey-100);
}
.Formtabelle h3:first-child{
	margin-top: 0px;
}
.Formtabelle h4, #tekModalForm .form-horizontal h4, h4.h-form {
	font-weight: bold;
	font-size: 0.7rem;
	color: var(--tek-grey-600);
	padding: 5px 15px;
	margin: 15px 0px;
	border-bottom: var(--tek-border);
}
.Formtabelle h4:first-child{
	margin-top: 0px;
}
h4.h-form {
	padding-left: 0;
}
.Formtabelle .help-row, #tekModalForm .form-horizontal .help-row{
	margin-top: -10px;
}
.Formtabelle .help-row .help-block, #tekModalForm .form-horizontal .help-block{
	margin-top: 0px;
	font-size: 0.6rem;
}
.form-horizontal .std-label{
	text-align: right;
	font-weight: 600;
}
.form-horizontal .matrix{
	margin-top: 22px;
}
.form-horizontal .matrix label{
	font-weight: normal;
}
.input-group .form-control:not(.form-readonly-std)[readonly]{
	background-color: #fffff5;
}
.form-horizontal .matrix .checkbox{
	padding-top: 0px;
	margin-bottom: 3px;
}
.form-horizontal .setinline .form-control{
	display: inline-block;
	width: auto;
}
.form-horizontal .form-control.fields-4 {
	width: 23%;
}
.form-horizontal .form-control.fields-5 {
	width: 19%;
}
.form-near .col-sm-1, .form-near .col-sm-2, .form-near .col-sm-3, .form-near .col-sm-4, .form-near .col-sm-5, .form-near .col-sm-6,
.form-near .col-sm-7, .form-near .col-sm-8, .form-near .col-sm-9, .form-near .col-sm-10, .form-near .col-sm-11, .form-near .col-sm-12{
	padding-left: 5px;
	padding-right: 5px;
}
.searchfield, .filterfield{
	position: relative;
}
a.resetsearch, .controls span.resetsuche{
	position: absolute;
	top: 9px;
	right: 10px;
	color: var(--tek-grey-250);
	line-height: 12px;
	cursor: pointer;
	z-index: 6;
}
a.resetsearch:hover, .controls span.resetsuche:hover{
	color: var(--tek-black);
}
.controls span.resetsuche{
	font-size: 0.7rem;
	top: 11px;
}
.input-drop{
	position: relative;
	height: 100px;
	border: 2px dashed var(--tek-grey-600);
	background-color: var(--tek-primary-100);
	color: var(--tek-grey-400);
	font-size: 0.6rem;
	cursor: pointer;
	padding: 7px 10px;
}
.input-drop:hover{
	background-color: var(--tek-primary-150);
	color: var(--tek-grey-800);
}
.input-drop-file{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: var(--tek-font-size);
	color: var(--tek-grey-800);
}
.form-horizontal .form-group.form-near {
	margin-left: -5px;
	margin-right: -5px;
}
.form-group-sm, .form-sm .form-group{
	margin-bottom: 5px;
}
.form-group-sm label, .form-sm .form-group label{
	font-size: 0.6rem;
}
.form-group-sm input[type="radio"],
.form-sm .form-group input[type="radio"],
.form-group-sm input[type="checkbox"],
.form-group-sm .checkbox input[type="checkbox"],
.form-sm .form-group .checkbox input[type="checkbox"]{
	margin-top: 2px;
}
.form-group-sm .form-control-static{
	padding-left: 0;
	padding-right: 0;
	height: auto;
}
/* --- temporär entfernt
.form-group-sm .checkbox{
	padding-top: 0;
}*/
.form-is-standard .form-group-enhanced{
	display: none;
}
.form-toggle-enhanced, .form-toggle-password, .input-group-function {
	cursor: pointer;
}
.form-toggle-password:hover, .input-group.date .input-group-addon:hover, .input-group-function:hover {
	background-color: var(--tek-secondary-200);
	color: var(--tek-grey-800);
}
/* --------------------- Login --------------------------------*/
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
	padding-top: 80px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 0.8rem;
  z-index: 1;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin #username {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin #passwort {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-signin .btn {
	margin-top: 10px;
}
/* --------------------- Text: Colors + Size + Break ---------------------------*/
.txt-red { color: #c00!important; }
.txt-green { color: #0a0!important; }
.txt-blue { color: #2b77db!important; }
.txt-yellow { color: #da0!important; }
.txt-violet { color: #c0c!important; }
.txt-grey { color: var(--tek-grey-300)!important; }
.txt-dark-grey { color: var(--tek-grey-600)!important; }
.txt-darker-grey { color: var(--tek-grey-500)!important; }
.txt-grey-green { color: #5eb35e!important; }
.txt-grey-red { color: #d25e5e!important; }
.txt-bold { font-weight: bold!important; }
.txt-small { font-size: 0.6rem!important; }
.txt-big { font-size: larger; }
.txt-inline-block { display: inline-block; }
.link-pointer { cursor: pointer; }
.txt-nobreak { white-space: nowrap; }
.txt-break { word-break: break-all; }

/* --------------------- Background Colors --------------------------------*/
.back-darkest-blue { background-color: var(--tek-primary-300); }
.back-darker-blue { background-color: var(--tek-primary-250); }
.back-dark-blue { background-color: var(--tek-primary-200); }
.back-bright-blue { background-color: var(--tek-primary-150); }
.back-brightest-blue { background-color: var(--tek-primary-100); }
.back-extreme-bright-blue { background-color: var(--tek-primary-50); }
.back-bright-orange { background-color: var(--tek-secondary-100); }
.back-middle-orange { background-color: var(--tek-secondary-300); }
.back-dark-orange { background-color: var(--tek-tertiary-500); }
.back-darker-orange { background-color: var(--tek-tertiary-600); }

/* --------------------- Alerts --------------------------------*/
.alert.alert-warning, .alert.alert-danger, .border-white {
	border-color: var(--tek-white);
}
.alert > i.fa-solid, .alert > i.fa-regular {
	display: inline-block;
	font-size: 2rem;
	margin-right: 40px;
	vertical-align: middle;
}
.alert > div {
	display: inline-block;
	vertical-align: middle;
}

/* --------------------- Lists --------------------------------*/
.dl-horizontal dt, .dl-horizontal dd {
	margin-top: 8px;
	font-size: 12.5px;
	text-align: left;
}
.dl-horizontal dt {
	overflow: visible;
}
.dl-horizontal dt:first-child, .dl-horizontal dd:first-child {
	margin-top: 0;
}
.dl-horizontal dd {
	line-height: 1.3;
}
.label-30{
	display: inline-block;
	width: 30px;
}
.label-50{
	display: inline-block;
	width: 50px;
}
.label-75{
	display: inline-block;
	width: 75px;
}
.label-100{
	display: inline-block;
	width: 50px;
}
.label-150{
	display: inline-block;
	width: 150px;
}

/* --------------------- Tabs --------------------------------*/
.nav-tabs > li > a {
	border: 1px solid var(--tek-grey-50);
	border-bottom: transparent;
	background-color: var(--tek-primary-200);
	color: var(--tek-grey-500);
}
.nav-tabs > li > a:hover {
	background-color: var(--tek-primary-100);
	color: var(--tek-grey-800);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	font-weight: 600;
	background-color: var(--tek-primary-250);
}
.tab-content {
	background-color: var(--tek-primary-250);
	border-left: var(--tek-border);
	border-right: var(--tek-border);
	border-bottom: var(--tek-border);
	border-radius: 0 0 5px 5px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.tab-pane {
	padding-left: 15px;
	padding-right: 15px;
}
.after-tabs {
	display: none;
}
.modal-content .nav-tabs{
	border-bottom: var(--tek-border);
}
.modal-content .nav-tabs > li > a{
	color: var(--tek-grey-400);
}
.modal-content .nav-tabs > li.active > a {
	background: none;
	border-color: var(--tek-white);
	border-bottom-color: var(--tek-grey-150);
	color: var(--tek-grey-800);
	font-weight: 600;
}
.modal-content .tab-content{
	border-top: var(--tek-border);
	padding-top: 20px;
	margin-top: 3px;
}

/* ---------------------------- Dyn. Elemente -----------------------------*/
#tekoverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	cursor: wait;
	z-index: 1060;
	display: none;
	background: rgba(188, 197, 220, 0.6);
}
#tekoverlay .spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 160px;
	text-align: center;
	margin: -30px 0 0 -80px;
	font-size: 56px;
	color: var(--tek-tertiary-600);
}
#tekoverlay .spinner p {
	font-size: 0.7rem;
	color: var(--tek-grey-900);
}
#tekoverlay.tprogress {
	display: block;
}
#tekstatusbar {
	position: fixed;
	border-top: var(--tek-border);
	background-color: var(--tek-primary-200);
	bottom: -32px;
	height: 30px;
	width: 100%;
	z-index: 1040;
	transition: bottom 0.5s;
	padding: 5px 20px;
	font-size: 12px;
}
#tekstatusbar.status-active {
	bottom: 0px;
}

/* ---------------------------- Dyn. Elemente Ende ------------------------*/


@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: -200px;
		width: 200px;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		border-right: var(--tek-border);
		transition: left 0.3s;
	}
	.sidebar.sidebar-open{
		left: 0;
	}
	.main {
		padding-left: 225px;
		transition: padding-left 0.3s;
	}
	.sidebar .dropdown-menu-right{
		min-width: 50px;
		max-width: 250px;
		max-height: 700px;
		overflow: auto;
		position: fixed;
		top: 130px;
		left: 180px;
	}
	.navbar-form.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
	.col-sm-1-plus {
		width: 12.5%;
	}
}

@media (min-width: 992px) {
	.modal-xl {
		width: 900px;
	}
}

@media (max-width: 767px) {
	body{
		padding-top: 51px;
	}
	.main {
		padding: 15px;
	}
	.table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr, .table-responsive .table, .table-responsive .table tr, .table-responsive .table td {
		display: block;
		overflow: hidden;
		width: 100%;
	}
	.table-responsive tr {
		padding: 10px 0px;
	}
	.table-responsive td, .table-responsive .table > tbody > tr > td {
		padding: 1px 10px;
	}
	.table-responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-responsive .table > tbody > tr > td, .table-striped > tbody > tr:nth-child(2n+1) > td{
		border: none;
	}
	.table-responsive .table tr {
		border-bottom: var(--tek-border);
	}
	.sm-flex {
		display: flex!important;
	}
	.sm-grid {
		display: grid!important;
	}
	.nav-sidebar{
		margin-left: 0;
		margin-right: 0;
	}
	.sidebar{
		position: fixed;
		max-height: 450px;
		overflow-y: auto;
		border-bottom: var(--tek-border);
		width: 100%;
		z-index: 100;
		top: 51px;
	}
	.navbar-right{
		float: right !important;
		margin: 0;
		margin-right: -15px;
	}
	.navbar-header{
		float: left;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.navbar-right > li > button{
		padding: 16px 15px;
		position: relative;
		display: block;
		border: none;
		background: none;
		color: var(--tek-grey-400);
	}
	.navbar-right > li > button:hover{
		background-color: var(--tek-secondary-200);
		color: var(--tek-tertiary-600);
	}
	.raster{
		display: block;
	}
	.raster-1, .raster .raster-1,
	.raster-2, .raster .raster-2,
	.raster-3, .raster .raster-3,
	.raster-4, .raster .raster-4,
	.raster-5, .raster .raster-5,
	.raster-6, .raster .raster-6 {
		width: 100%;
		margin-bottom: 15px;
	}
	h2.tdheader {
		padding-bottom: 0;
	}
	h2.tdheader .controls {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: stretch;
		margin-top: 10px;
		margin-left: -11px;
		margin-right: -7px;
		margin-bottom: -2px;
	}
	h2.tdheader .controls > .btn {
		flex-grow: 1;
	}
	h2.tdheader .controls > .dropdown {
		position: unset;
	}
	h2.tdheader .controls > .btn:last-child,
	h2.tdheader .controls > .form-control:last-child {
		border-top-right-radius: 0px;
		border-right: 1px solid var(--tek-grey-150);
	}

}

@media (min-width: 1200px) {
	.modal-xl {
		width: 1140px;
	}
}

@media (min-width: 1400px) {
  .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
    float: left;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0;
  }
}


@media (min-width: 1600px) {
  .col-xxlg-1, .col-xxlg-2, .col-xxlg-3, .col-xxlg-4, .col-xxlg-5, .col-xxlg-6, .col-xxlg-7, .col-xxlg-8, .col-xxlg-9, .col-xxlg-10, .col-xxlg-11, .col-xxlg-12 {
    float: left;
  }
  .col-xxlg-12 {
    width: 100%;
  }
  .col-xxlg-11 {
    width: 91.66666667%;
  }
  .col-xxlg-10 {
    width: 83.33333333%;
  }
  .col-xxlg-9 {
    width: 75%;
  }
  .col-xxlg-8 {
    width: 66.66666667%;
  }
  .col-xxlg-7 {
    width: 58.33333333%;
  }
  .col-xxlg-6 {
    width: 50%;
  }
  .col-xxlg-5 {
    width: 41.66666667%;
  }
  .col-xxlg-4 {
    width: 33.33333333%;
  }
  .col-xxlg-3 {
    width: 25%;
  }
  .col-xxlg-2 {
    width: 16.66666667%;
  }
  .col-xxlg-1 {
    width: 8.33333333%;
  }
  .col-xxlg-offset-12 {
    margin-left: 100%;
  }
  .col-xxlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxlg-offset-9 {
    margin-left: 75%;
  }
  .col-xxlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxlg-offset-6 {
    margin-left: 50%;
  }
  .col-xxlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxlg-offset-3 {
    margin-left: 25%;
  }
  .col-xxlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxlg-offset-0 {
    margin-left: 0;
  }
}