i,.mi{
  padding-left: 5px;vertical-align: middle;
}
html,body{height: 100%;}
body{
  background: transparent url(http://almaharah.org/theme/img/icon.svg) no-repeat;
  background-size: auto 88%;
  background-position: 100% 180%;
  font-size: 20px;
}
logo{height:70px;}
[autherlogo] { height: 70px; margin: 0 8px; }
ol, ul { padding: 0 14px; }
/* .btn{background-color: #5cb85c;} */
.link{text-decoration: underline;}
.link:hover{color: blue;}
.page_view{
  width: 100%;
  color: #05444a;
  margin-bottom: 20px;
}
.page_view h1 {
  background: #134f54;
  padding: 0 5px;
  margin: 5px 0;
  color: white;
  border-radius: 10px;
  text-align: center;
}
.page_view > div,.page_view > p {
  text-indent: 20px;
  margin: 10px 0;
  text-align: justify;
}
.sms_counter{
	position: absolute;
	left: 36px;
  font-size: 1em;
	bottom: 10px;
}
.title{
  font-size: 1.3em;
	font-weight: normal;
	background-color: #7aab3d;
	border-radius: 10px;
	padding: 2px 10px;
	color: white;
	text-align: center;
}
.inner-title, .inner .title{
  color: #05444a;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
  padding: 10px 5px;
  margin: -10px -9px;
  padding-bottom: 0;
  text-align: right;
  border-radius: 8px 8px 0 0;
  margin-bottom: 5px;
  font-size: 1.2em;
  line-height: 1;
}
.inner .title i.rm_pop{ padding: 0; }
.cont { padding-top: 10px; min-height: calc( 100vh - 300px ); overflow:auto; }
.red,red{color: #a02121;}
.greenbg, .redbg{ background-color: #99bd6d; }
.greenbg:hover, .redbg:hover{ background-color: #438a43 !important; }
span.validat-msg{font-size: 14px;}
hr{height: 0;}
@media (max-width: 751px) {
  .top_menu { margin: 0; display: block; padding: 0; position: fixed; top: 0; right: -60%; width: 140px; height: 100%; background: rgba(255,255,255,.8); box-shadow: 0 0 3px rgba(0,0,0,.2); transition: right 0.3s; overflow: auto; z-index: 5;padding: 5px 0; max-width: 250px; bottom: auto; height: auto; border-radius: 0 0 0 14px;}
  .top_menu.slide{right: 0;}
  .top_menu li{display:block;padding: 0; margin: 0;position: relative;}
  .top_menu > li{float:right;clear:right;width:100%;max-width:300px;}
  .top_menu li a{display:block;padding:5px;margin:5px 5px 0 5px;border-radius:10px;background:whitesmoke;text-align: center;}
  .top_menu li a:hover{font-weight: bold;}
  .top_menu ul{margin:0;padding:0;margin-right: 5px;border-right:4px solid rgba(0,0,0,0.1);}
  .top_menu >li > a { background: #05444a; color: white; }
  .top_menu > li > ul > li > a { background: #99bd6d; color: white; }
  .top_menu > li > ul > li  ul {display: none;}
  .top_menu ul.droped {display: block !important;}
  .top_menu ul li arrow{top: 0px; position: absolute; left: 5px;font-family: 'mi';color: white;cursor: pointer;}
  .top_menu ul li arrow:hover{color: #05444a;}
  .top_menu > li > ul > li > ul > li > arrow{color: inherit;}
  .top_menu ul li arrow:before{content: 'expand_more'; display: block; line-height: 34px;font-size: 30px;}
  .top_menu ul li arrow.droped:before{content: 'expand_less'; }
  logo{height: 70px;}
}
@media (min-width: 750px){
  .top_menu { list-style:none; position:relative; margin:0; padding:0; margin-top: 50px; }
  .top_menu a{ display:block; text-decoration:none; font-weight:700; font-size:15px; line-height:32px; padding:0 15px; }
  .top_menu li{ position:relative; margin:0; padding:0; border-radius: 8px; display: inline-block; }
  .top_menu li.current-menu-item{ background:#ddd }
  .top_menu li:hover{ background:#f6f6f6;border-radius: 8px 8px 0 8px; }
  ul.top_menu ul{ display:none; position:absolute; top:100%; right:0; background:#fff; padding:0; border: 0; border-radius: 8px 0 8px 8px;box-shadow: 0 1px 3px rgba(0,0,0,.4); z-index: 5;}
  .top_menu ul li{ float:none; width:200px; display: block; }
  .top_menu ul a{ line-height:120%; padding:10px 15px }
  .top_menu ul ul{ top:0; right:100% }
  .top_menu li:hover > ul{ display:block }
}
.footer_logo{max-width: 100%;margin: auto;width: 350px;}
.box{
  box-shadow: 0 4px 10px -4px rgba(0,0,0,.3);
  background: rgba(255,255,255,.7);
}
.log_logo i {
    line-height: 1.2;
    font-size: 33px;
    float: left;
    clear: left;
    color: #05444a;
}
header { padding: 10px 5px 0 5px !important; }
.page_view table {border: 0;min-width: 100%;font-size: 14px;font-weight: bold;position: relative;z-index: 1;max-width: none;}
.page_view th,.page_view td { position: relative;border: 0 !important; color: #05444a; text-align: center; white-space: nowrap;padding: 2px 4px;min-width: 21px;}
.page_view th { color: #fff !important;}
.page_view td:last-child { border: 0 !important; }
.page_view tr td::before {  content: ''; display: block; position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; background: rgba(143, 160, 122, 0.25); border-radius: 5px; z-index: -1; }
.page_view tr:nth-child(even) td::before { background: rgba(143, 160, 122, 0.15); }
.page_view th::before { content: ''; display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; background: #05444a; border-radius: 5px; z-index: -1; }
/* .page_view td { border-left: 2px solid rgba(5, 68, 74, 0.22) !important; } */
/* .page_view tr td:nth-child(even) { background: rgba(143, 160, 122, 0.4) !important; } */
.page_view .thairdline td:nth-child(3n+1) { border-right: 2px solid #99bd6d !important;}
/* .page_view .thairdrow tr:nth-child(3n+1) td { border-bottom: 2px solid #99bd6d !important;} */
.page_view .ninthgreen td:nth-child(9n+2):before { background: #99bd6d; }
.page_view .ninthgreen td:nth-child(9n+2) { color: #fff; }
.page_view .thairdrow tr:nth-child(3n+5) td { border-top: 2px solid #99bd6d !important; }
.page_view tr.line td { border-bottom: 2px solid #99bd6d !important;}
.page_view tr.linetop td { border-top: 2px solid #99bd6d !important;}
.page_view div { width: 100%; }
.page_view jex>.title:first-child {display: none;}
.page_view hr { border: 0; padding: 0; margin: 10px 0; clear: both; border-bottom: 1px dotted; height: auto; }
.page_view h2 { background: #05444a; color: #fff; text-align: center; border-radius: 7px; margin: 5px 0; font-size: 20px; }