/* ------------------------------------------------------------------------- *\

	custom FVA COMOT styling
	written by the left hand of mtness

	2019-05-20

*/



/* ------------------------------------------------------------------------- */ /* misc */

@media (max-width: 991px) {
	.hide-mobile {
		display: none !important
	}
}

@media (min-width: 992px) {
	.hide-desktop {
		display: none !important
	}
}

/* ------------------------------------------------------------------------- */ /* default form elements styling */

.ui.form fieldset {
	border: 0;
	margin-bottom: 30px;
}
.ui.form fieldset > legend {
	font-size: 1.33rem;
}

.ui.form .form-group {
	margin-bottom: 20px;
}
.ui.form .form-group .control-label {
	min-width: 130px;
	display: inline-block;
}

.ui.form .comot-fielderror {
	color: #800;
}
.ui.form .comot-fielderror + input:not([type="checkbox"]),
.ui.form .comot-fielderror + textarea,
.ui.form .comot-fielderror + .dropdown,
.ui.form .comot-fielderror + div>input:not([type="checkbox"]),
.ui.form .comot-fielderror + div>textarea,
.ui.form .comot-fielderror + div>.dropdown,
.ui.form .comot-fielderror + div>div input {
  border: 1px solid #800;
  outline: none;
}

.parsley-errors-list {
	font-size: 12px;
}

.ui.form .selection {
	display: block;
}

.helpBlock {
	font-size: 0.8em;
	line-height: 1.25em;
	margin-top: 6px;
	margin-bottom: 0;
}


.comot .ui.radio.checkbox {
	margin-right: 1em;
}

.comot .ui.radio.checkbox .box,
.comot .ui.radio.checkbox label {
	padding-left: 1.4em;
}

@media (min-width: 1025px) {
	.content .comot fieldset p {
		max-width: 40vw;
	}
	.content .comot .submission fieldset p {
		max-width: unset;
	}
}


/* ------------------------------------------------------------------------- */ /* "my conference" overview */

.comot .overview .col-md-4 {
	padding-top: 20px;
	padding-bottom: 40px;
}


/* ------------------------------------------------------------------------- */ /* comot ui modal */

.comot-js-modal-content {
	padding: 2.25rem 2.25rem;
}

.comot-js-modal-content .ui.form .form-group {
	margin: 1.5rem 0;
}

.ui.modal .comot-js-modal-content .actions > .button {
	margin-left: 0;
	margin-bottom: 0.75rem;
}

/* ------------------------------------------------------------------------- */ /* loading spinner */

#comot-spinner {
	visibility: hidden;
	width: 100%;
	position: fixed;
	top: 20vh;
	left: 0;
	opacity: 1;
}
.loading #comot-spinner {
	visibility: visible;
}
#comot-spinner .progress {
	margin: 0 auto;
	width: 25%;
}
#comot-spinner .progress-bar {
	background-color: #337AB7;
	width: 100%;
}

/* ------------------------------------------------------------------------- */ /* comot navigation */

.content section.comot h1 {
	border-bottom: 1px solid #e6e6e6;
}


.content section.comot .ui.message:last-child {
	margin-bottom: 40px;
}


/* ------------------------------------------------------------------------- */ /* hide dialogs and loading spinners by default */

#dialog {
	display:none;
}
#comot-spinner {
	display:none;
}

/* ------------------------------------------------------------------------- */ /* clean up s-ui */

.ui.message .header + .ui.list {
	margin-top: 10px;
}

.ui.message .header + .ui.list li {
	margin-top: 10px;
	line-height: 1;
}

.ui.right.aligned.basic.segment {
	padding: 0;
}

.comot .ui.tiny.button {
	font-size: .6rem;
}

.comot .ui.icon.comot-js-voucherButton i.icon {
	font-size: .75em;
	line-height: .75em;
}

/* ------------------------------------------------------------------------- */ /* shop and bookings */

.comot h4 span {
	color: #fff;
	background-color: #999;
	line-height: 1.5em;
	padding: 3px 4px 2px;
}

.comot .ui.segment {
	background-color: #f6f6f6;
}

.comot .review .ui.segment:not(.secondary),
.comot .ui.very.padded.segment {
	background-color: unset;
}

.comot .personListItem {
	display: inline-block;
	padding: 4px 14px 4px 10px;
	background-color: #eee;
	border-radius: 3px;
}

#comot-js-persons + a {
    margin: 1rem;
}

#comot-js-newPerson .ui.form > .inline.fields {
	position: relative;
	left: -10px;
}

.exvat {
	font-size: 0.7em;
}

.comot .ui.cards .card.package.unavailable {
	display: none;
}

.ui.flat.clearing.segment.box.green {
	margin-top: 2rem;
}

#cartFilled,
.comot .totalPrice table.pricing
 {
	font-weight: bold;
}

.ui.card.cartItem {
	border-top: 2px solid #666;
	background-color: #fcfcfc;
	width: 100%;
	padding: 1em;
}

#noPackagesAvailable {
	text-align: center;
	font-weight: bold;
	width: 100%;
}

#packages {
	margin-bottom: 2em;
}

#packages .ui.styled.accordion {
	margin-top: .5em;
}

#packages .ui.styled.accordion .card .title {
	border: 0;
	padding: 0;

}

.ui.styled.extras {
    width: 100%;
    border-radius: 2px;
    box-shadow: unset;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-top: 0;
	background-color: #fcfcfc;
}
.ui.styled.extras .title {
    background: 0 0;
    color: rgba(0,0,0,.95);
    margin: 0;
    padding: .75em 1em;
    color: rgba(0,0,0,.4);
    font-weight: 700;
}
.ui.styled.extras .content {
    margin: 0;
    padding: .5em 1em 1.5em;
}
#packages .ui.styled.extras .card .title {
	border: 0;
	padding: 0;

}
#packages .ui.styled.extras .card .title + p {
	display: block;
	margin-top: 16px;
	font-size: 16px;
}

.ui.button.package__deny-button.selected {
	background-color: #db2828;
	color: #fff;
	text-shadow: none;
	background-image: none;
}
.ui.button.package__deny-button.selected:focus {
	background-color: #ca1010;
}


.shop__cart-actions .ui.form .comot-js-voucherCode {
    width: unset;
    padding: .67857143em 1em .52857143em;
}

@media (max-width: 1024px) {
    .shop__cart-actions .ui.form,
    .shop__cart-actions .ui.form + .col {
        padding: 0;
    }
    .shop__cart-actions .ui.button {
        margin: 0 0 .75rem 0;
    }
}


.comot .shop table.pricing,
.comot .shop-confirm table.pricing,
.comot .payment table.pricing,
.comot .bookings table.pricing {
	width: 100%;
	min-width: 100%;
}
.comot table.pricing {
	font-size: inherit;
	margin: 0;
}
.comot table.pricing .price {
	text-align: right;
}

.ui.checkbox.accept a {
	text-decoration: underline;
}

.paymentMethods {
	border: 0;
}

.payment .row .billingAddress .basic.segment {
	padding-top: 0;
	padding-bottom: 0;
}

.payment .row .billingAddress .basic.segment p:last-child {
	margin-bottom: 0;
}

.payment .row.person {
	margin-top: 1rem;
}

.shop #comot-js-personList,
.shop .row.personSelection h4,
.shop .row.availablePackages h4,
.shop .row.comot-js-person h4,
.payment .row.person h4 {
	margin-left: 1rem;
}

.shop .row.comot-js-person + .row.comot-js-person,
.shop-confirm .row.person + .row.person,
.payment .row.person + .row.person {
	padding-top: 15px;
	margin-top: 15px;
}

.shop .row.availablePackages {
	overflow: hidden;
}

.shop #comot-js-personList .ui.checkbox {
	padding: 10px;
	background-color: #eee;
	border-radius: 3px;
}

#shop-confirm-form .toc {
	text-align: center;
}

#shop-confirm-form .toc a {
	text-decoration: underline;
}

.comot .bookings {
	margin-left: 15px;
	margin-right: 15px;
}
.comot .bookings .invoice {
	margin-bottom: 1.5rem;
	padding-top: 1.5rem;
}

.comot .bookings .invoice.container + p {
	padding-top: 1.5rem;
	border-top: 1px solid #e6e6e6;
}

.comot .bookings .invoice.border {
	border-top: 2px solid #999;
}
.comot .bookings .invoice__title {
	font-size: 120%;
	font-weight: bold;
}
.comot .bookings .invoice__data {
	margin-bottom: 2rem;
}
.comot .bookings .invoice__person-name {
	font-weight: bold;
}
.comot .bookings .invoice__payee-name {
	font-weight: bold;
}

/* ------------------------------------------------------------------------- */ /* paper management */

.paper-management.full {
	position: relative;
	left: calc(-50vw + 712px);
	width: 96vw;
}
.sticky .papermgmtform table.ui.table thead {
}
.papermgmtform table.ui.table thead th {
	vertical-align: top;
	border-bottom-width: 2px;
	padding: .25em .5em;
}
.papermgmtform table.ui.table thead th:nth-child(3) {
	min-width: 160px !important;
}
.papermgmtform table th[class^=sort] span {
	cursor: pointer;
}
.papermgmtform table th.sorting span::after {
	font-family: Icons;
	content: "\f0dc";
	padding: 1px 0 0 5px;
	color: #888;
}
.papermgmtform table th.sorting_asc span::after {
	font-family: Icons;
	content: "\f0d7";
	padding: 1px 0 0 5px;
	color: #888;
}
.papermgmtform table th.sorting_desc span::after {
	font-family: Icons;
	content: "\f0d8";
	padding: 1px 0 0 5px;
	color: #888;
}


.papermgmtform table td:nth-child(2) a strong {
	display: block;
}
.papermgmtform table td:nth-child(3) > a:first-child {
	background-color: #ccc;
	padding: 2px 4px 0;
	color: #fff;
}

.papermgmtform table td:last-child {
	text-align: center
}
.papermgmtform table thead th:last-child {
	/* width: 100px; */
}
.papermgmtform table th:last-child button {
	display: inline-block;
}
.papermgmtform table td .flagButtons button.ui.button {
	padding: .75em;
}

.mgt.row {
	padding-top: 20px;
}
.mgt.row .export button,
.mgt.row .send button {
	margin-bottom: 8px;
	min-width: 65%;
	text-align: left;
}
.ui.form .mgt.row .export input {
	width: 65%;
	display: block;
}

.mgt.row .setreset .col-sm-4 {
	width: 25%;
	padding-bottom: 8px;
}
.mgt.row .setreset .col-sm-8 {
	width: 75%;
	padding-bottom: 8px;
}

.paper-management.full .person_org {
	display: block;
	font-size: 0.9em;
	color: #444;
}

.paper-management.full .personDetailsButton {
	display: block;
	padding-top: 4px;
}


/* ------------------------------------------------------------------------- */ /* review */

.review .submission th {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	font-weight: normal;
	color: #666;
}
.review .submission td {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	font-size: 1.2em;
}
.review .submission td.filelist {
	word-wrap: anywhere;
}

.content .review .submission td img {
	width: unset;
}

/* ------------------------------------------------------------------------- */ /* Program Planner */

.comot .lecturer {
	margin-top: 7px;
	line-height: normal;
	padding-right: 1em;
}

.comot .lecturer a {
	display: inline-block;
	padding-bottom: .5em;
	font-size: 14px;
}

.comot .lecturer a span {
	font-size: 12px;
}

.comot-full-width {
	width: 100% !important;
	max-width: 100% !important
}

.comot-flex-row {
	display: flex;
	flex-direction: row;
	width: 100%
}

.comot-flex-column {
	display: flex;
	flex-direction: column
}

.comot-justify-content-center {
	justify-content: center
}

.comot-justify-content-between {
	justify-content: space-between
}

.comot-justify-content-around {
	justify-content: space-around
}

.comot-justify-content-end {
	justify-content: flex-end
}

.comot-justify-content-start {
	justify-content: start
}

.comot-align-items-center {
	align-items: center
}

.comot-flex-wrap {
	flex-wrap: wrap
}

.conference-plan {
	width: 100%
}

.conference-plan .track__title {
	background-color: #eee;
	color: #999;
}
.conference-plan .track.title {
	background-color: #f6f6f6;
}

.conference-plan .track.title em {
	font-style: initial;
}

.conference-plan i.icon {
	cursor: pointer;
	transition: .2s ease-in-out;
}
.conference-plan i.icon:hover {
	opacity: 0.7;
}

.conference-plan .show-selection-btn {
	margin-bottom: 2rem
}

.conference-plan .schedule-save-button-wrap {
	margin-top: 2rem
}

.conference-plan .selection-checkbox {
	margin: 5px 0
}

.conference-plan .timeslot--mobile {
	width: 100%;
	margin-bottom: 1rem;
	border-color: #d6d6d6
}

.conference-plan .timeslot__title {
	min-width: 7rem;
	padding: 8px;
	border: 1px solid #fff;
	background-color: #f6f6f6;
	color: #999;
	text-align: left
}

.conference-plan .track {
	width: 100%;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	padding: 8px;
	position: relative;
}

.conference-plan .track:empty {
	background: repeating-linear-gradient(
		-30deg,
	  #fff,
	  #fff  4px,
	  #ccc2 4px,
	  #ccc2 8px
	);
}



.conference-plan .track--no-top {
	border-top: none
}

.conference-plan .track--bottom {
	border-bottom: 1px solid #d6d6d6
}

.conference-plan .track--mobile {
	max-width: 100% !important;
	min-width: 29rem !important;
	border-top: none;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6
}

.conference-plan .track__title {
	border-top-color: #fff;
	border-right-color: #fff;
	vertical-align: middle;
	font-weight: normal;
	color: #222;
}

.conference-plan .filtered .track__title {
	display: none
}

.conference-plan .personDetailsButton {
	font-size: 0.8em
}

.conference-plan .element-info {
	font-size: 0.8em;
	color: #999;
	margin-top: 7px
}

.conference-plan .feedback-star {
	background: none;
	border: none;
	font-size: 1.5em;
	padding: 0 0.15em
}

.conference-plan .feedback-star--selected {
	color: gold
}

.conference-plan .utilization {
	margin-top: 7px;
	color: #880000;
	font-size: 0.8em
}

.conference-plan .ui.flat.clearing.segment {
	margin-top: 4rem
}

.edit-contribution-btn {
	margin-bottom: 5px
}

.comot-js-session-wrapper {
	padding: .5em 0 1em;
}

select.comot-js-session {
	padding: 5px;
}

.comot-program-element-wrapper {
	cursor: move
}

.comot-program-element-wrapper > div {
	padding-left: 1em !important;
}
.comot-program-element-wrapper > button {
	margin-left: 1em !important;
	margin-bottom: 1em !important;
}

.comot-programplaner-timeslot {
	min-width: 6rem !important;
	text-align: center !important
}

.comot-edit-programElement-btn {
	white-space: normal
}

.programElement .lecturer span {
	padding-bottom: .5em;
	font-size: 0.8em;
	display: inline-block;
	line-height: 1.2;
}

.comot-empty-tracks-btn {
	background-color: #eee;
	color: #999;
	padding: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff
}

.comot-track-icon {
	margin: 0 5px
}

.comot-add-day {
	margin-top: 1rem
}

.element-wrapper--drag {
	border: 1px solid green
}

.element-wrapper--dragover {
	background-color: rgba(62,212,105,0.5)
}

.content .comot .conference-plan .track a {
	line-height: 1.3;
	display: inline-block;
}

.content .comot .contribnr {
	color: #666;
	font-weight: bold;
	position: absolute;
	top: 2px;
	right: 14px;
	font-size: 1.35em;
}

.content .comot .contribution .row a {

}

.content .comot .contribution .row a:after {
	content: "";
}

.content .comot .contribution .unfinished {
	max-width: 1.5em;
}


/* ------------------------------------------------------------------------- */ /* check-in */

.checkin__search .col-sm-2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/* ------------------------------------------------------------------------- */ /* planner */

.planner .timezone-notice {
	margin-bottom: 4px;
}

.comot-js-planner .ui.button {
	margin-bottom: 4px;
}

/* ------------------------------------------------------------------------- */ /* planner modal */

#plannerModal h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	font-size: 21px;
	line-height: 28px;
	padding-bottom: 10px;
}

#plannerModal h4 {
	margin-bottom: 12px;
	font-size: 18px;
}

#plannerModal h6 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 12px;
	margin-bottom: 3px;
}

.ui.modal p {
	line-height: 1.5em;
}

.comot-js-modal-content li.contribution {
	cursor: pointer;
	margin: 0 0 4px;
	padding: 2px 4px;
	border-radius: 2px;
}
.comot-js-modal-content li.contribution:hover {
	background-color: #ccc;
}

/* ------------------------------------------------------------------------- */ /* approval feature */

.comot .ui.red.segment.payment__approval-info {
	text-align: center;
	padding: 2em;
	background-color: #fee;
	color: #600;
}

/* ------------------------------------------------------------------------- */ /* contribution */

section.contribution {
	margin-top: 40px;
}


/* ------------------------------------------------------------------------- */
/* EOF */