@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
    font-family: 'kufyanarabicregular1', sans-serif;
    background: #e5f6ec;
    text-align: justify;
    text-justify: inter-word;
}

a {
    color: #333;
}

.dropdown-submenu {
    position: relative;
}

.carousel {
    width: 103.7%;
    left: -15px;
}

html[dir="rtl"] .carousel {
    left: 0;
    right: -15px;
}

}

.item img {
    position: relative;
    width: 100%;
    height: auto;
}



.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
/*.nav .dropdown.open .caret{
    border-top: none;
    border-bottom: 4px solid #000000;
}*/

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

html[dir="rtl"].dropdown-submenu.pull-left > .dropdown-menu {
    right: -100%;
    left: auto;
}

.container {
    max-width: 1140px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: static;
}

.dropdown-menu {
    background-color: #005a2f;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
}

    .dropdown-menu li a {
        color: #fff;
    }

.navbar-nav {
    font-size: 12px;
}

.navbar-default {
    border: none;
    background-color: #219250;
}

    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #005a30;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #005a30;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #005a30;
    }
/* CSS used here will be applied after bootstrap.css */ .nav {
    margin-bottom: 0;
}

    .nav > li.dropdown.open {
        position: static;
    }

        .nav > li.dropdown.open .dropdown-menu {
            width: 100%;
            text-align: center;
            left: 0;
            right: 0;
        }

.dropdown-menu > li {
    display: table-cell;
}

.dropdown-submenu .dropdown-menu2 {
    border-radius: 0;
    position: absolute;
    background: #219250 none repeat scroll 0% 0%;
    text-align: left;
    list-style: none;
    padding: 15px;
    min-width: 160px;
    display: none;
}

.dropdown-submenu:hover .dropdown-menu2 {
    display: block;
}

.ico-user {
    float: right;
}

.dropdown-menu {
    padding: 0;
}

    .dropdown-menu > li > a {
        padding: 17px 20px;
    }

.dropdown-submenu .dropdown-menu3 {
    border-radius: 0;
    position: absolute;
    background: #005A2F none repeat scroll 0% 0%;
    text-align: left;
    list-style: none;
    padding: 15px;
    min-width: 160px;
    display: none;
    right: -168px;
    top: -10px;
}

.dropdown-submenu .dropdown-submenu:hover .dropdown-menu3 {
    display: block;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-header .navbar-brand .fa {
    color: #fff;
}

.navbar-default {
    border-radius: 0;
}

.navbar-nav {
    margin: 0;
}
/*#header-search-input .search-query{
	border:2px solid #a8a8a8;
	border-radius:30px;
}
#header-search-input .btn{
	background:none;
	position:absolute;
	top: 0px;
	right:8px;	
	}
#header-search-input .glyphicon{
font-size: 13px;
color:#666;
	}*/
.header {
    padding: 13px 0;
}

.btn-user {
    border: none;
    line-height: 32px;
}

    .btn-user img {
        margin-right: 20px;
        margin-top: -2px;
    }

.btn-white {
    background: #fff;
    color: #333;
    padding: 8px 12px;
}

    .btn-white:hover {
        background: #eee;
    }

.ico-messeges {
    float: right;
    color: #999;
    font-size: 16px;
    padding: 10px;
}

.ico-notify {
    float: right;
    color: #999;
    font-size: 16px;
    padding: 10px;
}
/*--top header nav--*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    margin: 0px;
    padding: 17px 10px 9px;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
        font-size: 17px;
    }

.dropdown-menu-scroll {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    font-size: 14px;
    text-align: left;
    list-style: outside none none;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

    .dropdown-menu-scroll > li {
        display: block;
    }

    .dropdown-menu-scroll li a {
        color: #333;
    }

    .dropdown-menu-scroll > li > a:focus, .dropdown-menu-scroll > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #219250;
    }

    .dropdown-menu-scroll > li > a {
        padding: 8px 20px;
    }

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.btn-bell {
    border: none;
}

    .btn-bell img {
        margin-right: 20px;
        margin-top: -2px;
    }

    .btn-bell .fa {
        color: #999;
    }

    .btn-bell .caret {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #999;
    }

.btn-user .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #999;
}

.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #d0eddc;
}
/*--MENU RESPONSIVE BTN --*/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #005a30;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle {
    background-color: #fff;
}
/*--/MENU RESPONSIVE BTN--*/
.noti {
    width: 15;
    height: 15;
    background: #F00 none repeat scroll 0% 0%;
    border-radius: 50px;
    position: absolute;
    top: -13px;
    left: 12px;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    font-family: 'kufyanarabicregular1', sans-serif;
    min-height: 19px;
    min-width: 19px;
}

.noti-holder {
    position: relative;
}

.panel-body {
    margin-bottom: 20px;
    border-radius: 0;
    padding: 20px;
    margin-top: 20px;
}
/*--Footer--*/
.footer-big {
    background: #219250;
    padding: 30px 0 0;
    font-size: 11px;
    color: #fff;
}

    .footer-big h3 {
        margin: 0 0 10px;
        padding-bottom: 6px;
        border-bottom: 1px solid #fff;
    }

footer h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

footer ul {
    list-style: none;
    padding: 0;
}

    footer ul li {
        padding-bottom: 8px;
    }

footer hr {
    opacity: .4;
    margin: 15px 0;
}

.copyrights {
    background: #005a30;
    padding: 15px 0;
    margin-top: 25px;
    font-size: 11px;
    text-align: left;
}

footer a {
    color: #fff;
}

    footer a:hover {
        color: #fff;
    }

/*--/Footer--*/


/*--RTL--*/
html[dir="rtl"] .ico-messeges {
    float: left;
}

html[dir="rtl"] .ico-notify {
    float: left;
}

html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4, html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8, .col-lg-9 {
    float: right;
}

html[dir="rtl"] .pull-right {
    float: left !important;
}

html[dir="rtl"] .pull-left {
    float: right !important;
}

html[dir="rtl"] .navbar-nav > li {
    float: right;
}

html[dir="rtl"] .navbar-brand {
    float: right;
}

html[dir="rtl"] .navbar-toggle {
    margin-left: 15px;
    float: left;
}

html[dir="rtl"] .nav {
    padding-right: 0;
}

html[dir="rtl"] .btn-user img {
    margin-left: 20px;
    margin-right: 0;
}

html[dir="rtl"] .dropdown-submenu .dropdown-menu2 {
    text-align: right;
}

html[dir="rtl"] .dropdown-submenu .dropdown-menu3 {
    text-align: right;
    left: -168px;
    right: auto;
}

html[dir="rtl"] .brand {
    margin-bottom: 15px;
}

.lan-box {
    float: right;
    padding-top: 12px;
}

    .lan-box span {
        height: 37px;
        display: block;
        float: right;
        margin-left: 10px;
        margin-top: -8px;
        padding-top: 10px;
        width: 74px;
        padding-left: 43px;
        width: 74px;
        padding-left: -23px;
    }

        .lan-box span::before {
            content: "العربية";
        }

html[dir="rtl"] .lan-box {
    float: left;
}

    html[dir="rtl"] .lan-box span {
        margin-left: 0px;
        width: 90px;
        padding-top: 10px;
        margin-top: -8px;
        padding-right: 40px;
    }

        html[dir="rtl"] .lan-box span::before {
            content: "English";
        }

.heado {
    background: #fff;
}

.user-dropdown {
    float: right;
}

html[dir="rtl"] .user-dropdown {
    float: left;
}
/*--headings--*/
.panelheading {
    color: #339966;
    font-size: 20px;
    font-family: 'kufyanarabicregular1', sans-serif;
    font-weight: normal;
}

html[dir="rtl"] .panelheading {
    color: #339966;
    font-size: 24px;
    font-family:  'kufyanarabicregular1', sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 20px;
    font-weight: normal;
}

h1 {
    font-size: 20px;
    font-family: 'kufyanarabicregular1', sans-serif;
    font-weight: normal;
}

html[dir="rtl"] h1 {
    font-size: 24px;
    font-family:   'kufyanarabicregular1', sans-serif;
    font-weight: normal;
}

h2 {
    font-size: 16px;
    font-family: 'kufyanarabicregular1', sans-serif;
    font-weight: normal;
}

html[dir="rtl"] h2 {
    font-size: 18px;
    font-family:   'kufyanarabicregular1', sans-serif;
    font-weight: normal;
}

h3 {
    font-size: 14px;
    font-family: 'kufyanarabicregular1', sans-serif;
    
}

html[dir="rtl"] h3 {
    font-size: 16px;
    font-family:  'kufyanarabicregular1', sans-serif;
     
}

/*--/headings--*/
/*--buttons--*/
.btn-default {
    background: #aeaeae;
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 10px 12px;
}

    .btn-default:hover {
        background: #a2a2a2;
        color: #fff;
    }

.btn-primary {
    background: #219250;
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 10px 12px;
}

    .btn-primary:hover {
        background: #1b8447;
        color: #fff;
    }
/*--/buttons--*/

.btn-top {
    background: none;
}

table thead {
    background: #219250;
    color: #fff;
}

.slider {
    height: 377px;
}

.slide-main {
    max-width: 855px;
    height: 100%;
}

.slide-side {
    max-width: 285px;
    height: 100%;
    background: url(../../Images/slide2.jpg) no-repeat;
    background-size: 100% auto;
    color: #fff;
    padding-top: 10px;
    font-size: 12px;
}

    .slide-side a {
        color: #fff;
    }

.home-box {
    min-height: 150px;
    color: #fff;
    padding: 1px 15px;
    margin-bottom: 25px;
}

    .home-box h3 {
        border-bottom: 1px solid #fff;
        padding-bottom: 6px;
        margin-top: 15px;
    }

.home-box-color1 {
    background: #987712;
}

.home-box-color2 {
    background: #005a30;
}

.home-box-color3 {
    background: #0a9593;
}

.activity-box {
    border: 3px solid #d0d0d0;
    min-height: 265px;
    background: #fff;
    padding: 15px;
    font-size: 12px;
}

    .activity-box h3 {
        margin-top: 0;
    }

    .activity-box hr {
        margin: 5px 0;
    }

.margin-bottom-25 {
    margin-bottom: 25px;
}

.align-center {
    margin: 0 auto;
}


@media only screen and (min-width:1820px) and (max-width : 1920px) {
     

    .SidePanel {
        width: 349px;
        float: right;
        margin-right: 5px;
    }
}

@media only screen and (min-width:1720px) and (max-width : 1820px) {
     

    .SidePanel {
        width: 295px;
        float: right;
       margin-right: 5px;
    }
}

 
@media only screen and (min-width:1600px) and (max-width : 1720px) {
     

    .SidePanel {
        width: 233px;
        float: right;
        margin-right: 5px;
    }
}

@media screen and (max-width:320px) {
    .SidePanel {
        width: 100%;
        float: right;
        margin-right: 5px;
    }
}
@media screen and (min-width:321px) and (max-width:639px) {
    .SidePanel {
        width: 100%;
        float: right;
        margin-right: 5px;
    }
}
@media screen and (min-width:640px) and (max-width:959px) {
    .SidePanel {
        width: 100%;
        float: right;
       margin-right: 5px;
    }
}
@media screen and (min-width:960px) and (max-width:1279px) {
    .SidePanel {
        width: 100%;
        float: right;
       margin-right: 5px;
    }
}
@media screen and (min-width:1280px) and (max-width:1599px) {
    .SidePanel {
        width: 100%;
        float: right;
       margin-right: 5px;
    }
}

@media only screen and (max-width:1200px) {
    .slider {
        height: 325px;
    }

    .carousel {
        width: 104.5%;
    }

   .SidePanel {
        width: 100%;
        float: right;
        margin-right: 5px;
    }
}

@media only screen and (max-width:992px) {
    .slider {
        height: 252px;
    }

    .carousel {
        width: 105.9%;
    }

    .Banner1 {
        display: none;
    }

    .Banner2 {
        display: none;
    }

    .SidePanel {
        width: 100%;
        float: right;
    }

}

@media (min-width:768px) {
    html[dir="rtl"] .navbar-nav {
        float: right;
        margin: 0;
    }

    html[dir="rtl"] .navbar-header {
        float: right;
    }
}
/*--/RTL--*/

@media only screen and (max-width:767px) {
    .dropdown-menu > li {
        display: block;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        text-align: left;
    }

    .brand {
        text-align: center;
    }

    footer h3 {
        margin-top: 15px;
    }

    .lan-box span {
        margin-top: -13px;
        padding-top: 0px;
        width: 35px;
        padding-left: -23px;
    }

        .lan-box span::before {
            content: "";
        }

    .dropdown-submenu {
        position: static;
    }

        .dropdown-submenu .dropdown-menu2 {
            position: static;
        }

        .dropdown-submenu .dropdown-menu3 {
            position: static;
        }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 15px;
        background: #187d42;
    }

    .navbar-nav > li > a {
        line-height: 12px;
    }
    /*--enabling menu scroll on mobiile devices--*/
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        height: 200px;
        overflow: auto;
    }

    html[dir="rtl"] .navbar-nav > li {
        float: none;
    }

    html[dir="rtl"] .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        text-align: right;
    }

    .dropdown-submenu .dropdown-menu3 {
        border-radius: 0px;
        position: absolute;
        background: #f0f none repeat scroll 0% 0%;
        text-align: left;
        list-style: outside none none;
        padding: 15px;
        min-width: 160px;
        display: none;
    }

    .slider {
        height: 318px;
    }

    .carousel {
        width: 105%;
    }
}

@media only screen and (max-width:680px) {
    .slider {
        height: 290px;
    }
}

@media only screen and (max-width:620px) {
    .slider {
        height: 270px;
    }
}

@media only screen and (max-width:560px) {
    .slider {
        height: 240px;
    }

    .carousel {
        width: 106%;
    }
}

@media only screen and (max-width:500px) {
    .slider {
        height: 210px;
    }
}

@media only screen and (max-width:440px) {
    .slider {
        height: 185px;
    }

    .carousel {
        width: 107.8%;
    }
}

@media only screen and (max-width:390px) {
    .slider {
        height: 165px;
    }
}

@media only screen and (max-width:350px) {
    .slider {
        height: 145px;
    }
}

@media only screen and (max-width:300px) {
    .slider {
        height: 130px;
    }

    .carousel {
        width: 112%;
    }
}

.btn {
    display: inline-block;
    padding: 10px 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.topHeadLine {
    width: 100%;
    height: auto;
}

.topHeadLine {
    Width: 100%;
    height: auto;
    min-height: 35px;
    background: #fff;
    color: white;
}