@font-face {font-family: 'Noto Naskh Arabic'; src: local('Noto Naskh Arabic'), url('../fonts/NotoNaskhArabic.woff2') format('woff2'), url('../fonts/NotoNaskhArabic.woff') format('woff'), url('../fonts/NotoNaskhArabic.ttf') format('truetype'); font-weight: normal; font-style: normal;}
html, body {margin: 0px;}
body {font-family: Arial, sans-serif; font-size: 10.5pt; padding: 10px;
text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
ar {font-family: 'Noto Naskh Arabic'; direction: rtl; line-height: 1.4;}
big {font-size: 24pt;}
shape {font-size: 20pt; line-height: 1;}
rom {font-family: 'Source Sans Pro', Arial, sans-serif;}
rom img {vertical-align: baseline; height: 12px;}
rom small {font-family: Arial, sans-serif;}
gn {font-size: 10.5pt; font-style: italic; color: #008000;}
p {margin: 0px;}
p.lex ar {font-size: 20pt;}
p.lex rom{font-size: 12pt;}
p.lex rom small {font-family: Arial, sans-serif; font-size: 9pt;}
p.var a, p.var a:visited {color: #800000;}
p.var a {text-decoration: none;}
p.var ar {font-size: 16pt;}
ul.def {font-size: 10.5pt;}
ul.def li {margin-top: 5px;}
ul.def li.note {font-size: 9pt; color: #800080; list-style: none; margin-left: -20px; margin-top: 0px;}
ul.def ar {font-size: 16pt; line-height: 1;}
ul.def rom {font-size: 11pt;}
ul.def gn {font-size: 10pt;}
ul.def img {height: 12px; vertical-align: middle; margin-bottom: 2px;}
pos {font-size: 10.5pt; font-style: italic; color: #0000ff;}
li small {font-size: 9pt;}
li small ar {font-size: 10.5pt;}
hr {border-top: none;}
ul {margin: 0px; padding-left: 20px;}
gr {color: #808080;}
h1 {font-size: 16pt; margin: 0px 0px 5px 0px;}
h3 {font-size: 12pt; margin: 0px 0px 5px 0px;}
nobr {white-space: nowrap;}
td.red {color: #c00000;}

a {color: #0000c0; text-decoration: none;}
a:visited {color: #0000c0;}
a.cat, a.conj, a.root {display: inline-block; border: 1px solid #c0c0c0; font-size: 10pt; padding: 2px; float: right;}
a.cat {background-color: #ffff80; margin-left: 2px;}
a.root {background-color: #60c060; margin-left: 2px;}
a.conj {background-color: #c0ffc0; margin-left: 5px;}
a.irr {background-color: #ffc0c0 !important;}
a.tag {font-size: 10pt; color: #ffffff; text-decoration: none;  margin-left: 4px;}

select {border: 1px solid #808080; background-color: #f1f1f1; width: 100px; padding: 4px; font-size: 16px; vertical-align: middle;}
input {border: 1px solid #808080; background-color: #f1f1f1; padding: 5px; font-size: 16px;}
input[type=text] {background-color: #f1f1f1; width: 288px; vertical-align: middle;}
input[type=submit] {background-color: DodgerBlue; color: #fff; width: 80px; margin-right: 5px; vertical-align: middle;}
.autocomplete {position: relative; display: inline-block; margin-bottom: 10px;}
.autocomplete-items {position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0px; right: 0px;}
.autocomplete-items div {padding: 5px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; font-size: 16px;}
.autocomplete-items div:hover {background-color: #e9e9e9;}
.autocomplete-items div ar {font-size: 16pt; line-height: 1;}
.autocomplete-active {background-color: DodgerBlue !important; color: #ffffff;}

table.conj {border-collapse: collapse;}
table.conj td {border: 1px solid #c0c0c0; padding: 2px 5px;}
table.conj td.ar {font-family: 'Noto Naskh Arabic', sans-serif; font-size: 16pt; line-height: 1.4; border-right: none; padding-right: 1px; text-align: right;}
table.conj td.rom {font-family: 'Source Sans Pro', sans-serif; font-size: 10.5pt; border-left: none; padding-left: 1px; text-align: left;}
table.conj tr.title {font-size: 10pt; font-weight: bold; background-color: #e0f0ff; text-align: center;}

#topnav, #content, #cats {position: fixed; padding: 10px;}
#topnav {top: 0px; left: 0px; right: 0px; height: 60px; background-color: #e0e0e0;}
#content, #cats {top: 80px; bottom: 0px;}
#content {left: 0px; right: 200px; overflow: auto;}
#cats {width: 180px; right: 0px; overflow-y: auto;}
#topnav ul {padding-left: 20px; margin: 0px; font-size: 10.5pt;}