/* font-family: 'Abel', sans-serif; */
/*@import url('https://fonts.googleapis.com/css?family=Abel');*/
/* font-family: 'Chau Philomene One', sans-serif; font-family: 'Mitr', sans-serif; */
/*@import url('https://fonts.googleapis.com/css?family=Chau+Philomene+One|Mitr');*/
/* font-family: "Lato"; */
/*@import url('https://fonts.googleapis.com/css?family=Lato');*/
/* font-family: "Quick"; */
/*@import url('https://fonts.googleapis.com/css?family=Quicksand');*/
/* font-family: 'Open Sans', sans-serif */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
/* font-family: 'Oxygen', sans-serif; */
/*@import url('https://fonts.googleapis.com/css?family=Oxygen');*/

/* font-family: Cairo */
@import url('https://fonts.googleapis.com/css?family=Cairo:400,300,300italic,400italic,700,700italic,900,900italic');

:root {
    --Color-Green: #106552;
    --Color-Light-Green: #86d1c0;
}

/* Default */
html {
    scroll-behavior: smooth;
}

body {
    /*padding-top: 110px;*/
    /*background-image: linear-gradient(lightcoral, salmon);*/
    direction: rtl;
    text-align: right;
    font-family: Cairo;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .row {
    margin: 0px;
    padding: 0px;
}

a {
    color: #195971;
    font-size: 16px;
}

    a:hover {
        color: #194898;
        font-size: 16px;
    }

img {
    max-width: 100%;
    height: auto;
}

textarea {
    resize: none;
}

.PageWrraper {
    background-color: white;
}

.PageFrame {
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.PageContent {
    padding-bottom: 40px;
    margin-bottom: 40px;
    min-height: 400px;
}

/*.container-fluid {
}
*/
.container {
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.ExtraModule {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Header */

.Menu-Items {
    background-color: #b60e0c;
    padding: 10px;
}

.navbar {
    z-index: 2;
    padding-top: 0px;
    /*background-color: rgba(255, 255, 255, 0.7);*/
}

.nav-colored {
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.nav-transparent {
    /*background-color: transparent;*/
    background-color: rgba(255, 255, 255, 0.7);
}

.navbar-brand {
    /*background-color: white;*/
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 500;
    /*color: #195971;*/
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: var(--Color-Green);
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: var(--Color-Light-Green);
    
}

.dropdown-menu a {
    color: dimgrey;
    font-size: 16px;
}

.dropdown-item
{
    text-align: right;
}

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: var(--Color-Light-Green);
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a {
        color: grey;
        font-size: 16px;
    }

        .dropdown-submenu a::after {
            transform: rotate(-90deg);
            position: absolute;
            right: 6px;
            top: .8em;
            
        }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }

/* Home Page */

.Banner-News-Wrraper {
    background-color: var(--Color-Light-Green);
    height: 50px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 3px;
}

.Banner-NewsItem-Title {
    font-size: 16px;
    font-weight: bold;
    color: #07374c;
    /*font-family: Arial;*/
}

a.Banner-NewsItem-Title {
    font-size: 16px;
    font-weight: bold
}

.HomeBlockWrraper {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
}

.HomeBlockTitle {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #106552;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}

    .HomeBlockTitle a {
        color: white;
        font-size: 30px;
        font-weight: 500;
    }

/* Home News */

.HomeNewsBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .HomeNewsBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.HomeNewsImage {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.HomeNewsTitle {
    height: 100px;
    margin-bottom: 5px;
}

    .HomeNewsTitle a {
        color: black;
        font-size: 16px;
        font-weight: 500;
    }

.HomeNewsUploadDate {
    color: gray;
    font-size: 12px;
}

.HomeNewsMore {
    text-align: left;
}

    .HomeNewsMore a {
        color: #cc0f0f;
        font-weight: 600;
        font-size: 12px;
    }


/* Inner Page */

/* News Section */

.NewsSectionBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .NewsSectionBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.NewsSectionTitle {
    text-align: center;
}

    .NewsSectionTitle a {
        color: steelblue;
        font-size: 26px;
        font-weight: 500;
    }

/* News */

.NewsBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .NewsBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.NewsImage {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.NewsTitle {
    height: 75px;
    margin-bottom: 5px;
}

    .NewsTitle a {
        color: black;
        font-size: 16px;
        font-weight: 500;
    }

.NewsUploadDate {
    color: gray;
    font-size: 12px;
}

.NewsMore {
    text-align: left;
}

    .NewsMore a {
        color: #cc0f0f;
        font-weight: 600;
        font-size: 12px;
    }


/* Members */

.MemberBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .MemberBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.MemberImage {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.MemberName {
    margin-bottom: 5px;
}

.MemberName a {
    color: black;
    font-size: 16px;
    font-weight: 500;
}

.MemberTitle {
    color: gray;
    font-size: 12px;
}

.MemberMore {
    text-align: left;
}

    .MemberMore a {
        color: #cc0f0f;
        font-weight: 600;
        font-size: 12px;
    }

/* Library */

.LibraryBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .LibraryBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.LibraryImage {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.LibraryTitle {
    margin-bottom: 5px;
}

    .LibraryTitle a {
        color: black;
        font-size: 16px;
        font-weight: 500;
    }

.LibraryUploadDate {
    color: gray;
    font-size: 12px;
}

/* Useful Links */

.UsefulLinkBlock {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    /*border: 1px solid #f1f1f1;*/
    background-color: ghostwhite;
    border-radius: 10px;
}

    .UsefulLinkBlock:hover {
        -webkit-box-shadow: -5px -5px 15px 0px rgba(50,50,50,.2);
    }

.UsefulLinkName {
    margin-bottom: 5px;
}

    .UsefulLinkName a {
        color: black;
        font-size: 16px;
        font-weight: 500;
    }

/* Item */

.ItemTitleWrraper {
    margin-bottom: 50px;
}

.ItemPageTitle {
    font-size: 26px;
    font-weight: 500;
    color: darkslategray;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 4px solid #f1f1f1;
    line-height: 2;
    display: inline;
}

.ItemTitle {
    font-size: 14px;
    font-weight: 700;
    color: lightcoral;
    text-transform: uppercase;
}

.Item a {
    font-size: 14px;
    font-weight: 500;
    color: gray;
}

.ItemPostDate {
    font-size: 11px;
    margin-bottom: 30px;
}

.ItemMainImage {
    text-align: center;
    margin-bottom: 40px;
}

.ItemImage {
    text-align: center;
    margin-bottom: 30px;
}

.ItemFileDescrption {
    text-align: center;
    font-size: 14px;
    color: gray;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

.ItemDetails {
    /*text-align: justify;*/
    padding-top: 30px;
    font-size: 18px;
    margin-bottom: 30px;
    /*font-family: Arial;*/
}

.Float {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* Map */

.MapWrapper {
    border-top: 3px solid ghostwhite;
    padding-top: 50px;
    background-color:aliceblue;
}

.MapBlockTitle {
    text-align: center;
    color: slategrey;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 50px;
}

.MapDetailsTitle {
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    color: black;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
}

.MapDetails {
    padding-left: 40px;
    padding-right: 40px;
    color: gray;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Footer */

.FooterWrapper {
    background-color: var(--Color-Green);
    padding-top: 60px;
    padding-bottom: 30px;
}

.Footer {
    padding-bottom: 40px;
}

.FooterTitle {
    color: #b8b7b7;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

    .FooterTitle a {
        color: #b8b7b7;
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: none;
    }

.FooterDetails {
    color: #b8b7b7;
    padding-right: 30px;
    font-size: 16px;
    margin-bottom: 20px;
}

    .FooterDetails a {
        color: #b8b7b7;
        text-decoration: none;
    }

        .FooterDetails a:hover {
            color: white;
        }

.BottomFooter {
    color: #b8b7b7;
    padding-top: 40px;
    font-size: 18px;
}

.BottomFooterPoweredBy {
    text-align: left;
    opacity: 0.6;
}

.BottomFooterPoweredBy:hover {
    opacity: 1;
}

/* Social Media */

.SocialMediaIcon {
    opacity: 0.7;
    margin: 4px;
    display: inline-block;
}

    .SocialMediaIcon:hover {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    }

.SocialMediaIcon span {
    font-size: 40px;
    color: #b8b7b7;
}
/* Navigation */

.NavigationWrapper {
    background-color: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.Navigation {
    color: var(--Color-Green);
    font-size: 13px;
}

    .Navigation a {
        color: var(--Color-Green);
        font-weight: bold;
        font-size: 13px;
        text-transform: uppercase;
    }

.FormHeader {
    color: steelblue ;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
}

.form-control {
    width: 100%;
    font-size: 16px;
    border: 1px solid lightgray ;
    color: gray ;
}

.alert {
    font-size: 18px;
}

.alert-danger {
    background-color: aliceblue ;
}

.RequiredIcon {
    color: red ;
    font-size: 16px;
}

.RequiredField {
    color: red ;
}

.Result {
    color: red ;
    font-size: 18px;
}

.FieldIcon {
    background-color: lightcoral ;
    padding: 4px;
}

    .FieldIcon i {
        color: white ;
        padding: 5px;
    }

/* AutoComplete flyout */

.autocomplete_completionListElement {
    background-color: white ;
    border: solid 1px lightgray ;
    color: gray ;
    cursor: pointer;
    overflow: auto;
    list-style-type: none;
    height: 200px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: lightgray ;
    color: black ;
    padding: 5px;
    font-size: 14px;
    margin-left: -30px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: white ;
    color: black ;
    padding: 5px;
    font-size: 14px;
    margin-left: -30px;
}

/* Checkbox */

input[type='checkbox'] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    cursor: pointer;
}

/* Radio Button List */

input[type='radio'] {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

/* Hidden */
.Hidden {
    display: none;
}

/* Language Area */

.LanguageArea {
}

/* Share Media  */

.ShareMedia {
    width: 100%;
    margin-bottom: 20px;
}

/* Custom button style */

.Button {
    font-size: 16px;
    color: white;
    background-image: linear-gradient(var(--Color-Light-Green), var(--Color-Green));
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 10px;
    /*border: solid 1px lightcoral;*/
}

    .Button:hover {
        color: white;
        background-image: linear-gradient(var(--Color-Green), var(--Color-Light-Green));
        text-decoration: none;
        /*background-color: white;*/
    }

.Button2 {
    font-size: 16px;
    color: white ;
    background-image: linear-gradient(lightcoral, palevioletred);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 10px;
    /*border: solid 1px lightcoral;*/
}

    .Button2:hover {
        color: white ;
        background-image: linear-gradient(salmon, lightcoral);
        text-decoration: none;
        /*background-color: white;*/
    }

.Button3 {
    font-size: 16px;
    color: white ;
    background-image: linear-gradient(lightcoral, palevioletred);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 10px;
    /*border: solid 1px lightcoral;*/
}

    .Button3:hover {
        color: white ;
        background-image: linear-gradient(salmon, lightcoral);
        text-decoration: none;
        /*background-color: white;*/
    }

.LinkButton {
    font-size: 16px;
    color: lightcoral ;
    margin-right: 20px;
}

    .LinkButton:hover {
        /*color: lightcoral;
        background-color: white;*/
    }

/* Lines */

.HDottedLine {
    border-top: solid 1px lightgray ;
}

.HSolidLine {
    border-top: solid 1px lightgray ;
}

.HSpaceLine {
    height: 10px;
}

.HSpaceLine2 {
    height: 20px;
}

.HSpaceLine4 {
    height: 40px;
}

.HSeperator {
    margin-top: 5px;
    border-top: solid 1px lightgray ;
    margin-bottom: 5px;
}

/* Quick Search */

.QuickSearchBox {
}

/* Transition elsements */

a, div, .btn, .navbar, input, textarea, .form-control {
    -webkit-transition: all 0.425s ease-in-out 0s;
    -moz-transition: all 0.425s ease-in-out 0s;
    -ms-transition: all 0.425s ease-in-out 0s;
    -o-transition: all 0.425s ease-in-out 0s;
    transition: all 0.425s ease-in-out 0s;
}

.None {
    display: none;
}

.thumb-image {
    float: left;
    width: 100px;
    position: relative;
    padding: 5px;
}

.Padding0 {
    padding: 0px;
}

.Padding2 {
    padding: 2px;
}

.Padding4 {
    padding: 4px;
}

.Padding5 {
    padding: 5px;
}

.Padding10 {
    padding: 10px;
}

.Center {
    text-align: center;
}

.Clear {
    clear: both;
}

/* Responsive */

/* Large desktops and laptops */
@media (min-width: 1200px) {

    /* auto list sub menu */
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    /* auto list sub menu */

    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }

    .Banner-News-Wrraper {
        height: 70px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .Banner-News-Wrraper {
        height: 70px;
    }
}

/* Landscape phones and portrait tablets - XS */ 
@media (max-width: 767px) {

    body {
        
    }

    .Banner-News-Wrraper {
        height: 100px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 575.98px) {

    .BottomFooterCopyrights {
        text-align: center;
    }

    .BottomFooterPoweredBy {
        padding-top: 20px;
        text-align: center;
    }
}