/* yhdistys */

.yhdistys-search {
	margin-bottom: 40px;
}

.yhdistys-search table {
	width: 100%;
}

.yhdistys-search table td {
	padding: 10px 10px;
}

.yhdistys-search table td:first-child {
	padding-left: 0;
}

.yhdistys-search table td.btn {
	width: 225px;
	text-align: right;
	padding-right: 0;
}

.yhdistys-search table td.last {
	width: 150px;
	text-align: right;
	padding-right: 0;
}

.yhdistys-search table td:last-child {
	padding-right: 0;
}

.yhdistys-search select,
.yhdistys-search .select2-container .select2-selection--single{
	height: 47px;
}

.yhdistys-search .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 47px;
}

.yhdistys-search table .button {
	margin-top: 0;
	white-space: nowrap;
}

.yhdistys-search .arrange {
	text-transform: uppercase;
	font-size: 80%;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	margin-right: 10px;
}

.yhdistys-search .arrange span:before {
	content: "\f0dc";
	font-family: 'FontAwesome';
	margin-right: 5px;
}
.yhdistys-search .arrange.gray span:before {
	content: "\f0d7";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

.yhdistys-search .arrange.desc span:before {
	content: "\f0d8";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

@media (max-width: 940px) {
	.yhdistys-search table td {
		display: block;
		float: left;
		width: 50%;
	}

	.yhdistys-search table td.btn {
		width: 100%;
		margin-top: 10px;
		padding-right: 10px;
	}

	.yhdistys-search table td.btn h3 { display: none; }

	.yhdistys-search table .button:hidden {
		display: none;
	}
}

@media (max-width: 480px) {
	.yhdistys-search table td {
		display: block;
		float: left;
		width: 100%;
		margin-top: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	.yhdistys-search table td.btn {
		width: 100%;
		margin-top: 10px;
		padding-right: 0px;
	}

	.yhdistys-search table td.btn h3 { display: none; }
}

.yhdistys .white {
	padding: 40px;
	margin-bottom: 40px;
}

.yhdistys .description h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.yhdistys .description img {
	max-width: 200px;
	height: auto;
}

.yhdistys .address .col {
	float: left;
	width: 50%;
}

.yhdistys .address .col:first-child {
	padding-right: 10px;
}

.yhdistys .address .col:last-child {
	padding-left: 10px;
}

.yhdistys .address td  {
	padding: 5px 0px;
}
.yhdistys .address table tr td:first-child {
	padding-right: 20px;
	color: #6a6a6a;
}

.genre {
	display: inline-block;
	padding: 3px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	background-color: #eeeeee;
	border-radius: 3px;
}

.yhdistys .testimoniaali {
	padding: 0;
}

.yhdistys .testimoniaali table td:first-child {
	line-height: 0;
	width: 30%;
}

.yhdistys .testimoniaali table td:last-child {
	vertical-align: middle;
	padding: 40px;
}

.yhdistys .testimoniaali td h1,
.yhdistys .testimoniaali td h2,
.yhdistys .testimoniaali td h3 {
	margin-top: 0;
}

.edit-yhdistys .modify-testimonial textarea {
    margin-top: 10px;
}

.yhdistys .carousel .col-50 {
	width: 50%;
}

.yhdistys .carousel img {
	float: left;
	width: 40%;
	height: auto;
	margin-right: 0;
}

.yhdistys .carousel .swiper-slide div {
	float: left;
	width: 60%;
	padding-left: 20px;
	padding-right: 20px;
}

.yhdistys .carousel p.small {
	font-size: 85%;
	color: #6a6a6a;
}

.white-bg {
	background-color: #fff;
}

.yhditys-row {
	padding-top: 55px;
	padding-bottom: 40px;
}

.show-if-rights {
	opacity: 0;
	visibility: hidden;
}

@media (max-width: 1500px) {
	 .textwrap-mobile {
		word-break: break-all;
	}
}

@media (max-width: 768px) {
	.yhdistys .white {
		padding: 20px;
	}

	.yhdistys .address .col {
		width: 100%;
	}

	.yhdistys .address .col:first-child {
		padding-right: 0px;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.yhdistys .address .col:last-child {
		padding-left: 0px;
	}
}

@media (max-width: 480px) {
	.yhdistys .address .col table td {
		float: left;
		display: block;
		width: 100%;
	}

	.yhdistys .address table tr td:first-child {
		padding-bottom: 0;
	}
}
.contacts {
	margin-bottom: 40px;
}

.instructor-table {
	width: 100%;
	font-size: 85%;
}

.instructor-table th {
	text-transform: uppercase;
	text-align: left;
	padding: 20px 20px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
}

.instructor-table td {
	padding: 20px 20px;
}

.instructor-table.instructor-table--public td {
	padding: 20px 15px;
	font-size: 12px;
}

tr:nth-child(even) { background-color: #fff; }

.instructor-table td img {
	border-radius: 100%;
}

.instructor-table td:first-child {
	width: 120px;
	padding-left: 20px;
}

.person-modify {
	float: left;
	position: relative;
}

.person-modify span {
	visibility: hidden;;
  	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	line-height: 100px;
	text-align: center;
	color: #ffffff;
	font-size: 180%;
	background-color: rgba(76,176,232,0.8);
	border-radius: 100%;
	-webkit-transition: visibility 0s, opacity 0.2s linear;
	transition: visibility 0s, opacity 0.2s linear;
}

a.person-modify:hover span {
	visibility: visible;
  	opacity: 1;
}

.instructor-table .last {
	font-size: 140%;
}

.instructor-table .last .fa {
	color: #4cb0e8;
	margin-right: 15px;
}

.instructor-table td.gray {
	color: #6a6a6a;
}

.instructor-table td p {
	margin-bottom: 10px;
}

.instructor-table td p:last-child {
	margin-bottom: 0;
}

@media (max-width: 1170px) {
	.contacts {
		overflow: auto;
	}

	.person-modify {
	    width: 100px;
	}

	.contacts tr th {
		display: none;
	}
}


/*
 * Ohjaajarekisteri
 */

.instructor-search {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* 
 * Bootstrap utility classes for Extranet 
 */

.clearfix::after, 
.cf::after {
	content: "";
	clear: both;
}

.d-table-cell {
    display: table-cell !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.text-primary {
    color: #2370B7 !important;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.justify-content-between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.align-items-end {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.instructor-search label {
    font-weight: bold;
    margin-bottom: .5rem;
    display: inline-block;
}

.instructor-search .location-col {
	width: 50%;
	padding: 10px 15px;
}

.instructor-search .search-col {
	position: relative;
	width: 33%;
	padding: 10px 10px;
}

.instructor-search .search-col.search-col--multivalue {
	padding-right: 40px;
}

.instructor-search .search-col:first-child {
	padding-left: 0;
}

.instructor-search .search-col:last-child {
	padding-right: 0;
}

.instructor-search .search-col--button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 10%;
	padding-top: 0;
	padding-bottom: 0;
}

.instructor-search .add-input {
	position: absolute;
    right: 0;
	bottom: 10px;
	margin: 0;
    padding: 0px 10px;
    font-size: 34px;
    background-color: transparent;
    color: #2370b7;
}

.instructor-search .search-col--button button {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	width: 100%;
    height: 40px;
	margin-bottom: 15px;
}

.instructor-search.instructor-search--intra .search-col--button button {
	margin-bottom: 10px;
}

@media screen and (max-width: 810px) {
	.instructor-search.instructor-search--intra .search-col--button button {
		margin-top: 15px;
	}
}

.instructor-search .date-wrapper {
	position: relative;
	display: inline-block;
    width: 100%;
}

.instructor-search .date-wrapper::before {
	content: '\f073';
	position: absolute;
	top: 50%;
    right: 15px;
    width: 16px;
	height: 23px;
	font-family: 'FontAwesome';
	background: none;
	opacity: 1;
	transform: translateY(-50%);
	color: #888;
	pointer-events: none;
}

.instructor-search .date-dash {
	width: auto;
	padding-top: 0;
	padding-right: 0;
    padding-bottom: 15px;
	padding-left: 0;
	font-size: 25px;
	text-align: center;
}

.instructor-search .clear-button {
	margin-top: 0;
	margin-bottom: .5rem;
	padding: 0;
	font-size: 12px;
	background-color: transparent;
	color: #333;
    cursor: pointer;
    position: relative;
    text-align: center;
	border: none;
}

.instructor-search .select2 {
    width: 100% !important;
}

.instructor-search:not(.instructor-search--intra) input {
	width: 100%;
    height: 40px;
	margin-top: 5px;
    margin-bottom: 5px;
	padding-top: 12px;
	padding-left: 15px;
	border: 1px solid #dadada !important;
	border-radius: 3px;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 85%;
	color: #4c4c4c;
	box-shadow: none;
}


/*
 * Instructor search results
 */

.instructor-search-results {
	min-height: 140px;
}

.instructor-table td {
	position: relative;
}

.instructor-table tr:nth-child(even) {
    background-color: #f5f5f5;
}

.instructor-description:hover {
	cursor: pointer;
}

.instructor-table .instructor-tooltip {
	display: none;
	position: absolute;
    top: 80px;
    left: 20px;
    width: 300px;
	padding: 10px;
	-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	        box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	background-color: white;
	z-index: 1;
}

.instructor-table th.sorting span,
.instructor-table th.sorting_asc span,
.instructor-table th.sorting_desc span {
    position: relative;
	display: inline-block;
    padding-left: 12px;
}

.instructor-table th.sorting span::before,
.instructor-table th.sorting_asc span::before,
.instructor-table th.sorting_desc span::before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}


/*
 * Instructor add/modify contact editor form
 */

.instructor-editor {
}

.instructor-editor .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    float: left;
	clear: both;
	width: 100%;
	margin: 0 -15px;
}

@media screen and (max-width: 700px) {
	.instructor-editor .form-row {
		display: block;
	}
}

.instructor-editor .form-group {
	position: relative;
	float: left;
	width: 370px;
	margin-bottom: 30px;
	padding: 0 15px;
}

.instructor-editor--public .form-group {
	width: 50%;
}

.instructor-editor--public label {
	display: block;
}

@media screen and (max-width: 700px) {
	.instructor-editor .form-group {
		width: 100%;
	}
}

.instructor-editor .form-tooltip-trigger {
	background-color: white;
    font-size: 13px;
    color: #2370b7;
    width: 20px;
    height: 20px;
    border: 1px solid #2370b7;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    margin-left: 5px;
	line-height: 18px;
}

.instructor-editor .form-tooltip {
    display: none;
	position: absolute;
	top: 105%;
	/* bottom: -40px; */
	left: 16px;
    width: 300px;
    padding: 8px;
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    background-color: white;
    font-size: 13px;
    z-index: 1;
}

.instructor-editor .select2-container {
	display: block;
}

.instructor-editor .select2-container .select2-selection--single .select2-selection__rendered {
	font-weight: normal;
}

.instructor-editor .success {
	color: #2370b7;
}

.instructor-editor .error {
	color: #d61616;
}

.instructor-editor label {
	font-weight: bold;
}

.instructor-editor label.checkbox span:not(.form-tooltip-trigger) {
	float: left;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 10px;
    background: url(../intra/img/checkbox.gif) left bottom no-repeat;
    color: #686868;
}

.instructor-editor label.checkbox.checked span {
    background-position: left top;
}

.instructor-editor.instructor-editor--public label.checkbox span:not(.form-tooltip-trigger) {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
}

.instructor-editor input, 
.instructor-editor textarea,
.instructor-editor .select2-container {
	margin-top: 5px;
}

.instructor-editor textarea {
	background: #ffffff;
    border: solid 1px #eeeeee;
    color: #333333;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-size: 90%;
    line-height: 1.3;
    border-radius: 3px;
}

.instructor-editor input[type="file"] {
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.instructor-editor .multivalue label {
	display: block;
	position: relative;
	padding-right: 40px;
}

.instructor-editor .multivalue .add-input {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0px 10px;
    font-size: 34px;
    background-color: transparent;
    color: #2370b7;
}

.instructor-editor--public .multivalue .add-input {
	bottom: -5px;
}

.instructor-editor img {
    display: block;
	width: 70px;
	margin-top: 5px;
}

.instructor-editor select.hidden + .select2 {
    display: none;
}

.instructor-editor--public .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 7px;
}

@media screen and (max-width: 810px) {
	.instructor-search > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.instructor-search .search-col {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.instructor-search-results {
		overflow-x: scroll;
	}

	/* .instructor-search-results::after {
		content: '';
	    position: absolute;
	    top: 0;
	    height: 100%;
	    width: 66px;
	    pointer-events: none;
	    z-index: 1;
	    opacity: 1;
	    -webkit-transition: opacity .1s;
		transition: opacity .1s;
		
		right: 0;
		background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
		background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff);
		background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
	} */

	.instructor-table th:first-child,
	.instructor-table td:first-child {
		display: none;
	}
}