/** general **/

#course-detail-description ul {
	margin:  0px;
	padding: 20px;
}

#body-start .ui-widget {
	font-size: 12px;
}

@media (max-width: 996px) {
  #body-start .ui-widget {
    font-size: 14px;
    font-size: 1.16667rem; }
}

#content .ui-panelgrid .ui-panelgrid-footer {
	padding: 2px 0px;
}

#content .ui-fluid .ui-button {
	width: auto;
}

div#wrapper {
	margin:     0 auto;
	overflow:   hidden;
	position:   relative;
	text-align: left;
	width:      980px;
}

#content-wrap .ui-breadcrumb {
	margin: 0 0 20px;
}

#header-breadcrumb .ui-breadcrumb {
	background: none;
	border:     none;
	padding:    0px;
}

#header-breadcrumb a.ui-menuitem-link {
	color:         #58585a;
	font-size:     11px;
	border-radius: 0px;
}

#header-breadcrumb a.ui-menuitem-link:hover, #header-breadcrumb a.ui-menuitem-link.current-item {
	color: #009ee0;
}

.description-file .ui-fileupload-content.ui-widget-content.ui-corner-bottom,
.description-file .ui-widget-header,
.proposal .ui-fileupload-content.ui-widget-content.ui-corner-bottom,
.proposal .ui-widget-header {
	border:     none;
	background: none;
	padding:    0px;
}

#content .ui-tabs .ui-tabs-panel {
	padding: 1em 0 1em 0;
}

#content .ui-tabs.ui-tabs-top {
	border: none;
}

#content .ui-datatable table {
	table-layout: auto;
	border:       1px solid #dddddd;
}

#content .ui-datatable thead th,
#content .ui-datatable tbody td,
#content .ui-datatable tfoot td,
#content .ui-datatable tfoot th {
	border: 0;
}

#content .ui-datatable thead th,
#content .ui-datatable tfoot td {
	text-align: left;
}

#content .ui-datalist .ui-datalist-header,
content .ui-datalist .ui-datalist-footer {
	padding: 0px;
}

.ui-datatable tr.ui-state-highlight {
	background: #58585a;
}

.margin-bottom-10{
    margin-bottom: 10px;
}

.margin-bottom-20{
    margin-bottom: 20px;
}

.margin-top-10{
    margin-top: 10px;
}

.margin-top-20{
    margin-top: 20px;
}

.green{
    color: green;
}

/* error */
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	background: none;
}

.course-detail label {
	display:     block;
	font-weight: bold;
}


.course-detail p {
    margin-bottom: 1px;
}

.ui-panelgrid-footer.ui-widget-header {
	background: none;
	border:     0;
}

.course-detail .ui-panelgrid-footer.ui-widget-header {
	margin-top: 20px;
}

#courseTimes .ui-widget-content {
	border: 0;
}

#courseTimes ul {
	padding-left: 10px;
	margin-top:   0px;
}

#course-detail-description {
	margin-top: 35px;
}

#course-detail-description .course-time-wrapper{
    margin-bottom: 5px;
}

#course-detail-description .course-time-wrapper .course-time-description{
    margin-left: 25px;
}

#course-detail-description .course-time-wrapper .course-time-description p{
    display: inherit;
}

/** course overview */

.registration-state-green {
	color: #2eaf15;
}

.registration-state-yellow {
	color: #ffd900;
}

.registration-state-orange {
	color: #ffa500;
}

#content .ui-fluid .ui-button.btn-waitlist{
    background: #ffa500;
}

.registration-state-red {
	color: #ff0808;
}

.course-semester, .course-options {
	float: right;
}

.course-time, .course-location, .course-group {
	margin-right: 15px;
}

.course-group i, .course-location i, .course-time i, .course-mandant i {
	padding-right: 5px;
}

@media (max-width: 768px) {
	.course-semester, .course-options, .course-time, .course-group, .course-mandant {
		float:       none;
		display:     block;
		margin:      0;
		line-height: 150%;
	}

	.course-options {
		margin-top: 15px;
	}

}

#course-table-form .ui-widget-content {
	border: none;
}

.course-table .ui-datagrid-content-empty {
	padding: 20px 15px;
}

.course-row-0, .ui-datagrid-content-empty {
	background-color: #EFEFF0;
	border-radius:    0;
}

.course-row-0:hover,
.course-row-1:hover {
	background-color: #ccecf9;
	border-radius:    0;
}

.course-row-0 .ui-panelgrid-content,
.course-row-1 .ui-panelgrid-content {
	font-size: 12px;
}

.fa-lg.registration-state {
	margin-right:   5px;
	margin-bottom:  5px;
	font-size:      0.8em;
	vertical-align: 5%;
}

.filter-course > div {
	border-radius: 0px;
	border:        none;
}

.ui-paginator.ui-paginator-bottom {
	background:    transparent;
	border-top:    1px solid #EFEFF0;
	border-bottom: none;
	border-left:   none;
	border-right:  none;
	padding-top:   15px;
	margin-top:    15px;
}

.course-legend {
	display:     inline-block;
	float:       left;
	margin-left: 15px;
}

.course-legend span {
	margin-right: 7px;
}

.filter-course {
	margin-bottom: 20px;
}

#content .ui-fluid .ui-button {
	width:         auto;
	border:        none;
	background:    #009EE1;
	box-shadow:    none;
	text-shadow:   none;
	color:         #fff;
	border-radius: 0px;
	margin-right:  15px;
	padding:       2px 10px;
	margin-top:    10px;
	white-space:   nowrap;
}

#content .ui-fluid .ui-button:hover {
	background: #58585A;
}

h2.content-headline, h2 {
	margin-bottom: 15px;
}

h3.course-sub-title .margin-helper {
	margin-bottom: 15px;
	display:       block;
}

h4.content-sub-title.margin-helper {
	margin-bottom: 15px;
}

.ui-paginator .ui-paginator-page {
	border:        none;
	background:    #EFEFF0;
	box-shadow:    none;
	text-shadow:   none;
	border-radius: 0px;
	padding:       5px 10px;
	box-shadow:    none;
}

.ui-paginator .ui-paginator-page:hover {
	background: #EFEFF0
}

.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-last {
	border:     none;
	background: transparent;
}

.ui-paginator .ui-paginator-rpp-options {
	box-shadow:    none;
	background:    #fff;
	border-radius: 0px;
}

.ui-paginator-page.ui-state-active {
	color: #009EE1;
}

.ui-fluid .ui-inputfield {
	box-shadow:   none;
	padding-left: 10px;
}

.ui-fluid .ui-selectonemenu {
	box-shadow: none;
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row {
	border-top: none;
}

.ui-paginator.ui-paginator-bottom {
	margin-bottom: 15px;
}

#responsiveNavigation form #dl-menu ul {
	overflow-y: visible;
	float:      left;
	width:      100%;
}

#responsiveNavigation form #dl-menu ul li {
	overflow: inherit;
}

#responsiveNavigation form #dl-menu ul li.dl-menu-subitem a {
	padding-left: 45px;
}

.ui-datatable .ui-filter-column,
.ui-datatable thead th {
	border-radius: 0px;
	box-shadow:    none;
}

.course-table .ui-paginator.ui-paginator-bottom {
	border-top: 1px solid #EFEFF0;
}

.my-account .my-seperator {
	margin-bottom: 25px;
}

.my-account .whatsapp-description {
	margin-left: 5px;
}

.course-state {
	font-size:   14px;
	font-weight: bold;
	display:     inline-block;
}

.sub-title {
	display:     block;
	font-size:   12px;
	font-weight: normal;
}

.ui-panelgrid .ui-panelgrid-footer {
	padding-left: 0px;
}

.course-options .fa-lg {
	font-size: 1.7em;
}

#course-table-form a {
	text-decoration: none;
}

#user-login-form .btn-register{
    margin-left: 20px;
}

@media (max-width: 768px) {

	.course-options a {
		padding:          7px 18%;
		background-color: #009EE1;
		color:            #fff;
		margin:           0px 10px 0 0;
	}

	.course-options a:hover {
		background: #58585A;
		color:      #fff;
	}

	#content .ui-fluid .ui-button {
		margin-right: 5px;
	}

	.course-state {
		font-size: 16px;
	}

	.ui-grid-row .ui-panel {
		padding: 0px;
	}

	.ui-panelgrid .ui-grid-responsive .ui-grid-row {
		border-top: 0 !important;
	}

	.course-legend {
		display: block;
		width:   100%;
	}
}

.register-info {
	color:         #58585a;
	margin-top:    10px;
	margin-bottom: 10px;
        font-weight: normal;
}

.pw-reset span {
	font-weight: bold;
}

.pw-reset-btn {
	margin-bottom: 20px;
}

/** admin */
.proposal-link {
	float: right;
}

#content .ui-button.btn-red {
	background-color: red;
}

.admin-show-user-form label {
	font-weight: bold;
}

.user-table.no-highlight tr.ui-state-highlight.ui-datatable-odd {
	background: #f9f9f9;
}

.user-table.no-highlight tr.ui-state-highlight.ui-datatable-even {
	background: none;
}

.user-table.no-highlight .ui-state-highlight, .user-table.no-highlight .ui-state-highlight a {
	color: #000000;
}

.admin-user-table.ui-datatable thead th,
.admin-user-table.ui-datatable tbody td,
.admin-user-table.ui-datatable tfoot td,
.admin-user-table.ui-datatable tfoot th {
	padding: 4px 5px;
}

.certificate-content ul li {
	margin-bottom: 5px;
}

.event-checkout .ui-wizard-step-title {
	font-size: 14px;
}

.event-times .ui-widget-content {
	border: none;
}

.coupon-used-true {
	text-decoration: line-through;
}

.btn-checkout-buy {
	text-align: right;
}

@media (max-width: 768px) {
	.btn-checkout-buy {
		text-align: center;
	}

}


.footer-required-fields-description {

    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 20px;

}

.footer-captcha{
    font-weight: normal;
}

/** Dataprivacy / Newsletter */
.data-privacy .ui-chkbox.ui-widget, .newsletter .ui-chkbox.ui-widget, .user-account .ui-chkbox.ui-widget {
	margin-right: 10px;
}

.data-privacy .data-privacy-agreement, .newsletter .newsletter-agreement {
	color: #58585A;
}



#notification {
	position:         fixed;
	bottom:           0;
	width:            100%;
	z-index:          1000;
	background-color: #EFEFF0;
	color:            #58585A;
	font-weight:      400;
	border-top:       1px solid #CCC;
	padding:          10px 0;
}

#notification .data-privacy-notification {
	/*width: 960px;
	margin: auto;*/
	text-align:  center;
	font-weight: bold;
}

#notification .ui-button {
	width:         auto;
	border:        none;
	background:    #009EE1;
	box-shadow:    none;
	text-shadow:   none;
	color:         #fff;
	border-radius: 0px;
	margin-right:  15px;
	padding:       2px 10px;
	margin-top:    10px;
	white-space:   nowrap;
	margin-left:   15px;
}

.buyer-note{
    margin: 30px 20px 10px 0px;
}

.buyer-note .margin-helper{
    margin-bottom: 15px;
    display: block;
}

/** seatmanagement */

.yousit,
.yousit-editor,
.yousit-set-editor {
	/*width: 700px;
	height: 600px; */
	position: relative;
	/*margin-top: 100px;*/
}

.yousit-editor {
	/*left: 200px;*/
}

.yousit-set-editor {
	border: 1px solid red;
}

.yousit-editor-map {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: space-between;
}

div#wrapper div#content-wrap .yousit-editor img {
	width:  inherit;
	height: inherit;
}

.ys-seat {
	position:   absolute !important;
	text-align: center;
	font-size:  10px;
	box-sizing: border-box;
}

.ys-seat.selected {
	/*background-color: #ff0000 !important;*/
	border: 3px dashed #ff0000;
}

.ys-seat.selected:after {
	content:      '';
	display:      block;
	width:        3px;
	height:       6px;
	border:       solid #fff;
	border-width: 0 2px 2px 0;
	transform:    rotate(45deg);
	top:          calc(50% - 5px);
	left:         calc(50% - 3px);
	position:     absolute;
}

.ys-status-BOOKED, .ys-status-BLOCKED {
	background-color: #ff0000 !important;
}

.ys-status-BOOKED-legend, .ys-status-BLOCKED-legend {
	color: #ff0000;
}

.ys-seat.ys-status-1 {
	background-color: #0000F0;
}

.ys-seat.ys-status-2 {
	background-color: #ffff00;
}

.ys-seat.ys-status-3 {
	background-color: #000000;
}

.ys-table {
	position:         absolute !important;
	text-align:       center;
	font-size:        10px;
	background-color: #aaaaaa;
	box-sizing:       border-box;
}

.ys-save-button {
	background-color: #009EE1;
	color:            #fff;
	text-align:       center;
	padding:          5px 10px;
	border:           none;
	cursor:           pointer;
	transition:       background-color 0.3s;
}

.ys-save-button:hover {
	background-color: #58585A;
}

.ys-delete-button {
	border:           none;
	background-color: #58585A;
	padding:          5px 10px;
	color:            #fff;
	cursor:           pointer;
	transition:       background-color 0.3s;
}

.ys-delete-button:hover {
	background-color: #009EE1;
}

.cart {
	/*position: absolute;
	left: 700px;
	top: 0;*/
	margin-bottom: 20px;
}

.card-items-overlay {
	margin-top:  5px;
	font-weight: bold;
}

.ys-options {
	display:         flex;
	justify-content: space-between;
}

.ys-sidebar {
	display: none;
	/*position: absolute;
	left: 700px;
	top: 0;
	width: 300px;*/
}

.ys-object-selected, .drag-selected {
	border: 3px solid #ff0000;
}

.ui-draggable-hidden {
	visibility: hidden;
}

.drag-selected {
	/*background-color: red !important;*/
}

.ys-create-button {
	padding:    5px 10px;
	color:      #fff;
	margin:     10px 0;
	display:    block;
	border:     none;
	cursor:     pointer;
	transition: background-color 0.3s;
	min-width:  50px;
	min-height: 50px;
}

.ys-create-button.is-active {
	background-color: #009EE1;
}

.seat-category-legend {
	padding: 0px 15px 5px 0;
	display: inline-block;
}

/*.environment-plan-wrapper img, .editor-environment-plan.yousit-editor img{
    max-height: 500px;
}*/

#body-start .seat-choose-btn.ui-commandlink.ui-widget{
    color: #009ee1;
    font-size: 14px;
    padding-bottom: 15px;
    display: block;
}

@media (min-width: 769px) {

    .cart-wrapper{
        margin-left:20px;
    }
}


@media (max-width: 768px) {

	.ui-dialog.seat-selection-dialog {
		width: 100% !important;
	}

	div#wrapper div#content-wrap .environment-plan-wrapper img {
		width:  inherit;
		height: auto;
	}

	.ui-dialog.seat-selection-dialog .environment-plan-wrapper {
		width:      100%;
		overflow:   scroll;
		max-height: 400px;
	}

	div#wrapper div#content-wrap .ui-dialog.seat-selection-dialog .environment-plan-wrapper img {
		width:  inherit;
		height: auto;
	}

	.cart-wrapper {
		width: 100%;
	}

	.cart-wrapper .cart {
		display: none;
	}

	#content .ui-fluid .cart-wrapper .ui-button {
		width: 100%;
	}

}

.email-template-legend {
	font-size:  11px;
	margin-top: 32px;
}

/* ADMIN */

.admin-navi {
	background-color: #EFEFEF;
	padding:          0 20px;
	margin-top:       5px;
}

.admin-box {
	background-color: #fff;
	padding:          10px;
	margin-bottom:    10px;
}

.admin-box h2 {
	font-family: dax-bold, dax;
	margin:         0 0 10px;
	padding-bottom: 10px;
	border-bottom:  1px solid #EFEFEF;
	font-weight:    500;
}

.admin-catitem {
	margin-bottom: 10px;
}

.admin-catitem i,
.admin-link i {
	margin-right: 5px;
}

.admin-link {
	background-color: #009EE1;
	padding:          5px 10px;
	color:            #fff;
	margin:           10px 0;
	display:          inline-block;
	border:           none;
	cursor:           pointer;
	transition:       background-color 0.3s;
}

#content .ui-fluid .admin-box .ui-button,
#content .ui-fluid .admin-submit .ui-button {
	background:       none;
	background-color: #009EE1;
	transition:       background-color 0.3s;
}

.admin-link:hover,
.ys-create-button:hover,
#content .ui-fluid .admin-submit .ui-button:hover {
	background-color: #58585A;
}

.description-file .ui-fileupload-content.ui-widget-content.ui-corner-bottom {
	display: none;
}

.admin-content .content-headline {
	margin:    0;
	font-size: 26px;
}

.admin-map {
	padding: 0 .5em;
}

.seat-options {
	margin-top:    15px;
	margin-bottom: 10px;
}

.seat-width,
.seat-height,
.seat-rotation {
	border: 0;
}

.icon--chair,
.icon--table {
	fill:   #fff;
	width:  20px;
	height: 20px;
}

.icon--group4 {
	fill:   #fff;
	width:  30px;
	height: 30px;
}

.icon--row10 {
	fill:   #fff;
	width:  100px;
	height: 20px;
}

/* iPhone Zoom Fix */
@media (max-width: 768px) and (-webkit-min-device-pixel-ratio:0) {
	#body-start .ui-widget select,
	#body-start .ui-widget textarea,
	#body-start .ui-widget input {
		font-size: 16px;
	}
}


/* Global search */
#global-search-form a:link{
    text-decoration: none;
}

.ui-g.global-search-result-title {
    font-weight: bold;
    border-bottom: 1px solid grey;
    margin-top: 10px;
}

.global-search-result-registrations{
    background: lightyellow;
}

.course-view-type-ARCHIVED, .course-view-type-ARCHIVED a:link {
    color: grey;
}

.course-view-type-CANCELED, .course-view-type-CANCELED a:link {
    color: grey;
    text-decoration: line-through;
}


/* registration page */
.registration-subtitle{
    margin-bottom: 20px;
}

#registration-former-student-form .ui-wizard-step-titles{
    display:none;
}


@media (max-width: 996px) {
  div.label {
      padding-bottom: 0px;
  }
  
  #content .ui-fluid .ui-button.button-full{
      width: 100%;
  }
  
  .user-account-link-wrapper{
        
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}

@media (min-width: 996px) {
    .user-account-link-wrapper{
        border-left: 1px solid #58585a;
        padding-left: 25px !important;
    }
}

#date-selection-dialog .ui-selectmanycheckbox label{
    display: inline;
}

#date-selection-dialog .title{
    font-weight: bold;
    font-size: 16px;
}

#date-selection-dialog .time-header .ui-chkbox.ui-widget{
    padding-right: 5px;
}

#date-selection-dialog .time-header{
    font-weight: bold;
    padding-bottom: 4px;
}

#date-selection-dialog .time-description{
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 34px;
}

#date-selection-dialog .time-description p{
    margin-bottom: 5px;
}


.course-detail, .course-title, .course-sub-title{
    -ms-user-select: None;
    -moz-user-select: None;
    -webkit-user-select: None;
    user-select: None;
}




/**breadcrumb*/

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
  content: "|";
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  margin: 0 0.5rem 0 0.5rem;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before {
  display: none;
}

/* groupselection overview */
.group-selection .card-item {
  
  /*padding: 25px; */
  /*margin: 5px;*/
  /*background: #009EE1;
  display: block ruby;*/
  
  /*border: 5px solid white;*/
}

.group-selection .card-item a, #content .group-selection .card-item .ui-button-text {
    color: white;
    font-size: 1.41667rem;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}

.group-selection i{
    float: right;
    color: white;
}

#content .group-selection .card-item .ui-button{
    width: 100%;
    padding: 25px 0px;
    margin: 0;
}

#content .group-selection .card-item .ui-button-icon-right{
    height: 100%;
    top:40% !important;
}