.ar .text,
.pageHeaderTitle.ar {
	font-family: 'Scheherazade New';
	font-size: 1.2rem;
}

.voiceBlock {
	direction: rtl;
}

.voiceIcon {
	margin-right: 0;
	margin-left: 0.5rem;
}

.phraseLayer,
.htmlPhraseLayer {
	flex-direction: row-reverse;
}

.phraseLayer.ar,
.htmlPhraseLayer.ar {
	direction: rtl;
	flex-direction: row;
}

/* because of rtl */
.phraseLayer .layerName,
.htmlPhraseLayer .layerName {
	margin-right: 0;
	margin-left: 0.5rem;
}

.phraseLayer {
	text-align: right;
}

.phraseBlock .phraseActions {
	flex-direction: row-reverse;
}

.pageTitleLayer {
	margin-bottom: unset;
}

.htmlPage {
	padding: 1rem;
}

.htmlPhraseLayer {
	flex-direction: row;
}

/* grammar table */

.grammarTable {
	/* 	display: flex;
	flex-direction: column;
	align-items: center; */
	text-align: center;
}

.grammarTable .table {
	display: table;
	border: 2px solid #e0e0e0;
	direction: rtl;
	margin-top: 20px;
}
.grammarTable .cel {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px !important;
	direction: rtl;
}
.grammarTable .col {
	display: table-column;
}
.grammarTable .row {
	display: table-row;
	direction: rtl;
}
.grammarTable .cap {
	display: table-caption;
	text-align: center;
}
.grammarTable .lb {
	border-left: 1px solid #e0e0e0;
}
.grammarTable .bb {
	border-bottom: 1px solid #e0e0e0;
}
.grammarTable .no-pad {
	padding: 0px !important;
}

textarea.layer-ar {
	font-family: Scheherazade New;
	direction: rtl;
}

/* order: to place play buttons column to the center, between 2 textareas */
.phrasesPlayColumn {
	order: 2;
}

textarea.layer-0 {
	order: 1;
}

textarea.layer-1 {
	order: 3;
}