/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 0;
}

.clrflt {
    clear: both;
}

.last {
    margin: 0 !important;
}

.pad_last {
    padding: 0 !important;
}

.no_bg {
    background: none !important;
}

.no_brd {
    border: none !important;
}
/**************************************************************************************/
a {
    color: #000;
    text-decoration: none;
    outline: 0 none;
    font-size: 17px;
}

    a:hover {
        color: #000;
        text-decoration: none;
    }

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}
/*----------------------------------------------------------------------------------*/
html {
}

body {
    color: #b1b1b1;
    font-family: "Arial", Verdana, Tahoma;
    font-size: 12px;
    direction: rtl;
}

.flt_lt {
    float: left;
    display: inline;
}

.flt_rt {
    float: right;
    display: inline;
}
/* ---------------------------------------------------------------------------------*/

@font-face {
    font-family: 'DroidSansArabic';
    src: url('../fonts/DroidSansArabic/DroidSansArabic.eot)') format('embedded-opentype'), url('../fonts/DroidSansArabic/DroidSansArabic.woff') format('woff'), url('../fonts/DroidSansArabic/DroidSansArabic.ttf') format('truetype'), url('../fonts/DroidSansArabic/DroidSansArabic.svg#DroidSansArabic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AljazeeraMedExtOf';
    src: url('../fonts/Aljazeera/AljazeeraMedExtOf.eot)') format('embedded-opentype'), url('../fonts/Aljazeera/AljazeeraMedExtOf.woff') format('woff'), url('../fonts/Aljazeera/AljazeeraMedExtOf.ttf') format('truetype'), url('../fonts/Aljazeera/AljazeeraMedExtOf.svg#AljazeeraMedExtOf') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FrutigerLTArabic-55Roman';
    src: url('../fonts/FrutigerLTArabic-55Roman/FrutigerLTArabic-55Roman.eot)') format('embedded-opentype'), url('../fonts/FrutigerLTArabic-55Roman/FrutigerLTArabic-55Roman.woff') format('woff'), url('../fonts/FrutigerLTArabic-55Roman/FrutigerLTArabic-55Roman.ttf') format('truetype'), url('../fonts/FrutigerLTArabic-55Roman/FrutigerLTArabic-55Roman.svg#FrutigerLTArabic-55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GESSTwoMedium-Medium';
    src: url('../fonts/GESSTwoMedium-Medium%20(1)/GESSTwoMedium-Medium.eot'), url('../fonts/GESSTwoMedium-Medium%20(1)/GESSTwoMedium-Medium.otf') format('opentype'), url('../fonts/GESSTwoMedium-Medium%20(1)/GESSTwoMedium-Medium.woff') format('woff'), url('../fonts/GESSTwoMedium-Medium%20(1)/GESSTwoMedium-Medium.ttf') format('truetype'), url('../fonts/GESSTwoMedium-Medium%20(1)/GESSTwoMedium-Medium.svg#GESSTwoMedium-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GESSTwoLight-Light';
    src: url('../fonts/GESSTwoLight-Light/GESSTwoLight-Light.eot'), url('../fonts/GESSTwoLight-Light/GESSTwoLight-Light.otf') format('opentype'), url('../fonts/GESSTwoLight-Light/GESSTwoLight-Light.woff') format('woff'), url('../fonts/GESSTwoLight-Light/GESSTwoLight-Light.ttf') format('truetype'), url('../fonts/GESSTwoLight-Light/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------- layout ----------*/
.wrapper {
    display: block;
    margin: 0;
}

.AdminHomeBody header {
    background: #ffffff;
    border-bottom: 1px solid #e4e4e4;
}

.container {
    /*width: 1010px;*/
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100% !important;
    padding-left: 10%;
    padding-right: 10%;
}

.row {
    display: block;
    margin: 0 0;
}
/*-------------------------------------------*/

/* ------------------ HEADER HERE -------------------*/
header {
    display: block;
}

.header-in {
    display: block;
    float: none;
    padding: 0 0;
}

.logo {
    float: right;
    display: inline-block; /*padding:31px 22px 31px 0*/
    ;
}
    /*17px 9.5% 17px 0*/
    .logo a {
        display: inline-block;
    }

        .logo a img {
            display: block;
            margin-top: 10px;
            margin-bottom: 5px;
            max-height: 70px;
            width: auto;
        }

.serv_logo {
    padding: 0 0px 0 0;
    margin-top: 0px;
    display: block;
    margin: 0 auto;
    width: 279px !important;
    height: auto;
}

.inner_serv_logo {
    padding: 0 0px 0 20px;
    margin-top: 20px;
    max-height: 100px;
    float: left;
}

.header-right {
    float: left;
    display: inline-block;
    padding: 0px 4px 0 4px;
}

    .header-right p {
        padding: 0 0 7px 5px;
        font-family: 'DroidSansArabic';
        font-size: 12px;
        line-height: 12px;
        color: #d39914;
        text-align: left;
        font-weight: 600;
    }

.header-right-in {
    display: block;
    background: url(../images/bg1.png) no-repeat right top;
    text-align: left;
    float: left;
    min-width: 300px;
    max-width: 450px;
}

    .header-right-in ul {
        display: inline-block;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        float: left;
    }

        .header-right-in ul li {
            display: inline-block;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
            float: left;
        }

            .header-right-in ul li a {
                display: inline-block;
                padding: 3px 0px 3px 0px;
                font-family: 'DroidSansArabic';
                font-size: 18px;
                line-height: 18px;
                color: #178541 !important;
                font-weight: 600;
                text-align: center;
                width: 49px;
            }

            .header-right-in ul li:hover a {
                background: #abdbf1;
            }

            .header-right-in ul li:hover {
                border-right: 1px solid #8dd3f0;
            }
/*.header-right-in ul li:nth-child(1):hover	{border-right:1px solid #8dd3f0;border-left:1px solid #8dd3f0;}
.header-right-in ul li:nth-child(1)			{border-right:1px solid #b2b2b2;border-left:1px solid #b2b2b2;}*/
.search {
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    float: left;
    margin: 40px 0 0;
    padding: 0;
    position: relative;
    width: 205px;
}

.search_in {
    margin: 0;
    padding: 1px;
    background: #48addb;
}

    .search_in input {
        outline: none;
        background: #FFF;
        padding: 4px 6px 4px 6px;
        margin: 0;
        border: none;
        font-family: 'DroidSansArabic';
        font-size: 11px;
        line-height: 11px;
        color: #1980da;
        width: 150px;
    }

    .search_in .search_btn {
        margin: 0 4px 0 0;
        padding: 0px 0px 5px 0px;
        background: url(../images/search-icon2.png) no-repeat left top;
        width: 18px;
        height: 18px;
        cursor: pointer;
        outline: none;
    }

.search_arrow {
    position: absolute;
    top: -14px;
    left: 15px;
}

.media-icons {
    float: left;
    display: inline-block; /*padding:0 5px 0 5px;*/
    padding: 0;
    margin: 0 0 0 0;
    width: 100%;
}



    .media-icons ul {
        display: inline-block;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

        .media-icons ul li {
            display: inline-block;
            padding: 0 0 0 0;
            margin: 0 10px 0 0;
            float: left;
            border: none;
        }

            .media-icons ul li a {
                display: inline-block;
                padding: 6px 0 3px 0;
                margin: 0 0 0 0;
                text-align: center;
                width: auto !important;
            }

.media-icons-tools ul {
    display: inline-block;
    padding-left: 25px;
    margin: 0 0 0 0;
}

    .media-icons-tools ul li {
        display: inline-block;
        padding: 0 0 0 0;
        margin: 0 16px 0 0;
        float: left;
        border: none;
    }

        .media-icons-tools ul li a {
            display: inline-block;
            padding: 3px 0 3px 0;
            margin: 0 0 0 0;
            text-align: center;
            width: auto !important;
        }

.media-icons ul li a i {
}

.media-icons ul li a:hover i.fa-facebook {
    color: #f2731f;
}

.media-icons ul li a:hover i.fa-twitter {
    color: #f2731f;
}

.media-icons ul li a:hover i.fa-instagram {
    color: #f2731f;
}

.media-icons ul li a:hover i.fa-youtube-play {
    color: #f2731f;
}

.media-icons ul li a:hover i.fa-envelope-o {
    color: #f2731f;
}

.media-icons ul li a:hover i.fa-key {
    color: #f2731f;
}

.media-icons ul li a:hover i.fa-sitemap {
    color: #f2731f;
}



.media-icons ul li:nth-child(1) {
    border: none;
}

    .media-icons ul li:nth-child(1):hover, .media-icons ul li:hover {
        border: none;
    }

        .media-icons ul li:hover a {
            background: none;
        }

.header-right-in .cont {
    display: inline-block;
    padding-left: 5px;
    float: left;
}

    /*.header-right-in .cont i.fa-user			{font-size:18px;color:#3177b4;float:left;display:inline-block;font-weight:normal;padding:3px 13px 3px 13px ;}*/
    .header-right-in .cont span {
        font-family: 'droidsansarabic';
        font-size: 13px;
        color: #3177b4;
        font-weight: bold;
    }

/* ------------------------- NAVIGATION HERE ---------------*/
nav {
    display: block;
}

.nav-in {
    display: block;
    float: none;
    background: url(../images/nav-bg.png) repeat;
    border-top: 2px solid #d39914;
    padding: 0 2% 0 0;
}

    .nav-in a {
        display: inline-block;
        margin: -2px 0 0 42px;
        padding: 0 0 0 0;
        float: right;
    }

        .nav-in a img {
            display: block;
            margin: 0 0 0 0;
        }

    .nav-in ul {
        padding: 0;
        margin: 0 0 -5px 0;
    }

        .nav-in ul li {
            display: inline-block;
            float: right;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
            background: url(../images/border1.png) no-repeat left 12px;
        }

            /*.nav-in ul li a {
                display: inline-block;
                font-family: 'droidsansarabic';
                font-size: 16px;
                line-height: 27px;
                color: #fff;
                font-weight: bold;
                padding: 10px 14px 9px 14px;
                margin: 0 0 0 0;
            }*/
            .nav-in ul li a {
                display: inline-block;
                font-family: 'droidsansarabic';
                font-size: 14px;
                line-height: 17px;
                color: #fff;
                font-weight: bold;
                padding: 15px 0px 14px 13px;
                margin: 0 0 0 0;
            }

            .nav-in ul li p {
                display: inline-block;
                font-family: 'droidsansarabic';
                font-size: 16px;
                line-height: 27px;
                color: #fff;
                font-weight: bold;
                padding: 10px 14px 9px 14px;
                margin: 0 0 0 0;
            }

.sub-blk.one-col-menu > ul {
    padding: 0 !important;
}
/*.sub-menu-parent > a						{text-shadow: 1px 2px 2px rgba(15, 145, 206, 1);}
.sub-menu-parent > a:hover					{text-shadow: -2px 0px 7px rgba(197, 91, 25, 1);}*/
.nav-in ul li:last-child {
    background-image: none;
}

.nav-in ul li ul {
    border-radius: 0 0 10px 10px;
    position: absolute;
    right: -129px;
    top: 46px;
    width: 1010px;
    background: url(../images/nav-bg1.png) repeat;
    z-index: 999;
    padding: 15px 0 8px 0 !important;
    background-size: 100% 100%;
    box-sizing: border-box;
    transition: ease-in all 0.1s;
    -moz-transition: ease-in all 0.1s;
    -ms-transition: ease-in all 0.1s;
    -o-transition: ease-in all 0.1s;
    -webkit-transition: ease-in all 0.1s;
}

    .nav-in ul li ul li {
        width: 100%;
        float: right;
        display: inline-block;
        padding: 0;
        margin: 0 0px 0 0 !important;
        border: 0px;
    }

.mg {
    width: 100%;
    display: block;
}

.nav-in ul li ul.mg1 {
    width: 160px;
    right: 0;
}

.nav-in ul li ul.mg2 {
    width: 341px;
    right: 0;
}

.nav-in ul li ul.mg3 {
    width: 517px;
}

.nav-in ul li ul.mg4 {
    width: 941px;
    right: -336px;
}

.nav-in ul li ul.mg5 {
    width: 1010px;
    ;
    right: 0;
}

.sub-blk {
    width: 200px;
    padding: 0 0 0 0;
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0 20px 0 0 !important;
}

.mg4 .sub-blk {
    width: 225px !important;
}

    .mg4 .sub-blk ul {
        width: 219px !important;
    }

.sub-blk h4 {
    margin: 0 -6px -14px 0; /*0 6px -14px 0;*/ /*padding:0 15px 0 0px;background:url(../images/square_img.png) no-repeat right 8px;*/
    color: #117738;
    font-family: 'droidsansarabic';
    font-size: 15px;
    line-height: 27px;
    font-weight: bold;
}

.sub-blk ul {
    display: inline-block;
    width: 197px !important;
    padding: 0 0 0 0 !important;
    position: static !important;
    background: none !important;
}

    .sub-blk ul li {
        display: block;
        width: 100%;
        padding: 0 0 1px 0 !important;
        margin: 0 0 3px 0 !important;
        border-bottom: 1px solid #c1c1c1 !important;
        background: none !important;
    }

        .sub-blk ul li a {
            display: inline-block;
            padding: 0 5px 0 0;
            font-family: 'droidsansarabic';
            font-size: 13px;
            line-height: 27px;
            color: #393339;
            font-weight: 600;
            letter-spacing: 0.5px;
            transition: ease-in-out all 0.5s;
            -moz-transition: ease-in-out all 0.5s;
            -ms-transition: ease-in-out all 0.5s;
            -o-transition: ease-in-out all 0.5s;
            -webkit-transition: ease-in-out all 0.5s;
            width: 100%;
        }

            .sub-blk ul li a:hover {
                background: none !important;
                color: #fff;
            }

        .sub-blk ul li:hover {
            color: #fff;
        }


.nav-in ul li:hover ul {
    display: block;
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
}

#mobile_menu {
    display: none;
}

nav .menu_txt {
    display: none;
    font-family: 'AljazeeraMedExtOf';
    font-size: 20px;
    line-height: 20px;
    color: #fff !important;
}

.sub-menu-parent {
    position: relative;
}

.sub-menu {
    display: none;
}

.sub-menu-parent:hover .sub-menu {
    display: block; /* shows sub-menu */
    opacity: 1;
    transform: translateX(0%);
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

nav i {
    margin: 0 10px;
}

nav .sub-menu i {
    color: #e6a31e !important;
    font-size: 15px;
}
/* ------------------------ MIAN CONTENT HERE --------------*/
.main-content {
    display: block;
    padding: 0 0 0 0;
}

.main-content-in {
    display: block;
    float: none;
    padding: 12px 0 20px 0;
    background: rgba(240,240,240,0.9);
}

.main-content-left {
    display: inline-block;
    padding: 0 0 0 0;
    float: right;
    margin: 0 11px 0 0;
    width: 30%;
}

.block1 {
    display: block;
    padding: 0 0 0 0;
}

    .block1 h4 {
        padding: 3px 6px 0 0;
        font-family: 'droidsansarabic';
        font-size: 15px;
        line-height: 27px;
        color: #fff;
        font-weight: 300;
        background: url(../images/bg2.png) no-repeat right top;
        margin: 0 0 13px 0;
    }

    .block1 ul {
        display: inline-block;
        width: 100%;
    }

        .block1 ul li {
            display: inline-block;
            margin: 0 0 9px 8px;
            width: 46.7%;
            text-align: center;
            webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
            min-height: 111px;
            overflow: hidden;
        }

            .block1 ul li a {
                display: block;
                padding: 20px 0 11px 0;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

                .block1 ul li a i {
                    text-align: center;
                    font-size: 47px;
                    color: #fff;
                    padding: 0 0 7px 0;
                    webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }

                .block1 ul li a p {
                    padding: 0 0 10px 0;
                    font-family: 'FrutigerLTArabic-55Roman';
                    font-size: 16px;
                    line-height: 16px;
                    color: #fff;
                    webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }

            .block1 ul li.bg1 {
                background: #15a89f;
            }

            .block1 ul li.bg2 {
                background: #dc3193;
            }

            .block1 ul li.bg3 {
                background: #94d067;
            }

            .block1 ul li.bg4 {
                background: #f68a00;
            }

            .block1 ul li:hover {
                min-height: 111px;
            }

                .block1 ul li:hover a i {
                    font-size: 40px;
                    webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }

                .block1 ul li:hover a p {
                    font-size: 18px;
                    webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }

            .block1 ul li.bg1:hover {
                background: #1A6560;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .block1 ul li.bg2:hover {
                background: #D02687;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .block1 ul li.bg3:hover {
                background: #85C753;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .block1 ul li.bg4:hover {
                background: #E88609;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

.block2 {
    display: block;
    background: url(../images/block2-bg.png) no-repeat right top;
    padding: 15px 0 11px 0;
    background-size: cover;
    margin: 0 0 9px 0;
}

    .block2 h4 {
        padding: 3px 6px 0 0;
        font-family: 'DroidSansArabic';
        font-size: 15px;
        line-height: 27px;
        color: #fff;
        font-weight: 300;
        background: url(../images/bg2.png) no-repeat right top;
        margin: 0 0 16px 0;
    }

    .block2 ul {
        display: inline-block;
        padding: 0 0 0 0;
    }

        .block2 ul li {
            display: block;
            padding: 0 0 0 0;
            margin: 0 0 25px 0;
        }

            .block2 ul li a {
                padding: 0 13px 0 0;
                font-family: 'DroidSansArabic';
                font-size: 16px;
                line-height: 42px;
                color: #69859e;
                font-weight: normal;
                display: inline-block;
            }

                .block2 ul li a img {
                    padding-left: 7px;
                }

.block3 {
    display: block;
    padding: 21px 0 0px 0;
    background: url(../images/block2-bg.png) no-repeat right top;
    background-size: cover;
}

    .block3 h4 {
        padding: 3px 6px 0 0;
        font-family: 'DroidSansArabic';
        font-size: 15px;
        line-height: 27px;
        color: #fff;
        font-weight: 300;
        background: url(../images/bg2.png) no-repeat right top;
        margin: 0 0 9px 0;
    }

    .block3 h3 {
        padding: 0 2px 0 2px;
        font-family: 'DroidSansArabic';
        font-size: 14px;
        line-height: 25px;
        color: #69859e;
        width: 296px !important;
        font-weight: normal;
    }

    .block3 ul {
        display: inline-block;
        width: 100%;
    }

        .block3 ul li {
            display: inline-block;
            width: 100%;
            margin: 0 0 -5px 0;
        }

            .block3 ul li .radio {
                display: inline-block;
                float: right;
            }

            .block3 ul li label {
                float: right;
                display: inline-block;
                font-family: 'DroidSansArabic';
                font-size: 14px;
                line-height: 19px;
                color: #4c4c4c;
                font-weight: normal;
            }

.buttons {
    display: block;
    float: left;
    padding: 13px 13px 0 13px;
}

    .buttons ul {
        display: inline-block;
        padding: 0 0 0 0;
    }

        .buttons ul li {
            display: inline-block;
            padding: 0 0 0 0;
            margin: 0 5px 0 0;
            float: left;
            width: auto;
        }

.Button {
    background: #3177b4;
    border: 2px solid #51c0f3;
    outline: none;
    border-radius: 15px;
    padding: 0 24px 0 24px;
    font-family: 'droidsansarabic';
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.Button {
    background: #fff;
    color: #f3701a;
    padding: 0 20px 0 19px;
}

.Button {
    background: #fff;
    color: #f3701a;
}

.Button2 {
    font-family: 'droidsansarabic';
    color: #333 !important;
}

    .Button2 a:link {
        color: #333;
    }

    .Button2 a:visited {
        color: #333;
    }

.tweet {
    display: block;
    margin: 22px 0 0 0;
}

    .tweet h4 i.fa-twitter {
        float: right;
        display: inline-block;
        clear: both;
        font-size: 31px;
        color: #fff;
        margin: -5px 6px 0 10px;
    }

    .tweet h4 {
        padding: 3px 0px 0 0;
        font-family: 'DroidSansArabic';
        font-size: 15px;
        line-height: 26px;
        color: #fff;
        font-weight: 300;
        background: url(../images/bg2.png) no-repeat right top;
        margin: 0 0 9px 0;
    }

    .tweet .timeline-header-title, .tweet .timeline-header {
        display: none !important;
        font-size: 0px !important;
    }

.main-content-right {
    float: left;
    display: inline-block;
    padding: 0 0% 0 0;
    width: 66%;
    margin: 0 0 0 1.5%;
}


/* ------------------ FOOTER HERE --------------------------*/
footer {
    margin: 0;
    padding: 30px 0 0 0;
}

.footer_con {
    float: right;
    padding: 0;
    margin: 0 75px 0 0px;
    display: inline-block;
}

.footer_in {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer_in_left {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .footer_in_left h3 {
        font-family: 'droidsansarabic';
        font-size: 15px;
        line-height: 15px;
        color: #fff;
        font-weight: bold;
        padding: 0 0 20px 0;
        margin: 0 0 0 0;
    }

    .footer_in_left.footer_in_left1 h3 {
        font-family: 'droidsansarabic';
        font-size: 15px;
        line-height: 15px;
        color: #178541;
        font-weight: bold;
        padding: 0 0 10px 0;
        margin: 0 0 0 0;
    }

    .footer_in_left ul {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

        .footer_in_left ul li {
            margin: 0;
            padding: 0;
        }

            .footer_in_left ul li a {
                font-family: 'droidsansarabic';
                font-size: 12px;
                line-height: 12px;
                color: #b9b9b9;
                font-weight: 400;
                padding: 0;
                margin: 0 0 10px 0;
                display: block;
            }

.footer_con_right {
    float: right;
    padding: 0;
    margin: 0;
    display: inline-block;
}

    .footer_con_right ul {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

        .footer_con_right ul li {
            margin: 0 0 10px 0;
            padding: 0;
            display: block;
        }

            .footer_con_right ul li a {
                display: block;
                padding: 0;
                margin: 0;
            }

                .footer_con_right ul li a img {
                    display: inline-block;
                    padding: 0;
                    margin: 0;
                }

.copy {
    margin: 0;
    padding: 10px 0 25px 0;
    border-top: 1px solid #117839;
}

    .copy span {
        line-height: 12px;
        color: #05672e;
        margin: 0;
        font-size: 14px;
    }

.footerbrw {
    float: left;
    margin-top: -47px;
    font-size: 11px;
    line-height: 12px;
    color: #178541;
}
/* ---------------------------------------------------------*/

/* ------------------ Slide Bar	--------------------------*/
.slide_bar, {
    margin: 0 0 93px 0;
    padding: 0;
}

    .slide_bar ul {
        padding: 0;
        margin: 0;
        display: inline-block;
    }

        .slide_bar ul li {
            padding: 0;
            margin: 0 0 1px 0;
        }

            .slide_bar ul li .slide_bar_con {
                margin: 0;
                padding: 12px 0 0px 0;
                display: none;
                background: #effaff;
                width: 193px;
                border-left: 1px solid #b9e8fe;
            }

.slide_bar_con ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.slide_bar ul li .slide_bar_con ul li a:before {
    background: none !important;
}

.slide_bar ul li {
    margin: 2px 0 0 0;
    padding: 0;
}

    .slide_bar ul li a {
        padding: 0px 20px 0px 0px;
        margin: 0 16px 17px 0px;
        font-family: 'DroidSansArabic';
        font-size: 12px;
        line-height: 15px;
        color: #032e72;
        text-align: right;
        font-weight: 400;
        text-decoration: none;
        background: url(../images/slidebar_img1.png) no-repeat right top;
        display: block;
    }

.slide_bar ul.root > li > .menu-item {
    padding: 9px 15px 8px 0px;
    margin: 0;
    font-family: 'DroidSansArabic';
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
    background: #51c0f3;
    display: block;
    position: relative;
    cursor: pointer;
}

    .slide_bar ul.root > li > .menu-item.headerselected:before {
        content: '';
        position: absolute;
        left: -20px;
        top: 0;
        background: url(../images/edge1.png) no-repeat;
        width: 20px;
        height: 30px;
    }

li.static.selected.headerselected:before {
    content: '';
    position: absolute;
    left: 21px;
    background: url(../images/edge1.png) no-repeat;
    width: 20px;
    height: 30px;
}

.root {
    margin: 0;
    padding: 12px 0 0px 0;
    display: none;
    background: #effaff;
    width: 193px;
    border-left: 1px solid #b9e8fe;
}

.slide_bar .menu-vertical .static ul {
    margin-top: 7px;
}


/* |--------- Quicklaunch -----------| */

/* ------------------ INNER HERE --------------------------*/
.main_inner_left {
    margin: 0;
    padding: 0;
    float: right;
    display: inline-block;
    width: 23%;
}

.services {
    margin: 0;
    padding: 0;
}

    .services h3 {
        padding: 7px 12px 8px 0px;
        margin: 0 0 8px 0;
        font-family: 'DroidSansArabic';
        font-size: 15px;
        line-height: 15px;
        color: #fff;
        text-align: right;
        font-weight: 400;
        text-decoration: none;
        background: #51c0f3;
        display: block;
        position: relative;
        width: 212px;
    }

        .services h3:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            background: url(../images/edge1.png) no-repeat;
            width: 20px;
            height: 30px;
        }

    .services ul {
        display: inline-block;
        width: 100%;
        margin: 0 10px 0 0;
    }

        .services ul li {
            display: inline-block;
            margin: 0 0 2px 4px;
            min-height: 60px;
            overflow: hidden;
            transition: all 300ms ease-in-out 0s;
            width: 89px;
            height: 89px;
            webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
            overflow: hidden;
            min-height: 60px;
        }

            .services ul li a {
                display: block;
                padding: 15px 3px 3px;
                text-align: center;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

                .services ul li a i {
                    text-align: center;
                    font-size: 30px;
                    color: #fff;
                    padding: 0 0 0px 0;
                    webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }

                .services ul li a p {
                    font-family: 'FrutigerLTArabic-55Roman';
                    font-size: 12px;
                    text-align: center;
                    line-height: 30px;
                    color: #fff;
                    webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }

            .services ul li.bg1:hover {
                background: #1A6560;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .services ul li.bg2:hover {
                background: #D02687;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .services ul li.bg3:hover {
                background: #85C753;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .services ul li.bg4:hover {
                background: #E88609;
                webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            .services ul li.bg1 {
                background: #15a89f;
                padding: 0 0px 0 0px;
            }

            .services ul li.bg2 {
                background: #dc3193;
                padding: 0 0px 0 0px;
            }

            .services ul li.bg3 {
                background: #94d067;
                padding: 0 0px 0 0px;
            }

            .services ul li.bg4 {
                background: #f68a00;
                padding: 0 0px 0 0px;
            }

.main_inner_right {
    margin: 0 0px 0 0px;
    padding: 0;
    float: left;
    display: inline-block;
    width: 76%;
}

.main_page {
    margin: 0;
    padding: 0;
    border-top: 2px solid #48b1e1;
}

    .main_page ul {
        display: inline-block;
        padding: 0;
        margin: 7px 0 0px 0;
    }

        .main_page ul li {
            float: left;
            display: inline-block;
            padding: 0 20px 0 0;
            margin: 0 0 0 10px;
            background: url(../images/slidebar_img1.png) no-repeat right 4px;
        }

            .main_page ul li a {
                padding: 0;
                margin: 0;
                font-family: 'DroidSansArabic';
                font-size: 13px;
                line-height: 13px;
                color: #032e72;
                font-weight: bold;
                text-decoration: none;
            }

                .main_page ul li a:hover {
                    color: #818181;
                }

                .main_page ul li a.active {
                    color: #818181;
                }

.social {
    margin: 10px 0 0 10px;
    padding: 3px 4px 3px 0;
    background: url(../images/linerbg.jpg) no-repeat right 0;
    position: relative;
    font-size: 0px;
}

    .social:after {
        content: '';
        position: absolute;
        top: 0px;
        background: url(../images/edge2.png) no-repeat;
        width: 21px;
        height: 26px;
        right: 0;
    }

.update {
    padding: 0;
    margin: 0;
    display: inline-block;
}

    .update h4 {
        padding: 2px 25px 0 0;
        margin: 0;
        font-family: 'DroidSansArabic';
        font-size: 14px;
        line-height: 14px;
        color: #032e72;
        font-weight: 300;
        text-decoration: none;
    }

        .update h4 span {
            font-family: 'GESSTwoMedium-Medium';
            font-weight: bold;
            color: #f36f19;
        }

.web_icons {
    padding: 0;
    display: inline-block;
    width: 100%;
}

    .web_icons ul {
        margin: 0;
        padding: 0 0 0 5px;
        display: inline-block;
        float: left;
    }

        .web_icons ul li {
            float: left;
            padding: 0;
            margin: 0 2px 0 0px;
            display: inline-block;
        }

            .web_icons ul li a {
                display: block;
            }

                .web_icons ul li a i {
                    display: inline-block;
                    padding: 2px 4px 1px 4px;
                    margin: 0;
                    font-size: 15px;
                    color: #fff;
                    background: #3177b4;
                    position: relative;
                }

                    .web_icons ul li a i:hover {
                        background: #f36f19;
                    }

                    .web_icons ul li a i.fa-font {
                        font-size: 11px !important;
                        padding: 4px 5px 3.4px 5px;
                        background: url(../images/minus2.png) no-repeat 13px 3px #3177b4;
                    }

                        .web_icons ul li a i.fa-font:hover {
                            background: url(../images/minus2.png) no-repeat 13px 3px #f36f19;
                        }

                    .web_icons ul li a i.plus_icon {
                        background: url(../images/plus2.png) no-repeat 13px 3px #3177b4;
                    }

                        .web_icons ul li a i.plus_icon:hover {
                            background: url(../images/plus2.png) no-repeat 13px 3px #f36f19;
                        }

.social_icons {
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block;
    background: #FFF;
    font-size: 0px;
}

    .social_icons ul {
        margin: 0;
        padding: 0 0 0 0px;
        display: inline-block;
    }

        .social_icons ul li {
            float: left;
            padding: 0;
            margin: 0 2px 0 0px;
            display: inline-block;
        }

            .social_icons ul li a {
                display: block;
            }
/* ------------------ CONTENT STYLE --------------------------*/
.textdate {
    color: #032e72;
    font-family: "DroidSansArabic";
}

.textdateinnter {
    color: #b34500;
}

.image img {
    height: auto;
    width: 100%;
}

.pagetitle {
    color: #032e72;
    font-family: "DroidSansArabic";
    font-size: 14px;
    font-weight: 400;
    padding-right: 19px;
    text-align: right;
    font-weight: bold;
}

.article-content {
    font-family: 'DroidSansArabic';
    font-size: 13px;
    line-height: 22px;
    color: #032e72 !important;
    font-weight: 400;
    padding: 0 0 10px 9px;
    text-align: justify;
    margin: 0;
}

.company_prof p span {
    font-family: 'GESSTwoLight-Light';
    font-weight: 300;
}

.image {
    float: right;
    padding: 0;
    margin: 0 0 0 20px;
}

.center_img {
    margin: 0;
    padding: 0;
}

    .center_img em {
        margin: 0;
        padding: 0;
    }

.back_btn {
    position: absolute;
    bottom: 50px;
    right: -180px;
}
/* ---------------------------------------------------------*/
.vote_box {
    padding: 5px;
}

label {
    font-family: droidsansarabic;
    padding-right: 5px;
}

.VotingAjaxLoader {
    float: left;
    left: 21px;
    position: absolute;
}

.questionText span {
    color: #69859e;
    font-family: "DroidSansArabic";
    font-size: 13px;
    font-weight: normal;
}

a:link {
    /*color: #69859e;*/
    text-decoration: none;
}
/* -----------------------Other Styles----------------------------------*/
.addthis_native_toolbox {
    margin-top: 4px;
}
/* -----------------------ReadSpeacker----------------------------------*/
.rsbtn {
    margin-bottom: 0 !important;
}

.Breadcrumb-span {
    background: url('../images/slidebar_img1.png') no-repeat left 5px;
    padding-left: 13px;
    display: inline-block;
    font-family: "Univers Next Arabic" !important;
}

.ms-sitemapdirectional {
    background: url('../images/slidebar_img1.png') no-repeat left 5px;
    padding-bottom: 1px;
    padding-left: 18px;
    display: inline-block;
    color: #032e72 !important;
    font-family: "DroidSansArabic";
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    margin: 0;
    text-decoration: none;
}

.Breadcrumb {
    float: right;
    padding: 5px 0;
    width: 99%;
    margin-bottom: 5px;
    color: #cf8c13;
}

.Breadcrumb-span {
    font: italic 12px !important;
    color: #3e7b83;
    font-family: "DroidSansArabic" !important;
}

.Breadcrumb a:visited {
    color: #818181;
    text-decoration: none;
    cursor: context-menu;
}

.Breadcrumb a:link {
    color: #818181;
    text-decoration: none;
    cursor: context-menu;
}

.Breadcrumb a {
    color: #818181;
    text-decoration: none;
    cursor: context-menu;
    font-family: "DroidSansArabic" !important;
}

    .Breadcrumb a:hover {
        color: #818181;
        text-decoration: none;
        cursor: context-menu;
    }

.Breadcrumb .current {
    font-family: "DroidSansArabic" !important;
    text-decoration: none;
    cursor: context-menu;
}

.breadcrumbs a {
    color: #818181;
    background: url(images/ico_arrow_dark.gif) right 5px no-repeat;
    padding-right: 14px;
    margin-right: 3px;
}

    .breadcrumbs a:hover {
        color: #818181;
    }

/* -----------------------Search Box----------------------------------*/
/*Search Box Styles*/
.s4-search SELECT.ms-sbscopes {
    display: none;
    border: 0 none !important;
    background: none !important;
    color: #666;
    font-size: .90em;
    font-style: normal;
    font-family: Tahoma;
}

.s4-search SELECT.ms-sbscopes {
    position: relative;
    height: 16px;
    margin-top: 2px;
    border-right: 1px dotted gray !important;
}

.s4-search input.ms-sbplain {
    background-color: #f7f7f7 !important;
    margin-right: 2px;
    width: 168px !important;
    height: 25px !important;
    margin-right: 2px;
}

.s4-search .ms-sbgo {
    padding-top: 5px;
}

    .s4-search .ms-sbgo a {
        margin-top: -3px;
        background: url(../images/clear1.png) no-repeat;
        width: 30px;
        height: 26px;
        display: block;
    }

    .s4-search .ms-sbgo span {
        display: none;
    }

.s4-search .srch-gosearchimg {
    display: none;
}

.ms-sbcell {
    margin: 0;
    padding: 0;
}

.adminBar .ms-sbrow a {
    margin: 0;
    padding: 0;
}
/******************************************************************************/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    /*border-radius :10px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #fff;
    background-color: #5CB8D9;
    border-radius: 6px;
    padding-right: 35px;
    margin-left: 10px;
    margin-right: 10px;
}

.success {
    color: #fff;
    background-color: #2FA35D;
    border-radius: 6px;
    padding-right: 35px;
    margin-left: 10px;
    margin-right: 10px;
}

.warning {
    color: #fff;
    background-color: #FFBF2F;
    border-radius: 6px;
    padding-right: 35px;
    margin-left: 10px;
    margin-right: 10px;
}

.error {
    color: #fff;
    background-color: #E52B20;
    border-radius: 6px;
    padding-right: 35px;
    margin-left: 10px;
    margin-right: 10px;
}



.success:before {
    content: "\f058";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    font-family: FontAwesome;
    float: right;
}

.info:before {
    content: '\f05a';
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    font-family: FontAwesome;
    float: right;
}

.warning:before {
    content: "\f071";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    font-family: FontAwesome;
    float: right;
}

.error:before {
    content: "\f057";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    font-family: FontAwesome;
    float: right;
}

@media screen and (max-width: 767px) {
    .serv_logo {
        padding: 20px 40px 0 0;
    }
}

@media screen and (width: 768px) {
    .serv_logo {
        padding: 0 190px 0 0;
    }
}

@media screen and (width: 1024px) {
    .serv_logo {
        padding: 0 129px 0 0;
    }
}

/*login*/
.ss-style-doublediagonal {
    padding-top: 3em;
    /*height: 360px;*/
    background: #419461 url('../images/eservices-inner_03.png') no-repeat;
    /*margin-top: 20px;*/
    margin-left: -15px;
    margin-right: -15px;
}

.icon {
    background-color: #117839;
    border-radius: 50%;
    color: #f3d98e;
    display: block;
    font-size: 9em;
    height: 2em;
    line-height: 2.6em;
    margin: 0 auto;
    text-align: center;
    width: 2em;
}

.fa h2 {
    color: #f3d98e;
    font-family: droidsansarabic;
    font-size: 27px;
    line-height: 44px;
}

.service1 {
    margin-top: 20px;
}

    .service1 .text, .service3 .text {
        padding-left: 56px;
    }

.text {
    color: white;
    direction: rtl;
    font-family: droidsansarabic;
    font-size: 17px;
}

.welcome-statment {
    background-image: url('../images/hayak_logo.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 82%;
    min-height: 255px;
    max-width: 484px;
}

h3.ls-top-header-welcome {
    font-size: 20px;
    color: #17562f;
    text-align: center;
    line-height: 1.5em;
}

.form-group.createUser {
    position: absolute;
    right: 60%;
    top: 46%;
    /* background: #4FBCEE; */
    color: #fff !important;
    border-radius: 50%;
    /* min-height: 70px; */
    /* min-width: 70px; */
}

    .form-group.createUser a i {
        padding: 18px;
        display: block;
        font-size: 3em;
        background: #48B1E1;
        color: #fff;
        border-radius: 100%;
        text-align: center;
        text-decoration: none;
        margin-bottom: 9px;
    }

    .form-group.createUser a {
        color: #0A81B7;
        font-size: 1.2em;
        text-decoration: none;
    }
/*.form-group.createUser a {
    color: #fff;
    height: 95px;
    width: 99px;
    display: inline-block;
    font-size: 1.5em;
    text-align: center;
}
.form-group.createUser a i {
    display: block;
    font-size: 28px;
    color: #fff;
    text-align: center;
}*/
.form-group.createUser {
    position: absolute;
    right: 62%;
    top: 46%;
    /* background: #4FBCEE; */
    color: #fff !important;
    border-radius: 50%;
    /* min-height: 70px; */
    /* min-width: 70px; */
}

    .form-group.createUser a:hover {
        text-decoration: none;
    }

.form-group a i:hover {
    color: #FFFFFF !important;
    background: #F16913;
}

.form-group.createUser a:hover {
    text-decoration: none;
    color: #F16913;
}
/*    --------------------------------------------------
	:: Login Section
	-------------------------------------------------- */


#login .form-wrap {
    /*width: 30%;*/
    margin: 0 auto;
}

#login h1 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

#login .form-group {
    margin-bottom: 18px;
}

#login .checkbox {
    margin-bottom: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    #login .checkbox.show:before {
        content: '\e013';
        color: #49B2E3;
        font-size: 17px;
        margin: 3px 4px 0 5px;
        position: absolute;
        pointer-events: none;
        font-family: 'Glyphicons Halflings';
    }

    #login .checkbox .character-checkbox {
        width: 25px;
        height: 25px;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #ccc;
        vertical-align: middle;
        display: inline-block;
    }

    #login .checkbox .label {
        color: #6d6d6d;
        font-size: 13px;
        font-weight: normal;
    }

#login .btn.btn-custom {
    font-size: 17px;
    margin-bottom: 14px;
    -webkit-animation: glow3 1.5s ease-in-out infinite;
    animation: glow 1.5s ease-in-out infinite;
    padding: 10px !important;
    font-weight: normal;
}

#btnLogin .fa {
    position: absolute;
    margin-right: 10px;
    margin-top: -7px;
    left: 40px;
}

#login label, #login span, #login h4 {
    color: #1d5933;
}


@-webkit-keyframes glow {
    80% {
        box-shadow: 0 0 15px #FFF;
    }
}

@keyframes glow {
    80% {
        box-shadow: 0 0 15px #FFF;
    }
}

#login .forget {
    font-size: 13px;
    text-align: center;
    display: block;
    float: right;
    color: #fff;
    line-height: 26px;
}

/*    --------------------------------------------------
	:: Inputs & Buttons
	-------------------------------------------------- */
.form-control {
    color: #212121;
}

.btn-custom {
    color: #fff;
    font-weight: bold;
    background-color: #68c78b;
}

    .btn-custom:hover,
    .btn-custom:focus {
        color: #0c5f2c;
    }

span.Or-statment {
    margin-top: 248px;
    display: inline-block;
    font-size: 2em;
    color: #F16913;
    margin-right: -26px;
    position: absolute;
    font-weight: bold;
}

#login .form-wrap {
    /* width: 30%; */
    margin: 0 auto;
    margin-top: 0;
}

.form-control {
    padding: 2px 8px;
}

div.subheader {
    padding: 0;
    font-size: 1.3em;
}

.badge-notify-bill {
    background: #13A6F1;
    position: relative;
    width: 72px;
    height: auto;
    padding: 3px 0px;
    font-size: 25px;
    border-radius: 50px;
    line-height: 1.9em;
    margin: 0 0 0 7px;
    float: right;
}

.fa-3x {
    font-size: 2em !important;
}

.paystatuslable {
    float: left;
    /* margin-top: 18px; */
    line-height: 3em;
    display: inline-block;
}

div.subheader {
    padding: 0;
    font-size: 1.3em;
    line-height: 57px;
}

.bill-row:after {
    content: ' ';
    position: absolute;
    display: block;
    border: 1px solid #ccc;
    width: 44%;
    left: 0;
    /* right: 0; */
    top: 30px;
}

a.btn {
    color: #fff !important;
    text-decoration: none !important;
}

.col-md-3.CustService .panel > div {
    background-color: #117738;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}

col-md-3.CustService .panel {
    border: 0 !important;
}

.col-md-3.citizenVoice .panel > div {
    background: #117738;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}

.col-md-3.citizenVoice .panel {
    border: 0;
}

.col-md-3.bills .panel > div {
    background-color: #117738;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}

.col-md-3.bills .panel {
    border: 0;
}

.col-md-3.balagh .panel > div {
    background: #117738;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}

.col-md-3.balagh .panel {
    border: 0;
}

h4.Thumbtitle {
    margin-bottom: 13px;
}

.badge-notify {
    background: #F16913;
    position: relative;
    width: 50px;
    height: 30px;
    padding: 9px 9px 9px 7px;
    border: 1px solid #fff;
}

.btn.btn-simple {
    background-color: #219b50;
    border-color: rgb(255, 255, 255);
    position: absolute;
    left: -18px;
    box-shadow: 1px 1px 1px #000;
    border: 0;
}

    .btn.btn-simple:hover {
        color: #fff;
        border-color: #fff;
        background: rgb(249, 146, 82);
    }

.subheader > div {
    padding: 0;
    text-align: center;
}

.btn.btn-show {
    background: #e6a31e;
    position: relative;
    width: 50px;
    height: 30px;
    /* padding: 6px; 
    border: 1px solid #fff;*/
    border-radius: 11px;
    color: #fff;
    -webkit-animation: glow 2s ease-in-out infinite;
    animation: glow 2s ease-in-out infinite;
}

@-webkit-keyframes glow {
    80% {
        box-shadow: 0 0 5px #fff;
    }
}

@keyframes glow {
    80% {
        box-shadow: 0 0 5px #fff;
    }
}

.panel-body.lastbill > div {
    margin: 30px 0px;
    overflow: hidden;
}

img.paidstatus {
    width: 54%;
    padding-top: 40px;
}

.nav-in ul li {
    position: static;
}

    .nav-in ul li ul {
        left: 0 !important;
        right: 0 !important;
        width: 100%;
    }

.regestiration, .inquery {
    text-align: center;
    padding: 54px;
}

    .regestiration a, .inquery a {
        font-size: 2em;
    }

        .regestiration a i, .inquery a i {
            display: block;
            border-radius: 100%;
            padding: 32px;
            max-width: 129px;
            margin: 0 auto;
            font-size: 2em;
            margin-bottom: 13px;
            color: #fff;
            border: #fff 2px solid;
        }

        .inquery a i {
            background: #49B2E3;
        }

        .regestiration a i {
            background: #F58F4E;
        }

        .inquery a:hover i {
            background: #fff;
            border: #49B2E3 2px solid;
            color: #49B2E3;
        }

        .regestiration a:hover i {
            background: #fff;
            border: #F58F4E 2px solid;
            color: #F58F4E;
        }

        .regestiration a:hover {
            color: #F58F4E;
        }

        .inquery a:hover {
            color: #49B2E3;
        }

    .regestiration a, .inquery a {
        font-size: 2em;
        color: #31558C;
    }

label {
    font-weight: 600;
    color: #F16913;
    margin-bottom: 5px;
    padding-top: 3px;
}

.form-control {
    border: 1px solid #D0A348;
    color: #2B58A3;
}

.btn {
    font-size: 1em;
}

.panel-default > .panel-heading {
    background-color: #4BB7E8;
}

h3.panel-title {
    font-size: 1.5em;
    font-weight: normal;
    text-shadow: 0 1px 3px #2B58A3;
}

.inquery-results div label {
    min-width: 35%;
    padding: 7px;
    color: #fff;
    margin: 0;
    float: right;
    height: 100%;
    font-weight: normal;
    min-width: 136px;
}

.inquery-results div span {
    display: inline-block;
    width: 64%;
    padding: 8px;
    background: #fff;
    min-height: 36px;
    float: right;
}

.inquery-results div {
    background: #428BCA;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: right;
    position: relative;
}

.UserbillAccounts {
    padding-bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d9d9+0,f9f9f9+50,d9d9d9+100 */
    background: #f5ecd5; /* Old browsers */
    background: -moz-linear-gradient(left, #f5ecd5 0%, #f9f9f9 50%, #f5ecd5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f5ecd5 0%,#f9f9f9 50%,#f5ecd5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f5ecd5 0%,#f9f9f9 50%,#f5ecd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ecd5', endColorstr='#f5ecd5',GradientType=1 ); /* IE6-9 */
}

    .UserbillAccounts div {
        padding-bottom: 5px;
        padding-top: 7px;
    }

    .UserbillAccounts select {
        padding: 1px;
    }

h4.ls-top-header.tab-style {
    margin: 0;
    padding: 10px;
    background: #219b50;
    color: #fff;
    font-weight: normal;
    text-shadow: 0 1px 3px #f1cc83;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.badge-notify-bill {
    background: #13A6F1;
    position: relative;
    font-size: 25px;
    border-radius: 50px;
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

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

    .panel-default > .panel-heading {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
/* ashraf 16-07/2019
.footable > thead > tr > th, .footable > thead > tr > td, .footable > tbody > tr > th {
    background-color: #68c78b !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 0 1px 0 rgb(66, 139, 202) !important;
    color: #fff;
    font-weight: bold;
}

    .footable > thead > tr > th:first-child, .footable > thead > tr > th:last-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
    }

.footable {
    overflow: hidden;
}

tr td:first-child {
    color: #444;
}

.footable > tbody > tr > td:first-child {
    background-color: #fff !important;
    border-bottom: #ccc 1px solid;
    padding: 10px;
    border-right: #ccc 2px solid; 
}

.footable > tbody > tr:last-child {
    border-bottom: #ccc 2px solid; 
}*/

.no-tabel tr td:first-child {
    background: none !important;
}

.btn.btn-sm.btn-default {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.notification_count.not-header {
    padding: 7px 7px 4px 7px;
    background: #F16913;
    color: #ffffff;
    font-weight: bold;
    margin-left: 77px;
    border-radius: 9px;
    position: absolute;
    margin-top: -1px;
    font-size: 11px;
    margin-right: -2px;
    width: 40px;
    text-align: center;
}

.input-group {
    width: 100%;
}

    .input-group input[type='text'] {
        /*width: 80%;*/
        float: right;
    }

    .input-group input[type='submit'] {
        float: left;
        width: 18%;
    }

.User-COnt-box a {
    color: #117738 !important;
    cursor: pointer;
}

.User-COnt-box {
    /*max-width: 312px;*/
    /*background: url(../images/bg1.png) no-repeat right top;*/
    float: right;
    /* background-size: 100% 77%; */
    /* float: left; */
    /* background: #428BCA; */
    color: #117738 !important;
    margin: 0 0 0 10px;
    margin-left: -14px;
    padding: 4px;
    /* box-shadow: 1px 2px 2px #023A6B; */
    /* -webkit-border-top-right-radius: 10px; */
    /* -webkit-border-bottom-right-radius: 10px; */
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
}

span.userNameText {
    float: right;
    padding: 0 5px;
}

.CustService > div.panel {
    border: 0 !important;
}

.input-group-btn {
    font-size: 1.2em;
}

.row.ls_divider.last {
    padding: 0;
}

tr:last-child td:first-child {
    border-bottom: #48B1E1;
}

/*tr:last-child td:first-child {
    background-color: #72b391 !important;
    color: #444;
    border-bottom: #72b391 1px solid;
    padding: 2px;
}*/
/* ashraf 16-07/2019
.footable > tbody > tr:hover td:last-child .timertable > tbody > tr > td:first-child,
.footable > tbody > tr:hover td:last-child .timertable > tbody > tr > td:first-child {
    background-color: #72b391 !important;
    border-bottom: #72b391 1px solid;
}*/

[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.5s 0.5s ease;
    opacity: 0;
}



.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}











@media (max-width:1300px) {

    .AdminLoginBox {
        max-width: 400px !important;
        margin-left: 70px !important;
    }
}

@media (max-width:1004px) {
    .inquery-results div span {
        width: 100%;
    }
}

@media (max-width:1024px) {
    .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mySlides img {
        height: 400px;
        width: auto !important;
    }

    .AdminLoginBox, .UserLoginBox {
        float: inherit !important;
        margin: 0 auto;
        margin-left: auto !important;
    }
}

@media (max-width:992px) {


    .mySlides {
        text-align: center;
    }
}

@media (max-width:767px) {
    .logo a img {
        max-height: 40px;
    }

    .welcome-statment {
        margin: 0 auto;
        float: none;
    }

    .mySlides img {
        height: 390px;
        width: auto !important;
    }


    .RigList > div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .Login-Welcome {
        margin-top: -100px;
    }
}





/* This For FileUpload Control ( used in RequirmentsGridControl.ascx ) - Created By Rami */
/* Start */

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

/* End */





/*Admin Login Mew Style*/
.AdminLoginBody {
    direction: rtl;
    margin: 0;
    /*background: linear-gradient(-85deg, #187039 50%, transparent 45%), url(../images/hero-bg.jpg);*/
    background: linear-gradient(-85deg, #187039 49.9%, transparent 50%), url(../images/hero-bg.jpg);
    background-size: auto auto, cover;
}


    .AdminLoginBody header /*vertical align*/ {
        display: table;
        height: 100%;
        width: 100%;
    }

    .AdminLoginBody .container /*vertical align*/ {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }



.AdminLoginBox {
    background: transparent !important;
    border-color: transparent !important;
    max-width: 450px;
    float: left;
    margin-left: 150px;
}

    .AdminLoginBox input[type=text],
    .AdminLoginBox input[type=password] {
        border-bottom: 0px !important;
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 0px 9999px white;
        padding-right: 45px !important;
    }

    .AdminLoginBox .IconUsername,
    .AdminLoginBox .IconPassword {
        margin-right: 5px;
    }

    .AdminLoginBox .btn {
        background-color: #017130;
        border-radius: 6px;
    }

        .AdminLoginBox .btn:hover {
            background-color: #39d273;
        }

.AdminLoginBody .icon_admin {
    position: absolute;
    left: -70px;
    top: 40%;
    display: none;
}


.AdminLoginBox .LoginCopywrite {
    color: #fff !important;
}

.AdminLoginBody .icon_admin_mobile {
    display: none;
}

.AdminLoginBody .logo_2030,
.UserLoginBody .logo_2030 {
    margin-bottom: 30px;
    margin-top: 0px;
}

.AdminLoginBody .logo_2030 {
    opacity: 0.6;
}

.AdminLoginBody .mob_app_logo {
    display: none;
}

.AdminLoginBox .mewa_logo {
    margin-top: 0px !important;
}



.AdminLoginBody .mob_app_logo_out div {
    text-align: right !important;
    margin-right: 150px !important;
    display: table;
    height: 100%;
}

/*Admin Login Mew Style End*/


/*User Login New Style*/

.UserLoginBody,
.UserBody {
    background: url(../images/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover, cover !important;
    background-attachment: fixed, fixed !important;
}

    .UserLoginBody header /*vertical align*/ {
        display: table;
        height: 100%;
        width: 100%;
    }

    .UserLoginBody .container /*vertical align*/ {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }



    .UserLoginBody .mob_app_logo_out div {
        text-align: right !important;
        margin-right: 0px !important;
        display: table;
        height: 100%;
    }

.isearchPoup {
    position: inherit !important;
}

a .isearchPoup {
    margin-top: 0px !important;
}




.UserLoginBox {
    background-color: rgba(255,255,255,0.2);
    border-radius: 30px;
    max-width: 450px;
    float: left;
    margin-left: 150px;
}

    .UserLoginBox input[type=text],
    .UserLoginBox input[type=password] {
        border-bottom: 0px !important;
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 0px 9999px white;
        padding-right: 45px !important;
    }

    .UserLoginBox .IconUsername,
    .UserLoginBox .IconPassword {
        margin-right: 5px;
    }

    .UserLoginBox .btn {
        background-color: #17562f;
        border-radius: 6px;
        transition: 0.3s;
    }

        .UserLoginBox .btn:hover,
        .UserLoginBox .btn:focus,
        .UserLoginBox .btn:active {
            background-color: #2a7d4a;
            color: #fff;
        }

    .UserLoginBox .LoginCopywrite {
        color: #fff !important;
    }


    .UserLoginBox .mewa_logo {
        margin-top: 0px !important;
    }

    .UserLoginBox .field-lable {
        color: #333 !important;
        font-weight: normal;
        text-align: right;
        width: 100%;
    }

    .UserLoginBox .icon_mewa {
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .UserLoginBox .RgstToAnaam {
        margin-right: 15px;
        border: 1px solid #9a804f;
        padding: 10px;
        margin-left: 15px;
        border-radius: 6px;
        text-align: right;
    }

        .UserLoginBox .RgstToAnaam i {
            font-size: 30px;
            margin-left: 10px;
            display: block;
            float: right;
            margin-top: -5px;
        }

        .UserLoginBox .RgstToAnaam a {
            color: #9a804f;
            font-size: 16px;
            transition: 0.3s;
        }

            .UserLoginBox .RgstToAnaam a:hover {
                color: #b38012;
            }


    .UserLoginBox .btn {
        animation: glow 1.5s ease-in-out infinite;
    }


.LoginTitle {
    color: #fff;
    font-size: 20px;
}





@media only screen and (min-width: 1024px) {
    .AdminLoginBody .mob_app_logo_out {
        display: flex;
        flex-direction: column;
    }

    .UserLoginBody .mob_app_logo_out {
        display: flex;
        flex-direction: column;
    }

    .UserLoginBody header .container > .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (orientation:portrait) {
    .AdminLoginBody {
        background: #187039 !important;
    }

    .AdminLoginBox,
    .UserLoginBox {
        max-width: inherit;
        padding: 0px;
        margin-left: 0px;
    }

    .AdminLoginBody .app_logo {
        display: none;
    }


    .AdminLoginBody .mob_app_logo {
        margin-bottom: 10px !important;
    }

    .AdminLoginBody .mob_mewa_logo,
    .UserLoginBody .mob_mewa_logo {
        max-width: 80% !important;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 20px !important;
    }

    .AdminLoginBody .icon_admin {
        display: none;
    }

    .AdminLoginBody .icon_admin_mobile {
        display: block;
        color: #fff;
        font-size: 18px;
        text-align: center;
    }

    .AdminLoginBody .logo_2030 {
        max-width: 30%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .UserLoginBox .field-lable {
        display: none;
    }

    .UserLoginBox .icon_mewa {
        width: 30px;
        margin-top: 10px;
    }
}







a.prev, a.next {
    height: 91px;
    position: absolute;
    width: 43px;
    top: 50%;
    margin-top: -30px;
    opacity: 0.6;
    text-indent: -99999px;
    cursor: pointer;
    -webkit-transition: opacity 200ms ease-out;
}

    a.prev:hover, a.next:hover {
        opacity: 1;
    }

.prev {
    right: 0;
    background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -167px 25px;
}

.next {
    left: 0;
    background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -200px 25px;
}

.slide {
    position: absolute;
    width: 100%;
}

.slider .slide:target {
    z-index: 100;
}

.slider img {
    max-width: 100%;
}

.slider {
    min-height: 550px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .AdminLoginBox, .UserLoginBox {
        max-width: inherit;
        padding: 0px;
        margin-left: 0px;
    }
}