@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*/
/*  ==========================================================  */
    .ThemeColorFill {
        background-color: #033 !important;
    }

    .ThemeColorText {
        color: #cb9 !important;
    }

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

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

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

    .ThemeColorSecondText {
        color: #033 !important;
    }

    .ThemeColorSecondLink a {
        color: #033 !important;
        text-decoration: none;
    }
	 .ThemeColorSecondLink a:hover {
        color: #428bca !important;
        text-decoration: none;
    }
    /* NAVBAR links color    */
        /*Toggle Button*/
        .navbar-inverse .navbar-toggle {
            border-color: #cb9 !important;
        }

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

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

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

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

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

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

        .navbar-inverse .navbar-nav .dropdown-menu {
            background-color: #033 !important;
            color:  #cb9 !important;
        }

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

        .navbar-inverse .navbar-nav ul li a:hover {
            background-color: #cb9 !important;
            color: #fff !important;
        }    
            
        .navbar-inverse .navbar-nav > .open > a,
        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #cb9 !important;
            color: #fff !important;
        }

        /*SideBar Navigation*/

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


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




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

.btn-success:hover {
    color: #fff;
    background-color: #033;
    border-color: #033;
}
/*Footer*/
.footer h4, .footer p, .footer ul li a {
    color: #cb9;
    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: -70px;
        margin-bottom: -70px;

        width: 120px;
        height: 120px;

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

    .MinistryName {
        color: #cb9 !important;
        font-size: 95%;
    }
    
    .SACBName {
        color: #cb9 !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;
    position: absolute;
}
    

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

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

.SocialBrand a:hover,
.SocialBrandCollapsed a:hover {
    color: #fff !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: #033 !important;
    padding: 0 3px;
    text-decoration: none;
}

.SocialBrandInside a:hover {
    color: #cb9 !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;*/
        }

        
        .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: #033 !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;
}