/*

	27.10.2024

*/



/*	Special symbols # and b	*/

@font-face { font-family: Opus Chords Std; src: url("../../../files/scripts/chord-dictionary/static/media/OpusChordsStd.6e24e53467c24cc2caa2.html") format("truetype"); font-style: normal; font-weight: 400; }





.default__content.leksikonArticle .default__page__content{

	background: #ebebeb;



}

.default__content.leksikonArticle {

    max-width: none;

    padding-top: 15px;

}



.default__content.leksikonArticle > div,

.default__content.leksikonArticle > dl,

.default__content.leksikonArticle > form,

.default__content.leksikonArticle > p,

.default__content.leksikonArticle > ul {

    margin-left: auto;

    margin-right: auto;

}



.content__right  table.table + article.leksikonArticle {

    margin-top: 25px;

}



article.leksikonArticle {

    padding-bottom: 50px;

}



article.leksikonArticle .table {

    margin-top: 25px;

}



article.leksikonArticle .article-header {

    font-size: 15.008px;

}

article.leksikonArticle .title {

    font-size: 1.5em;

    font-weight: 700;

    margin-bottom: 20px;

}





article.leksikonArticle .listRow .col {

    display: inline-block;

}

article.leksikonArticle .listRow .category-row {

    white-space: nowrap;

    display: inline-block;

    margin: 2px;

}

article.leksikonArticle .listRow .category-row + .category-row,

article.leksikonArticle .listRow .col + .category-row {

    margin-left: 5px;

}



article.leksikonArticle .listRow  .col + .col {

   margin-left: 15px;

}

article.leksikonArticle .listRow .greyBox + .col,

article.leksikonArticle .listRow .whiteBox + .col {

    margin-left: 0;

    white-space: nowrap;

}

article.leksikonArticle .listRow .col + .whiteBox {

    margin-left: 20px;

}

article.leksikonArticle .listRow + .listRow {

    margin-top: 8px;

}



article.leksikonArticle .greyBox {

    background-color: #f2f2f2;

    font-weight: 600;

}

article.leksikonArticle .whiteBox {

    background-color: transparent;

    color: #878787;

}



article.leksikonArticle .greyBox,

article.leksikonArticle .whiteBox,

article.leksikonArticle .lexicalItemsList button.more {

    font-size: 11px;

    padding: 0 5px;

    border: 1px solid #dddcdc;

    line-height: inherit;

    text-transform: uppercase;

    border-radius: 4px;

}



article.leksikonArticle .listTitle {

  text-transform: uppercase;

  margin-right: 5px;

}



article.leksikonArticle .listRow ul {

    padding: 0;

    margin: 0;

}

article.leksikonArticle .listRow ul > li {

 display: inline-block;

}



article.leksikonArticle .listRow ul > li + li:before {

    content: '';

    position: relative;

    top: 3px;

    display: inline-block;

    margin-right: 10px;

    height: 15px;

    border-left: 1px solid #c0c0c0;

}

article.leksikonArticle .lexicalItemsList {

    font-size: 13px;

}



article.leksikonArticle .lexicalItemsList .ordforklaring {

    font-size: 100%;

}



article.leksikonArticle .lexicalItemsList .listRow .ordforklaring {

    border-bottom: none;

}



article.leksikonArticle .lexicalItemsList li,

article.leksikonArticle .lexicalItemsList .col > span {

    padding: 0 5px 0;

}



article.leksikonArticle .lexicalItemsList a {

    display: inline-block;

    padding: 0;

}



article.leksikonArticle .lexicalItemsList button.more {

    display: inline-block;

    color: #878787;

    cursor: pointer;

    margin-left: 5px;

    margin-top: 0;

    margin-bottom: 0;

    margin-right: 0;

    background-color: transparent;

}





article.leksikonArticle .alphabet__list {

    border: none;

    padding-left: 0;

    padding-right: 0;

	padding-top: 15px;

    margin: auto;

}



 .table th,

 .table td {

    background-color: #fbfbfb;

    border: 1px solid #ebebeb;

}





article.leksikonArticle .search-results:after {

    content: "";

    display: table;

    clear: both;

}



article.leksikonArticle .search-results .result-title > a {

    padding-top: 20px;

    color: #878787;

    line-height: 1.400em;

    font-weight: 600;

    text-decoration: none;

    transition: color 0.25s ease;

}

article.leksikonArticle .search-results .result-title > a:hover {

    color: #72ac51;

}

article.leksikonArticle .search-results .result-text {

    margin: 0 0 15px;

    padding-bottom: 10px;

    font-weight: 400;

    font-size: 1em;

    line-height: 24px;

}



article.leksikonArticle .search-results .result-text:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

}





table.block {display: block!important; }





article.leksikonArticle .default__page__title {

	margin-bottom: 16px;

	font-size: 32px;

	display: block;

	color: #1b1b1b;

	font-weight: 400;

/*	font-weight: 600;*/

	padding-left: 75px;

	padding-right: 75px;

}



article.leksikonArticle h1.default__page__title {

    font-size: 32px;

}

article.leksikonArticle h2.default__page__title {

    line-height: 1.25em;

    font-size: 32px;

}





article.leksikonArticle .highlight {

    background: none;

    font-weight: 600;

}



article.leksikonArticle .hiddenContent {

    display: none !important;

}





article.leksikonArticle dt,

article.leksikonArticle dd {

    float: none;

}



article.leksikonArticle .hiddenContent.show  {

    display: inline-block!important;

}



article.leksikonArticle .ordforklaring2 {

    cursor: help;

}

/*------------------*/

.default__page__content ul.glossaryList {

    padding-bottom: 0;

}



article.leksikonArticle .glossaryList {

   margin-top: 10px;

   list-style: disc;

   padding-left: 30px;

   font-size: 15.008px;

}



article.leksikonArticle .glossaryList .itemTitle,

article.leksikonArticle .glossaryList .itemAbbrev {

    font-weight: 600;

}



article.leksikonArticle .glossaryList > li + li {

    margin-top: 10px;

}

/*----------------------*/



article.leksikonArticle button.btn {

    font-size: 14px;

    line-height: 1em;

    font-family: "Open Sans", sans-serif;

    height: 40px;

    cursor: pointer;

    display: inline-block;

    text-align: center;

    border-radius: 22px;

    border: 0;

    color: #fff;

    background-color: #72ac51;

    padding: 0.750em 1.786em;

    text-decoration: none;

    font-weight: 600;

    -webkit-transition: 0.25s ease false;

    -moz-transition: 0.25s ease false false;

    -o-transition: 0.25s ease false false;

    transition: 0.25s ease;

    margin-left: 10px;

}



article.leksikonArticle button.btn:hover {

    background-color: #47752d;

}



article.leksikonArticle form .btn-toolbar {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    margin-top: 5px;

}



article.leksikonArticle .abbr {

    font-family: Georgia, 'DejaVu Serif', serif;

    font-weight: bold;

    font-style: italic;

    font-size: 1.1em;

}



.glos-item-left {

    font-size: 14px;

}



.glos-item-left:hover {

    color: #72ac51;

}



.content__right .searchReult {

    padding: 35px 15px 60px 15px;

}





.date {

    font-size: 12px;

    line-height: 1.5em;

	padding-top: 30px;

	padding-bottom: 30px;

	overflow: hidden;

}





.afbateiskBox .slick-slide,

.afbateiskBox .slick-slide a,

button {

    outline: none;

}











/*--------*/

article.leksikonArticle .search.search__page .description p {

    line-height: inherit;

    padding-bottom: 25px;

}



article.leksikonArticle .search.search__page h2 {

    line-height: 1.250em;

}



.search__page ul.pagination__list li.pagination__item {

    display: inline-block!important;

}



.sidebar__item.active ul li a {

    font-size: inherit;

}



.alphabeticResultBlock .description img {

    padding-top: 12px;

}













/* Notification for multiple results */

article.leksikonArticle.dictionary-notification{

    min-height: 54px;

	padding-bottom: 15px;

    padding-top: 15px;

    padding-left: 60px;

    padding-right: 20px;

    margin-bottom: 20px;

}



.info-icon {

    background: url(../../../images/info-icon.png);

    width: 21px;

    height: 21px;

    margin-right: 10px;

    position: absolute;

    top: 50%;

    left: 20px;

    transform: translateY(-50%);

    background-size: contain;

}







/* Left menu	*/

.containerModLeft{

	width: auto !important;

}



.ui-menu .ui-menu-item-wrapper {

    padding: 6px 3px 6px 14px;

    font-size: 14px;

}







.leksikonArticle .description strong,

.leksikonArticle .article-header strong {

    font-weight: 600;

}



.leksikonArticle .glossaryList .itemTitle a {

    color: #1b1b1b;

    text-decoration: none;

}











/**	Dictionary pages	**/



/* Search	*/

.dictionary-search-box{

	margin-bottom: 18px;

}



.dictionary-search-box input.search-query{

/*

	height: 40px;

	width: 100%;

	max-width: 500px;

	padding: 0 15px;

	color: #2b2d2e;

	border: none;

	outline: 1px solid #ebebeb;

*/

	font-size: 14px;

}





/*	Dictionary index page	*/

.dictionary-index-page article{

	margin-bottom: 20px;

}



.dictionary-index-page article:last-child{

	margin-bottom: 0px;

}



.dictionary-index-page h1,

.dictionary-index-page .default__page__content h2{

	padding-left: 0;

	padding-top: 52px;

}





/*	Dictionary categoryand index page header	*/

.dictionary-category-page article.leksikonArticle .default__page__title,

.dictionary-index-page article.leksikonArticle .default__page__title{

    padding-left: 0;

    padding-right: 0;

}

 



/*	Alfabet	*/



.alphabet__lead {

	margin-bottom:30px

}

.alphabet ul {

	list-style-type:none;

	position:relative;

	overflow:hidden;

	padding-left:0;		

}



.default__page__content .alphabet ul {

	padding-bottom: 1em;

}



.alphabet ul li {

	float:left;

	height:30px;

	min-width:17px;

	margin-left:0;

	margin-right:8px;

	text-align:center;

	padding-left:0;

	cursor:pointer;

	border-bottom:1px solid #fff

}

.alphabet ul li:last-child {

	margin-right:0

}

.alphabet ul li a {

	color:#b7b7b7;

	font-weight:700;

	font-size:1.25em;

	line-height:1.3em;

	text-transform:uppercase;

	text-decoration:none;

	text-align:center;

	display:inline-block;

	width:100%;

	height:100%

}

.alphabet ul li a:hover {

	color:#72ac51;

	text-decoration:none

}



.alphabet-item a{

	display: block;

	line-height: 1.6em;

/*	text-transform: capitalize;*/



}



/*	only for old part	*/

.alfabet a{

	display: block;

}





/*	Chord, Note pages	*/

.chord-description,

.note-description,

.scale-description{

	padding-left: 75px;

	padding-right: 75px;

}



.chords-description{

	padding-left: 0;

	padding-right: 0;

}



.default__page__content .chord-description p{

	max-width: initial;	

}



/*	Translations box	*/

.translations-box{

	display: block;

	width: 100%;

	color: #4d4d4d;

	padding-top: 30px;

	padding-bottom: 75px;

	padding-left: 75px;

	padding-right: 75px;

	margin-top: 20px;

	background: white;

	border-radius: 4px;

}



.translations-box select{

	margin-top: 8px;

	cursor: pointer;

}



.translations-box > h2{

    padding-bottom: 13px;

}



.translations-box .chosen-container{

	max-width: 300px;

	margin-top: 20px;



}



.translations-box .chosen-results li:first-child {

	display: none !important;

}





/* First letter style for the page heading and paragraphs */



article.leksikonArticle .default__page__title:first-letter,

.default__page__content p:first-letter,

.default__page__content .chord-dictionary-title h2:first-letter{

	text-transform: uppercase;

}







/*	Dictionary items boxes	*/



.chords-list,

.scales-list,

.notes-list{

}



.chords-body,

.notes-body,

.scales-body

{

	background: white;

	border-radius: 4px;

}





/*	Tools box	*/



.chord-tools{

	padding-top: 1px;

}



.piano-wrapper,

.guitar-wrapper,

.ukulele-wrapper,

.notation-wrapper{

	display: block;

	padding-bottom: 8px;

	margin-top: 20px;

	background: white;

	border-radius: 4px;

}



.piano-wrapper:last-child,

.guitar-wrapper:last-child,

.ukulele-wrapper:last-child,

.notation-wrapper:last-child{

	padding-bottom: 55px;

}



.default__page__content .chord-tools h2,

.default__page__content .translations-box h2{

	margin-bottom: 8px;

	font-size: 32px;

	display: block;

	color: #1b1b1b;

	font-weight: 400;

	line-height: 1.250em;

}



.default__content.item-page .default__page__content .chord-dictionary-title h2,

.translations-box h2{

	display: block;

	color: #1b1b1b;

	font-family: "Open Sans", sans serif;

/*	font-weight: 200;*/

	font-weight: 400;

	font-size: 32px;

	line-height: 1.250em;

	padding-top: 70px;

}



.chord-dictionary-title{

	padding-left: 75px;

	padding-right: 75px;

}







.tooltip-target{

	cursor: help;

}



.info-badge{

	display: flex;

	align-items: center;

	justify-content: space-between;

	background: #f8f8f8;

	border: 1px solid #c8c8c8;

	border-radius: 4px;

	border-radius: 5px;

	color: #4d4d4d;

	font-size: 12px;

	font-weight: 700;

	margin-right: 10px;

	padding: 1px 7px;

	text-transform: uppercase;

	white-space: nowrap;

	cursor: help;

}





/*	temp */



.info-name, .info-name ul {

  align-items: center;

  display: flex;

}

.info-name {

  font-family: Open Sans,sans-serif;

  padding: 5px 0;

}



/*.info-badge {*/

.info-name ul {

  flex-wrap: wrap;

  list-style: none;

  margin: 0;

  padding: 0;

}

.info-name, .info-name ul {

  align-items: center;

  display: flex;

}



.info-name .separator {

  border-right: 1px solid #d2d2d2;

  margin: 0 10px;

}



.info-name, .info-name ul {

  align-items: center;

  display: flex;

}

.info-name ul {

  flex-wrap: wrap;

  list-style: none;

  margin: 0;

  padding: 0;

}







.default__page__content .dictionary-alphabet-page p{

	max-width: 100%;

}



/*	Special symbols # and b	*/

.--accidentals-circle {

/*	font-family: "Opus Chords Std";	*/

	font-family: Arial Unicode MS, Lucida Sans Unicode;

	font-style: normal;

}



.triangle-symbol{

/*	font-size: 20px;

	margin-right: -5px;*/

	vertical-align: middle;

}









/*	Chords category	*/





/* Serge style fix*/

.chords-body .chord-info,

.notes-body .note-info,

.scales-body .scale-info{

	padding-top: 10px;

	padding-left: 75px;

	padding-right: 75px;

	padding-bottom: 75px;

	width: 100%;

	color: #000;

}





/*	Styles for the symbols	*/

.acc-symbol{

	font-family: Arial Unicode MS, Lucida Sans Unicode;

/*	font-family: Opus Chords Std;*/

}



.acc-symbol__second{

	font-family: Arial Unicode MS, Lucida Sans Unicode;

/*	font-family: Opus Chords Std;*/

	margin-left:-2px;

}



.acc-double-sharp,

.acc-double-sharp__red{

	display: inline-block;

	width: 8px;

	height: 8px;

	background: url('../../../files/images/lessons/en/double-sharp.svg') no-repeat center;

	background-size: contain;

	vertical-align: middle;

}



.acc-double-sharp__red{

	background-image: url('../../../files/images/lessons/en/double-sharp-red.svg');

}



.red-symbol,

.red-symbol *{

	color: #db4437 !important;

}



/* For Serge's tools */

.fret .acc-double-sharp{

	background-image: url('../../../files/images/lessons/en/double-sharp-white.svg');

}





.nobreak{

	white-space: nowrap;

}







/*	Media rules	*/



@media (max-width: 1005px) {



	.default__content.leksikonArticle .default__page__content{

		background: white;

	}



	.chord-description,

	.note-description,

	.scale-description{

		padding-left: 60px;

		padding-right: 60px;

	}



	article.leksikonArticle .default__page__title{

		margin-top: 15px;

	}

	

	article.leksikonArticle .dictionary-item-page .default__page__title

	{

		padding-left: 60px;

		padding-right: 60px;

	}

	

	

	article.leksikonArticle .dictionary-alphabet-page .default__page__title

	{

		padding-left: 0px;

		padding-right: 0px;

	}

	

	

	article.default__content {

		border-radius: 0px;

	}

	

	article.leksikonArticle .page-header.default__page__header h1{

		margin-left: 0;

		margin-right: 0;

	}

	

	.dictionary-index-page h1.default__page__title{

		padding-top: 15px;

	}

	

	.piano-wrapper,

	.guitar-wrapper,

	.ukulele-wrapper,

	.notation-wrapper{

		border-radius: 0;

	}		



	.default__page__content .dictionary-item-page.chords-body,

	.default__page__content .dictionary-item-page.notes-body,

	.default__page__content .dictionary-item-page.scales-body{

		border-radius: 0;

	}		



	.dictionary-index-page,

	.default__page__content .chords-body > div,

	.default__page__content .notes-body > div,

	.default__page__content .scales-body > div,

	.chord-tools .chord-dictionary-title h2,

	.note-tools .chord-dictionary-title h2,

	.scale-tools .chord-dictionary-title h2{

		max-width: 750px;

		margin-left: auto;

		margin-right: auto;

	}

	

	.default__page__content .dictionary-alphabet-page.chords-body,

	.default__page__content .dictionary-alphabet-page.notes-body,

	.default__page__content .dictionary-alphabet-page.scales-body{

		max-width: 750px;

		padding-left: 60px;

		padding-right: 60px;

	}		







	.default__content.item-page .default__page__content .chord-tools .chord-dictionary-title h2,

	.default__content.item-page .default__page__content .note-tools .chord-dictionary-title h2,

	.default__content.item-page .default__page__content .scale-tools .chord-dictionary-title h2{

		padding-left: 60px;

		padding-right: 60px;

		padding-top: 0px;

		margin-bottom: 16px;

	}

	

	.chord-tools .chord-dictionary-title,

	.note-tools .chord-dictionary-title,

	.scale-tools .chord-dictionary-title{

		padding-left: 15px;

		padding-right: 15px;

	}





		

	.chords-body .chord-info,

	.notes-body .note-info,
	.scales-body .scale-info {

		padding-left: 60px;

		padding-right: 60px;

	}



	.content__right.col-9-m {

/*		background: #ebebeb;*/

		background: #fff;

	}

	

	.dictionary-notification > div{

		margin-top: -15px;

	}





	.default__page__content > div.translations-box{

		max-width: 750px;

		margin-left: auto;

		margin-right: auto;

		padding-left: 60px;

		padding-right: 60px;

	}

	

  

/* Serge style fix*/

	article.default__content{

		padding-top: 30px /*!important*/;

	}

		

	.buttons-module .buttons{

		max-width: 750px;

	    margin-left: auto;

	    margin-right: auto;

	    padding-left: 60px;

	    padding-right: 60px;

	}

	

	

	article.leksikonArticle.dictionary-notification{

		padding-top: 30px;

	}

	

	

	

}			





@media (max-width: 766px) {

	

	.content__right.col-9-m {

		background: white;

	}



	.default__content.leksikonArticle{

		padding-top: 10px;

	}



	article.leksikonArticle .default__page__title{

		margin-top: 0px;

	}



	article.leksikonArticle .dictionary-item-page .default__page__title

	{

		padding-left: 15px;

		padding-right: 15px;

	}

	

	.default__page__content .dictionary-alphabet-page.chords-body,

	.default__page__content .dictionary-alphabet-page.notes-body,

	.default__page__content .dictionary-alphabet-page.scales-body{

		padding-left: 0px;

		padding-right: 0px;

	}		



	.default__page__content .chords-body > div,

	.default__page__content .notes-body > div,

	.default__page__content .scales-body > div,

	.chord-tools .chord-dictionary-title h2,

	.note-tools .chord-dictionary-title h2,

	.scale-tools .chord-dictionary-title h2{

		max-width: 100%;

	}

		

	.default__page__content .dictionary-alphabet-page.chords-body > div,

	.default__page__content .dictionary-alphabet-page.notes-body > div,

	.default__page__content .dictionary-alphabet-page.scales-body > div{

		padding-left: 0px;

		padding-right: 0px;

	}		



	.default__content.item-page .default__page__content .chord-tools .chord-dictionary-title h2,

	.default__content.item-page .default__page__content .note-tools .chord-dictionary-title h2,

	.default__content.item-page .default__page__content .scale-tools .chord-dictionary-title h2{

		padding-left: 0px;

		padding-right: 0px;

	}

	

/* Serge style fix*/

/*	.chord-tools .chord-dictionary-title,

	.note-tools .chord-dictionary-title,

	.scale-tools .chord-dictionary-title{

		padding-left: 30px;

	}

*/		

	.chord-description,

	.note-description,

	.scale-description{

		padding-left: 15px;

		padding-right: 15px;

	}

	

	.chords-body .chord-info,

	.notes-body .note-info,

	.scales-body .scale-info{

		padding-left: 15px;

		padding-right: 15px;

	}	

		

	.dictionary-index-page h1{

		padding-top: 0px;

	}

	

	.dictionary-notification > div{

		margin-top: 0px;

	}

	

	article.leksikonArticle.dictionary-notification{

		padding-top: 15px;

	}





	.default__page__content > div.translations-box{

		max-width: 100%;

		padding-left: 15px;

		padding-right: 15px;

	}

	

	

/* Serge style fix*/

/*	.buttons-module{

		padding-left: 0 !important;

		padding-right: 0 !important;

	}*/	

	.buttons{

		padding-left: 15px !important;

		padding-right: 15px !important;

	}

}









@media (min-width: 431px) {

	

/* Search	*/

	.default__page__content .dictionary-search-box input.search-query{

		width: 300px;

	}	

}



@media (max-width: 430px) {

	

/* Search	*/

	.dictionary-search-box .btn-group .btn{

		width:  100%;

		margin-left: 0;

		margin-right: 0;

		margin-top: 20px;

	}



	.btn-toolbar{

		flex-direction: column;

	}

	

	.btn-toolbar > div{

		width: 100%;

	}	

}