.home-slider-post + .home-slider-post {
    display: none;
}



body,
html {
    background: #FFF;
    /*min-width:960px;*/
}

body {
    font-family: "HelveticaNeue-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #636B75;
    line-height: 1;
    margin: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}





blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: right;
    font-weight: bold;
}

hr {
    clear: both;
    margin: 0;
}

a {
    outline: none;
}

.hr {
    clear: both;
    border: 0;
    height: 50px;
    width: 100%;
    background: url(../images/global/bg-hr-dotted.png) 0 50% repeat-x;
}


.hr-dotted {
    background: url(../images/global/bg-hr-dotted.png) 0 50% repeat-x;
}

.hr-dotted-double {
    background: url(../images/global/bg-hr-dotted-double.png) 0 50% repeat-x;
}

.hr-solid {
    background: none;
    border-bottom: 1px solid #DADADA;
    height: 25px;
    margin-bottom: 25px;
}

.hr-solid-double {
    background: url(../images/global/bg-hr-solid-double.png) 0 50% repeat-x;
}

iframe {
    border: 0;
}


/*-----------------------------------------------------------------*/
/* 2. Layout Structure
/*-----------------------------------------------------------------*/



#main-wrap {
    width: 960px;
    overflow: visible;
    position: relative;
    padding: 15px 0;
    z-index: 1;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: -1px 8px 24px 1px rgba(0,0,0,0.51);
    -moz-box-shadow: -1px 8px 24px 1px rgba(0,0,0,0.51);
    box-shadow: -1px 8px 24px 1px rgba(0,0,0,0.51);
}

.tt-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.center-wrap {
    /*width:960px;*/
    margin: 0 auto;
    position: relative;
}

.page_content {
    float: left;
    width: 670px;
}

.page_content_right {
    float: left;
    width: 483px;
}

body > div > .full-width {
    width: 960px !important;
}

header {
    width: 100%;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    padding: 32px 0;
    background: #FFF url(../images/global/bg-ui-gradient.png) left top repeat-x;
}

#content-container {
    width: 100%;
    background: #FFF url(../images/global/bg-ui-gradient.png) left top repeat-x;
}












/*-----------------------------------------------------------------*/
/* 3. Main Navigation
/*-----------------------------------------------------------------*/


.navmain {
    height: 40px;
    z-index: 1000;
    direction: rtl;
}

    .navmain.expand {
        margin-bottom: 53px;
    }

    .navmain ul {
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 1000;
    }

        .navmain ul li {
            z-index: 1000;
        }

    .navmain a {
        text-decoration: none;
    }

    .navmain > ul {
        position: relative;
        width: 100%;
    }

        .navmain > ul > li {
            float: right;
            border-right: 2px solid #fff;
        }

            .navmain > ul > li.active, .navmain > ul > li.current {
                background-color: #0c7dbc;
            }

                .navmain > ul > li.active > a, .navmain > ul > li.current > a {
                    color: #fff;
                }

                .navmain > ul > li.active > ul, .navmain > ul > li.current > ul {
                    display: block !important;
                }

                .navmain > ul > li.active > ul {
                    z-index: 1001;
                }

            .navmain > ul > li > a {
                color: #0c7dbc;
                display: block;
                font-size: 16px;
                font: normal 15px/40px 'Droid Arabic Kufi',Tahoma,Arial,Helvetica,sans-serif;
                padding: 0 8px;
                text-align: center;
                white-space: nowrap;
            }

                .navmain > ul > li > a img {
                    margin-bottom: -3px;
                }

            .navmain > ul > li > ul {
                color: #fff;
                display: none;
                right: 0;
                padding: 14px 10px;
                position: absolute;
                top: 28px;
                width: 98%;
                z-index: 1000;
            }

                .navmain > ul > li > ul li {
                    float: right;
                }

                    .navmain > ul > li > ul li:after {
                        content: '|';
                    }

                    .navmain > ul > li > ul li:last-child:after, .navmain > ul > li > ul li.last:after {
                        content: '';
                    }

                    .navmain > ul > li > ul li a {
                        padding: 0 10px;
                    }

                .navmain > ul > li > ul li {
                    line-height: 2em;
                }

                    .navmain > ul > li > ul li a {
                        color: #fff;
                        font-family: 'Droid Arabic Kufi',Tahoma,Arial,Helvetica,sans-serif;
                        padding: 0 2px;
                        font-weight: bold;
                        font-size: 12px;
                    }

                        .navmain > ul > li > ul li a.current, .navmain > ul > li > ul li a:hover {
                            color: #E3E3E3;
                        }

                    .navmain > ul > li > ul li ul {
                        display: none;
                    }

                    .navmain > ul > li > ul li:last-child:after, .navmain > ul > li > ul li.last:after {
                        content: "";
                    }

.widget.submenu {
    background-color: #c9a775;
    margin: 0 0 15px;
}

    .widget.submenu li {
        border: 0;
    }

        .widget.submenu li:before {
            background-position: -744px 0;
        }

        .widget.submenu li a {
            color: #000;
        }

            .widget.submenu li a:hover {
                text-decoration: none;
            }

        .widget.submenu li.current {
            background-color: #4f3418;
        }

            .widget.submenu li.current:before {
                background-position: -696px 0;
            }

            .widget.submenu li.current a {
                color: #fff;
            }

        .widget.submenu li:last-child {
            padding: 7px 25px 7px 0;
        }


.navmain font {
    font: bold 26px 'droidKufi', arial, sans-serif;
}





/*-------------------------------------------------------------------------
/* 4. Header
/*-----------------------------------------------------------------*/
p, dl, ol, ul, a:visited header nav *,
.submenu *,
blockquote,
.home_2_aside p a:link,
.home_2_aside p a:visited,
.tool_tip,
.post-details strong,
.faq-questions ol li a,
.home-vertical-sidebar *,
.home-vertical-sidebar #mc_signup .mc_var_label,
#home-marketing-icons .tt-icon,
header .current-menu-item ul a,
header .current-menu-parent ul a,
header .current-menu-ancestor ul .current-menu-item ul a,
header .current-menu-ancestor .sub-menu a,
header .current-menu-ancestor .sub-menu .current-menu-ancestor .sub-menu a {
    color: #636B75;
}

.footer-callout-content .callout-text {
    color: #747C88;
}



.companyIdentity h1 {
    position: absolute;
    top: 50%;
    left: 65px;
    margin-top: -13px;
}

.companyIdentity a {
    text-decoration: none;
}

.top-aside {
    font-size: medium;
    padding: 8px 0;
}

    .top-aside * {
        color: #FFF;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        font-family: tahoma;
    }

    .top-aside p, .top-aside ul {
        margin: 0;
        padding: 0;
    }

    .top-aside .one_half + .one_half {
        text-align: right;
        float: right;
    }

    .top-aside ul,
    .top-aside li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .top-aside .one_half + .one_half ul {
        margin: 0;
        padding: 0;
        float: right;
    }

    .top-aside ul li {
        float: left;
    }

        .top-aside ul li + li {
            margin-left: 10px;
        }

        .top-aside ul li a {
            color: #FFF;
            padding-right: 10px;
            background: url(../images/global/bg-seperator.png) 100% 50% no-repeat;
            /* opacity:0.6; */
            font-weight: 500;
        }

            .top-aside ul li a:hover {
                /* opacity:1.0; */
            }

        .top-aside ul li:last-child a {
            background: none;
            padding-right: 0;
        }



/*-----------------------------------------------------------------*/
/* 16. Footer
/*-----------------------------------------------------------------*/
footer {
    clear: both;
    width: 100%;
    padding-top: 30px;
    position: relative;
    font-size: 13px;
    z-index: 1;
    overflow: visible;
}

.footer-content {
    padding-bottom: 40px;
}

footer .sidebar-widget {
    padding-top: 0px;
}

.tt-relative {
    position: relative;
}

.footer-social {
    float: left;
}

.footer-search {
    float: right;
}

.footer-callout {
    width: 100%;
    background: #E4E4E4 url(../images/global/bg-footer-callout.png) left top repeat-x;
    padding: 37px 0;
}

.footer-callout-content {
    float: left;
    width: 76%;
    line-height: 20px;
}

.footer-callout-button {
    float: right;
    margin: 14px 0 0 0;
}

.footer-callout-content p {
    font-size: 17px;
    margin-bottom: 0px;
    text-shadow: 1px 1px 2px #FFF;
}

.footer-callout-content .callout-heading {
    font-size: 20px;
    letter-spacing: -0.3px;
}

.footer-bottom {
    font-size: 11px;
    background: url(../images/global/bg-footer-bottom.png) left top no-repeat;
}

form.search {
    margin: 0;
    padding: 0;
}

    form.search p {
        margin-top: 10px;
    }

footer > div > p {
    font-size: 11px;
    float: left;
    width: 450px;
    padding-top: 20px;
}

footer ul {
    list-style-image: url(../images/global/bullet-type-1-footer.png);
}

footer nav {
    padding: 16px 0 0 0;
    float: right;
}

    footer nav a {
        font-size: 11px;
    }

    footer nav > ul > li + li {
        margin-left: 10px;
    }

footer *,
.social_links a:link,
.social_links a:active,
.social_links a:visited,
footer a:hover,
footer span,
.client_identity {
    color: #FFF;
}

footer .current-menu-item a {
    color: #FFF;
    font-weight: bold;
}

footer .foot-heading {
    margin-bottom: 12px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

footer .social_icons,
#contact-info-wrap .social_icons {
    padding-left: 0;
}

    footer .social_icons a,
    #contact-info-wrap .social_icons a {
        padding-left: 22px;
    }

.footer-default-one,
.construction-default-one {
    width: 41.6%;
    float: left;
}

.footer-default-two,
.construction-default-two {
    width: 18.75%;
    float: left;
    margin-left: 6.25%;
}

.footer-default-three,
.construction-default-three {
    width: 26.04%;
    float: right;
}

footer .footer-default-three .social_icons li,
footer .construction-default-three .social_icons li,
#contact-info-wrap .social_icons li {
    float: left;
    margin-right: 20px;
}

.display-none {
    display: none;
}

.footer-copyright {
    clear: both;
    width: 100%;
    padding: 15px 0;
    background: url(../images/global/bg-footer-copyright.png) center top no-repeat;
}

.footer-nav {
    list-style: none;
    margin: 0;
    padding: 1px 0 0 0;
}

    .footer-nav li {
        float: left;
        margin-bottom: 0;
    }

        .footer-nav li + li {
            margin-left: 10px;
        }

        .footer-nav li a {
            color: #FFF;
            padding-right: 10px;
            background: url(../images/global/bg-seperator.png) 100% 50% no-repeat;
            font-weight: 500;
        }

        .footer-nav li:last-child a {
            background: none;
        }

    .footer-nav .current_page_parent a {
        color: #FFF;
    }

.foot-copy {
    float: left;
}

.footer-nav {
    float: right;
    margin-left: 110px;
}

.foot-copy p {
    padding: 0;
    margin: 0;
}

.footer-copyright p,
.footer-copyright ul {
    font-size: 11px;
}

.footer-logo {
    padding-bottom: 10px;
}





/* ------ Social Media Widget ------ */
.social_icons {
    list-style-type: none;
    list-style-image: none;
    padding-top: 4px;
}

.sidebar .social_icons {
    list-style-type: none;
    list-style-image: none;
    padding: 8px 0 0 4px;
}

    .sidebar .social_icons a {
        padding-left: 24px;
    }

.social_icons a {
    padding-top: 0px;
    padding-bottom: 10px;
    background: url(../images/global/image-sprite.png) 0 0 no-repeat;
}

.social_links a:link, .social_links a:active, .social_links a:visited {
    font-weight: 600;
}

a.rss {
    background-position: 0 0;
}

a.facebook {
    background-position: -26px -28px;
}

a.twitter {
    background-position: -57px -55px;
}

a.email {
    background-position: -88px -82px;
}

a.flickr {
    background-position: -277px -249px;
}

a.youtube {
    background-position: -117px -109px;
}

a.linkedin {
    background-position: -148px -136px;
}

a.foursquare {
    background-position: -245px -222px;
}

a.delicious {
    background-position: -180px -163px;
}

a.digg {
    background-position: -213px -193px;
}

.top-aside .social_icons {
    margin: 0;
}

    .top-aside .social_icons li + li {
        margin-left: 5px;
    }

.top-aside .one_half + .one_half .social_icons {
    float: right;
}

.top-aside .social_icons li {
    float: left;
    margin-bottom: 0;
}

.top-aside .social_icons a {
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    background: url(../images/global/bg-toolbar-social-icons.png) left top no-repeat !important;
    padding-bottom: 0;
}

    .top-aside .social_icons a.rss {
        background-position: 0 4px !important;
    }

    .top-aside .social_icons a.twitter {
        background-position: 0 -15px !important;
    }

    .top-aside .social_icons a.facebook {
        background-position: 0 -35px !important;
    }

    .top-aside .social_icons a.email {
        background: url(../images/global/bg-toolbar-social-icons.png) 0px -54px no-repeat !important;
    }

    .top-aside .social_icons a.flickr {
        background-position: 0 -71px !important;
    }

    .top-aside .social_icons a.youtube {
        background-position: 0 -88px !important;
        padding: 9px 0 9px 24px !important;
    }

    .top-aside .social_icons a.linkedin {
        background-position: 0 -118px !important;
    }

    .top-aside .social_icons a.foursquare {
        background-position: 0 -136px !important;
    }

    .top-aside .social_icons a.delicious {
        background-position: 0 -156px !important;
    }

    .top-aside .social_icons a.digg {
        background: url(../images/global/bg-toolbar-social-icons.png) 0px -173px no-repeat !important;
    }

    .top-aside .social_icons a:hover {
        color: #FFF;
        /* opacity:0.6;
filter: alpha(opacity = 60);
zoom:1; */
    }










/* Transparent banner overlay image */
.tt-overlay {
    background: url(../images/banner-overlays/banner-abstract.png) center center no-repeat;
}

/* Header/Footer drop-shadow image */
.shadow.top {
    background: url(../images/shadows/shadow-2.png) top center no-repeat;
}

/* Top-toolbar (above main nav) */
.top-aside {
    padding: 8px 0;
}

/* Header (white bar containing the main nav) */
header {
    padding: 32px 0;
}

/* Small banner styling (this banner is displayed on all interior content pages) */
.small_banner {
    padding: 25px 0;
}

/* Footer content area (adjust padding to adjust height of footer) */
.footer-content {
    padding: 20px 0;
}




/* mohanad */


h1 {
    color: #9f5b22;
    font-size: 15px;
    margin: 2px;
}

.LeftDiv /* updates 17/8/2014 */ {
    float: left;
    width: 32%;
    margin-left: 7px;
}

.blocksHeaderText {
    color: White;
    text-align: center;
    font-weight: bold;
}

.RightDiv {
    float: right;
    width: 67%;
}

.SliderBox {
    margin: 10px;
    height: 100%;
    float: left;
    background-color: #f2ede7;
    width: 97%;
}

.KnetBox {
}

.BannerBoxSmall {
    float: left;
    width: 31.3%;
    height: 60px;
    margin-left: 9px;
}

.ServicesBox {
    background-image: url("../images/eSrvicesBg.png");
    background-repeat: repeat-x;
    border: 1px solid #eeeeee;
    margin: 0 10px 10px;
    text-align: center;
    width: 97%;
}

.LeftPane {
    width: 55%;
    height: 100%;
    float: left;
}

.EserviceHeader {
    height: 35px;
    width: 100%;
    background-color: #faf5ef;
    margin-top: 7px;
    color: #a98a5c;
    text-align: center;
    border-bottom: 1px solid #f2ede7;
}

.RightPane {
    width: 45%;
    float: left;
    margin-top: 5px;
}

.ServiceItem:hover {
    cursor: pointer;
    background-image: url(../images/eserviceBoxLineActive.png);
    background-repeat: repeat-x;
}

.ServiceItem {
    background-image: url("../images/eserviceBoxLine.png");
    background-repeat: repeat-x;
    border: 1px solid #dddddd;
    height: 105px;
    margin: 2px;
    background-size: contain;
}

.ServiceItemActive {
    background-image: url(../images/eserviceBoxLineActive.png);
    background-repeat: repeat-x;
    border: 1px solid #dddddd;
    height: 105px;
    margin: 2px;
    background-size: contain;
}

.ServicePic {
    width: 60px;
    padding-top: 10px;
}

.ServiceTitle {
    color: #965f12;
    font-size: 15px;
    font-weight: bold;
}

.ServiceTitleIcon {
    width: 30px;
    height: 30px;
    margin-top: -5px;
}

.ServiceIcon {
    float: right;
    width: 35px;
}

.ServiceTitleHeader {
    font-family: "Droid Arabic Kufi",Tahoma,Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-right: 10px;
    text-align: right;
    color: #a98a5c;
}

.ServiceFooter {
    color: #8f3d00;
    font-size: 16px;
    text-align: center;
    margin-left: 5px;
    font-weight: bold;
    font-family: 'Times New Roman';
}

.MainDiv {
    height: 100%;
}

.BannerBoxLarge {
    width: 100%;
    height: 60px;
    margin: 0 auto 0 auto;
}

.NewsBox {
    width: 100%;
    margin: 0 auto 0 auto;
    background-color: #f2ede7;
}

    .NewsBox .NewsHeader {
        width: 100%;
        margin: 10px auto 0 auto;
        background-color: #dadada;
        background-repeat: repeat-x;
        height: 33px;
        color: #626262;
        text-align: center;
        padding-top: 8px;
        font-weight: bold;
        font-size: 16px;
        font-family: 'Droid Arabic Kufi',Tahoma,Arial,Helvetica,sans-serif;
    }

    .NewsBox .NewsBody {
        width: 292px;
        text-align: right;
        margin: 0 auto 0 auto;
    }

.StatisticsHeader {
    color: #965f12;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-top: 16px;
    text-align: center;
    width: 100%;
}

.NumberContainer {
    text-align: center;
    width: 190px;
    margin: 0 auto 0 auto;
    height: 40px;
}

.Number {
    width: 25px;
    height: 26px;
    border-left: 1px dotted #fff;
    text-align: center;
    background-color: rgba(218, 195, 147, 0.24);
    font-size: 18px;
    color: #8f3d00;
    font-weight: bold;
    float: left;
    font-family: Tahoma;
    padding-top: 0px;
    padding-bottom: 3px;
    background-image: url("data:images/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA8fEDx90S8AAABXSURBVBjTxY1BDoAgDASHRV/vhwHRemtSAsabl8l0t2kxs0NAF3AKqAJKtLLKasyaj82PdgGXgFuACZCA7Ngc+8S2uDfYAEXkybehTT6mFd7bDyDav3gA6ogaOZY0Sc8AAAAASUVORK5CYII=");
}


/* Abd Al-aziz */

.NewsDetails {
    color: #813d00;
    text-align: right;
    font-size: 13px;
    font-family: Tahoma;
}

.NewsTitle {
    color: #8f3d00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: justify;
}

.NewsTable {
    width: 100%;
}

.NewsDate {
    color: #813d00;
    text-align: right;
    font-size: 13px;
    font-family: Tahoma;
    vertical-align: top;
    padding-right: 8px;
    width: 100%;
}


.ServiceInputSubmit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: url(../images/ServBoxBg.png);
    background-repeat: repeat-x;
    border: 1px solid #e2d3b2;
    height: 95px;
}

.ServiceSubmit {
    background-image: url("/images/eServButton.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 35px;
    /*float: right;*/
    /*margin-left: -329px;*/
    width: 103px;
    font-weight: bold;
    color: #866847;
    font-size: 15px;
}

.ServiceBoxEx {
    color: #a31414;
    font-size: 13px;
    font-weight: bold;
    padding-right: 6px;
    line-height: 2;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
}

.textbox {
    background-position: 303px -5px !important;
    /*padding: 10px 10px 10px 25px;*/
    padding: 6px;
    /*width: 292px;*/
    float: right;
    width: 213px;
    margin-right: 3px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    background-color: #F1F1F1;
    /*  background-image: url('/images/input-text-40.png'); */
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 22px;
    font-size: 16px;
    color: #888888;
    text-align: right;
}

.NewsFullDetail {
    font-size: 16px;
    font-family: Helvetica,sans-serif;
}

.NewsFulltitle {
    text-align: right;
    font-size: 17px;
    float: right;
    font-weight: bold;
    color: #8f3d00;
    font-family: 'Droid Arabic Kufi',Tahoma,Arial,Helvetica,sans-serif;
}

.NewsDetDate {
    color: #C97224;
}

.ServicesResult {
font-family: Times New Roman; font-size: 16px;color: #8f3d00; font-weight: bold !important;
    float: right;
    padding-left: 5px;
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
}


.contactUstbl {
    direction: rtl;
    margin-left: 45px;
    font-weight: bold;
}

.ContactUstxtBox {
    border: 1px solid #d1cece;
    font-weight: bold;
    color: #818c9e;
    font-size: 12px;
    line-height: 26px;
    width: 250px;
    padding: 5px 7px;
    line-height: 15px;
}

.ContactUstxtBoxBody {
    border: 1px solid #d1cece;
    font-weight: bold;
    color: #818c9e;
    font-size: 12px;
    line-height: 26px;
    width: 150px;
    height: 160px;
    padding: 5px 7px;
    line-height: 15px;
}

.PaymentTableCls {
font-family: Times New Roman; font-size: 12px;color: #8f3d00; font-weight: bold !important;
    width: 100%;
    margin-top: 20px;
    direction: rtl;
}

.XBox {
    background-color: #e45141;
    border: 1px solid #ff4455;
    cursor: pointer;
    height: 25px;
    padding: 5px;
    text-align: center;
    width: 25px;
}

.KnetCivlLabal {
    text-align: right;
    margin-top: 15px;
    direction: rtl;
    padding-right: 20px;
}

.KnetTextBox {
}

.PagesTitle {
    float: right;
    color: #777777;
    /* padding-right: 20px;*/
    font-size: 22px;
    font-family: "Droid Arabic Kufi",Tahoma,Arial,Helvetica,sans-serif;
}

.LeftAboutMenue {
    height: 20px;
}

.LeftMenueStyle {
    color: #965F12;
    font-size: 16px;
    font-weight: bold;
    float: right;
}

.EstCls {
    text-align: left;
    padding-left: 280px;
    padding-top: 3px;
}

.NewsBody {
    text-align: right;
    padding-right: 15px;
}

.KnetDoneTbl {
    padding-right: 10px;
    padding-top: 20px;
    margin-right: auto;
    margin-left: auto;
    background-color: #F3F3F3;
    height: 272px;
    direction: rtl;
}

.GuideTitles {
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
}

.GuideDetails {
    margin: 10px;
    height: 100%;
    background-color: #f2ede7;
    padding: 20px;
}

.KnetResultLbl {
    font-weight: bold;
    width: 22%;
    background-color: #aaaaaa;
    height: 44px;
    border: 2px solid #ffffff;
}

.KnetPayRes {
    width: 40%;
    background-color: #cccccc;
    height: 44px;
    border: 2px solid #ffffff;
}

.TGuideTitle {
    text-align: center;
    font-family: 'Droid Arabic Kufi',Tahoma,Arial,Helvetica,sans-serif;
    font-size: 26px;
    color: #0c7dbc;
    background: rgb(224, 238, 250);
}

.Alignment {
    text-align: right;
}

.Directions {
    direction: rtl;
}

/*
 * Component: Info Box
 * -------------------
 */
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 9px;
}

    .info-box small {
        font-size: 14px;
    }

    .info-box .progress {
        background: rgba(0, 0, 0, 0.2);
        margin: 5px -10px 5px -10px;
        height: 2px;
    }

        .info-box .progress,
        .info-box .progress .progress-bar {
            border-radius: 0;
        }

            .info-box .progress .progress-bar {
                background: #fff;
                height: 2px;
            }

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.progress-description,
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box-text {
    text-transform: uppercase;
}

.info-box-more {
    display: block;
}

.progress-description {
    margin: 0;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    color: #fff !important;
    background-color: #00c0ef !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

/*
 * Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2px;
}

    .progress,
    .progress > .progress-bar,
    .progress .progress-bar,
    .progress > .progress-bar .progress-bar {
        border-radius: 1px;
    }
        /* size variation */
        .progress.sm,
        .progress-sm {
            height: 10px;
        }

            .progress.sm,
            .progress-sm,
            .progress.sm .progress-bar,
            .progress-sm .progress-bar {
                border-radius: 1px;
            }

        .progress.xs,
        .progress-xs {
            height: 7px;
        }

            .progress.xs,
            .progress-xs,
            .progress.xs .progress-bar,
            .progress-xs .progress-bar {
                border-radius: 1px;
            }

        .progress.xxs,
        .progress-xxs {
            height: 3px;
        }

            .progress.xxs,
            .progress-xxs,
            .progress.xxs .progress-bar,
            .progress-xxs .progress-bar {
                border-radius: 1px;
            }
        /* Vertical bars */
        .progress.vertical {
            position: relative;
            width: 30px;
            height: 200px;
            display: inline-block;
            margin-right: 10px;
        }

            .progress.vertical > .progress-bar {
                width: 100% !important;
                position: absolute;
                bottom: 0;
            }

            .progress.vertical.sm,
            .progress.vertical.progress-sm {
                width: 20px;
            }

            .progress.vertical.xs,
            .progress.vertical.progress-xs {
                width: 10px;
            }

            .progress.vertical.xxs,
            .progress.vertical.progress-xxs {
                width: 3px;
            }

.progress-group .progress-text {
    font-weight: 600;
}

.progress-group .progress-number {
    float: right;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
    margin: 0;
}

.progress-bar-light-blue,
.progress-bar-primary {
    background-color: #3c8dbc;
}

.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-green,
.progress-bar-success {
    background-color: #00a65a;
}

.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-aqua,
.progress-bar-info {
    background-color: #00c0ef;
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-yellow,
.progress-bar-warning {
    background-color: #f39c12;
}

.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-red,
.progress-bar-danger {
    background-color: #dd4b39;
}

.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}


/*########################## HOME CUSTOM MEDIA ####################################*/


/*########################## MASTER ####################################*/
@media all and ( min-width: 750px ) {
    .hidenav {
        display: none;
    }
}

@media all and ( max-width: 750px ) {

    .hideClass {
        display: none;
    }
}

/*########################## NAVBAR ####################################*/
.nav.navbar-nav > li, .dropdown-menu > li {
    background: #c3dfec none repeat scroll 0 0;
    border-top: 2px solid #fff;
    font: 15px/40px "Droid Arabic Kufi",Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #c3dfec none repeat scroll 0 0;
    color: #0c7dbc;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0c7dbc !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #0c7dbc !important;
    color: #FFF !important;
}

.nav.navbar-nav > li a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #0c7dbc;
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #0c7dbc !important;
        color: #FFF !important;
    }

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding-right: 40px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF !important;
}