body{background:rgba(218,165,32,0.3);/*springgreen rgb(150, 255, 100);*/overflow: auto;background-attachment: fixed;float: left;width:auto;height: 100%;min-height:  100px;z-index:-999;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;cursor: url(http://cur.cursors-4u.net/symbols/sym-5/sym452.cur), progress !important;}
#date{ margin: 0;color:brown;background: goldenrod;  border-bottom: 2px solid gold;font-size:12px;position: absolute; top:1%;left:0%;width:100%;height:auto;text-align:center;}
#back,#icon_warch{top:5px; right:5px;width:auto;height:auto;position: absolute;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);border: 2px outset #3DE5D1;}
#icon_warch{top:61%;width:45px;height:45px;border: 2px inset #EEE8AA;z-index:999;}
#stop{display:none;top:10px; right:10px;width:35px;height:35px;position: absolute;border-radius:2px;box-shadow: 1px 4px 4px 1px rgba(255,0,0,0.7);}
#back:hover,#icon_warch:hover,#stop:hover{cursor:pointer;box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.0);}
.zone-tajwid{top:10%;left:0%;width:100%;height:50%;position:absolute;z-index:1;}
.img_tajwid,.tajwid-video{top:0%;left:0%;height: 100%;width:70%;display:none;position: absolute;z-index:0;background:black;border-radius:20px;border: 4px inset khaki;}
.tajwid-video{width:100%;}#ilm{display: block;}
.sidenav.open {right: 0;}
.sidenav{background-color:darkkhaki;border-radius:10px;height: 100%;width: 30%;top:0px;right:0px;border:1px outset #EEE8AA;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;padding-right: 1px;padding-left: 1px; position:absolute;font-size:10px;font-weight: bold;display: block;overflow-x: hidden;border: 5px outset #F0E68C;z-index: 1;padding-top: 1px;padding-bottom: 1px;}
li.ma.pluselink:hover{border: 2px inset #EEE8AA;cursor:pointer;color:brown;background: goldenrod;box-shadow: 0 4px 12px  rgba(0, 0,0, 0.2);}
li.ma.pluselink,li.ma.pluselink ul li {box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);background:transparent;margin-right: 1px;padding-right: 1px;display: initial!important;position: relative!important;border: 1px inset #EEE8AA;margin-top: 1px;}
.ma {box-shadow: 0 4px 12px  rgba(255, 0,0, 1.7);font-size:150%;font-weight: bold;color:brown;background:gold;margin-right: 1px;padding-right: 1px;display: initial!important;position: relative!important;border: 4px inset #EEE8AA;margin-top: 1px;}
ul {background:orange;margin-right: 1px;padding-right: 1px;display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
ul ul {list-style-type: circle;margin-block-start: 0px;margin-block-end: 0px;}
li {border-radius: 5px;display: list-item;margin-right: 1px;padding-right: 1px;width: auto;height: auto;text-align: -webkit-match-parent;}
 #menu_tajwid ul li.ma.pluselink ul li:hover{background: gold;border: 1px inset #EEE8AA;box-shadow: 0 2px 8px  rgba(0, 0,0, 0.2);}
 #menu_tajwid ul li.ma.pluselink ul li, #menu_tajwid ul li.ma.pluselink ul{margin-right: 1px;padding-right: 1px;background-color:#F7D975;width: auto;height: auto;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);font-size:100%;}
 #menu_tajwid ul li.ma.pluselink ul li ul li{background:#DEA216;}
li.ma.pluselink:after {content: "";color: green;top: 2px;right: 1px;width: 1.2em;height: 1.2em;z-index: 9999;font-weight: bold;position: relative;text-align: center;border-radius: 2px;margin-top: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transition: all 0.2s;display: inline-block;}
 #menu_tajwid ul li.ma.pluselink:after {display: none;}
 #menu_tajwid ul li.ma.pluselink ul {right: auto;left: auto;top: auto;bottom: auto;display: block!important;position: relative;opacity: 1!important;visibility: visible!important;-webkit-transform: translateY(5px)!important;transform: translateY(5px)!important;margin: 10px auto;}
 #menu_tajwid ul {padding: 1px!important;display: block;border: 1px solid gold;margin-top: 1px;border-radius: 3px;}
 #menu_tajwid ul li {display: block!important;overflow: hidden;padding: 1px;text-align: center;border-bottom: 1px solid #eee;}
li.ma.pluselink ul li {color:blue;display: block!important;text-align:center;padding: 5px 5px;border-bottom: 1px solid #e0e0e0;position: relative;}
li.ma.pluselink ul li.ma.pluselink ul li{color:brown;display: block!important;text-align:center;padding: 1px 1px;border-bottom: 1px solid #e0e0e0;position: relative;}
 #menu_tajwid ul li.ma.pluselink ul:before {right: 80px;}
.pluselink ul:before {content: "";width: 0;height: 0;border-top: 2px solid transparent;border-right: 2px solid transparent;border-bottom: 2px solid #eee;border-left: 10px solid transparent;position: absolute;top: -20px;right: 20%;}
li.ma.pluselink ul {display: block;position: absolute;right: 0;width: 180px;background: #eee;top: 100%;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .3s;transition: opacity .3s,-webkit-transform .3s;-o-transition: opacity .3s,transform .3s;transition: opacity .3s,transform .3s;transition: opacity .3s,transform .3s,-webkit-transform .3s;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);visibility: hidden;-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.16);-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.16);-o-box-shadow: 0 3px 10px rgba(0,0,0,0.16);box-shadow: 0 3px 10px rgba(0,0,0,0.16);}
li.ma.pluselink ul li:before {content: "";top: 14px;right: 8px;width: 0;height: 0;border-top: 2px solid transparent;border-right: 2px solid #ccc;border-bottom: 5px solid transparent;border-left: 5px solid transparent;position: absolute;-webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.zone_tajwid_hafs{border:4px outset #EEE8AA;overflow: auto;top:70%;left:1%;width:98%;height:60%;position:absolute;z-index:1;box-shadow: 4px 8px 8px 4px rgba(0, 0,0, 1.2);}
#tajwid_image{top:0%;left:0%;width:100%;height:100%;display: block;margin:0px;padding:0px;position:absolute;z-index:2;}
/**
	#menu_tajwid ul li.ma{font-size:200%;}