/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

#extr-page #main, #main {
	padding: 0;
	overflow: hidden;
}

html {
	background: rgba(230,230,230,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,210,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(200,200,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(200,200,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8d2',GradientType=0 ); /* IE6-9 */

	/* iphone iframe Fix */
	max-width: 100vw;
}
body, body#extr-page, #extr-page #main, #content {
	background: none;
}
body {
	font-weight: 300;
}

/*
Diese Klasse kann verwendet werden, um weisse Hintergründe zu erhalten
nach bedarf
<div id="main">, <div id="content"> etc anfügen
 */
div.whiteBG {
	background: white!important;

	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	position: relative;
}

body:not(.menu-on-top).desktop-detected {
	min-height: auto!important;
}

textarea {
	resize: vertical;
}

pre {
    background: none;
    border: none;
    display: initial;
    margin: 0;
    padding: 0;
}

.modal-backdrop {
	z-index: 100;
}


.smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside {
    background: #2f323b;
}


.smart-style-1 nav ul ul ul li a {
	/*
		Submenu 2.Ebene im Navimenu
	*/
    padding: 2px 17px 4px 54px!important;
    font-size: 11px;
    border-bottom: rgba(139,145,160,0.3) dotted 1px;
	/*
	background-color:  #2E343F;
	*/
	border-left:  rgba(139,145,160,0.5)  solid 10px;

}

.smart-style-2 nav>ul>li>a>i {
     font-size: 20px!important;
}



.jarviswidget-color-darken>header {
    background: #2C3742!important;
    border-color: #2C3742!important;
}


.ui-datepicker-next, .ui-datepicker-prev {
	cursor: pointer;
}

.smart-style-1 nav>ul>li>a>i {
	font-size: 10px;
}

.smart-style-1 nav ul li a {
	color: #fff;
}

nav::-webkit-scrollbar {
  display: none;
}

nav ul li.top-item>a {
	font-size: 12px;
	font-weight: 100;
   	border-bottom: solid 1px #444;
}

nav ul li b.collapse-sign {
    margin-right: -1.1em;
}
nav ul.subitemCat {
    padding-top: 0px;
}

.smart-style-1 .btn-header>:first-child>a {
	background-color: #841211;
	border-color: #841211;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

#ui-datepicker-div {
	z-index: 9000!important;
}

.info-icon-shadow {
	text-shadow: 0px 4px 4px rgba(52, 101, 151, 1);
}

.fa-spin-hover:hover {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
.fa-pulse-hover:hover {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

.clear {
	clear:both;
}

.nowrap {
	white-space: nowrap;
}

.table-responsive {
	margin-bottom: 0px;
}


/*
====== Select2 Plugin
 */
.select2-hidden-accessible {
	display: none;
}
.select2-results li {
    padding: 1px 3px;
}
.select2-selection__placeholder {
	color: #ccc;
}
.select2-container--disabled .select2-selection {
    background-color: #eee;
	cursor: not-allowed;
}

select.input-xs + .select2-container {
	width: 100%!important;
}
select.input-xs + .select2-container .select2-choice .select2-arrow, .select2-selection__arrow {
	width: 22px;
}
select.input-xs + .select2 .select2-selection {
	height: 22px;;
	line-height: 22px;
}
select.input-xs + .select2 .select2-selection__rendered {
	line-height: 22px;
}
select.input-xs + .select2-container .select2-results__options--nested .select2-results__option {
	padding: 1px 8px 1px;
}
select.input-xs + .select2-container .select2-results .select2-results__group {
	padding: 1px 0px 1px;
}
select.input-xs + .select2-container .select2-search input {
	padding: 3px 8px 3px 8px;
}
/* Fix für Select 2 unter FontAwesome 5 */
.select2-container .select2-choice .select2-arrow b, .select2-selection__arrow b{
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}

.select2-search:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}

.onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}

label input[type=checkbox].checkbox+span:before, label input[type=radio].radiobox+span:before{
	font-family: 'Font Awesome 5 Free';
   	font-weight: 700;
}

label input[type=radio].radiobox+span:before {
	font-size:inherit;
}



/*
====== Cortec vars
 */
:root {
	--cortec-red: #841211;
	--cortec-black: #312B2A;
};

/*
====== CortecRed
 */
.jarviswidget-color-cortecRed>header {
    border-color: #841211!important;
    background: #841211;
    color: #fff;
}

.table>tbody>tr.bg-color-cortecRed>td,
.table>tbody>tr.bg-color-cortecRed>th
.table>tbody>tr>td.bg-color-cortecRed,
.table>tbody>tr>th.bg-color-cortecRed,
.table>tfoot>tr.bg-color-cortecRed>td,
.table>tfoot>tr.bg-color-cortecRed>th,
.table>tfoot>tr>td.bg-color-cortecRed,
.table>tfoot>tr>th.bg-color-cortecRed,
.table>thead>tr.bg-color-cortecRed>td,
.table>thead>tr.bg-color-cortecRed>th,
.table>thead>tr>td.bg-color-cortecRed,
.table>thead>tr>th.bg-color-cortecRed,
.bg-color-cortecRed {
    background-color: #841211!important;
    color: #fff;
}

.txt-color-cortecRed {
    color: #841211!important;
}

/*
====== CortecBlack
 */
.jarviswidget-color-cortecBlack>header {
    border-color: #312B2A!important;
    background: #312B2A;
    color: #fff;
}

.table>tbody>tr.bg-color-cortecBlack>td,
.table>tbody>tr.bg-color-cortecBlack>th
.table>tbody>tr>td.bg-color-cortecBlack,
.table>tbody>tr>th.bg-color-cortecBlack,
.table>tfoot>tr.bg-color-cortecBlack>td,
.table>tfoot>tr.bg-color-cortecBlack>th,
.table>tfoot>tr>td.bg-color-cortecBlack,
.table>tfoot>tr>th.bg-color-cortecBlack,
.table>thead>tr.bg-color-cortecBlack>td,
.table>thead>tr.bg-color-cortecBlack>th,
.table>thead>tr>td.bg-color-cortecBlack,
.table>thead>tr>th.bg-color-cortecBlack,
.bg-color-cortecBlack {
    background-color: #312B2A!important;
    color: #fff;
}

.table-moreCondensed.table>tbody>tr>td,
.table-moreCondensed.table>tbody>tr>th,
.table-moreCondensed.table>tfoot>tr>td,
.table-moreCondensed.table>tfoot>tr>th,
.table-moreCondensed.table>thead>tr>td,
.table-moreCondensed.table>thead>tr>th {
	padding: 3px!important;
}

.txt-color-cortecBlack {
    color: #312B2A!important;
}

.txt-color-blueDark  {
    color: #000!important;
}


/*
====== fa spin & fa rotate
 */
.glyphicon-refresh-animate {
	-webkit-animation: spin .7s infinite linear;
	-moz-animation: spin .7s infinite linear;
	-o-animation: spin .7s infinite linear;
	animation: spin .7s infinite linear;
}
@-webkit-keyframes spin {
	from { -webkit-transform: scale(1) rotate(0deg);}
	to { -webkit-transform: scale(1) rotate(360deg);}
}
@-moz-keyframes spin {
	from { -moz-transform: scale(1) rotate(0deg);}
	to { -moz-transform: scale(1) rotate(360deg);}
}
@-o-keyframes spin {
	from { -o-transform: scale(1) rotate(0deg);}
	to { -o-transform: scale(1) rotate(360deg);}
}
@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}

.fa-rotate-45 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*
====== fa-stak
 */
.fa-stack-05x{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	font-size: 0.5em;
    line-height: inherit;
}
.fa-stack-075x{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	font-size: 0.75em;
    line-height: inherit;
}
/*
====== fa-stick-
 */
.fa-stick-left{
	left: -20%;
}
.fa-stick-right{
	left: 20%;
}
.fa-stick-top{
	top: -20%;
}
.fa-stick-bottom{
	top: 20%;
}


/*
====== SMART DEBUG
 */

.well.well-sm.smartDebugField {
	position: relative;
	padding-left: 50px;
	margin-top:5px;
	margin-bottom:5px;
}
.well.well-sm.smartDebugField::before {
	left:18px;
	position:absolute;
	content:"\f071";
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.well.well-sm.smartDebugField-msg::before {
	content:"\f071";
}
.well.well-sm.smartDebugField-time::before {
	content:"\f017";
}
.well.well-sm.smartDebugField-stop::before {
	content:"\f05e";
}
.well.well-sm.smartDebugField-params::before {
	content:"\f03a";
}
.well.well-sm.smartDebugField-sessions::before {
	content:"\f03a";
}

.well.well-sm.smartDebugField>small::first-line {
	text-indent: 0px!important;
}

.well.well-sm.smartDebugField>h6 {
	margin-top:0px;
	margin-bottom:0px;
}

/**
 * Zusammen mit .form-group brauchen
 *
 * <div class="form-group form-group-center"></div>
 */
.form-control {
	color: #000;
}
div.form-group-center {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-pack: center;
	   -moz-box-pack: center;
	        box-pack: center;
	-webkit-box-align: center;
	   -moz-box-align: center;
	        box-align: center;
}

div.form-group-center>label.control-label {
	padding-top: 0px;
}

label.note {
	margin: 0;
}

/*
====== Summernote Editor
 */

.note-editor textarea {
	display: none;
}

/*
====== DataTables
 */
.dataTables_processing {
	border: 0px;
	box-shadow: none;
}

/*
====== .table
 */
.table-border-outside{
    border: 1px solid #ddd
}


@media only screen and (max-width: 479px) and (min-width: 320px)
{
	.page-title {
		display:block!important;
	}
}



.slider-disabled .slider-selection {
    background: rgb(119, 149, 176);
}

.slider-disabled .slider-warning+.slider-track>.slider-selection {
	background: #bf9f5d;
}

.slider-disabled .slider-success+.slider-track>.slider-selection {
	background: #8fa68f;
}

.slider-disabled .slider-danger+.slider-track>.slider-selection {
	background: #a06673;
}

.slider-disabled .slider-info+.slider-track>.slider-selection {
	background: #add0de
}

.slider-disabled .slider-track {
    cursor: default;
}


.superbox-imageinfo>:first-child {
    word-break: break-all;
}

ul.ColVis_collection li label {
  overflow: hidden;
}


.highcharts-container hr {
	margin: 0;
}
.highcharts-credits {
    display: none;
}

/* Fix : li:last-child -> li:last-of-type */
.jarviswidget header .nav-tabs.pull-right li:last-of-type a {
    margin-right: 0!important;
    border-right: none!important;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
	height: 24px;
	padding: 1px 5px;
	font-size: 13px;
	line-height: 1.5;
}


.jarviswidget {
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}


/* iframe scroll compatibility for iOS */
.mobile-detected #content{
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}

/* spans in header of table  */
header span {
    display: inline-block;
}

header select.input-sm {
    color: #000000;
}

/*
*
*	pageTour.js
*
*/

.ptjs-theme.classic .step-container .step-button-close {
    background-color: #3E90E0;
}

.ptjs-theme.classic .step-container .step-button-close:hover {
    background-color: #275b89;
}

.ptjs-theme.classic .step-container .step-footer .step-buttons span {
    background-color: #3E90E0;
}

.ptjs-theme.classic .step-container .step-footer .step-buttons span:hover {
    background-color: #275b89;
}


.ptjs-theme.classic .step-container .step-header .title {
    color: #3E90E0;
}

.ptjs-theme.classic .step-container .step-footer .step-pagination {
    color: #3E90E0;
}

h4 {
    margin-bottom: 2em;
}


/*
*
* Anpassungen für Mobile
*/


.HelpButton {
	float: left;
    margin-left: 0.3em;
}

.FormControls .btn{
	margin-bottom: 1em;
}

.menuHeader {
    float: right;
}
div.navbar-right {
    box-shadow: none;
    margin-top: 13px;
    margin-bottom: 13px;
    margin-right: 10px!important;
    margin-left: 10px;
    padding: 0 0;
}

.navbar-form {
    box-shadow: none;
    margin-top: 13px;
    margin-bottom: 13px;
    margin-right: 10px!important;
    margin-left: 10px;
    padding: 0 0;
	border:none;
}

div.ChangeViewButtons a{
	color: #999;
}

div.ChangeViewButtons a.active,
div.ChangeViewButtons a:focus,
div.ChangeViewButtons a:hover
{
	color: #3276b1;
}

@media (max-width:600px) {
	.form-actions {
		text-align: left;
	}
	.SafeAbort {
		text-align: right;
	}
	.navbar div {
		text-align: left;
	}
	.menuHeader {
		float: left;
		width: 100%;
	}
	.menuHeader > *{
		float: left;
		width: 100%;
		padding-left: 13px;
	}

	div.ChangeViewButtons {
		padding-left: 26px;
	}
}



/*Animations*/

.dd-nochildren button[data-action="collapse"],
.dd-nochildren .dd-list,
.dd-nochildren .dd-placeholder {
	display: none;
}

.connectedSortable {
    list-style: none;
    padding: 0px;
    min-height: 100px;
    background: #DDD;
    border-radius: 4px;
    padding: 4px;
}
/*Widgets*/

.dd-handle button{
	float:right;
    margin-left: 5px;
}




#rightCol  {
    padding: 20px;
    background-color: #fff;
    border-left: 1px solid #eee;
    -webkit-box-shadow: -3px 2px 44px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px 2px 44px -5px rgba(0,0,0,0.75);
    box-shadow: -3px 2px 44px -5px rgba(0,0,0,0.75);
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
     overflow: scroll;
}

.wucID {
	display: none;
}


.jarviswidget .btn-group button {
    margin: 5px 10px 0px 10px!important;
}

#generatePassword {
    top: 0;
    position: absolute;
    right: 0;
}


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

#rightCol {
     position: relative;
}

}



	#cookieMessage {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: #111;
	    padding: 1em;
	    color: white;
	}

	#cookieMessage .text {
	    position: relative;
	    top: 0;
	    left: 0;
	    right: 6em;
	    display: inline-block;
	    width: 90%;
	    float: left;
     padding-right: 1em;
	}

	a.cookiebar-close {
	    position: relative;
	    display: inline-block;
	    padding: 0.4em;
	    float: right;
	    right: 0;
	    background-color: #3276b1;
	    color: #fff;
	    border-radius: 4px;
	    width: 10%;
	    cursor: pointer;
     	text-align: center;
	}
	a.cookiebar-close:hover {
	    background-color: #214e75;
	    color: white;
	}


@media screen and (max-width : 650px)  {
	#cookieMessage .text {
	    width: 80%;
	}

	a.cookiebar-close {
	    width: 20%;
	}

}

/*
*
* PDF hochladen
*
*/

.dropzone .dz-default.dz-message {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}


	#cookieMessage {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: #111;
	    padding: 1em;
	    color: white;
	}

	#cookieMessage .text {
	    position: relative;
	    top: 0;
	    left: 0;
	    right: 6em;
	    display: inline-block;
	    width: 90%;
	    float: left;
     padding-right: 1em;
	}

	a.cookiebar-close {
	    position: relative;
	    display: inline-block;
	    padding: 0.4em;
	    float: right;
	    right: 0;
	    background-color: #3276b1;
	    color: #fff;
	    border-radius: 4px;
	    width: 10%;
	    cursor: pointer;
     	text-align: center;
	}
	a.cookiebar-close:hover {
	    color: #fff;
	}


@media screen and (max-width : 650px)  {
	#cookieMessage .text {
	    width: 80%;
	}

	a.cookiebar-close {
	    width: 20%;
	}

}
title.featherlight-inner {
    display: none!important;
}

.hiddenContents{
	display: none;
}


#rightCol {
	overflow:hidden;
}

ul#bottomNavigation {
    position: absolute;
    bottom: 0;
    height: auto;
    overflow: hidden;
    padding:0;
    width: 100%;
}

ul#bottomNavigation a.footerlinks {
    font-size: 12px;
}

ul#modulList {
	height: auto;

}

.clearer {
	clear:both;
}

ul#rightSideWidgets,
ul#leftSideWidgets,
ul#availableWidgets {
	padding: 10px 10px 0 10px;
}

.jarvismetro-tile{
	border: none;
}

.jarvismetro-tile {
    width: 100%!important;
    height: 100px;
    margin: 0 0 10px 0;
    border-radius: 4px;
    padding: 10px;
}

.connectedSortable {
    list-style: none;
    padding: 0px;
    min-height: 100px;
    background: #DDD;
    border-radius: 4px;
    padding: 10px;
}

.jarvismetro-tile:hover {
    z-index: 10;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
}



ul#pagesContainer {
    display: flex;
    list-style: none;
    padding-left: 0;
}

ul#pagesContainer li{
    width: 11.3em;
    margin: 1em;
	color: black;
	opacity: 0.7;
	cursor: pointer;
    position: relative;
    text-align: center;
}

ul#pagesContainer li:hover{
	opacity: 1;
}

ul#pagesContainer li a p{
	font-size: 15px;
    text-align: center;
    padding-top: 1em;
    color: black!important;
}


#newPageButton li a {
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 10px);
    font-size: 24px;
}


i.far.fa-file {
    color: #2C3742!important;
}

#newPageButton span{
	color: black;
}

#newPageButton i,#newPageButton a,#newPageButton p {
	color: #739e73!important;
}

#newPageButton {
	opacity: 1;
    color: #739e73!important;
}


ul#pagesContainer li i.far.fa-file {
	font-size: 15em;
}

/*weather*/
#weatherOptions {
	display: none;
}