@charset "utf-8";
.graycolor a:link,.graycolor a:visited{
    color: #404040
}
.graycolor #lnkgreen{
    display: none
}
@font-face{
    font-family: 'DroidKufi-Bold';
    src: url('../fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidKufi-Bold.woff') format('woff'), url('../fonts/DroidKufi-Bold.ttf') format('truetype'), url('../fonts/DroidKufi-Bold.svg#svgFontName') format('svg')
}
@font-face{
    font-family: 'DroidArabicKufi';
    src: url('../fonts/DroidArabicKufi.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidArabicKufi.woff') format('woff'), url('../fonts/DroidArabicKufi.ttf') format('truetype'), url('../fonts/DroidArabicKufi.svg#svgFontName') format('svg')
}
*,*:before,*:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body{
    color: #404040 !important;
    overflow: auto;
    margin: 0px auto;
    padding: 0px;
    direction: rtl;
    min-width: 450px;
    max-width: 2200px;
    background-color: #fff;
    font-family: 'DroidArabicKufi', 'tahoma'
}
body > form > div{
    font-family: 'DroidArabicKufi', 'tahoma';
    font-size: 16px
}
.clr{
    clear: both;
    display: block;
    height: 0;
    padding: 0 !important
}
img{
    border: 0;
    vertical-align: middle
}
a{
    text-decoration: none;
    outline: 0
}
body a:hover{
    text-decoration: none !important
}
ul{
    -webkit-padding-start: 0
}
#s4-ribbonrow,.ms-cui-menu{
    z-index: 999999999 !important
}
table td{
    vertical-align: top
}
.header{
    max-width: 1160px;
    width: 100%;
    padding: 0;
    margin: 0 auto
}
.tooltips > div{
    transition: all 0.3s ease-out;
    position: absolute;
    top: 34px;
    box-shadow: 0px 0px 50px -20px rgba(0, 0, 0, 0.75);
    background-color: #fff;
    z-index: 999999999
}
.tooltips.srclose > div{
    visibility: hidden;
    opacity: 0
}
.tooltips.sropen > div{
    visibility: visible;
    opacity: 1
}
.logo img{
    width: 225px;
    margin-right: -20px
}
.logo:link,.logo:visited{
    display: block;
    float: right;
    margin: 10px 5px
}
.vision img{
    width: 62px;
    margin-top: 5px
}
.vision:link,.vision:visited{
    display: block;
    float: right;
    margin: 0 5px;
    padding: 0px 15px 0 0px;
    border-right: 1px solid #BABABA;
    margin-top: 23px
}
span.loginclass{
    color: #fff !important;
    font-family: 'DroidArabicKufi', 'tahoma'
}
.loginclass{
    color: #fff !important;
    font-family: 'DroidArabicKufi', 'tahoma';
    font-size: 18px;
    margin-top: 5px
}
a#ctl00_ss_IdWelcome_lvName_hlLogOut{
    border-top: 1px dotted #ddd;
    float: right;
    width: 100%
}
.logout_links{
    float: left;
    padding: 0;
    margin: 4px 0 0;
    list-style: none;
    font-family: DroidArabicKufi;
    font-size: 18px
}
.logout_links > li{
    display: inline-block;
}
.logout_links > li:after{
    content: "";
    height: 20px;
    width: 1px;
    background-color: #958a5f;
    position: absolute;
    right: 0;
    top: 3px
}
.logout_links > li:first-child:after{
    display: none
}
.logout_links > li span,.logout_links > li a:link,.logout_links > li a:visited{
    color: #0d8c60;
    cursor: pointer
}
.logout_links > li.lang{
    font-family: 'Segoe UI', sans-serif
}
li.logoutlink{
    border-top: 1px dotted #ddd
}
.logout > div{
    width: 280px;
    left: 0%;
    margin-right: -50px;
    border-radius: 5px;
    top: 40px
}
.logout_ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.logout_ul li{
    border-bottom: 1px dotted #ddd;
    text-align: center;
    padding: 10px 0
}
.logout_ul li:last-child{
    border-bottom: none
}
.logout_ul li div{
    background-color: #958a5f;
    border-radius: 5px;
    width: 100%;
    margin-top: 10px;
    overflow: hidden
}
.logout_ul li div span{
    display: block;
    width: 33.3333%;
    border-left: 1px solid #fff;
    float: left;
    padding: 5px 0;
    color: #fff
}
.logout_ul li div span:last-child{
    border-left: none
}
.logout_ul li div span:hover{
    background-color: #0d8c60
}
.logout_ul i{
    font-size: 30px;
    color: #958a5f
}
.logout_ul i:hover{
    color: #0d8c60
}
ul.Logout_ul{
    color: #008055;
    list-style: none
}
.tooltips > div{
    border: 1px solid #ddd;
    padding: 10px;
    border-top: 2px solid #ddd
}
.tooltips .triangle-up{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: -8px;
    opacity: 0.0;
    transition: all 0.3s ease-out;
    z-index: 9999
}
.tooltips.sropen .triangle-up{
    opacity: 1.0;
    transition: all 0.3s ease-out
}
.tooltips .triangle-down{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ddd;
    position: absolute;
    top: -10px;
    right: 50%;
    margin-right: -8px;
    opacity: 0.0;
    transition: all 0.3s ease-out;
    z-index: 9999
}
.tooltips.sropen .triangle-down{
    opacity: 1.0;
    transition: all 0.3s ease-out
}
.settings > div{
    width: 150px;
    right: 50%;
    margin-right: -75px;
    border-radius: 5px
}
.settings i{
    font-size: 22px
}
.settings i:hover{
    color: #958A5F
}
.settings_ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.settings_ul li{
    border-bottom: 1px dotted #ddd;
    text-align: center;
    padding: 10px 0
}
.settings_ul li:last-child{
    border-bottom: none
}
.settings_ul li div{
    background-color: #958a5f;
    border-radius: 5px;
    width: 100%;
    margin-top: 10px;
    overflow: hidden
}
.settings_ul li div span{
    display: block;
    width: 33.3333%;
    border-left: 1px solid #fff;
    float: left;
    padding: 5px 0;
    color: #fff
}
.settings_ul li div span:last-child{
    border-left: none
}
.settings_ul li div span:hover{
    background-color: #0d8c60
}
.settings_ul i{
    font-size: 30px;
    color: #958a5f
}
.settings_ul i:hover{
    color: #0d8c60
}
.ms-sbtable{
    width: 100%
}
.ms-sbcell{
    width: 80%
}
.ms-sbgo{
    padding-right: 5px
}
td.ms-sbgo img{
    border: none !important
}
.srch > div{
    width: 300px;
    right: 50%;
    margin-right: -150px;
    border-radius: 5px
}
.srch i{
    font-size: 20px
}
.srch i:hover{
    color: #958A5F
}
.srch input[type="text"]{
    width: 100% !important;
    float: right;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none !important;
    font-style: normal;
    height: 32px
}
.srch input[type="button"]{
    width: 18%;
    float: right;
    margin-right: 2%;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #fff;
    padding: 5px;
    background-color: #958a5f;
    border-radius: 3px;
    border: none;
    cursor: pointer
}
.srch input[type="button"]:hover{
    background-color: #0d8c60
}
input[type=button],input[type=reset],input[type=submit],button{
    min-width: 0
}
.top_menu{
    background-color: #0d8c60;
    position: relative;
    z-index: 99
}
.top_menu.fixed{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.90)
}
.top_menu .t_menu .logo_res{
    display: none
}
.top_menu.fixed .t_menu .logo_res img{
    height: 40px
}
.top_menu.fixed .t_menu .logo_res{
    float: right;
    position: relative;
    top: -13px;
    margin-bottom: -13px;
    display: inline-block
}
.t_menu > a.logo_res{
    border: none !important
}
.t_menu{
    height: 60px;
    max-width: 1205px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    z-index: 99
}
.t_menu > a:link,.t_menu > a:visited,.t_menu > a{
    float: left;
    display: block;
    font-family: DroidKufi-Bold;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #0d8c60;
    border-radius: 5px
}
.t_menu > a:hover{
    border: 1px solid #fff
}
.t_menu > span{
    float: left;
    display: block;
    font-family: DroidKufi-Bold;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    padding: 10px 5px;
    border: 1px solid #0d8c60;
    border-radius: 5px
}
.top_menu.fixed .t_menu > span,.top_menu.fixed .t_menu > a:nth-child(5){
    display: none
}
#menu{
    padding: 0;
    margin: 0;
    list-style: none
}
#menu > li{
    float: right
}
#menu > li > a:link,#menu > li > a:visited{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-align: center;
    border: 1px solid #0d8c60;
    border-radius: 5px;
    line-height: 20px;
    margin-left: 10px;
    position: relative
}
#menu > li > a img:nth-child(1){
    visibility: hidden;
    width: 0
}
#menu > li > a img:nth-child(2){
    visibility: visible;
    width: 12px
}
#menu > li:hover > a img:nth-child(2){
    visibility: hidden;
    width: 0
}
#menu > li:hover > a img:nth-child(1){
    visibility: visible;
    width: 12px
}
#menu > li > a.current{
    border: 1px solid #fff
}
#menu > li:hover > a{
    background-color: #fff;
    color: #0d8c60;
    border-radius: 5px 5px 0 0;
    border: 1px solid #0d8c60
}
#menu > li:hover > a:after{
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: -10px;
    background-color: #fff
}
#menu > li > ul{
    display: none;
    padding: 10px;
    margin: 0;
    list-style: none;
    background-color: #fff;
    width: 100% !important;
    position: absolute;
    top: 60px;
    right: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 10px 10px
}
#menu > li > ul > li{
    padding: 5px;
    float: right;
    width: 25%
}
#menu > li.awareness > ul > li{
    width: 25%
}
#menu > li.sectors > ul > li{
    width: 100%
}
#menu > li.media > ul > li{
    width: 20%
}
#menu > li.services > ul > li{
    width: 50%
}
.dropdown{
    padding: 0;
    margin: 0;
    list-style: none
}
#menu > li > ul > li .s_img{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px
}
#menu > li.ministry > ul > li .s_img{
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    height: 136px
}
#menu > li > ul > li .s_span{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #958a5f;
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 10px
}
#menu > li ul ul{
    padding: 0;
    margin: 0;
    list-style: none
}
#menu > li > ul > li a img{
    width: 12px;
    float: left;
    width: 12px
}
#menu > li > ul > li > a:link,#menu > li > ul > li > a:visited{
    background-color: #f3f3f3;
    color: #404040;
    display: block;
    padding: 10px;
    margin-bottom: 1px
}
#menu > li > ul > li > a:hover{
    color: #958a5f
}
#menu > li > ul > li > ul{
    padding: 10px 0
}
#menu > li.ministry > ul > li > ul{
    min-height: 50px
}
#menu > li.ministry > ul > li:first-child > ul,#menu > li.awareness > ul > li:first-child > ul{
    min-height: 0px;
    padding: 0
}
#menu > li > ul > li > ul a:link,#menu > li > ul > li > ul a:visited{
    color: #404040;
    font-family: DroidArabicKufi;
    font-size: 15px;
    display: block;
    padding: 2px 5px
}
#menu > li > ul > li > ul a:hover{
    color: #958a5f
}
#menu > li.services > ul > li > ul > li{
    width: 50%;
    float: right
}
.slicknav_nav .awareness .dropdown > li:first-child{
    display: none
}
.slicknav_menu{
    display: none;
    font-size: 14px;
    padding: 3px 0 0
}
.slicknav_btn{
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 0 0 10px;
    cursor: pointer;
    text-decoration: none
}
.slicknav_menu .slicknav_menutxt{
    display: block;
    line-height: 1.188em;
    float: left;
    color: #404040;
    font-size: 18px;
    white-space: nowrap
}
.slicknav_menu .slicknav_icon{
    float: right;
    margin: 6px
}
.slicknav_menu .slicknav_icon-bar{
    display: block;
    width: 40px;
    height: 5px;
    background-color: #fff
}
.slicknav_btn .slicknav_icon-bar .slicknav_icon-bar{
    margin-top: 0.3em
}
.slicknav_nav{
    clear: both;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    right: 0;
    background-color: #1d7b5b
}
.slicknav_nav ul,.slicknav_nav li{
    display: block
}
.slicknav_nav li{
    border-top: 1px solid #1ea174
}
.slicknav_nav a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 17px
}
.slicknav_nav a img{
    width: 12px;
    float: left;
    position: relative;
    bottom: -5px
}
.slicknav_nav > li > a > a > img:first-child{
    display: none
}
.slicknav_nav > li > a > a,.slicknav_nav > li > ul > li > a > a{
    position: relative;
    z-index: -1
}
.slicknav_nav > li > a,.slicknav_nav > li > ul > li > a{
    z-index: 99;
    position: relative
}
.slicknav_nav > li > ul > li > a{
    border-top: 1px solid #ccc
}
.slicknav_nav a .s_img,.slicknav_nav a .s_span{
    display: none
}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{
    display: inline;
    padding: 0;
    margin: 0
}
.slicknav_menu:before,.slicknav_menu:after{
    content: "";
    display: table
}
.slicknav_menu:after{
    clear: both
}
.slicknav_nav,.slicknav_nav ul{
    list-style: none;
    overflow: hidden
}
.slicknav_nav ul{
    padding: 0;
    margin: 0
}
.slicknav_nav .slicknav_row{
    padding: 10px
}
.slicknav_nav ul li{
    width: 100%;
    background-color: #f3f3f3;
    border-top: none
}
.slicknav_nav ul ul li{
    background-color: #fff;
    border-top: 1px dotted #ccc
}
.slicknav_nav ul a{
    color: #404040 !important;
    font-size: 16px;
    margin: 0
}
.slicknav_nav ul ul a{
    margin: 0 5px
}
.slicknav_nav ul ul{
    background-color: #fff
}
.slicknav_nav li ul li:last-child a{
    border-bottom: none
}
.slicknav_nav .slicknav_txtnode{
    margin-left: 15px
}
.slicknav_open .slicknav_icon span{
    display: none
}
.slicknav_open .slicknav_icon{
    background: url(../images/close_menu.png) no-repeat center center;
    width: 40px;
    height: 23px;
    display: inline-block
}
.footer_sec{
    background-image: url(/_layouts/15/MOH/Internet/New/images/bgFooterGray_ar.jpg);
    padding-top: 25px;
    padding-bottom: 25px;
    background-repeat: repeat-x
}
.footer{
    padding: 15px 0;
    margin: 0 auto
}
.scrollup{
    position: absolute;
    bottom: -10px;
    left: 50px;
    display: none;
    z-index: 9
}
.footer > div:nth-child(2){
    border-top: none;
    border-bottom: none
}
.footer > div > strong{
    display: block;
    text-align: right;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight: normal;
    color: #5F6267;
    border-bottom: solid #9A935D 2px;
    padding-right: 0px;
    padding-bottom: 8px
}
.footer > div > strong > span{
    color: #0d8c60
}
.ful{
    margin: 0;
    list-style: none;
    text-align: right;
    margin-right: 13px
}
.ful a:link,.ful a:visited{
    font-size: 16px;
    color: #606368
}
.ful a:hover{
    color: #9A935D;
    text-decoration: none !important
}
.ful li{
    padding: 3px 5px;
    list-style-image: url('/_layouts/15/MOH/Internet/New/images/iconListFooter_ar.png')
}
.ful .iconSVG img{
    width: 75px
}
.ful li.ad{
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 5px;
    margin: 3px
}
.implinks{
    margin-top: 30px
}
.implinks h5{
    line-height: 11px
}
.implinks .spaneeGreen{
    color: #3D8962;
    padding-top: 3px
}
.implinks .spaneeGreen a:link{
    color: #3D8962
}
.implinks .spaneeGreen a:visited{
    color: #3D8962
}
.implinks .spaneeGreen a:hover{
    color: #99945D
}
.implinks .spaneeGray{
    color: #717274
}
.implinks .OneLine{
    padding-top: 15px;
    display: inline-grid
}
.copyrigh_sec{
    text-align: center;
    font-family: DroidArabicKufi;
    position: relative
}
.copyrigh_sec ul{
    padding: 0 0 10px;
    margin: 0;
    list-style: none
}
.copyrigh_sec ul li{
    display: inline-block;
    padding: 0 3px
}
.ficons{
    position: absolute;
    right: 50px;
    top: 50px
}
.happy{
    position: relative;
    margin-left: 10px;
    display: inline-block;
    z-index: 99999
}
.happy.srclose > span > img:nth-child(1){
    display: block;
    cursor: pointer;
    width: 60px
}
.happy.srclose > span > img:nth-child(2){
    display: none;
    cursor: pointer;
    width: 60px
}
.happy.sropen > span > img:nth-child(1){
    display: none;
    cursor: pointer;
    width: 60px
}
.happy.sropen > span > img:nth-child(2){
    display: block;
    cursor: pointer;
    width: 60px
}
.tooltips.happy > div{
    bottom: 90px;
    top: auto;
    width: 320px;
    border-radius: 5px;
    border-bottom: 2px solid #ddd
}
.tooltips.happy > div img{
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 100px;
    padding: 1px;
    transition: all 0.3s ease-out
}
.tooltips.happy > div img:hover{
    border: 3px solid #ccc;
    border-radius: 100px;
    padding: 1px;
    transition: all 0.3s ease-out;
    cursor: pointer
}
.tooltips.happy > div strong{
    display: block;
    font-weight: normal;
    font-size: 22px;
    font-family: DroidKufi-Bold
}
.contactus{
    position: relative;
    margin-left: 10px;
    display: inline-block;
    z-index: 99999
}
.contactus.srclose > span > img:nth-child(1){
    display: block;
    cursor: pointer;
    width: 60px
}
.contactus.srclose > span > img:nth-child(2){
    display: none;
    cursor: pointer;
    width: 60px
}
.contactus.sropen > span > img:nth-child(1){
    display: none;
    cursor: pointer;
    width: 60px
}
.contactus.sropen > span > img:nth-child(2){
    display: block;
    cursor: pointer;
    width: 60px
}
.tooltips.contactus > div strong{
    display: block;
    font-weight: normal;
    font-size: 22px;
    font-family: DroidKufi-Bold
}
.tooltips.contactus > div{
    bottom: 90px;
    top: auto;
    width: 440px;
    border-radius: 5px;
    border-bottom: 2px solid #ddd
}
.contactus select{
    width: 80%;
    float: right;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none
}
.contactus input[type="button"]{
    width: 18%;
    float: right;
    margin-right: 2%;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #fff;
    padding: 5px;
    background-color: #958a5f;
    border-radius: 3px;
    border: none;
    cursor: pointer
}
.contactus input[type="button"]:hover{
    background-color: #0d8c60
}
.mainslider .slick-slider{
    position: relative;
    display: block
}
.mainslider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.mainslider .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.mainslider .slick-slide{
    overflow: hidden;
    float: right;
    position: relative
}
.mainslider .slick-next{
    position: absolute;
    bottom: 40px;
    right: 15%;
    cursor: pointer;
    background-color: #0d8c60;
    margin-right: 50px;
    padding: 0 5px;
    transition: all 0.3s ease-out;
    opacity: .5
}
.mainslider .slick-prev{
    position: absolute;
    bottom: 40px;
    right: 15%;
    cursor: pointer;
    background-color: #0d8c60;
    padding: 0 5px;
    transition: all 0.3s ease-out;
    opacity: .5
}
.mainslider .slick-next:hover,.mainslider .slick-prev:hover{
    background-color: #958a5f;
    transition: all 0.3s ease-out
}
.mainslider .slick-slide img{
    height: 100%;
    width: 100%
}
.mainslider .slick-slide div{
    position: absolute;
    top: 80px;
    right: 15%;
    z-index: 999;
    left: 15%
}
.mainslider .slick-slide div strong{
    font-size: 35px;
    font-weight: normal;
    display: block
}
.mainslider .slick-slide div span{
    font-size: 32px;
    font-weight: normal;
    display: block;
    color: #0d8c60
}
.mainslider .slick-slide div a:link,.mainslider .slick-slide div a:visited{
    font-family: DroidKufi-Bold;
    font-size: 16px;
    color: #958a5f;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #958a5f;
    margin: 20px 0 0 10px;
    display: inline-block
}
.mainslider .slick-slide div a:nth-child(4):link,.mainslider .slick-slide div a:nth-child(4):visited{
    font-family: DroidKufi-Bold;
    font-size: 16px;
    color: #fff;
    padding: 10px 30px;
    background-color: #958a5f;
    border-radius: 3px;
    border: 1px solid #958a5f;
    margin: 20px 0 0 10px;
    display: inline-block
}
.mainslider .slick-slide div a:hover{
    color: #0d8c60;
    border: 1px solid #0d8c60;
    transition: all 0.3s ease-out
}
.mainslider .slick-slide div a:nth-child(4):hover{
    background-color: #0d8c60;
    border: 1px solid #0d8c60;
    transition: all 0.3s ease-out
}
.mediacenter{
    background: url(../images/mc_bg.png) #fff no-repeat bottom left
}
.mediacenter > div{
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 50px 0
}
.mediacenter > div > h1{
    display: block;
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
    position: relative;
    font-weight: normal
}
.mediacenter > div > h1:after{
    content: "";
    width: 38px;
    height: 5px;
    position: absolute;
    bottom: -16px;
    right: 50%;
    margin-right: -18px;
    background-color: #0d8c60;
    border-left: 4px solid #f3f3f3;
    border-right: 4px solid #f3f3f3
}
.mediacenter > div > h1:before{
    content: "";
    width: 20%;
    height: 1px;
    position: absolute;
    bottom: -14px;
    right: 40%;
    background-color: #aaa
}
.mediacenter > div > strong > span{
    color: #0d8c60
}
.news{
    max-height: 563px;
    overflow: hidden;
    float: right;
    width: 50%
}
.mc_la{
    float: left;
    width: 50%
}
.news{
    padding: 20px;
    background-color: #eee
}
.news .title{
    font-size: 22px;
    color: #0d8c60;
    padding: 0 0 10px 0
}
.news .title a:link,.news .title a:visited{
    color: #afafaf;
    font-size: 30px;
    float: left;
    display: block
}
.news .slick-slider{
    position: relative;
    display: block
}
.news .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.news .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.news .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px
}
.news .slick-dots{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    margin: 0;
    list-style: none;
    text-align: right;
    margin: 0 auto;
    width: 100%
}
.news .slick-dots li{
    width: 20px;
    cursor: pointer;
    margin: 0 2px;
    display: inline !important
}
.news .slick-dots li span{
    display: inline-block;
    width: 20px;
    height: 7px;
    background: #3da380
}
.news .slick-dots li.slick-active span{
    background: #86c6b0
}
.news .slick-slide .nfbar{
    background-color: #0d8c60;
    text-align: left;
    padding: 10px;
    color: #fff;
    font-family: DroidArabicKufi;
    border-radius: 0 0 10px 10px
}
.news .slick-slide img{
    width: 100%;
    height: 50%;
    border-radius: 10px 10px 0 0;
    transition: all 0.3s ease-out
}
.news .slick-slide .date{
    position: absolute;
    top: 0;
    right: 20px;
    background-color: #0d8c60;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 18px
}
.news .slick-slide .ntitle{
    font-size: 22px;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 42px;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(125, 185, 232, 0) 100%);
    padding: 20px
}
.news_date{
    color: #aaa17f
}
.tabs ul.tab-menu{
    padding: 10px 10px 30px 10px;
    font-size: 14px
}
.tabs ul.tab-menu li a span{
    color: #909090
}
.tabs ul.tab-menu li.current a span{
    color: #0d8c60
}
.collaps_container{
    font-family: 'DroidArabicKufi'
}
#divPlaceHolderMain .tabs ul.tab-menu li a:link,#divPlaceHolderMain .tabs ul.tab-menu li a:visited{
    text-decoration: none !important
}
.calendar{
    float: right;
    width: 50%;
    padding: 20px;
    border: 1px solid #eee
}
.calendar .title{
    font-size: 22px;
    color: #958a5f;
    padding: 0 0 10px 0
}
.calendar .title a:link,.calendar .title a:visited{
    color: #afafaf;
    font-size: 30px;
    float: left;
    display: block
}
.calendar .slick-slider{
    position: relative;
    display: block
}
.calendar .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.calendar .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.calendar .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px
}
.calendar .slick-next{
    position: absolute;
    bottom: 100px;
    right: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px
}
.calendar .slick-prev{
    position: absolute;
    bottom: 100px;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px
}
.calendar .slick-slide img{
    width: 100%;
    height: 226px;
    border-radius: 10px;
    transition: all 0.3s ease-out
}
.calendar .slick-slide .date{
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #958a5f;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-family: DroidArabicKufi
}
.calendar .slick-slide .ntitle{
    font-size: 16px;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(125, 185, 232, 0) 100%);
    padding: 10px;
    font-family: DroidArabicKufi;
    border-radius: 0 0 10px 10px
}
.new{
    float: right;
    width: 50%;
    padding: 20px;
    background-color: #eee;
    border-bottom: 1px solid #eee
}
.new .title{
    font-size: 22px;
    color: #0d8c60;
    padding: 0 0 10px 0
}
.new .title a:link,.new .title a:visited{
    color: #afafaf;
    font-size: 30px;
    float: left;
    display: block
}
.new .slick-slider{
    position: relative;
    display: block
}
.new .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.new .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.new .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px
}
.new .slick-next{
    position: absolute;
    bottom: 100px;
    right: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px
}
.new .slick-prev{
    position: absolute;
    bottom: 100px;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px
}
.new .slick-slide img{
    width: 100%;
    height: 226px;
    transition: all 0.3s ease-out;
    border-radius: 10px
}
.new .slick-slide .date{
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #0d8c60;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-family: DroidArabicKufi
}
.new .slick-slide .ntitle{
    font-size: 16px;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(125, 185, 232, 0) 100%);
    padding: 10px;
    font-family: DroidArabicKufi;
    border-radius: 0 0 10px 10px
}
.news .slick-slide img:hover,.new .slick-slide img:hover,.calendar .slick-slide img:hover{
    -webkit-filter: grayscale(100%);
    transition: all 0.3s ease-out
}
.elan{
    padding: 20px;
    border: 1px solid #eee;
    border-top: none;
    height: 238px
}
.elan .title{
    font-size: 22px;
    color: #958a5f;
    padding: 0 0 10px 0
}
.elan .title a:link,.elan .title a:visited{
    color: #afafaf;
    font-size: 30px;
    float: left;
    display: block
}
.elan ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.elan ul li{
    padding: 0px 0;
    border-top: 1px dashed #ccc;
    font-family: DroidArabicKufi;
    height: 68px;
    overflow: hidden
}
.elan ul li a:link,.elan ul li a:visited{
    color: #404040;
    display: block
}
.elan ul li a:hover{
    color: #958a5f
}
.elan ul li a strong{
    font-weight: normal;
    color: #958a5f;
    display: block
}
.banners_area{
    margin: 0
}
.banners_area img{
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
    transform: scale(1.0);
    border: 1px solid #fff
}
.banners_area img:hover{
    transition: all 0.3s ease-out;
    transform: scale(0.95)
}
.banners_area a{
    display: block
}
.b_right,.b_mid,.b_left{
    float: right;
    width: 33.3333%;
    padding: 10px
}
.b_right .slick-slider{
    position: relative;
    display: block
}
.b_right .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.b_right .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.b_right .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px
}
.b_right .slick-dots{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px 30px;
    margin: 0;
    list-style: none;
    text-align: left;
    margin: 0 auto;
    width: 100%
}
.b_right .slick-dots li{
    width: 20px;
    cursor: pointer;
    margin: 0 2px;
    display: inline !important
}
.b_right .slick-dots li span{
    display: inline-block;
    width: 20px;
    height: 7px;
    background: #fff
}
.b_right .slick-dots li.slick-active span{
    background: #958a5f
}
.b_mid a:nth-child(1){
    float: right;
    width: 50%;
    padding: 0
}
.b_mid a:nth-child(2){
    float: left;
    width: 50%;
    padding: 0 10px 10px 0
}
.b_mid a:nth-child(3){
    float: left;
    width: 50%;
    padding: 10px 10px 0 0
}
.b_right .slick-slide a,.b_mid a:nth-child(1),.b_left a,.b_right .slick-list,.b_right .slick-list a{
    height: 450px
}
.b_mid a:nth-child(2),.b_mid a:nth-child(3){
    height: 225px
}
.box,.subbox{
    display: none
}
.box.visible,.subbox.visible{
    display: block
}
.services[data-tabIndex="0"]{
    background: url(../images/tab_bg_01.png) no-repeat;
    background-size: cover;
    background-position: top left;
    background-attachment: fixed;
    background-repeat: no-repeat
}
.services[data-tabIndex="1"]{
    background: url(../images/tab_bg_02.png) no-repeat;
    background-size: cover;
    background-position: top left;
    background-attachment: fixed;
    background-repeat: no-repeat
}
.services[data-tabIndex="2"]{
    background: url(../images/tab_bg_03.png) no-repeat;
    background-size: cover;
    background-position: top left;
    background-attachment: fixed;
    background-repeat: no-repeat
}
.services[data-tabIndex="3"]{
    background: url(../images/tab_bg_04.png) no-repeat;
    background-size: cover;
    background-position: top left;
    background-attachment: fixed;
    background-repeat: no-repeat
}
.services > div{
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 50px 0
}
.services > div > strong{
    display: block;
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
    position: relative;
    font-weight: normal
}
.services > div > strong:after{
    content: "";
    width: 38px;
    height: 5px;
    position: absolute;
    bottom: -16px;
    right: 50%;
    margin-right: -18px;
    background-color: #0d8c60;
    border-left: 4px solid #f3f3f3;
    border-right: 4px solid #f3f3f3
}
.services > div > strong:before{
    content: "";
    width: 20%;
    height: 1px;
    position: absolute;
    bottom: -14px;
    right: 40%;
    background-color: #aaa
}
.services > div > strong > span{
    color: #0d8c60
}
.services .tabs{
    padding: 0;
    margin: 0;
    list-style: none
}
.services .tabs li:nth-child(1){
    border-radius: 0 10px 10px 0
}
.services .tabs li:nth-child(3){
    border-radius: 10px 0 0 10px
}
.services .tabs li{
    float: right;
    width: 33.3%;
    font-size: 22px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 70px;
    position: relative;
    background-color: #0d8c60;
    transition: all 0.3s ease-out
}
.services .tabs li:after{
    content: "";
    height: 70px;
    width: 1px;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff
}
.services .tabs li.current,.services .tabs li.current:hover{
    background-color: #958a5f;
    transition: all 0.3s ease-out
}
.services .tabs li.current:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #958a5f;
    position: absolute;
    top: -16px;
    right: 50%;
    margin-right: -8px;
    z-index: 9999
}
.services .tabs li:hover{
    background-color: #404040
}
.services .section{
    display: block
}
.services .mobile_services{
    display: none
}
.services .mobile_services{
    padding: 0;
    margin: 0 50px;
    list-style: none
}
.services .mobile_services li{
    text-align: center;
    width: 25%;
    float: right;
    padding: 10px
}
.services .mobile_services li a:link,.services .mobile_services li a:visited{
    border: 1px solid #ddd;
    border-radius: 10px;
    border-top: 10px solid #0d8c60;
    padding: 10px;
    display: block;
    font-size: 22px;
    color: #404040;
    height: 250px;
    transition: all 0.3s ease-out;
    background-color: #fff
}
.services .mobile_services li a:hover{
    color: #fff;
    background-color: #0d8c60;
    transition: all 0.3s ease-out
}
.services .mobile_services li a img:nth-child(1){
    display: inline-block;
    margin: 30px 0;
    transition: all 0.3s ease-out
}
.services .mobile_services li a img:nth-child(2){
    display: none;
    margin: 30px 0;
    transition: all 0.3s ease-out
}
.services .mobile_services li a:hover img:nth-child(1){
    display: none;
    transition: all 0.3s ease-out
}
.services .mobile_services li a:hover img:nth-child(2){
    display: inline-block;
    transition: all 0.3s ease-out
}
.services .box{
    height: 382px;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin-bottom: 30px
}
.subtabs,.tab-menu{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    text-align: center
}
.subtabs li{
    display: inline-block;
    font-family: DroidArabicKufi;
    font-size: 20px;
    padding: 29px 20px;
    position: relative;
    cursor: pointer;
    position: relative
}
.tab-menu li{
    display: inline-block;
    font-family: DroidArabicKufi;
    font-size: 20px;
    padding: 5px 20px;
    position: relative;
    cursor: pointer;
    position: relative
}
.subtabs li:after{
    content: "";
    height: 30px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 26px;
    background-color: #ccc
}
.tab-menu li:after{
    content: "";
    height: 30px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: #ccc
}
.subtabs li:last-child:after,.tab-menu li:last-child:after{
    display: none
}
.subtabs li.subcurrent{
    color: #958a5f
}
.subtabs li.subcurrent:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #958a5f;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -8px;
    z-index: 9999
}
.subbox > span{
    margin: 0 50px;
    display: block;
    text-align: center;
    font-family: DroidArabicKufi;
    padding: 20px 0
}
.subbox > span a:link,.subbox > span a:visited{
    color: #0d8c60
}
.subbox > span a:hover{
    color: #958a5f
}
.subbox ul{
    padding: 0;
    margin: 0 50px;
    list-style: none
}
.subbox ul li{
    text-align: center;
    width: 25%;
    float: right;
    padding: 10px
}
.subbox ul li a:link,.subbox ul li a:visited{
    border: 1px solid #ddd;
    border-radius: 10px;
    border-top: 10px solid #0d8c60;
    padding: 10px;
    display: block;
    font-size: 17px;
    color: #404040;
    height: 250px;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden
}
.subbox ul li a:hover{
    color: #fff;
    transition: all 0.3s ease-out
}
.subbox ul li a:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    transition: all 0.3s ease-out;
    background-color: #0d8c60;
    right: 0;
    border-radius: 0 0 10px 10px;
    z-index: 0
}
.subbox ul li a:hover:before{
    top: 0;
    transition: all 0.3s ease-out
}
.subbox ul li a *{
    z-index: 9;
    position: relative
}
.subbox ul li a strong{
    display: inline-block;
    margin: 30px 0;
    transition: all 0.3s ease-out;
    width: 90px;
    overflow: hidden
}
.subbox ul li a strong img{
    float: left;
    height: 90px;
    width: 180px
}
.subbox ul li a:hover strong img{
    float: right
}
.subbox > a:link,.subbox > a:visited{
    font-family: DroidKufi-Bold;
    font-size: 16px;
    color: #fff;
    padding: 10px 30px;
    background-color: #0d8c60;
    border-radius: 3px;
    margin: 10px 0;
    display: inline-block
}
.subbox > a:hover{
    background-color: #958a5f
}
.subbox{
    text-align: center
}
.subbox .slick-slider{
    position: relative;
    display: block
}
.subbox .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%
}
.subbox .slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center
}
.subbox .slick-slide{
    overflow: hidden;
    float: none;
    position: relative;
    margin: 1px;
    display: inline-block
}
.subbox .slick-next{
    position: absolute;
    bottom: 50%;
    right: -40px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px;
    margin-bottom: -21px
}
.subbox .slick-prev{
    position: absolute;
    bottom: 50%;
    left: -40px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px;
    margin-bottom: -21px
}
.subbox .srch_form{
    padding: 50px
}
.subbox .srch_form span{
    display: block;
    width: 25%;
    float: right;
    text-align: right;
    font-size: 20px
}
.subbox .srch_form input[type="text"],select{
    width: 75%;
    float: right;
    font-family: DroidArabicKufi;
    font-size: 20px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none;
    border: 1px solid #ddd
}
.subbox .srch_form input[type="button"]{
    font-family: DroidKufi-Bold;
    font-size: 20px;
    color: #fff;
    padding: 5px 20px;
    background-color: #958a5f;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    margin-top: 30px;
    transition: all 0.3s ease-out
}
.subbox .srch_form input[type="button"]:hover{
    background-color: #0d8c60;
    transition: all 0.3s ease-out
}
.social_media_lb{
    padding: 0;
    margin: 0;
    list-style: none;
    position: fixed;
    left: 0;
    top: 330px;
    z-index: 9999
}
.social_media_lb li{
    padding: 2px !important;
    display: block !important
}
.social_media_lb li a{
    display: block;
    transition: all 0.3s ease-out;
    transform: scale(1.0)
}
.social_media_lb li a:hover{
    transition: all 0.3s ease-out;
    transform: scale(0.9)
}
.social_media_lb li img{
    border-radius: 5px
}
.bc,.icons_title{
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd
}
.bc > div,.icons_title > div{
    max-width: 1160px;
    margin: 0 auto;
    padding: 15px 0;
    font-family: DroidArabicKufi
}
.bc > div a:link,.bc > div a:visited{
    color: #404040
}
.bc > div a:hover{
    color: #958a5f
}
.bc > div > ul > li > .s4-breadcrumb-arrowcont{
    display: none
}
.bc ul li a,.bc ul li span{
    float: right;
    white-space: nowrap
}
.bc ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.s4-breadcrumb > li > span,.Sure_listViewTitle{
    display: none
}
.s4-breadcrumb-arrowcont *{
    display: none !important
}
.s4-breadcrumb-arrowcont{
    width: 9px;
    height: 25px;
    background: url(../images/bc_arrow.png) no-repeat center center;
    position: relative;
    display: inline-block;
    bottom: 0;
    padding: 0 10px
}
.sstitle{
    float: right;
    font-size: 27px;
    color: #958a5f;
    font-family: DroidKufi-Bold;
    line-height: 36px
}
.int_icons{
    float: left
}
.int_icons ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.int_icons > ul > li{
    display: inline-block;
    padding: 0 2px;
    position: relative
}
.int_icons > ul > li > a{
    display: block
}
.sharepage > span{
    display: inline-block;
    height: 29px;
    cursor: pointer
}
.sharepage > div{
    top: 39px;
    left: -70px;
    width: 216px;
    border-radius: 10px
}
.sharepage div a{
    display: inline-block;
    transition: all 0.3s ease-out;
    transform: scale(1.0)
}
.sharepage div a:hover{
    transition: all 0.3s ease-out;
    transform: scale(0.9)
}
.sharepage div a img{
    border-radius: 5px;
    padding: 1px 0
}
.int_contents{
    padding: 5px 0;
    margin: 0 auto;
    max-width: 1160px;
    font-family: 'DroidArabicKufi', 'tahoma';
    font-size: 18px
}
.main_conts{
    float: right;
    width: 75%;
    padding-bottom: 20px;
    min-height: 400px
}
.main_conts p{
    text-align: justify
}
.left_conts{
    float: left;
    width: 25%;
    padding-right: 35px;
    font-family: DroidKufi-Bold
}
.left_conts > div{
    padding: 0 0 30px 0
}
.ls_slider .slick-slider{
    position: relative;
    display: block
}
.ls_slider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.ls_slider .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.ls_slider .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px;
    height: 314px
}
.ls_slider .slick-next{
    position: absolute;
    top: -40px;
    left: 30px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px;
    width: 25px
}
.ls_slider .slick-prev{
    position: absolute;
    top: -40px;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px;
    width: 25px
}
.ls_slider .slick-slide img{
    width: 100%;
    height: 250px;
    border-radius: 10px 10px 0 0;
    transition: all 0.3s ease-out
}
.ls_slider .slick-slide span{
    font-size: 16px;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #0d8c60;
    padding: 10px;
    height: 64px;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}
.sm_title{
    color: #0d8c60;
    font-size: 22px;
    padding: 0 0 10px
}
.sm_title span{
    color: #404040
}
.sm_conts{
    padding: 10px;
    border: 1px solid #ddd;
    background: url(../images/mc_bg.png) #fff no-repeat bottom left;
    border-radius: 10px;
    background-size: auto 70%
}
.sm_conts ul{
    padding: 0;
    margin: 0 0 40px;
    list-style: none
}
.sm_conts ul li{
    border-bottom: 1px dotted #ddd
}
.sm_conts ul li a:link,.sm_conts ul li a:visited{
    display: block;
    color: #404040 !important;
    padding: 7px 10px;
    font-family: DroidKufi-Bold !important
}
.sm_conts ul li a:hover{
    color: #0d8c60 !important;
    background-color: transparent
}
.sm_conts ul li.selected a:link,.sm_conts ul li.selected a:visited{
    background-color: #0d8c60;
    color: #fff !important
}
.ms-core-sideNavBox-removeLeftMargin{
    margin-right: 0
}
.sp{
    display: block;
    width: 100%;
    border-top: 1px dashed #ddd;
    margin: 30px 0
}
.f_conts{
    border-radius: 10px;
    background-color: #958a5f
}
.f_conts > div{
    float: right;
    width: 25%;
    padding: 0px;
    border-left: 0px solid #aaa17f;
    text-align: center;
    font-family: DroidArabicKufi;
    color: #fff;
    font-size: 13px;
    height: 90px
}
.f_conts > div:nth-child(4){
    border-left: none
}
.f_conts > div > span.fc_title{
    font-family: DroidKufi-Bold;
    display: block;
    padding: 5px
}
.eva img{
    padding: 0 2px
}
.read{
    border-left: 1px solid #fff !important
}
.update{
    border-left: 1px solid #fff !important
}
.useful a:link,.useful a:visited{
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 3px;
    transition: all 0.3s ease-out
}
.useful a:hover{
    background-color: #fff;
    color: #958a5f;
    transition: all 0.3s ease-out
}
.newsint .slick-slider{
    position: relative;
    display: block
}
.newsint .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.newsint .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.newsint .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 10px
}
.newsint .slick-dots{
    position: absolute;
    bottom: 20px;
    right: 40%;
    padding: 10px 20px;
    margin: 0;
    list-style: none;
    text-align: right;
    width: 60%
}
.newsint .slick-dots li{
    width: 20px;
    cursor: pointer;
    margin: 0 2px;
    display: inline !important
}
.newsint .slick-dots li span{
    display: inline-block;
    width: 20px;
    height: 7px;
    background: #c2c2c2
}
.newsint .slick-dots li.slick-active span{
    background: #0d8c60
}
.newsint .slick-slide .nfbar{
    text-align: left;
    padding: 10px 20px;
    color: #0d8c60;
    font-family: DroidArabicKufi;
    width: 100%;
    display: block
}
.newsint .slick-slide img{
    width: 100%;
    height: 290px;
    border-radius: 10px;
    transition: all 0.3s ease-out
}
.newsint .slick-slide .date{
    position: absolute;
    top: 0;
    right: 20px;
    background-color: #0d8c60;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 18px
}
.newsint .slick-slide .ntitle{
    font-size: 22px;
    width: 100%;
    padding: 10px 20px;
    display: block;
    font-family: DroidKufi-Bold;
    color: #404040;
    height: 78px;
    overflow: hidden;
    line-height: 22px
}
.newsint .slick-slide .ndes{
    font-size: 18px;
    width: 100%;
    padding: 10px 20px;
    display: block;
    font-family: DroidArabicKufi;
    color: #404040;
    height: 160px;
    overflow: hidden;
    line-height: 21px
}
.rnews{
    float: right;
    width: 40%;
    position: relative
}
.lnews{
    float: left;
    width: 60%
}
.rnews img{
    max-width: 300px
}
.news_arch{
    padding: 0;
    margin: 20px 0;
    list-style: none;
    text-align: right
}
.news_arch li{
    float: right;
    width: 33.3333%;
    padding: 5px
}
.news_arch li a:link,.news_arch li a:visited{
    background-color: #f3f3f3;
    display: block;
    border-radius: 10px;
    padding-bottom: 20px;
    transition: all 0.3s ease-out
}
.news_arch li img{
    width: 100%;
    height: 190px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    border: 0px solid #0d8c60
}
.news_arch li .date{
    color: #0d8c60;
    padding: 10px 20px 0;
    display: block;
    transition: all 0.3s ease-out;
    height: 35px
}
.news_arch li .ntitle{
    color: #404040;
    padding: 0 20px 20px;
    display: block;
    font-family: DroidKufi-Bold;
    height: 75px;
    overflow: hidden;
    transition: all 0.3s ease-out
}
.news_arch li a:hover{
    background-color: #0d8c60;
    transition: all 0.3s ease-out
}
.news_arch li a:hover *{
    color: #fff;
    transition: all 0.3s ease-out
}
.news_arch li a:hover img{
    border: 10px solid #0d8c60;
    transition: all 0.3s ease-out
}
.links_arch li a:link,.links_arch li a:visited{
    padding: 20px !important;
    text-align: center
}
.links_arch li .ntitle{
    height: 60px;
    padding: 0 20px;
    line-height: 24px
}
.links_arch li{
    width: 50%
}
.int_grid div.onerow,.grid div.onerow{
    white-space: nowrap
}
.int_grid{
    border-spacing: 1px;
    border-collapse: inherit;
    width: 100%;
    font-size: 18px;
    border: none
}
.int_grid th{
    background-color: #0d8c60;
    padding: 15px 5px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    vertical-align: top;
    font-family: DroidKufi-Bold
}
.int_grid td{
    padding: 3px 5px;
    vertical-align: top;
    border: 1px solid #dedede;
    color: #404040;
    vertical-align: top
}
.int_grid td a:link,.int_grid td a:visited{
    color: #958a5f !important;
    background: none !important;
    border: none !important
}
.int_grid td a:hover{
    text-decoration: underline !important
}
.int_grid tr:nth-child(even){
    background: #fff
}
.int_grid tr:nth-child(odd){
    background: #f5f5f5
}
.frumPostTxt *{
    color: #404040 !important
}
.page_collapsible .acc_trigger{
    color: #0f8b5f !important;
    border: 1px solid #dedede;
    border-right: 10px solid #0f8b5f;
    background-color: #f3f3f3;
    padding: 10px;
    display: block;
    margin-top: 10px;
    border-radius: 5px
}
.MiniHeaderTitle{
    color: #fff !important;
    border: 1px solid #dedede;
    background-color: #0f8b5f;
    padding: 10px;
    display: block;
    margin-top: 10px;
    border-radius: 5px
}
.imagelinks.news_arch li img{
    border: none
}
.imagelinks.news_arch li a:link,.imagelinks.news_arch li a:visited{
    padding: 0 0 20px;
    background: #fff;
    border: 10px solid #fff;
    box-shadow: 0 0 1px #000;
    height: 284px;
    overflow: hidden;
    color: #404040;
    min-height: 210px
}
.itemdata span{
    display: block;
    font-size: 16px
}
.itemdata span:nth-child(1){
    color: #0d8c60
}
.empName{
    font-family: DroidKufi-Bold
}
.imagelinks.news_arch li a:hover{
    background-color: #0d8c60;
    border: 10px solid #0d8c60;
    color: #fff
}
.imagelinks.news_arch li a:hover img{
    border: none;
    padding: 10px;
    transition: all 0.3s ease-out
}
.ms-webpart-chrome-title span{
    font-family: DroidKufi-Bold;
    color: #0d8c60
}
.PagerContainerTable{
    padding: 0;
    margin: 0 auto 40px;
    list-style: none;
    text-align: center;
    position: relative;
    bottom: -20px
}
.PagerContainerTable td{
    font-weight: bold;
    padding: 0 2px;
    font-size: 14px;
    float: right
}
.PagerContainerTable a:link,.PagerContainerTable a:visited{
    color: #404040
}
.PagerContainerTable a:hover{
    color: #0d8c60
}
.PagerContainerTable .PagerCurrentPageCell{
    background-color: #0d8c60;
    border-radius: 2px;
    color: #fff
}
.PagerContainerTable td{
    padding: 0 5px
}
.PagerInfoCell{
    display: none
}
.paging_list table{
    padding: 0;
    margin: 0 auto 40px;
    list-style: none;
    text-align: center;
    position: relative;
    bottom: -20px
}
.paging_list table td{
    padding: 0 2px;
    font-size: 14px;
    float: right
}
.paging_list table a:link,.paging_list table a:visited{
    color: #404040 !important;
    background-color: transparent;
    padding: 0 5px
}
.paging_list table a:hover{
    color: #0d8c60
}
.paging_list table a{
    background-color: #0d8c60;
    border-radius: 2px;
    color: #fff !important;
    padding: 2px 15px !important;
    display: inline-block;
    vertical-align: middle
}
.paging_list table td{
    padding: 0 5px
}
.paging_list table .PagerInfoCell{
    display: none
}
.nd_title{
    font-size: 26px;
    color: #0d8c60;
    font-family: DroidKufi-Bold
}
.ndimg_slider .slick-slider{
    position: relative;
    display: block
}
.ndimg_slider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.ndimg_slider .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.ndimg_slider .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px;
    height: 314px
}
.ndimg_slider .slick-next{
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px;
    margin-top: -18px
}
.ndimg_slider .slick-prev{
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px;
    margin-top: -18px
}
.ndimg_slider .slick-slide{
    max-width: 100%;
    height: 450px;
    border-radius: 10px
}
.comments_form > div{
    width: 33.3333%;
    float: right;
    padding: 1%
}
.comments_form input[type="text"]{
    width: 100%;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none;
    border: 1px solid #ddd;
    margin: 1%
}
.comments_form textarea,td.formControlTd textarea{
    width: 98% !important;
    float: right;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none;
    border: 1px solid #ddd;
    margin: 1%;
    resize: none;
    height: 150px
}
.comments_form input[type="submit"]{
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #fff;
    padding: 5px 20px;
    background-color: #0d8c60;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
    margin: 1%;
    float: left
}
.comments_form input[type="button"]:nth-child(5){
    background-color: #d9544f
}
.comments_form span{
    display: block;
    margin: 1%;
    width: 98%;
    font-size: 14px;
    color: red
}
.comments_user{
    border-top: 1px dashed #ddd;
    padding: 20px
}
.comments_user > img{
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid #ddd;
    float: right;
    margin-left: 10px
}
.comments_user .name{
    font-size: 18px;
    font-family: DroidKufi-Bold;
    color: #0d8c60;
    float: right;
    display: block
}
.comments_user .date{
    font-size: 12px
}
.comments_user div{
    font-size: 16px;
    line-height: 20px
}
.comments_user a img{
    display: none
}
.event_block{
    display: block;
    margin-bottom: 25px;
    position: relative
}
.event_block img:nth-child(1){
    display: block
}
.event_block img:nth-child(2){
    display: none
}
.event_block img{
    float: right;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    border-radius: 1000px;
    padding: 10px;
    transition: all 0.3s ease-out
}
.event_block:after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 38px;
    top: -100%;
    background-color: #ddd;
    z-index: -1
}
.listblock .event_block:first-child:after{
    display: none
}
.econts{
    display: block;
    width: 100%;
    padding: 5px 90px 0 0;
    font-family: DroidKufi-Bold;
    color: #404004;
    transition: all 0.3s ease-out
}
.econts > span{
    display: block;
    background: #f3f3f3;
    border: 1px solid #ddd;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease-out
}
.econts > span:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid #ddd;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    right: -14px;
    top: 33px;
    margin-top: -14px;
    transition: all 0.3s ease-out
}
.econts > span strong{
    float: left;
    color: #0d8c60;
    transition: all 0.3s ease-out
}
.event_block:hover img:nth-child(2){
    display: block
}
.event_block:hover img:nth-child(1){
    display: none
}
.event_block:hover img{
    border: 1px solid #0d8c60;
    background-color: #0d8c60;
    transition: all 0.3s ease-out
}
.event_block:hover .econts{
    color: #0d8c60;
    transition: all 0.3s ease-out
}
.event_block:hover .econts > span{
    background: #0d8c60;
    border: 1px solid #0d8c60;
    color: #fff;
    transition: all 0.3s ease-out
}
.event_block:hover .econts > span:after{
    border-left: 14px solid #0d8c60;
    transition: all 0.3s ease-out
}
.event_block:hover .econts > span strong{
    float: left;
    color: #fff;
    transition: all 0.3s ease-out
}
.address{
    font-family: DroidKufi-Bold;
    font-size: 18px;
    margin-bottom: 30px
}
.eservices strong{
    width: 100%;
    display: block;
    font-family: DroidKufi-Bold
}
.eservices .econts{
    font-family: DroidArabicKufi
}
#cboxCurrent,#cboxTopCenter,#cboxClose,#cboxBottomCenter{
    display: none !important
}
#cboxContent{
    background: none;
    padding-bottom: 45px
}
.cboxPhoto{
    border: 10px solid #f5f5f5
}
#cboxNext{
    position: absolute;
    bottom: 5px;
    left: 50%;
    background: url(../images/nal_c.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    margin-left: -36px;
    display: block !important
}
#cboxPrevious{
    position: absolute;
    bottom: 5px;
    right: 50%;
    background: url(../images/nar_c.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    margin-right: -36px
}
#cboxTitle{
    bottom: 45px;
    height: 22px;
    overflow: hidden
}
#colorbox,#cboxOverlay,#cboxWrapper{
    z-index: 99999999
}
.pg{
    padding: 0;
    margin: 20px 0;
    list-style: none;
    text-align: right
}
.pg li{
    float: right;
    width: 33.3333%;
    padding: 5px
}
.pg li a:link,.pg li a:visited{
    background-color: #0d8c60;
    display: block;
    border-radius: 10px;
    padding-bottom: 20px;
    transition: all 0.3s ease-out;
    color: #fff
}
.pg li img{
    width: 100%;
    height: 220px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    border: 0px solid #0d8c60
}
.pg li span{
    padding: 10px;
    display: block;
    font-family: DroidKufi-Bold;
    height: 55px;
    overflow: hidden;
    transition: all 0.3s ease-out;
    font-size: 12px
}
.pg li a:hover{
    background-color: #958a5f;
    transition: all 0.3s ease-out
}
.pg li a:hover img{
    border: 10px solid #958a5f;
    transition: all 0.3s ease-out
}
.main_conts .title{
    font-size: 22px;
    color: #0d8c60;
    padding: 0 0 10px 0;
    font-family: DroidKufi-Bold
}
.main_conts .title a:link,.main_conts .title a:visited{
    color: #008055;
    font-size: 16px;
    float: left;
    display: block;
    font-family: DroidArabicKufi
}
.showall:link,.showall:visited{
    color: #008055;
    font-size: 16px;
    float: left;
    display: block;
    font-family: DroidArabicKufi;
    position: relative;
    top: -35px;
    margin-bottom: -35px
}
.main_conts .title a:hover,.showall:hover{
    color: #958a5f
}
.main_conts .title a i,.showall i{
    font-size: 20px
}
.main_conts .news_arch{
    margin-top: 0
}
.directorates .sm_conts ul{
    margin: 0
}
.directorates .ls_slider .slick-slide{
    height: 264px
}
.directorates .ls_slider .slick-slide img{
    height: 200px
}
.direc_banner img{
    width: 100%;
    border-radius: 10px
}
.direc_services .slick-slider{
    position: relative;
    display: block
}
.direc_services .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.direc_services .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.direc_services .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px
}
.direc_services .slick-next{
    position: absolute;
    top: -40px;
    left: 30px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px;
    width: 25px
}
.direc_services .slick-prev{
    position: absolute;
    top: -40px;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px;
    width: 25px
}
.direc_services ul{
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: DroidKufi-Bold
}
.direc_services ul li{
    text-align: center;
    width: 25%;
    float: right;
    padding: 0 5px
}
.direc_services ul li a:link,.direc_services ul li a:visited{
    border: 1px solid #ddd;
    border-radius: 10px;
    border-top: 10px solid #0d8c60;
    padding: 10px;
    display: block;
    font-size: 18px;
    color: #404040;
    height: 210px;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden
}
.direc_services ul li a:hover{
    color: #fff;
    transition: all 0.3s ease-out
}
.direc_services ul li a:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    transition: all 0.3s ease-out;
    background-color: #0d8c60;
    right: 0;
    border-radius: 0 0 10px 10px;
    z-index: 0
}
.direc_services ul li a:hover:before{
    top: 0;
    transition: all 0.3s ease-out
}
.direc_services ul li a *{
    z-index: 9;
    position: relative
}
.direc_services ul li a strong{
    display: inline-block;
    margin: 10px 0;
    transition: all 0.3s ease-out;
    width: 90px;
    overflow: hidden
}
.direc_services ul li a strong img{
    float: left;
    height: 90px;
    width: 180px
}
.direc_services ul li a:hover strong img{
    float: right
}
.direc_services > a:link,.subbox > a:visited{
    font-family: DroidKufi-Bold;
    font-size: 16px;
    color: #fff;
    padding: 10px 30px;
    background-color: #0d8c60;
    border-radius: 3px;
    margin: 10px 0;
    display: inline-block
}
.direc_services > a:hover{
    background-color: #958a5f
}
.direc_services,.ls_slider .slick-slide span{
    text-align: center
}
.words .sm_title,.voting .sm_title{
    font-family: DroidKufi-Bold
}
.user_ico{
    width: 90px;
    height: 90px;
    float: right;
    margin: 0 0 0 10px
}
.words{
    font-family: DroidArabicKufi;
    font-size: 16px
}
.words a:link,.words a:visited{
    color: #0d8c60
}
.words a:hover{
    color: #958a5f
}
.words .sm_conts,.voting .sm_conts{
    background: none;
    font-size: 18px
}
.voting .options{
    font-family: DroidArabicKufi;
    padding: 20px
}
.voting .ques{
    padding: 0 5px
}
.vote_links{
    text-align: center;
    background-color: #0d8c60;
    position: relative;
    top: -10px;
    margin-bottom: -10px;
    color: #fff;
    padding: 10px;
    border-radius: 0 0 10px 10px
}
.vote_links a:link,.vote_links a:visited{
    color: #fff
}
.voting .Button{
    font-size: 16px !important;
    margin-left: 0 !important
}
.direc_ls_slider .slick-slider{
    position: relative;
    display: block
}
.direc_ls_slider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.direc_ls_slider .slick-list{
    position: relative;
    display: block;
    overflow: hidden
}
.direc_ls_slider .slick-slide{
    overflow: hidden;
    float: right;
    position: relative;
    margin: 1px;
    height: 223px;
    border-radius: 10px 10px 0 0
}
.direc_ls_slider .slick-dots{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    margin: 0;
    list-style: none;
    text-align: right;
    margin: 0 auto;
    width: 100%;
    background-color: #0d8c60;
    border-radius: 0 0 10px 10px;
    text-align: center
}
.direc_ls_slider .slick-dots li{
    width: 20px;
    cursor: pointer;
    margin: 0 2px;
    display: inline !important
}
.direc_ls_slider .slick-dots li span{
    display: inline-block;
    width: 20px;
    height: 7px;
    background: #3da380
}
.direc_ls_slider .slick-dots li.slick-active span{
    background: #fff
}
.direc_ls_slider .slick-slide img{
    width: 100%;
    height: 180px
}
.left_slider{
    margin-bottom: 30px
}
.ms-webpart-chrome-vertical,.ms-webpart-cell-vertical,.ms-webpart-zone{
    display: block
}
#content1 .page_collapsible{
    display: block;
    background: #f3f3f3;
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    margin-bottom: 15px;
    font-family: DroidKufi-Bold;
    color: #0d8c60;
    font-size: 18px
}
#content1 .page_collapsible.collapse-close i:nth-child(2){
    display: none;
    float: right;
    padding: 4px 0 0 10px
}
#content1 .page_collapsible.collapse-close i:nth-child(1){
    display: block;
    float: right;
    padding: 4px 0 0 10px
}
#content1 .page_collapsible.collapse-open i:nth-child(2){
    display: block;
    float: right;
    padding: 4px 0 0 10px
}
#content1 .page_collapsible.collapse-open i:nth-child(1){
    display: none;
    float: right;
    padding: 4px 0 0 10px
}
#content1 .collapse-open{
    color: #fff;
    background-color: #0d8c60
}
#content1 .content{
    padding: 0 15px 15px;
    color: #404040;
    text-align: justify;
    font-size: 16px
}
#content1 .content a:link,#content1 .content a:visited{
    text-decoration: none;
    color: #48a35f
}
.occasions{
    list-style: none;
    margin: 0;
    padding: 0
}
.occasions li{
    display: block;
    background: #f3f3f3;
    border: 1px solid #ddd;
    width: 100%;
    padding: 15px 15px 0;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease-out;
    margin-bottom: 20px;
    overflow: hidden
}
.occasions li .events_title{
    font-family: DroidKufi-Bold;
    color: #333
}
.occasions li .events_time{
    color: #333;
    margin: 10px 0
}
.occasions li .events_details{
    background: #eaeaea;
    margin: 0 -15px;
    padding: 10px
}
.occasions li .page_collapsible a{
    color: #0f8b5f;
    font-family: DroidKufi-Bold;
    font-size: 16px;
    display: inline-block;
    width: 90%
}
.occasions li .events_time:before{
    content: '\f073';
    font-family: fontawesome;
    color: #0f8b5f;
    margin-left: 10px;
    vertical-align: middle
}
.occasions li .events_details .fa{
    display: none;
    margin-left: 5px;
    vertical-align: middle;
    color: #696969
}
.occasions li .events_details .collapse-close .fa-plus{
    display: inline-block
}
.occasions li .events_details .collapse-open .fa-minus{
    display: inline-block
}
.b_right .slick-slider a,.b_mid a,.b_left a{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
    background-image: none !important
}
.MyNormal{
    width: 22px;
    height: 22px;
    margin: 0 0px 0 0;
    cursor: pointer;
    background: url(/_layouts/15/MOH/Internet/New/images/fb_star_01.png) no-repeat;
    margin-right: 5px;
    display: inline-block
}
.MyHover{
    width: 22px;
    height: 22px;
    margin: 0 0px 0 0;
    cursor: pointer;
    background: url(/_layouts/15/MOH/Internet/New/images/fb_star_02.png) no-repeat;
    margin-right: 5px;
    display: inline-block
}
.Myselect{
    width: 22px;
    height: 22px;
    margin: 0 0px 0 0;
    cursor: pointer;
    background: url(/_layouts/15/MOH/Internet/New/images/fb_star_02.png) no-repeat;
    margin-right: 5px;
    display: inline-block
}
.DivRating{
    position: relative;
    text-align: center
}
h3.ms-advsearch-header{
    font-size: 18px;
    font-family: 'DroidArabicKufi', 'tahoma'
}
select.ms-advsrchPropertyDDL,.ms-advsrchPropValue,select.ms-advsrchAndOrDDL,td.ms-advsrchText-v2 select{
    height: auto;
    width: 100% !important;
    font-family: DroidArabicKufi;
    font-size: 18px;
    margin: 2px 0
}
.srch-Title2 a:link,.srch-Title2 a:visited,.srch-Title2 a:hover{
    color: #948a5f !important;
    text-decoration: none !important
}
.srch-Icon{
    display: none !important
}
.srch-results{
    max-width: none !important;
    padding-right: 0
}
.srch-Title3{
    padding-right: 0
}
.srch-Description2{
    max-width: none;
    padding-right: 0;
    margin: 7px 0
}
.srch-Metadata2{
    margin-right: 0
}
.srch-Metadata1{
    padding: 0 !important;
    max-width: none;
    margin-right: 0
}
.srch-Metadata1 > span{
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}
.srch-Page A:link,.srch-Page A:visited,.srch-Page strong{
    float: none;
    display: inline-block
}
.srch-Page{
    text-align: center
}
.srch-Page STRONG{
    background: #0f8b5f;
    border: none;
    color: #fff;
    border-radius: 2px;
    font-size: 14px
}
.srch-Page A:link,.srch-Page A:visited{
    color: #000 !important;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s cubic-bezier(.33, .07, .23, .86)
}
.srch-Page a:hover{
    border-color: transparent;
    background: #948a5e;
    border-radius: 2px;
    color: #fff !important
}
.srch-Page-img #SRP_NextImg img,.srch-Page-img #SRP_PrevImg img{
    display: none
}
.srch-Page-img #SRP_NextImg:before{
    content: "\f100";
    font-family: fontawesome;
    font-weight: 100;
    font-size: 16px
}
.srch-Page-img #SRP_PrevImg:before{
    content: "\f101";
    font-family: fontawesome;
    font-weight: 100;
    font-size: 16px
}
.srch-advancedtable{
    background: none;
    border: none;
    padding: 0;
    margin: 0
}
div.ms-advsearch-header{
    margin-top: 10px
}
td.ms-advsrchText-v1{
    text-align: right;
    vertical-align: top
}
.ms-advsrchText-v2box,.ms-advsrchPropValue{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    background: #f3f3f3 !important;
    border: 1px solid #ccc !important
}
.dataTable{
    margin-top: 40px !important
}
.dataTable tr th,.ms-rteTable-default th{
    background: #948a5f;
    color: #fff !important;
    text-align: right;
    padding: 7px 20px
}
.dataTable tr.grid_row_even td{
    background: #efefef
}
.dataTable tr.grid_row_odd td{
    background: #fbfbfb
}
.dataTable tr td{
    padding: 5px 20px
}
.dataTable tr td a.excel img,.int_grid tr td a.excel img{
    display: none
}
.dataTable tr td a.excel:before,.int_grid tr td a.excel:before{
    content: '\f1c3';
    font-family: fontawesome;
    color: #0f8b5f;
    font-size: 24px
}
.dataTable tr td a.browser img,.int_grid tr td a.browser img{
    display: none
}
.dataTable tr td a.browser:before,.int_grid tr td a.browser:before{
    content: '\f26b';
    font-family: fontawesome;
    color: #2a8dd4;
    font-size: 24px
}
.dataTable tr td a.xml img,.int_grid tr td a.xml img{
    display: none
}
.dataTable tr td a.xml:before,.int_grid tr td a.xml:before{
    content: '\f1c9';
    font-family: fontawesome;
    color: #404040;
    font-size: 24px
}
.dataTable tr td a.comment img,.int_grid tr td a.comment img{
    display: none
}
.dataTable tr td a.comment:before,.int_grid tr td a.comment:before{
    content: '\f1d7';
    font-family: fontawesome;
    color: #948a5e;
    font-size: 24px
}
.eserviceimg{
    width: 80px !important;
    display: inline-block !important;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    border-radius: 1000px;
    padding: 0;
    height: 80px;
    float: right
}
.eserviceimg img{
    border: none;
    background: none;
    border-radius: 0;
    padding: 0;
    float: left;
    height: 58px;
    width: 110px
}
.eserviceimg span{
    width: 55px;
    display: block;
    height: 69px;
    overflow: hidden;
    margin: auto;
    margin-top: 9px;
    transform: scale(0.9)
}
.event_block:hover .eserviceimg{
    background: #0f8b5f
}
.event_block:hover .eserviceimg span img{
    float: right !important;
    display: block;
    background: none;
    border: none
}
.formdiv{
    margin-top: -30px;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 5px;
    border-right: 7px solid #948a5e6b
}
.formdiv .Label{
    font-family: "DroidArabicKufi" !important;
    font-size: 17px
}
#divAnswers{
    margin-top: 10px
}
#divAnswers label{
    font-family: "DroidArabicKufi" !important;
    font-size: 17px
}
.formdiv input[type=button],.formdiv input[type=reset],.formdiv input[type=submit],button,.ms-advsrchbutton input{
    background: #0f8b5f;
    color: #fff;
    font-family: "DroidArabicKufi" !important;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #0f8b5f
}
.formTable{
    font-family: "DroidArabicKufi" !important;
    font-size: 18px
}
.formdiv .Button{
    font-family: "DroidArabicKufi" !important;
    font-size: 14px;
    background: #fff;
    color: #0f8b5f;
    padding: 7px 10px;
    border: 1px solid #0f8b5f;
    border-radius: 3px;
    transition: all 0.3s ease-out
}
.formdiv:hover .Button:hover,.ms-advsrchbutton input:hover{
    background-color: #958a5f !important;
    transition: all 0.3s ease-out
}
.janadriaimg{
    width: 100px;
    background: #eee;
    display: block;
    float: right;
    border-radius: 100px
}
.janadriaimg img{
    max-width: 100%;
    width: 100px;
    padding: 5px;
    background: none
}
.janadria .econts{
    padding-right: 115px
}
.janadria .event_block:hover img:nth-child(1){
    display: block
}
.janadria .econts > span{
    color: #525252;
    font-family: "DroidArabicKufi"
}
.eservices .econts{
    padding-right: 95px
}
.janadria .newstitle,.whatsnewtitle{
    display: block;
    font-family: "DroidKufi-Bold"
}
.whatsnew .event_block:after{
    display: none
}
.whatsnew .econts{
    padding-right: 0;
    font-family: "DroidArabicKufi"
}
.whatsnew .econts > span:after{
    display: none
}
.books{
    display: block;
    position: relative
}
.books:after{
    content: '';
    clear: both;
    display: block
}
.books .flash{
    background: #dedede;
    position: absolute;
    left: 0;
    top: 5px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px 0 0 8px;
    border-right: none;
    transition: all 0.3s cubic-bezier(.33, .07, .23, .86)
}
.books .event_block{
    padding-left: 56px
}
.books .econts > span{
    border-radius: 0 8px 8px 0
}
.books .flash:hover{
    background: #fff
}
.formgroup div{
    display: block;
    margin-bottom: 5px;
    position: relative
}
.formgroup select{
    float: none
}
.formgroup input[type="text"]{
    width: 75%;
    background: #eee;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 3px
}
.formgroup input[type="submit"]{
    background: #0f8b5f;
    color: #fff;
    font-family: "DroidArabicKufi" !important;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #0f8b5f;
    margin: 10px 0;
    transition: all 0.3s ease-out;
    display: inline-block
}
.formgroup input[type="submit"]:hover{
    background-color: #958a5f !important;
    transition: all 0.3s ease-out
}
.main_conts .frumBtn{
    padding: 0;
    margin: 0;
    list-style: none
}
.frumBtn a:link,.frumBtn a:visited,.news_title2 a:link,.news_title2 a:visited,.formgroup a:link,.formgroup a:visited,.int_grid td.buttonTd a:link,.int_grid td.buttonTd a:visited{
    background: #0f8b5f;
    color: #fff !important;
    font-family: "DroidArabicKufi" !important;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #0f8b5f;
    margin: 10px 0;
    transition: all 0.3s ease-out;
    display: inline-block;
    padding: 0px 7px
}
.frumBtn a:hover,.news_title2 a:hover,.formgroup a:hover,.int_grid td.buttonTd a:hover{
    background-color: #958a5f !important;
    transition: all 0.3s ease-out;
    border: 1px solid #958a5f;
    text-decoration: none !important
}
.formgroup div input,.formgroup div select,.formgroup div textarea{
    display: block
}
.formgroup div label{
    display: inline-block;
    margin-top: 0
}
.DevHelperRequiredMark{
    display: inline-block;
    color: #d21717
}
.formgroup div input[type="radio"]{
    display: inline-block;
    vertical-align: middle
}
.formgroup div input[type="checkbox"]{
    display: inline-block;
    vertical-align: middle
}
.rss_item{
    background: #f3f3f3;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px
}
.ac_rss{
    float: left
}
.ac_rss img{
    border-radius: 100px
}
.rss_item p:nth-child(3) a{
    color: #0f8b5f;
    font-family: "DroidKufi-Bold";
    font-size: 14px
}
.rss_item p:last-child a{
    background: #0f8b5f;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px
}
.calendar_period table{
    width: 75%
}
.calendar_period table select{
    width: 100%
}
.calendar_period table td{
    padding-left: 10px
}
.dfwp-column{
    margin-right: 0 !important
}
.formgroup .refresh_captcha{
    position: absolute;
    top: 8px;
    right: 77%;
    width: 32px
}
.Button{
    margin-right: 0 !important;
    margin-left: 10px;
    background: #0f8b5f !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px;
    font-family: "DroidArabicKufi" !important;
    font-size: 18px !important;
    cursor: pointer
}
.formgroup div textarea{
    width: 75%;
    background: #eee;
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 3px
}
.news_slider,.calendar_slider,.new_slider,.vote_box,.elan,.new,.allservices_slider{
    position: relative
}
.news_slider .loader,.calendar_slider .loader,.new_slider .loader,.vote_box .loader,.elan .loader,.new .loader,.allservices_slider .loader{
    position: absolute
}
.loader{
    position: fixed;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.87);
    height: 100%;
    z-index: 22222
}
.loader{
    position: fixed;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    background: #f3f3f3;
    height: 100%;
    z-index: 22222
}
.loader > div{
    width: 195px;
    height: 125px;
    background: url(../images/moh_loader.png) no-repeat;
    margin: 40px auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: blink 2s linear 0s infinite normal;
    animation: blink 2s linear 0s infinite normal
}
@-webkit-keyframes blink{
    0%{
        opacity: 1
    }
    25%{
        opacity: 0
    }
    50%{
        opacity: 1
    }
    75%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
@keyframes blink{
    0%{
        opacity: 1
    }
    25%{
        opacity: 0
    }
    50%{
        opacity: 1
    }
    75%{
        opacity: 0
    }
    100%{
        opacity: 1
    }
}
.slicknav_nav a{
    width: 100%
}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{
    display: inline-block;
    width: 94%;
    z-index: 2
}
.slicknav_nav .slicknav_item a img,.slicknav_nav .slicknav_parent-link a img{
    display: none !important
}
.slicknav_arrow{
    background: #0d704d;
    width: 4%;
    height: 25px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 25px;
    color: #fff;
    font-size: 24px
}
.slicknav_arrow:before{
    content: '\f107';
    font-family: fontawesome
}
.slicknav_nav ul li .slicknav_arrow{
    background: rgba(0, 0, 0, 0.15);
    color: #0d704d
}
.sticky_logo{
    width: 70px;
    float: right;
    margin-left: 4%;
    display: none;
    transition: all 0.3s cubic-bezier(.33, .07, .23, .86);
    margin-top: -3px
}
.top_menu.fixed .sticky_logo{
    display: block
}
.msg{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px;
    background-color: #f3f3f3;
    position: relative;
    margin-bottom: 20px
}
.msg a.close,.yes_message a.close{
    position: absolute;
    top: -3px;
    left: 5px;
    left: 5px;
    background: none !important;
    border: none !important;
    padding: 0;
    z-index: 9
}
.RequiredMarkCssClass{
    color: red
}
.news_details a:link,.news_details a:visited{
    color: #0d8c60
}
.news_details a:hover{
    color: #958a5f
}
.ms-dlgContent{
    z-index: 99999999 !important
}
.close{
    display: none
}
.msg .close{
    display: inline-block
}
.emptyarch{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    background-color: #f3f3f3;
    position: relative;
    text-align: center
}
.msg ul{
    padding: 0;
    margin: 10px 20px;
    list-style: inside
}
.up_wiz{
    text-align: center;
    color: #0d8c60
}
.current_stepz,.normal_stepz,.step_x0{
    display: inline-block;
    width: 22%;
    margin: 1%;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 15px;
    padding: 10px
}
.current_stepz{
    background-color: #0d8c60;
    color: #fff
}
.step_x0:after{
    content: "خطوات"
}
.grid{
    border-spacing: 1px;
    border-collapse: inherit;
    width: 100%;
    font-size: 18px;
    direction: rtl
}
.grid th{
    padding: 3px 5px;
    vertical-align: top;
    border: 1px solid #dedede;
    color: #404040;
    vertical-align: top;
    border-radius: 5px
}
.grid td{
    padding: 3px 5px;
    vertical-align: top;
    border: 1px solid #dedede;
    color: #404040;
    vertical-align: top;
    border-radius: 5px;
    position: relative
}
.grid td a:link,.grid td a:visited{
    color: #958a5f !important;
    background: none !important;
    border: none !important
}
.grid td a:hover{
    text-decoration: underline !important
}
.grid tr:nth-child(even){
    background: #fff
}
.grid tr:nth-child(odd){
    background: #f5f5f5
}
.SAMAcpDayColumnHeader,.SAMAcpMonthNavigation{
    font-family: DroidArabicKufi !important
}
.calender{
    width: 75%
}
.calender input[type="text"]{
    width: 100%
}
.calender td{
    position: relative
}
#DateCal{
    right: 0 !important;
    top: 50px !important;
    left: auto !important
}
.formgroup .SAMAcpBorder a:link,.formgroup .SAMAcpBorder a:visited{
    background: none;
    color: #404040 !important;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    margin: 0;
    transition: all 0.3s ease-out;
    display: inline-block;
    padding: 0 5px;
    font-weight: normal !important
}
.formgroup .SAMAcpBorder a:hover{
    color: #fff !important
}
.SAMAcpMonthNavigation{
    background-color: #0d8c60 !important
}
.formgroup .SAMAcpBorder a.SAMAcpMonthNavigation:link,.formgroup .SAMAcpBorder a.SAMAcpMonthNavigation:visited{
    color: #fff !important
}
.formgroup TD.SAMAcpCurrentDate{
    background-color: #0d8c60 !important
}
.formgroup a.SAMAcpCurrentDate:link,.formgroup a.SAMAcpCurrentDate:visited{
    background-color: #0d8c60 !important;
    color: #fff !important
}
.calminh span{
    position: absolute;
    right: -5px;
    top: 8px
}
.depts_links_arch li{
    display: block;
    background: #f3f3f3;
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    margin-bottom: 15px;
    color: #0d8c60;
    font-size: 18px
}
.depts_links_arch li:hover{
    background-color: #0d8c60
}
.depts_links_arch li .ntitle,.depts_links_arch li a{
    height: auto !important;
    padding: 0 !important
}
.depts_links_arch li a:link,.depts_links_arch li a:visited{
    background: none transparent !important
}
.depts_links_arch li:hover .ntitle{
    color: #fff !important
}
strong{
    font-weight: normal;
    font-family: DroidKufi-Bold
}
.bmi_container{
    max-width: 1200px;
    margin: 0 auto 45px !important;
    font-family: arial;
    clear: both
}
.bmi_line{
    width: 100%;
    display: block;
    background: linear-gradient(to right, rgba(217, 33, 6, 1) 0%, rgba(255, 214, 51, 1) 50%, rgba(0, 153, 53, 1) 75%, rgba(49, 153, 248, 1) 100%);
    border-radius: 25px;
    margin-top: 70px
}
.bmi_weight{
    width: 16.6%;
    display: inline-block !important;
    height: 40px;
    margin-left: -4px;
    position: relative !important;
    text-align: center;
    line-height: 40px;
    font-weight: 700
}
.bmi_weight:after{
    content: '';
    width: 2px;
    height: 60px;
    background: rgba(0, 0, 0, 0.32);
    position: absolute;
    left: 0;
    top: 0
}
.bmi_weight.obese:after{
    display: none
}
.bmi_rate{
    position: absolute;
    background: #333;
    padding: 2px;
    border-radius: 5px;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -150%;
    display: inline-block;
    max-width: 50px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.44)
}
.bmi_rate:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #333;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto
}
.bmi_max{
    position: absolute;
    color: #000;
    right: -15px;
    bottom: 35px
}
.bmi_weight_text{
    color: #8b8b8b;
    display: block;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 20px
}
.bmi_weight.under .bmi_rate{
    background: #3199F8
}
.bmi_weight.under .bmi_rate:after{
    border-top: 10px solid #3199F8
}
.bmi_weight.healthy .bmi_rate{
    background: #2f9835
}
.bmi_weight.healthy .bmi_rate:after{
    border-top: 10px solid #2f9835
}
.bmi_weight.over .bmi_rate{
    background: #b5c138
}
.bmi_weight.over .bmi_rate:after{
    border-top: 10px solid #b5c138
}
.bmi_weight.obesefirstdegree .bmi_rate{
    background: #f3b936
}
.bmi_weight.obesefirstdegree .bmi_rate:after{
    border-top: 10px solid #f3b936
}
.bmi_weight.obeseseconddegree .bmi_rate{
    background: #e47e2a
}
.bmi_weight.obeseseconddegree .bmi_rate:after{
    border-top: 10px solid #e47e2a
}
.bmi_weight.obese .bmi_rate{
    background: #D92106
}
.bmi_weight.obese .bmi_rate:after{
    border-top: 10px solid #D92106
}
.bmi_container h4{
    text-align: center;
    color: #404040
}
.bmi_container h1{
    color: #404040
}
.bmi_container h1:before{
    content: '\f496';
    font-family: 'fontawesome';
    vertical-align: middle;
    margin-right: 5px;
    font-size: 30px;
    display: none
}
.body_weight_container{
    display: block !important;
    max-width: 1200px;
    margin: auto
}
.body_weight_item{
    display: inline-block !important;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    width: 22%;
    margin: 1%;
    vertical-align: top
}
.body_weight_item *{
    display: block
}
.weight_text{
    padding: 10px;
    background: #ccc;
    font-weight: bold;
    font-size: 15px;
    height: 55px;
    line-height: 21px
}
.body_weight_item i{
    margin: 10px;
    color: #0d8c60
}
.body_weight_item i:before{
    font-size: 60px
}
.weight_kg{
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    color: #404040;
    height: 70px;
    line-height: 28px
}
@font-face{
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face{
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg")
    }
}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal
}
.flaticon-age:before{
    content: url(images/dinner.ico)
}
.flaticon-scales:before{
    content: "\f101"
}
.flaticon-weight:before{
    content: "\f102"
}
.flaticon-height:before{
    content: "\f103"
}
.main_conts img{
    max-width: 100%
}
h2,h3,.ms-h2,.ms-h3,.ms-headerFont,h5{
    font-family: 'DroidArabicKufi', 'tahoma' !important
}
td.formHeadLabelTd,td.formHeadControlTd{
    background: none !important;
    display: block;
    width: 100% !important;
    border: none !important;
    font-family: 'DroidArabicKufi', 'tahoma' !important
}
.chart_view{
    margin-top: 20px
}
.export{
    height: auto !important
}
.dataTable{
    margin-top: 0
}
.dataTable .grid_header{
    background: none !important
}
.dataTable .grid_header td{
    padding: 0;
    border: none
}
.dataTable .grid_header td select{
    width: 100%;
    font-size: 15px
}
.dataTables_filter{
    float: none !important;
    text-align: right !important;
    height: auto !important;
    width: 100% !important;
    border: none !important;
    padding: 10px !important
}
.dataTables_filter label{
    font-family: 'DroidArabicKufi', 'tahoma' !important
}
.dataTables_filter label input{
    width: 100% !important;
    display: block;
    margin: 0 !important
}
.MiniHeaderTitle{
    width: 100%
}
.msg a{
    color: #0f8b5f
}
@media (max-width:1280px){
    .b_right .slick-slide a,.b_mid a:nth-child(1),.b_left a,.b_right .slick-list,.b_right .slick-list a{
        height: 350px
    }
    .b_mid a:nth-child(2),.b_mid a:nth-child(3){
        height: 175px
    }
    .social_media_lb{
        position: relative;
        top: 0
    }
    .social_media_lb li{
        display: inline-block !important;
        padding: 0 !important
    }
    .logout > div{
        width: 140px;
        left: 0%;
        margin-right: 0px;
        border-radius: 5px;
        top: 40px
    }
}
@media (max-width:1160px){
    #menu{
        display: none
    }
    .slicknav_menu{
        display: block;
        float: right
    }
    .ficons{
        position: relative;
        width: 100%;
        text-align: center;
        right: 0;
        top: 0
    }
    .tooltips.contactus > div,.tooltips.happy > div{
        width: 350px;
        right: 0;
        margin-right: -135px
    }
    .mainslider .slick-slide div{
        top: 50px;
        right: 10%;
        left: 10%
    }
    .mainslider .slick-next,.mainslider .slick-prev{
        right: 5%;
        bottom: 5px
    }
    .mainslider .slick-slide img{
        width: 100%;
        height: 100%
    }
    .title{
        font-size: 20px !important
    }
    .bc > div,.icons_title > div{
        padding: 15px
    }
    .int_contents{
        padding: 50px 15px
    }
    .main_conts{
        width: 70%
    }
    .left_conts{
        width: 30%
    }
    .f_conts > div{
        width: 50%
    }
    .f_conts > div:nth-child(3),.f_conts > div:nth-child(4){
        border-top: 1px solid #aaa17f
    }
}
@media (max-width:1024px){
    .services .section{
        display: none
    }
    .services .mobile_services{
        display: block
    }
    .directorates .sstitle{
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 15px 5px
    }
    .directorates .int_icons{
        width: 100%;
        display: block;
        text-align: center;
        padding: 5px 15px 0
    }
}
@media (max-width:990px){
    .mainslider .slick-slide img{
        opacity: 0.3
    }
    .news,.mc_la{
        width: 100%
    }
    .b_right .slick-slide a,.b_mid a:nth-child(1),.b_left a,.b_right .slick-list,.b_right .slick-list a{
        height: 250px
    }
    .b_mid a:nth-child(2),.b_mid a:nth-child(3){
        height: 125px
    }
    .main_conts{
        width: 100%
    }
    .left_conts{
        width: 100%
    }
    .ls_slider{
        display: none
    }
    .left_conts{
        padding-right: 0px;
        padding-top: 40px
    }
    .econts > span strong{
        display: block;
        width: 100%
    }
    .direc_ls_slider{
        display: none
    }
    .mainslider .slick-slide div strong{
        font-size: 28px
    }
    .mainslider .slick-slide div span{
        font-size: 24px
    }
}
@media (max-width:850px){
    .main_conts .news_arch li,.pg li{
        width: 50%
    }
    .ndimg_slider .slick-slide{
        height: 350px
    }
    table.int_grid th,table.grid th{
        display: none
    }
    table.int_grid td,table.grid td{
        display: block;
        vertical-align: top
    }
    table.int_grid tr td:first-child,table.grid tr td:first-child{
        background-color: #0d8c60;
        color: #fff
    }
    table.int_grid td:before,table.grid td:before{
        content: attr(data-th);
        display: inline-block;
        padding: 0 10px
    }
}
@media (max-width: 767px){
    .footer > div{
        width: 100%;
        min-height: 0;
        text-align: center
    }
    .footer > div:nth-child(2){
        margin: 50px 0
    }
    .b_right .slick-slide a,.b_mid a:nth-child(1),.b_left a,.b_right .slick-list,.b_right .slick-list a{
        height: 235px
    }
    .b_mid a:nth-child(2),.b_mid a:nth-child(3){
        height: 117px
    }
    .services .mobile_services li{
        width: 50%
    }
    .sstitle{
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 15px 5px
    }
    .int_icons{
        width: 100%;
        display: block;
        text-align: center;
        padding: 5px 15px 0
    }
    .newsint .slick-slide .ndes{
        display: none
    }
    .rnews,.lnews,.newsint .slick-dots{
        width: 100%;
        right: 0
    }
    .newsint img{
        max-width: 100%
    }
    .newsint .slick-dots{
        bottom: 12px
    }
    body{
        overflow-x: hidden !important
    }
    .calendar .slick-slide img{
        width: 100%;
        height: 100%;
        border-radius: 10px;
        transition: all 0.3s ease-out
    }
    .new .slick-slide img{
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-out;
        border-radius: 10px
    }
    .logout > div{
        width: 140px;
        left: 0%;
        margin-right: 0px;
        border-radius: 5px;
        top: 40px
    }
}
@media (max-width:650px){
    .mainslider .slick-slide div strong{
        font-size: 28px
    }
    .b_right,.b_mid,.b_left{
        width: 100%
    }
    .b_right .slick-slide a,.b_left a,.b_right .slick-list,.b_right .slick-list a{
        height: auto
    }
    .b_mid a:nth-child(1){
        height: 375px
    }
    .b_mid a:nth-child(2),.b_mid a:nth-child(3){
        height: 187px
    }
    .services .mobile_services li a:link,.services .mobile_services li a:visited{
        font-size: 18px
    }
    .comments_form input[type="text"]{
        width: 98%
    }
    .event_block:after{
        display: none
    }
    .main_conts .news_arch li .ntitle{
        height: 120px
    }
    .weight_kg{
        font-size: 16px
    }
    .body_weight_item{
        width: 47%
    }
    .mainslider .slick-slide div strong{
        font-size: 24px
    }
    .mainslider .slick-slide div span{
        font-size: 22px
    }
}
@media (max-width:550px){
    .calendar,.new{
        width: 100%
    }
    .f_conts > div{
        width: 100%
    }
    .f_conts > div{
        border-top: 1px solid #aaa17f
    }
    .f_conts > div:first-child{
        border-top: none;
        border-left: none
    }
    .news_arch li,.pg li{
        width: 100%
    }
    .links_arch li .ntitle,.imagelinks.news_arch li a:link,.imagelinks.news_arch li a:visited{
        height: auto
    }
    .news_arch li img,.pg li img{
        height: auto
    }
    .main_conts .news_arch li{
        width: 100%
    }
    .main_conts .news_arch li .ntitle{
        height: auto
    }
}
@media (max-width:480px){
}
@media print{
    .header_sec,.bc,.icons_title,.comments_form,.footer_sec,.copyrigh_sec,.left_conts,.sp,.mainslider,.f_conts{
        display: none
    }
    .news{
        float: none;
        width: 100%
    }
}
.ms-webpartzone-cell{
    margin: auto
}
.itemdata span{
    display: block;
    font-size: 12.8px !important;
    text-align: center
}
.imagelinks.news_arch li a:hover{
    background-color: #0d8c60 !important;
    border: 10px solid #0d8c60;
    color: #fff
}
span.menu-item-text{
    font-size: .9em !important
}
.top_menu .slicknav_nav{
    display: block;
    max-height: calc(100vh - 172px);
    overflow-y: auto
}
.top_menu .fixed .slicknav_nav{
    max-height: calc(100vh - 60px)
}
.subul{
    margin: 0 25px 0 0
}
#whatsapp_share{
    display: none
}
@media only screen and (max-width: 1024px){
    #whatsapp_share{
        display: inline-block
    }
    .sharepage > div{
        top: 39px;
        left: -118px;
        width: 265px;
        border-radius: 10px
    }
    .icons_title.fixed{
        position: fixed;
        top: 60px;
        right: 0;
        width: 100%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.90)
    }
    .icons_title.fixed .sstitle{
        display: none
    }
}
#menu > li > ul > ul,#menu > li > ul{
    list-style: none;
    list-style-type: none
}
#menu > li ul ul{
    list-style: none !important;
    list-style-type: none
}
#menu > li > ul > ul{
    list-style: none !important
}
#menu > li ul ul{
    list-style: none !important
}
table.ms-rteTable-6{
    width: auto !important
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
    body{
        overflow-x: hidden !important;
        min-width: 390px
    }
    a.logo img{
        width: 225px
    }
    a.vision img{
        width: 62px;
        margin-top: 0px
    }
}
a#ctl00_ss_IdWelcomeAn_lvName_hlLogin{
    color: #fff !important
}
.mainslider:hover .slick-prev:hover{
    opacity: 1
}
.mainslider:hover .slick-next:hover{
    opacity: 1
}
.InVisible{
    display: none
}
.rs_addtools .rsbtn_play .rsbtn_right,.rsbtn .rsbtn_play .rsbtn_right{
    border-left: 1px solid #ccc;
    color: #e60;
    float: right !important;
    font-size: 16.8px;
    height: 100%;
    line-height: 28px;
    margin: 0 10px;
    padding: 0 0 0 10px
}
.rs_addtools .rsbtn_tooltoggle,.rsbtn .rsbtn_tooltoggle{
    color: #4f4f4f;
    background: 0 0;
    border: 0;
    border: 1px solid #ddd !important;
    border-left: none;
    display: block !important;
    height: 14px;
    margin: 0;
    padding: 0;
    top: 14px;
    width: 16px
}
button.rsbtn_tooltoggle{
    visibility: hidden
}
.rsexpanded{
    margin-top: 5px !important;
    float: right !important
}
.rsbtn .rsbtn_exp .rsbtn_exp_inner{
    background: #eee;
    background: -moz-linear-gradient(top, #fff 0, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0, #eee 100%);
    background: -o-linear-gradient(top, #fff 0, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0, #eee 100%);
    background: linear-gradient(to bottom, #fff 0, #eee 100%);
    border: 1px solid #ddd !important;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    border-left: 0;
    box-sizing: inherit;
    height: 100%;
    padding: 0 0 0 11px;
    margin: 0;
    float: right !important;
    margin-top: -17px !important;
    margin-left: 110px !important
}
.rs_addtools .rsbtn_play,.rsbtn .rsbtn_play{
    background: #eee;
    background: -moz-linear-gradient(top, #fff 0, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0, #eee 100%);
    background: -o-linear-gradient(top, #fff 0, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0, #eee 100%);
    background: linear-gradient(to bottom, #fff 0, #eee 100%);
    border: 1px solid #ddd !important;
    border-radius: 2px 0 0px 2px !important;
    display: inline-block;
    box-sizing: inherit;
    float: left;
    height: 26px;
    margin-bottom: -11px !important;
    position: relative;
    z-index: 0;
    width: 120px
}
a#ctl00_ss_IdWelcome_lvName_hlProfile{
    display: block;
    white-space: pre
}
span.headertitle.headermarker{
    border: 1px solid #0d8c60;
    width: 333px;
    float: right;
    text-align: right;
    height: 45px;
    padding-top: 10px;
    border-radius: 5px !important;
    background: #0d8c60;
    text-indent: 18px
}
.headertitle.headermarker a{
    color: #fff;
    font-size: 15px;
    font-weight: normal
}
.dfwp-list.level-item-pos.level-item li{
    text-align: right;
    float: right;
    width: 82%;
    background: #f3f3f3;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 50px;
    border-radius: 5px;
    text-indent: 20px
}
li a{
    color: #0d8c60
}
.blue{
    background: #F2F2F2
}
.coronanews{
    width: 145px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 4px;
    padding: 1px;
    -webkit-user-select: none;
    position: fixed;
    right: 0;
    top: 530px;
    z-index: 9999;
    list-style-type: none
}
.coronanews span{
    float: right;
    padding: 9px;
    position: relative;
    top: 1%;
    width: 100%;
    box-shadow: inset 0 -15px 30px rgba(0, 0, 0, 0.2);
    font: 16px 'Raleway', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    cursor: pointer;
    color: #fff !important;
    font-weight: bold !important;
    background-color: #0d8c60 !Important
}
span.CoronaTitle{
    font-size: 22px !Important;
    color: #0d8c60 !Important;
    background-color: #eeeeee !Important
}
.textcorona{
    width: 280px;
    font-size: small;
    color: #006B21 !important;
}
span#resultspan{
    top: -6px !important;
    position: relative
}
div#lastModifieddiv{
    color: #0d8c60;
    text-align: right
}
:focus{
    outline: 1px #0d8c60 auto !important
}
:active{
    outline: 0 !important
}
a#suggest{
    display: none
}
span#ctl00_SPWebPartManager1_g_ab5b34a2_7962_4db4_9bb1_8c256d9c15a8_ctl00_lblPatientNo{
    color: red
}
.srch-Metadata2{
    margin-right: 0;
    display: none
}
ul.newProj{
    margin-bottom: -65px !important
}
.news .slick-slide .date{
    position: absolute;
    top: 0;
    left: 0px;
    background-color: #0d8c60;
    color: #fff;
    text-align: right;
    padding: 10px;
    font-size: 16px;
    width: 220px
}
.newsint .slick-slide .date{
    position: absolute;
    top: 0;
    right: 0px;
    background-color: #0d8c60;
    color: #fff;
    text-align: right;
    padding: 2px 5px 2px 5px;
    font-size: 15px;
    width: 220px;
    border-radius: 5px;
    opacity: 0.8
}
@media only screen and (min-width: 1000px){
    .weCare{
        margin-top: -165px
    }
}
.f1sect{
    border-left: 1px solid #ddd;
    border-top: none;
    border-bottom: none
}
.reply{
    background: #e5e5e5;
    margin-top: 12px;
    margin-bottom: 5px;
    padding: 12px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    position: relative
}
.reply > img{
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px
}
.reply .name{
    font-size: 18px;
    font-family: HNBd;
    float: left;
    display: block
}
.reply .date{
    font-size: 12px
}
.replyHead{
    border-bottom: 10px solid #e5e5e5;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-bottom: -10px;
    position: relative;
    top: -22px;
    width: 0
}
.boxCommentA{
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    position: relative;
    border-radius: 20px
}
.boxCommentA .date h6{
    text-align: left;
    color: #958A5F;
    font-weight: 500
}
.boxCommentA h4{
    color: #64B6B2;
    margin-bottom: 20px
}
.boxCommentA h5{
    color: #958A5F;
    font-weight: 600
}
.boxCommentA h6{
    color: #958A5F;
    font-weight: 500
}
.boxCommentA .headerComment{
    background-image: url(/_layouts/15/MOH/Internet/New/images/cerical.png);
    background-repeat: no-repeat;
    padding-right: 50px;
    background-position: right
}
.boxCommentA .footerrComment{
    background-image: url(/_layouts/15/MOH/Internet/New/images/moh.png);
    background-repeat: no-repeat;
    padding-right: 50px;
    margin-top: 8px;
    background-position: right top
}
.boxCommentA .footerrComment h5{
    color: #0D8C60;
    font-weight: 600
}
.boxCommentA .footerrComment h6{
    color: #0D8C60;
    font-weight: 500
}
.boxCommentA .contentComment{
    padding-right: 50px
}
.boxCommentA .moreSpace{
    padding-bottom: 5px
}
.boxCommentA .mohReplay{
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
    border: 2px solid #B2DAD9;
    border-left: 1px solid #0D8C60;
    background-color: #F7F7F7;
    color: #0D8C60
}
@media only screen and (max-width: 600px){
    .boxCommentA .date{
        text-align: left
    }
    .top-header-style-1{
        margin: 0px;
        text-align: center;
        background-color: #e8e8e8;
        padding: 1px !important
    }
    .top-header-style-1 .contact-info_R.contact-info-HM{
        text-align: right !important;
        padding-left: 5px;
        margin: 5px 5px 5px 0px
    }
    .top-header-style-1 .contact-info_R li a{
        color: #7c7c7c;
        line-height: 1;
        padding-right: 10px;
        padding-left: 10px
    }
    .top-header-style-1 .contact-info_R li:last-child a{
        border-left: none !important;
        padding-right: 10px !important
    }
    .top-header-style-1 .Litter3{
        margin-top: -20px;
        border: none
    }
    .logo img{
        width: 225px;
        margin-right: 0px
    }
}
@media only screen and (min-width: 600px){
    .boxCommentA .date{
        text-align: right
    }
}
@media only screen and (min-width: 768px){
    .boxCommentA .date{
        text-align: right
    }
}
@media only screen and (min-width: 992px){
    .boxCommentA .date{
        text-align: left
    }
}
@media only screen and (min-width: 1200px){
    .boxCommentA .date{
        text-align: left
    }
}
.single-widgets p{
    color: #717274 !important;
    margin-top: 10px;
    padding-right: 0px;
    text-align: right
}
.copyRightMOH p{
    line-height: 10px
}
.single-widgets .social-icon{
    float: left !important;
    font-size: 20px
}
.single-widgets .social-icon li{
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px
}
.single-widgets .social-icon li:first-child{
    padding-left: 0
}
.single-widgets .social-icon li a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    text-align: center;
    border-radius: 0px 0px 0px 0px;
    color: #717274;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #717274
}
.single-widgets .social-icon li:hover a i{
    color: #ffffff;
    background-color: #717274;
    -webkit-animation: heartBeat 1000ms infinite linear;
    animation: heartBeat 1000ms infinite linear
}
.single-widgets .social-icon li:first-child a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    text-align: center;
    border-radius: 0px 10px 0px 0px;
    color: #717274;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #717274
}
.single-widgets .social-icon li:hover:first-child a i{
    color: #ffffff;
    background-color: #717274;
    -webkit-animation: heartBeat 1000ms infinite linear;
    animation: heartBeat 1000ms infinite linear;
    border-radius: 0px 10px 0px 0px
}
.single-widgets .social-icon li:last-child a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    text-align: center;
    border-radius: 10px 0px 0px 0px;
    color: #717274;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #717274
}
.single-widgets .social-icon li:hover:last-child a i{
    color: #ffffff;
    background-color: #717274;
    -webkit-animation: heartBeat 1000ms infinite linear;
    animation: heartBeat 1000ms infinite linear;
    border-radius: 10px 0px 0px 0px
}
.implinks .Subscribe{
    border: 1px solid red;
    height: auto;
    float: right;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 0 40px 0 0;
    border-radius: 0 40px 0 0;
    border: 1px solid #666666;
    width: 100%
}
.implinks .Subscribe .iconSubscrib{
    width: 75px;
    float: right;
    text-align: right;
    padding-right: 10px
}
.implinks .Subscribe .titleSubscrib{
    width: 200px;
    float: right;
    text-align: right
}
.implinks .FQA{
    border: 1px solid red;
    height: auto;
    float: right;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 0 40px 0 0;
    border-radius: 0 0px 0 40px;
    border: 1px solid #666666;
    width: 100%
}
.implinks .FQA .iconSubscrib{
    width: 75px;
    float: right;
    text-align: right;
    padding-right: 10px
}
.implinks .FQA .titleSubscrib{
    width: 200px;
    float: right;
    text-align: right
}
.implinks .call{
    border: 1px solid red;
    height: auto;
    float: left;
    padding: 10px 10px 10px 10px;
    border: 1px solid #666666;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}
.implinks .call .iconSubscrib{
    width: 75px;
    float: right;
    text-align: right;
    padding-left: 10px
}
.implinks .call .titleSubscrib{
    width: 200px;
    float: right;
    text-align: right
}
.top-header-style-1{
    padding: 15px 0px 10px 0px
}
.top-header-style-1 .Litter3{
    margin-top: -20px
}
.top-header-style-1 .ArabicSize{
    font-size: 20px;
    line-height: 5px
}
.top-header-style-1 .sizeIcon{
    font-size: 20px
}
.top-header-style-1 .contact-info_R.contact-info-HM{
    text-align: left
}
.top-header-style-1 .contact-info_R.contact-info-HM li a.pointer{
    cursor: unset
}
.top-header-style-1 .contact-info_R.contact-info-HM li:last-child a{
    padding-left: 0
}
.top-header-style-1 .contact-info_R li{
    display: inline-block;
    font-size: 13px
}
.top-header-style-1 .contact-info_R li:first-child a{
    padding-right: 0
}
.top-header-style-1 .contact-info_R li:last-child a{
    border-left: none
}
.top-header-style-1 .contact-info_R li a{
    color: #7C7C7C;
    border-left: 1px solid #0D8C5F;
    line-height: 1;
    padding-right: 10px;
    padding-left: 10px
}
.top-header-style-1 .contact-info_R li a:hover{
    color: #017C4E
}
.top-header-style-1 .contact-info_R li a i{
    padding-left: 3px
}
.top-header-style-1 .contact-info_R li:hover a{
    color: #0E8B5F
}
.top-header-style-1.top-header-style-2{
    background-color: transparent
}
.top-header-style-1.top-header-style-2 .contact-info_R{
    padding-left: 15px
}
.top-header-style-1.top-header-style-2 .contact-info_R li a{
    color: #dedede
}
.top-header-style-1.top-header-style-2 .contact-info_R li:hover a{
    color: #0E8B5F
}
.popover__wrapper{
    position: relative;
    display: inline-block
}
.popover__content{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -130px;
    top: 45px;
    transform: translate(0, 10px);
    background-color: #F6F9F9;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 300px;
    border-radius: 5px
}
.popover__content:before{
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #F6F9F9 transparent;
    transition-duration: 0.3s;
    transition-property: transform
}
.popover__wrapper:hover .popover__content{
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97)
}
.popover__message{
    text-align: center
}
.textBoxSearch{
    width: 100% !important;
    float: left;
    font-family: DroidArabicKufi;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none !important;
    font-style: normal;
    height: 38px;
    width: 200px;
    text-align: right
}
.btSearch{
    font-family: 'HNBd', 'tahoma' !important
}
.advSearch{
    font-size: 18px !important;
    font-family: 'HNBd', 'tahoma' !important;
    text-align: right !important;
    font-weight: normal
}
::-webkit-input-placeholder{
    text-align: right
}
input:-moz-placeholder{
    text-align: right
}
.popover__wrapper_setting{
    position: relative;
    display: inline-block
}
.popover__content_setting{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: -45px;
    top: 45px;
    transform: translate(0, 10px);
    background-color: #F6FBFA;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 110px;
    border-radius: 5px
}
.popover__content_setting:before{
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #F6F9F9 transparent;
    transition-duration: 0.3s;
    transition-property: transform
}
.popover__wrapper_setting:hover .popover__content_setting{
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97)
}
.popover__message_setting{
    text-align: center
}
.textBoxSearch_setting{
    width: 100% !important;
    float: right;
    font-family: 'HNBd', 'tahoma' !important;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none !important;
    font-style: normal;
    height: 38px;
    width: 200px
}
.popover__wrapper_app{
    position: relative;
    display: inline-block
}
.popover__content_app{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: -45px;
    top: 45px;
    transform: translate(0, 10px);
    background-color: #F6F9F9;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 110px;
    border-radius: 5px
}
.popover__content_app:before{
    position: absolute;
    z-index: -1;
    content: "";
    left: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #F6F9F9 transparent;
    transition-duration: 0.3s;
    transition-property: transform
}
.popover__wrapper_app:hover .popover__content_app{
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97)
}
.popover__message_app{
    text-align: center
}
.textBoxSearch_app{
    width: 100% !important;
    float: right;
    font-family: 'HNBd', 'tahoma' !important;
    font-size: 16px;
    color: #404040;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px;
    border: none !important;
    font-style: normal;
    height: 38px;
    width: 200px
}
.holderSubscrib{
    border: 1px solid #ffffff;
    padding: 2px;
    border-radius: 0px 0px 0px 20px;
    display: inline-block;
    width: 100%;
    padding-left: 20px
}
.botnSubscrib{
    width: 20%;
    float: left;
    background-color: transparent;
    border: none;
    padding-left: 5px;
    color: #ffffff;
    cursor: pointer;
    margin-top: 5px
}
.inpSub{
    height: 30px;
    background: transparent;
    border-color: transparent;
    border-radius: 20px 0 0 20px;
    width: 80%;
    float: right;
    padding: 5px;
    border-left: 1px solid #ffffff;
    color: #ffffff !important
}
.inpSub:focus{
    border: none !important
}
.inpSub::placeholder{
    color: #ffffff;
    opacity: 0.5
}
.inpSub:-ms-input-placeholder{
    color: #ffffff
}
.inpSub::-ms-input-placeholder{
    color: #ffffff
}
.settings_ul .graycolor li{
    text-align: center !important;
    margin-right: -20px;
    padding: 0px;
    color: rebeccapurple
}
.dropupMoh{
    position: relative;
    display: inline-block;
    z-index: 1 !important;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.dropup-contentMoh{
    display: none;
    position: absolute;
    bottom: 91px;
    z-index: 1;
    text-align: center;
    z-index: 999 !important;
    width: 234px;
    border: solid 1px #CBCBCB;
    background-color: rgba(217, 217, 217, 0.9);
    -webkit-box-shadow: 0px -2px 15px 5px rgba(189,189,189,0.39);
    box-shadow: 0px -2px 15px 5px rgba(189,189,189,0.39)
}
.dropupMoh .child{
    width: 290px;
    margin: 0 auto;
    margin-left: -55px;
    display: inline-block
}
.dropup-contentMoh a{
    text-decoration: none;
    display: block;
    color: #58595D;
    padding: 3px;
    text-align: right;
    border-right: solid 5px #9A935F;
    margin-top: 5px;
    margin-right: 5px
}
.dropup-contentMoh a:hover{
    background-color: #9A935F;
    color: #ffffff;
    border-right: solid 5px #ffffff
}
.dropupMoh:hover .dropup-contentMoh{
    display: block
}
.dropupMoh:hover .dropbtnMoh{
}
.shadoImgMoh{
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0px !important
}
.ms-sbplain{
    border-radius: 6px;
    float: right;
    height: 35px;
    border: 2px solid #0d8c60 !important;
    width: 100% !important
}
.sectionStatistics{
    background-image: url(../images/bgStatistics.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 400px;
    background-size: contain
}
.sectionStatistics > div{
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 50px 0
}
.sectionStatistics > div > strong{
    display: block;
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
    position: relative;
    font-weight: normal
}
.sectionStatistics > div > strong:after{
    content: "";
    width: 38px;
    height: 5px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -18px;
    background-color: #0d8c60;
    border-left: 4px solid #f3f3f3;
    border-left: 4px solid #f3f3f3
}
.sectionStatistics > div > strong:before{
    content: "";
    width: 20%;
    height: 1px;
    position: absolute;
    bottom: -14px;
    right: 40%;
    background-color: #aaa
}
.sectionStatistics > div > strong > span{
    color: #0d8c60
}
.sectionStatistics .elementskit-funfact-Red{
    background-color: #ffbb39;
    border-radius: 30px 20px 20px 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%);
    text-align: center !important
}
.sectionStatistics .elementskit-funfact-Red .elementskit-funfact-inner{
    padding: 10px 10px 10px 10px;
    color: #e11c23 !important
}
.sectionStatistics .elementskit-funfact-Red .counter{
    margin: 1.1%;
    font-size: 35px;
    line-height: 1.2em;
    height: 40px;
    vertical-align: middle;
    text-align: center !important
}
.sectionStatistics .elementskit-funfact-Green{
    border-radius: 30px 30px 30px 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%)
}
.sectionStatistics .elementskit-funfact-Green .elementskit-funfact-inner{
    padding: 10px 10px 10px 10px;
    color: #81b214 !important
}
.sectionStatistics .elementskit-funfact-Green .counter{
    margin: 1.1%;
    font-size: 35px;
    line-height: 1.2em;
    height: 40px;
    vertical-align: middle;
    text-align: center !important
}
.sectionStatistics .elementskit-funfact-Blue{
    border-radius: 30px 30px 30px 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%);
    height: 152px
}
.sectionStatistics .elementskit-funfact-Blue .elementskit-funfact-inner{
    padding: 10px 10px 10px 10px;
    color: #519ae0 !important
}
.sectionStatistics .elementskit-funfact-Blue .counter{
    margin: 1.1%;
    font-size: 35px;
    line-height: 1.2em;
    height: 40px;
    vertical-align: middle;
    text-align: center !important
}
.sectionStatistics .elementskit-funfact-Yellow{
    border-radius: 30px 30px 30px 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 9.899px 9.899px 30px 0px rgb(0 0 0 / 10%)
}
.sectionStatistics .elementskit-funfact-Yellow .elementskit-funfact-inner{
    padding: 10px 10px 10px 10px;
    color: #ffbb39 !important
}
.sectionStatistics .elementskit-funfact-Yellow .counter{
    margin: 1.1%;
    font-size: 35px;
    line-height: 1.2em;
    height: 40px;
    vertical-align: middle;
    text-align: center !important
}
.sideMenuToggleWrapper{
    left: 0;
    position:absolute;
    z-index: 999999991;
    margin-top:10px
}
.sideMenuToggleWrapper.expanded{
    top: 175px
}
button.btnHelp{
    background: #6E7376;
    color: #fff;
    padding: 5px 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    border: 0px;
    font-weight: 500;
    font-size: 12px;
    margin-top: 5px;
    position: relative
}
button.btnHelp:focus{
    outline: none !important
}
ul.sideMenuPickList{
    background: #fff;
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
    width: 110px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    display: none;
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    float: unset;
    min-width: unset
}
ul.sideMenuPickList li{
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px 5px 0px;
    line-height: 0
}
ul.sideMenuPickList li:last-child{
    border-bottom: 0px solid #ccc
}
ul li.sideMenuPanelToggle h4{
    margin: 0px
}
ul li.sideMenuPanelToggle{
    padding: 2px 5px 5px 5px;
    border: 0
}
ul.sideMenuPickList li:last-child{
    border-bottom: 0px solid #ccc
}
ul.sideMenuPickList li a{
    padding: 5px 5px
}
ul.sideMenuPickList li a.dropdown-item:focus,ul.sideMenuPickList li a.dropdown-item:hover{
    background-color: transparent
}
ul.dropdown-menu li.activedSubMenu a.dropdown-item{
    color: unset;
    text-decoration: none;
    background-color: #fff;
    border-right-color: transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: -5px 0 11px 5px #c9c9c9;
    position: relative;
    display: block;
    width: 100%
}
x ul.dropdown-menu li.activedSubMenu a.dropdown-item span{
    border-bottom: 2px solid #3E8863;
    padding-bottom: 5px
}
ul.dropdown-menu.show li a.dropdown-item{
    color: unset;
    text-decoration: none;
    background-color: #fff;
    border-right-color: transparent;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none
}
ul.sideMenuPickList .dropdown-submenu .dropdown-menu{
    border: 0;
    box-shadow: 5px 0 6px -3px #c9c9c9;
    min-width: 250px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}
ul.sideMenuPickList .dropdown-submenu .dropdown-menu{
    padding: 10px 0
}
ul.sideMenuPickList li a:hover,ul.sideMenuPickList li a:focus{
    text-decoration: none
}
ul.sideMenuPickList li a span{
    display: block;
    color: #3E8863;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    line-height: 17px
}
ul.dropdown-menu li.activedSubMenu a.dropdown-item span{
    border-bottom: 2px solid #3E8863
}
ul li.sideMenuPanelToggle a span{
    display: inline;
    color: #fff;
    font-size: 14px;
    font-weight:normal;
    border-right: 2px solid #fff;
    padding-right: 5px
}
ul.sideMenuPickList li a img{
    width: 70px;
    height: 40px;
    object-fit: contain;
    margin: 5px 0px
}
.sideMenuPickList .dropdown-submenu{
    position: relative
}
.sideMenuPickList .dropdown-submenu.activedSubMenu::after{
    display: block;
    content: url(/en/eServices/PublishingImages/lifehelpextention.png);
    position: absolute;
    transform: scale(0.39,0.39);
    left: 72px;
    top: -103px
}
.sideMenuPickList .dropdown-submenu a::after{
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
    opacity: 0
}
.sideMenuPickList .dropdown-submenu .dropdown-menu{
    min-height:125px;
    top: -6px;
    left: 115%;
    margin-left: .1rem;
    margin-right: .1rem;
    position: absolute;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    z-index: 1000;
    border-radius: .25rem;
    display: none;
    float: left;
    background-color: #fff;
    background-clip: padding-box
}
.sideMenuPickList .dropdown-menu.show{
    display: block !important
}
.panel-group{
    padding: 0px 10px
}
.sideMenuPickList .sideMenuPanelToggle .panel-body{
    padding: 0
}
.sideMenuPickList .sideMenuPanelToggle .panel-group .panel{
    border-radius: 0;
    margin: 5px 0px
}
.sideMenuPickList .sideMenuPanelToggle .panel-default>.panel-heading{
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.sideMenuPanelToggle .panel-default>.panel-heading a{
    display: block;
    padding: 8px 5px 8px 15px;
    text-decoration: none;
    font-size: 12px;
    text-align: right;
    background-color: #3E8863;
    color: #fff;
    border-radius: 8px
}
.sideMenuPanelToggle .panel-default>.panel-heading a span{
    padding: 0px 5px 0px 0px
}
.sideMenuPanelToggle .panel-default>.panel-heading a:after{
    content: "";
    position: relative;
    float:left;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-family: 'FontAwesome';
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    transform: none;
    opacity: 1
}
.sideMenuPanelToggle .panel-default>.panel-heading a[aria-expanded="true"]{
    background-color: #9b9362
}
.sideMenuPanelToggle .panel-default>.panel-heading a[aria-expanded="true"]:after{
    content: "\f077 "
}
.sideMenuPanelToggle .panel-default>.panel-heading a[aria-expanded="false"]:after{
    content: "\f078"
}
ul.subInnerMenuPanel li{
    text-align: right;
    padding: 7px 10px;
    line-height: 1
}
ul.subInnerMenuPanel li a{
    text-align: right;
    color: #555;
    font-size: 12px;
    padding: 0
}
ul.subInnerMenuPanel li:hover,ul.subInnerMenuPanel li:focus{
    background-color: #c1c1c1;
    color: #fff
}
ul.subInnerMenuPanel li:hover a,ul.subInnerMenuPanel li:focus a{
    color: #fff
}
ul.subInnerMenuPanel li:hover a span,ul.subInnerMenuPanel li:focus a span{
    color: #606569
}
ul.subInnerMenuPanel li a span{
    color: #9b9362;
    padding-right: 0;
    padding-left: 5px;
    margin-left: 0;
    font-size: 16px;
    border: 0px;
    padding-bottom: 0px
}
ul.subInnerMenuPanel li a span i{
    transform:rotate(180deg)
}
.wrapBtn{
    height: 100%;
    align-items: start;
    justify-content: left
}
.btnHelp::before{
    content: '';
    border-radius: 1000px;
    min-width: calc(300px - 12px);
    min-height: calc(60px - 12px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-15%, -50%);
    opacity: 0;
    transition: all .3s ease-in-out 0s
}
.btnHelp:hover::before,.btnHelp:focus::before{
    opacity: 1
}
.sideMenuToggleWrapper .btnHelp::after{
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 6px solid #3E8863;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-15%, -50%);
    animation: ring 1.5s infinite
}
.sideMenuToggleWrapper.expanded .btnHelp::after{
    display:none
}
.btnHelp:hover::after,.btnHelp:focus::after{
    animation: none;
    display: none
}
@keyframes ring{
    0%{
        width: 30px;
        height: 30px;
        opacity: 1
    }
    100%{
        width: 150px;
        height: 150px;
        opacity: 0
    }
}
.sideMenuPanelToggle .panel-collapse.in.collapse.show{
    position: inherit;
    margin-top: 0px;
    margin-left: 0px
}
.feedback-section{
}
.feedback-container{
    max-width: 1160px;
    padding: 40px 0;
    margin: 0 auto
}
.feedback-response{
    text-align:right;
    border-top: 1px solid #EAEAEA;
    margin-top: 20px;
    padding-top: 5px
}
.feedback-question{
    color: #606367;
    font-weight: bold;
    text-shadow: none!important
}
.feedback-options input{
    margin: 0px 10px;
    vertical-align: baseline
}
.option-master{
    margin-right: 10px;
    color: #958a5f;
    cursor: pointer
}
.option-master.selected{
    font-weight: bold;
    color: #54b356
}
.option-master:first-child::after{
    margin-right: 10px;
    content: '|';
    color: #958a5f;
    font-weight: normal
}
.feedback-container .btn.btn-submit{
    display: none
}
.feedback-container .btn.btn-submit.show{
    background:#0d8c60;
    display: initial;
    margin-right: 5px;
    margin-left: 5px;
    position:inherit;
    margin-top:0px
}
.feedback-container.btn.btn-secondary{
    background:#958a5f
}
.evaluation{
    padding: 10px;
    position: relative;
    color: #606367!important
}
.evaluation div{
    margin-bottom:5px
}
.evaluation input[type=checkbox]{
    position: relative;
    cursor: pointer;
    margin-right:20px
}
.evaluation .rdCounts{
    color:#958a5f
}
.evaluation input[type=checkbox]:before{
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-color: #E0E0E0;
    border-radius: 2px
}
.evaluation input[type=checkbox]:checked:before{
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-color: #998F62;
    border-radius: 2px
}
.evaluation input[type=checkbox]:checked:after{
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 1px;
    left: 6px
}
.evaluation .title{
    margin-bottom: 20px;
    font-size: 18px !important
}
.evaluation .title a:link{
    color: #958a5f;
    font-weight: bold
}
.evaluation .title a:visited{
    color: #0d8c60
}
.evaluation .title a:hover{
    color: #0d8c60
}
.evaluation .title a:active{
    color: #0d8c60
}
.evaluation .quation{
    margin-bottom: 15px
}
.evaluation .write{
    margin-bottom: 20px;
    padding-right: 45px
}
.evaluation .send{
    margin-right: 45px
}
.evaluation .send .evaluation_btn{
    background-color: #958a5f;
    color: #ffffff;
    font-size: 15px;
    height: 45px;
    line-height: 30px
}
.evaluation .colorA{
    color: #9b9163
}
.evaluation .colorB{
    color: #606367;
    font-weight: bold
}
.feedback-container{
    max-width: 1160px;
    padding: 0px 0;
    margin: 0 auto
}
.rsbtn .rsbtn_play{
    width: auto!important;
    margin-right:0px!important
}
.rsbtn{
    top: 3px;
    left: 5px;
    margin-bottom: -11px!important
}
.rsbtn.rsexpanded{
    top: 5px;
    width: 353px!important;
    margin-bottom: -11px
}
.dropdown-item {
    white-space: break-spaces !important;
}

a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a:active {text-decoration:none}
	/* Footer Start Here */
.spp {
    display: block;
    width: 100%;
    border-top: 2px dashed #0d8c60;
    margin: 30px 0;
}
		.footer{
		background-image: url(https://www.moh.gov.sa/_layouts/15/MOH/Internet/New/images/bgFooterGray.jpg);
    padding-top: 40px;
    padding-bottom: 50px;
		}
		.footer > div > div > div > strong {
    display: block;
    text-align: right;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 400;
    color: #5f6267;
    border-bottom: solid #9a935d 2px;
    padding-left: 0px;
}
		.footer > div > div > div > strong > span {
    color: #0d8c60;
}
		.footer > div {
    width: 100% !important;
    padding: 0 30px;
	}
.fSocialMedia {
    margin-left: -38px;
    list-style: none;
    text-align: left;
	}
   li>a i:hover {
    color: #9a935d;
}
.footer > div > div> div> ul> li> a:visited {
    color: #606368;
    text-decoration: none;
}
.footer > div > div> div> ul> li> a {
    color: #606368;
    text-decoration: none;
}
	/* Footer End Here */	
	
.btn-primary {
    color: #fff !important;
    background-color: #958a5f !important;
    border-color: #958a5f !important;
}

/* Search Start Here */
.search_input {
    outline: 0;
    background: none;
    width: 0;
	border: 1px solid #ffffff !important;
	border-radius: 12px;
    caret-color: transparent;
    line-height: 20px;
    transition: width 0.8s linear;
}
.searchbar:hover > .search_input {
	border: 1px solid #0d8c60;
    padding: 0 10px;
    width: 200px;
	border: 1px solid #0d8c60 !important;
	display: flex;
    transition: width 0.8s linear;
}
.searchbar:hover > .search_icon {
    background: white;
    color: #e74c3c;
}
.search_icon {
    height: 22px;   
    float: right;
    justify-content: center;
    align-items: center;
	border: 1px solid #ffffff !important;
    border-radius: 50%;
    color: white;
    text-decoration: none;
}
a#langlink {
    border-right: 1px solid #0d8c60;
}
@media only screen and (max-width: 600px){
.search_icon{
border: 1px solid #e8e8e8 !important
}
.search_input{
    background-color: #e8e8e8 !important;
    border: 1px solid #e8e8e8 !important;
}
.searchbar:hover > .search_input {

	border: 1px solid #ffffff !important;

}
.searchbar:hover > .search_icon {
    background: #e8e8e8 !important;
    color: #e74c3c;
}
a#langlink {
    border-left: 1px solid #ffffff;
}
}
/* Search End Here */
a.signlanguage-a {
    color: #958a64;
    text-decoration: none;
}
a.signlanguage-a:visited {
    color: #958a64;
    text-decoration: none;
}
a.signlanguage-a:hover {
    color: #0d8c60;
}
.noshow {
display: none;		
}
.footer-logo {
    width: 50px;
}