@import "../smartdesign/styles.css";

.v-treetable-treespacer {
	display: inline-block;
	background: transparent;
	height: 10px;
	width: 18px;
	position: absolute;
	left: 0;
	top: 5px;
}

.v-treetable-node-closed {
	background: url(/VAADIN/themes/base/treetable/img/arrow-right.png) right top no-repeat;
}

.v-treetable-node-open {
	background: url(/VAADIN/themes/base/treetable/img/arrow-down.png) right top no-repeat;
}

.v-treetable .v-checkbox {
	display: inline-block;
	padding-bottom: 4px;
}

.v-treetable .v-table-row .v-table-cell-content, .v-treetable .v-table-row-odd .v-table-cell-content {
	z-index: 10;
}

.v-treetable .v-table-cell-wrapper {
	position: relative;
}

.v-treetable .v-table-body .v-table-table .v-table-row-animating {
	zoom: 1;
	z-index: 1;
}

.v-treetable .v-table-body .v-table-table .v-table-row-animating, .v-treetable .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
	background: transparent;
}

.v-treetable-animation-clone {
	border-spacing: 0;
	zoom: 1;
}

div.v-treetable-animation-clone-wrapper {
	position: absolute;
	z-index: 2;
	background-color: #fff;
}

div.v-treetable-animation-clone-wrapper table.v-treetable-animation-clone {
	background-color: #fff;
}

div table.v-treetable-animation-clone tr.v-table-row, div table.v-treetable-animation-clone tr.v-table-row-odd, div table.v-treetable-animation-clone tr.v-table-row td.v-table-cell-content, div table.v-treetable-animation-clone tr.v-table-row-odd td.v-table-cell-content {
	visibility: visible;
}

.campus-studyplan .v-treetable-node-closed {
	background: url(/campus/VAADIN/themes/base/treetable/img/arrow-right.png) right top no-repeat;
}

.campus-studyplan .v-treetable-node-open {
	background: url(/campus/VAADIN/themes/base/treetable/img/arrow-down.png) right top no-repeat;
}

.campus-studyplan .v-table-header-wrap, .campus-studyplan .v-table-body {
	border: none;
}

.campus-studyplan .v-table-cell-wrapper, .campus-studyplan .v-table-header-cell {
	margin-top: 14px;
	margin-bottom: 14px;
}

.campus-studyplan .v-table-header-cell, .campus-studyplan .v-table-header-cell-asc, .campus-studyplan .v-table-header-cell-desc {
	background-color: white;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 14px;
	padding-top: 14px;
	color: #555;
	font-weight: bolder;
}

.campus-studyplan .v-table-row:hover, .campus-studyplan .v-table-row-odd:hover {
	background-color: #e8f5fc;
}

.campus-studyplan .v-table-cell-content {
	border-right: none;
	border-bottom: 1px solid #d9d9d9;
}

.campus-studyplan .v-table-resizer {
	background: white;
}

.campus-studyplan .v-table-header-wrap {
	background: white;
}

.campus-studyplan .v-treetable-treespacer {
	position: relative;
	top: -1px;
	margin-right: 5px;
}

.campus-studyplan .v-table-row-highlight-bold {
	font-weight: bold;
}

.smartdesign-widgetgroup.no-caption {
	border: none;
}

@media only screen and (device-width: 960px), only screen and (max-width: 960px) {
	.v-icon.v-widget.group-icon.v-icon-group-icon.quarter-0.v-icon-quarter-0 {
		width: 20px !important;
		height: 20px !important;
		transform: translate(-50%, -50%);
	}
	.v-icon.v-widget.group-icon.v-icon-group-icon.quarter-1.v-icon-quarter-1 {
		width: 20px !important;
		height: 20px !important;
		transform: translate(50%, -50%);
	}
	.v-icon.v-widget.group-icon.v-icon-group-icon.quarter-2.v-icon-quarter-2 {
		width: 20px !important;
		height: 20px !important;
		transform: translate(-50%, 50%);
	}
	.v-icon.v-widget.group-icon.v-icon-group-icon.quarter-3.v-icon-quarter-3 {
		width: 20px !important;
		height: 20px !important;
		transform: translate(50%, 50%);
	}
}

div.smartdesign-widgetgroup {
	border: none;
}

.address-actions {
	display: none !important;
}

.smartdesign-shortcuthelp sd-message {
	display: none !important;
}

sd-button[id*='smartdesign'][id$='save_view'] {
	display: none !important;
}

.web-app-frame {
	display: flex;
	flex-direction: column;
}

.web-app-frame iframe {
	flex: 1 1 0px;
}

#viewMenu {
	opacity: 0;
	pointer-events: none;
}

@media only screen and (device-width: 960px), only screen and (max-width: 960px) {
	#viewMenu {
		display: none;
		pointer-events: none;
	}
}

#studyplanco .sd-button#actionMenu {
	opacity: 0;
	pointer-events: none;
}

.flex-wrapper {
	-webkit-overflow-scrolling: touch;
}

.smartdesign-popover-modalitycurtain {
	cursor: pointer;
}

@media only screen and (device-width: 960px), only screen and (max-width: 960px) {
	#smartdesign\.base\.navigate_to_next_assistant_page, #smartdesign\.base\.navigate_to_prev_assistant_page {
		display: none !important;
	}
	#studyplanco .sd-button#actionMenu {
		opacity: 1;
		pointer-events: all;
	}
	#htmlpage.ahl-page {
		width: 100% !important;
	}
	#tablepage .absolute-toolbar-title {
		transform: translate(-45%, 0px);
	}
	.form-header.v-layout.v-widget.smartdesign-responsive-toolbar.form-header-smartdesign-responsive-toolbar.smartdesign-headeredpanel-header.form-header-smartdesign-headeredpanel-header.v-has-width.v-has-height {
		justify-content: space-between;
	}
	div .sd-button-smartdesign-extendedlistbutton {
		display: none;
	}
	div .Search.formroot .form-content .smartdesign-simplelist {
		margin-top: 25px;
	}
	div.smartdesign-applauncher .v-button .v-button-wrap {
		display: inline;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	div .formroot .v-verticallayout > .v-slot > .smartdesign-searchlist-result-invisible {
		margin-bottom: auto;
	}
	#studyplanco .smartdesign-responsive-toolbar .sd-button#smartdesign\.campus\.studyplanCO\.enrollmentReport {
		display: none;
	}
	#studyplanco .smartdesign-responsive-toolbar .sd-button#smartdesign\.campus\.studyplanCO\.torReport {
		display: none;
	}
	#studyplanco .smartdesign-responsive-toolbar .sd-button#smartdesign\.campus\.studyplanCO\.internshipReport {
		display: none;
	}
	.rendererui {
		cursor: pointer;
	}
	.ahl-splitter {
		display: none !important;
	}
	div .smartdesign-applicationheader .tabbar-container {
		margin-top: 8px;
	}
	.smartdesign-responsive-popover .group-no-padding > .content {
		height: 100% !important;
	}
	#startpage .v-label.v-widget.absolute-toolbar-title.v-label-absolute-toolbar-title {
		opacity: 1 !important;
		font-size: 24px;
	}
	.v-button {
		width: 100%;
		margin-bottom: 5px !important;
	}
	.v-icon {
		width: 32px !important;
		height: 32px !important;
	}
	.v-slot-smartdesign-businesscard-title {
		display: none !important;
	}
	.v-slot-smartdesign-businesscard-link {
		padding-top: 10px;
		height: 30px !important;
	}
	.v-csslayout-form-readonly-mode {
		padding: 2px !important;
	}
	.v-verticallayout-smartdesign-businesscard-contactlayout {
		min-width: 0px !important;
		padding-left: 0px !important;
	}
	.drag-overlay, .overlay-no-events {
		display: none !important;
	}
	div.smartdesign-applauncher .v-button .v-icon {
		transform: none;
		top: auto;
		left: auto;
	}
	.smartdesign-smartlist-itemcontainer {
		width: calc(100% - 16px) !important;
	}
	.selected {
		border: none !important;
	}
	#listpage {
		display: none;
	}
	.v-button.v-widget::before {
		display: none;
	}
	.v-csslayout-smartdesign-applauncher .v-button {
		height: 60px;
		margin-left: 2px;
	}
	.v-csslayout-smartdesign-applauncher .v-button-caption {
		display: none !important;
	}
	.v-csslayout-tabs {
		display: none !important;
		height: 0px !important;
		width: 0px !important;
	}
	#calendarpage, #tablepage {
		width: 100% !important;
	}
	#calendarpage .smartdesign-responsive-toolbar sd-button {
		margin: 0;
	}
	#calendarpage .form-header-smartdesign-responsive-toolbar sd-button[title="Anzeige Format"] {
		margin: auto auto -4px 0px;
		display: block;
	}
	#calendarpage .form-header-smartdesign-responsive-toolbar sd-button[title="View format"] {
		margin: auto auto -4px 0px;
		display: block;
	}
	#calendarpage .form-header-smartdesign-responsive-toolbar sd-button {
		display: none;
	}
	#calendarpage .form-header-smartdesign-responsive-toolbar .v-slot sd-button:nth-child(-n + 2) {
		display: inline-flex;
	}
	#calendarpage #todayButton {
		padding: 0;
	}
	.Appselection .minimized-search-button {
		display: none !important;
	}
	.edit-mode .form-header-smartdesign-responsive-toolbar #smartdesign\.base\.edit {
		margin: auto auto auto 0;
	}
	#studyplan {
		width: 100% !important;
		left: 8px !important;
	}
	#campcourseworkspecificrecord, #campmodulespecificrecord, #campdegreecoursespecificrecord, #campfieldspecificrecord, #userrecord, #recordpage, #eprofile, #studyprogress {
		left: 8px !important;
		width: calc(100% - 16px) !important;
	}
	#studyplanco {
		width: 100% !important;
		left: 0px !important;
	}
	.v-label-white-space-toolbar-title {
		text-align: left !important;
		padding-left: 30px !important;
	}
	.v-button-smartdesign-businesscard-link {
		width: 100% !important;
	}
	.linkbar-container {
		margin-top: 8px !important;
	}
	.smartdesign-group-no-caption {
		padding: 8px !important;
	}
	#studyplan .v-table-cell-wrapper {
		padding-left: 4px !important;
	}
	.smartdesign-buttongroup {
		display: none !important;
		width: 0px !important;
		height: 0px !important;
		border: none !important;
	}
	.no-caption, .v-slot-no-caption .no-caption {
		padding: 8px 24px !important;
	}
	.v-slot-no-caption .no-caption {
		padding: 0px 3px !important;
	}
	.popupContent .smartdesign-smartCssLayout-flex {
		width: 100% !important;
	}
	div #search {
		width: 150px !important;
		z-index: 1000;
		margin-right: auto;
	}
	sd-button[id="smartdesign.base.open_filter_dialog"] {
		display: none !important;
	}
	.logincontainer {
		margin-top: -180px;
	}
	#studyplan sd-button {
		display: none;
	}
	.smartdesign-image-upload-dialog .smartdesign-dialog-window-message, .smartdesign-image-upload-dialog .smartdesign-dialog-window-error-label {
		padding-right: 0px !important;
	}
	.v-slot-smartdesign-dialog-window-current-file-label {
		width: 70% !important;
	}
	.smartdesign-image-upload-dialog .smartdesign-dialog-window-file-chooser .v-button {
		width: 100% !important;
		height: 33px !important;
		margin-top: 0px !important;
		float: right;
	}
	#userrecord {
		left: 16px !important;
	}
	.smartdesign-group {
		padding: 16px 8px !important;
	}
	.smartdesign-businesscard {
		padding: 16px 8px !important;
	}
	#userrecord .form-header:before {
		left: 2px !important;
	}
	#studyplan .form-header:before {
		left: 2px !important;
	}
	.smartdesign-simplelist {
		padding: 16px 8px !important;
	}
	.smartdesign-applauncher .v-button .v-button-caption {
		padding-top: 0 !important;
		display: block !important;
		top: 40px !important;
		white-space: nowrap !important;
		min-width: 0 !important;
		margin-left: 2px !important;
		max-width: 55px !important;
	}
	.smartdesign-simplefield {
		white-space: normal;
	}
	.Record .v-slot {
		margin-right: 16px !important;
	}
	.smartdesign-responsive-toolbar .absolute-toolbar-title {
		text-overflow: ellipsis !important;
		margin-right: auto !important;
		opacity: 1 !important;
		max-width: 50%;
		overflow: hidden;
		white-space: nowrap !important;
	}
	.v-window-contents .smartdesign-responsive-toolbar .absolute-toolbar-title {
		max-width: 30%;
	}
	.smartdesign-responsive-toolbar .white-space-toolbar-title {
		display: none !important;
	}
	.form-header {
		flex-direction: row !important;
		align-items: flex-end !important;
		justify-content: flex-end;
	}
	.v-label.v-widget.v-label-absolute-toolbar-title.absolute-toolbar-title.v-label-undef-w {
		opacity: 1 !important;
	}
	.tag-search-container .sd-button {
		display: none !important;
	}
	div.smartdesign-responsive-toolbar .sd-button.sd-button-toolbar-component-left, div.smartdesign-responsive-toolbar .sd-button.sd-button-toolbar-component-right {
		position: relative;
		margin: 0;
	}
	.form-header > div:not(.white-space-toolbar-title):not(.absolute-toolbar-title):not(.v-horizontallayout-toolbar-component-right) {
		display: inline-flex;
		margin-right: auto;
	}
	#blockColorblindContent {
		display: none !important;
	}
	.v-Notification.smartnotification {
		width: 90% !important;
		left: 5% !important;
		font-size: 9px !important;
		overflow: hidden !important;
	}
	.smartnotification div.gwt-HTML {
		display: inline-block !important;
		width: 85% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	#recordpage .v-label {
		white-space: normal;
	}
	.smartdesign-table.v-table-empty .v-table-noitemsmessage {
		display: flex !important;
		align-items: center !important;
	}
	.z-layout {
		--z-layout-column-width: 100% !important;
	}
	.smartdesign-applicationheader > .v-customlayout {
		position: unset !important;
	}
	div.smartdesign-popover.form-popover {
		width: 100%;
		left: auto;
	}
	div.smartdesign-login-companyNameAndVersion {
		display: none;
	}
	.formroot:not(.formroot-no-content-padding) .form-content {
		padding: 3px;
	}
}

@media only screen and (device-width: 960px) and (orientation: landscape), only screen and (max-width: 960px) and (orientation: landscape) {
	div.smartdesign-tabbar div.v-button-back {
		margin-left: auto;
	}
	div.smartdesign-tabbar div.v-button-home {
		margin-left: -20px auto;
	}
	#htmlpage.ahl-page.has-splitter, .ahl-page.has-splitter, #searchpage {
		width: calc(0.85 * 100% - 8px) !important;
		left: calc(0.15 * 100%) !important;
	}
	.ahl-page:only-child {
		width: 100% !important;
	}
	.ahl-page {
		width: calc(0.15 * 100% - 8px) !important;
	}
	div.smartdesign-applauncher div.v-button {
		width: 100%;
		height: 90px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

@media only screen and (device-width: 960px) and (orientation: portrait), only screen and (max-width: 960px) and (orientation: portrait) {
	#htmlpage.ahl-page.has-splitter, .ahl-page.has-splitter, #searchpage {
		width: calc(0.75 * 100% - 8px) !important;
		left: calc(0.25 * 100%) !important;
	}
	.ahl-page:only-child {
		width: 100% !important;
	}
	.ahl-page {
		width: calc(0.25 * 100% - 8px) !important;
	}
	div.smartdesign-applauncher div.v-button {
		width: 100%;
		height: 55px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

@supports (-webkit-overflow-scrolling: touch) {  body{ cursor:pointer; } }