@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url('../extras/ArabicFonts/DroidKufi-Regular.eot');
    
  src: url('../extras/ArabicFonts/DroidKufi-Regular.eot?#iefix')               format('embedded-opentype'),
       url('../extras/ArabicFonts/DroidKufi-Regular.woff')                     format('woff'),
       url('../extras/ArabicFonts/DroidKufi-Regular.woff2')                    format('woff2'),
       url('../extras/ArabicFonts/DroidKufi-Regular.ttf')                      format('truetype'),
       url('../extras/ArabicFonts/DroidKufi-Regular.svg#Droid Arabic Kufi')    format('svg');
    
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url('../extras/ArabicFonts/DroidKufi-Bold.eot');
    
  src: url('../extras/ArabicFonts/DroidKufi-Bold.eot?#iefix')                  format('embedded-opentype'),
       url('../extras/ArabicFonts/DroidKufi-Bold.woff')                        format('woff'),
       url('../extras/ArabicFonts/DroidKufi-Bold.woff2')                       format('woff2'),
       url('../extras/ArabicFonts/DroidKufi-Bold.ttf')                         format('truetype'),
       url('../extras/ArabicFonts/DroidKufi-Bold.svg#Droid Arabic Kufi')       format('svg');
    
  font-weight: 700;
  font-style: normal;
}

/*Only for Arabic Language switch difinition*/
.ara {
    font-family: "Droid Arabic Kufi", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal;

}


/*  ==========================================================  */
/*Theme Colors*/
/*  ==========================================================  */
/*Fixing recolored links in mobile*/
h3 > a,
h4 > a,
h5 > a {
    color: #fff;
}

h3 > a:hover,
h4 > a:hover,
h5 > a:hover {
    color: #cbdb29;
    text-decoration: none;
/*    font-weight: bold;*/
}


/*ahmed 2017*/
.iconList {
    padding: 20px 0;
}

.iconList img {
    min-width: 40px;
    width: 60px;
/*    max-width: 60px;*/
    padding: 5px;
    margin-left: 0px;
}

.text-w {
    color: #fff!important;
/*
    margin-right: 0px;
    padding-right: 0px;
    text-align: right;
*/
}

h5.text-w {
    line-height: 300%;
    text-align: right;
}

.overlayCaption {
    position: absolute;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 0 13px;
    top: 70%;
}

.customImg {
    width: auto;
    height: 400px;
    
}

.listU {
    border-bottom: thin solid black!important;
    margin: 0 10px;
/*    text-decoration: underline;*/
}

.SocialTop {
/*    padding-left: 0!important;*/
    padding-top: 40px;
    float: left!important;
/*    direction: ltr!importnat;*/
    padding-left: 40px;
}

.SocialTop a {
    color: #016699;
    margin: 0px 10px 0px 0px;
}

.SocialTop a:hover {
    color: #cbdb29;
}
/*===================================================*/



    .ThemeColorFill {
        background-color: #016699 !important;
    }

    .ThemeColorText {
        color: #cbdb29 !important;
    }

    .ThemeColorLink a {
        color: #cbdb29;
        text-decoration: none;
    }

    .ThemeColorLink a:hover {color: #fff;}

    .ThemeColorSecondFill {
        background-color: #cbdb29 !important;
    }

    .ThemeColorSecondText {
        color: #016699 !important;
    }

    .ThemeColorSecondLink a {
        color: #016699 !important;
        text-decoration: none;
    }

    /* NAVBAR links color    */

        .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
            /*ahmed 20107*/
/*            border-color: #cb9 !important;*/
            border-color: none !important;

        }

        /*Toggle Button*/
        .navbar-inverse .navbar-toggle {
            /*ahmed 20107*/
            border-color: #016699 !important;
            background-color: #016699 !important;
/*            border-color: none !important;*/
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff !important;
        }

/*
        .navbar-inverse .navbar-toggle .icon-bar:hover {
            background-color: #cbdb29 !important;
        }
*/

        .navbar-inverse .navbar-toggle:hover {
            border-color: #cbdb29 !important;
            background-color: #cbdb29 !important;
        }

    /*Navigation*/
        /*L1*/
        .navbar-inverse .navbar-nav > li > a {
                color: #fff !important;
                text-decoration: none;
        }

        .navbar-inverse .navbar-nav > li > a:hover {
                color: #cbdb29 !important;
        }

        .navbar-inverse .navbar-nav > li > a:focus {
            background-color: #cbdb29 !important;
               color: #016699 !important;
        }

        /*L2*/
        .navbar-inverse .navbar-nav ul li {
            border: none;
        }

        .navbar-inverse .navbar-nav .dropdown-menu {
            background-color: rgba(203, 219, 41, 0.7)!important;
            color:  #cbdb29 !important;
        }

        .dropdown-menu > li > a {
            color: #000 !important;
        }

        .navbar-inverse .navbar-nav ul li a:hover {
/*            background-color: #cbdb29 !important;*/
            background-color: rgba(203, 219, 41, 0.0)!important;
            color: #fff !important;
/*            font-weight: bold;*/
        }    
            
        .navbar-inverse .navbar-nav > .open > a,
        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus {
/*
            background-color: #cbdb29 !important;
            color: #fff !important;
            
            
*/
            background-color: #016699 !important;
            color: #cbdb29 !important;
        }

        /*SideBar Navigation*/

/*
        .sidebar li a {
            color: #016699 !important;            
        }
        .sidebar li a:hover {
            background-color: #cb9 !important; 
            color: #016699 !important;
        }
*/


/*social Main BAR */
    .socialbar {
        background-color: #cbdb29 !important;    
    }




/*Button*/
.btn-success {
    color: #fff;
    background-color: #cbdb29;
    border-color: #cbdb29;
}

.btn-success:hover {
    color: #fff;
    background-color: #016699;
    border-color: #016699;
}
/*Footer*/
.footer h4, .footer p, .footer ul li a {
    color: #fff;
    text-decoration: none;
}

.footer ul li a:hover {
    color: #fff;
}

/*Divider*/
hr,
.featurette-divider,
.nav-divider {
    border-color: transparent;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
/*

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.featurette-divider {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.nav-divider {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
*/


/*  ==========================================================  */
/*Layout*/
/*  ==========================================================  */
    .logo {
/*
        margin-top: -25px;
        margin-bottom: -25px;

        width: 100px;
        height: 100px;

        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.25);
*/
    }

    .MinistryName {
        color: #cbdb29 !important;
        font-size: 95%;
    }
    
    .SACBName {
        color: #cbdb29 !important;
        font-size: 95%;
    }

    .MinistryName:hover,
    .SACBName:hover {
        color: #fff !important;
    }


.SliderImageCover h3 {
 line-height: 150%;
}


    .SliderImageCover {

        -webkit-background-size: cover !important;
           -moz-background-size: cover !important;
             -o-background-size: cover !important;
                background-size: cover !important;
    }

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



.ContentArea {
    margin-top: 200px;
}



/*Social Brand in index*/
.SocialBrand {
/*    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);*/
    z-index: 99999999 !important;
    /*ahmed 2017*/
/*    position: absolute;*/
}
    

.SocialBrandCollapsed {
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
    z-index: 99999999 !important;
}

.SocialBrand a, 
.SocialBrandCollapsed a {
    color: #fff !important;
    padding: 0 5px;
    text-decoration: none;
}

.SocialBrand a:hover,
.SocialBrandCollapsed a:hover {
    color: #cbdb29 !important;
}

/*Social Brand inside*/
.SocialBrandInside {
/*    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);*/
    z-index: 99999999 !important;
    padding: 0;
    /*    position: absolute;*/
}

.SocialBrandInside a {
    color: #016699 !important;
    padding: 0 3px;
    text-decoration: none;
}

.SocialBrandInside a:hover {
    color: #cbdb29 !important;
}


.BreadCrumbsArea {
    padding: 0;
}

.BreadCrumbsContainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    
}

.breadcrumb, .breadcrumb a {
    background-color: transparent;
    text-decoration: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    
    font-size: 110%;
/*    margin: 0;*/
}



.LanguageFlag {
    font-size: 150%;
}

.panel-group {
    margin-bottom: 10px;
}



/*  ==========================================================  */
/*Arabic*/
/*  ==========================================================  */

/*  ==========================================================  */
/*English*/
/*  ==========================================================  */


/*  ==========================================================  */
/*Disable Rounded corners*/
/*  ==========================================================  */

.noCorners, .noCorners * {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


/*  ==========================================================  */
/*Responsive*/
/*  ==========================================================  */
    @media (max-width: 767px) {
        .SACBName {
            font-size: 95%;
        }
        .navbar-wrapper {
            /*    top: 0px;*/
            position: inherit;
        }
        
        .social {
                top: 50px;
            margin-top: 10px;
/*            position: inherit;*/
        }

        

        
/*
        div.navbar {
            margin-bottom: 0px!important;
            border: none!important;
        }
*/
        
        .navbar {
            margin-bottom: 0px;
        }

        .carousel {
            height: 500px;
            margin-bottom: 60px;
        }
        .carousel .item {
            height: 500px;
            background-color: blue;
        }
        
        
        
        .ContentArea {
            margin-top: 50px;
        }
    }


/*  ==========================================================  */
/*Table Head color Only*/
/*  ==========================================================  */


th {
    background-color: #016699 !important;
    color: white;
    text-align: center !important;
}

.hilighted {
    background-color: #FFCC66 !important;
}

.table-hover .hilighted:hover td {
    background-color: #f90 !important;
}

/*  ==========================================================  */
/*Table COLUMNS Only*/
/*  ==========================================================  */


/*
td:nth-child(2n+1) {
  background-color: green !important;
}
*/

td {
    vertical-align: middle !important;
}

td:nth-child(1), td:nth-child(4) {
    text-align: inherit!important;
/*    width: 200px;*/
}

td:nth-child(2), td:nth-child(3), td:nth-child(5) {
    text-align: center!important;
/*    width: 120px;*/
}

.numbered {
    width: 120px !important;
}

.coded {
    width: 50px !important;
}


.clubTable td {
    vertical-align: middle !important;
    text-align: center !important;
}