:root {
    --LayoutColor: #c2cba3;
    --FontColor: #232323;
    --LayoutColorHover: #7c8466;
}
@font-face {
    font-family: 'OppFont';
    src: url('../fonts/mohefont.eot');
    src: url('../fonts/mohefont.eot?#iefix') format('embedded-opentype'), url('../fonts/mohefont.woff') format('woff'), url('../fonts/mohefont.ttf') format('truetype');
    font-size: 14px !important;
    font-weight: normal !important;
}

@font-face {
    font-family: 'alfont_com_Bahij_TheSansArabic-Plain';
    src: url('fonts/alfont_com_Bahij_TheSansArabic-Plain.ttf') format('truetype');
}
html {
    height: 100%;
}

#Body {
    height: 100%;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont, 'Tahoma', Helvetica, Arial, sans-serif;
    color: #848484;
    background: url(../Images/fullBG.gif) top left #FFF;
}

body {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont, 'Tahoma', Helvetica, Arial, sans-serif;
}

#Form {
    height: 100%;
}

a {
    outline: 0;
    border: 0;
}

    a:link, a:active, a:visited {
        /*color: #00aedb;*/
        color: var(--FontColor);
        text-decoration: underline;
        font-weight: normal;
    }

    a:hover {
        text-decoration: none;
        /*color: #00aedb;*/
        color: var(--FontColor);
    }

p, ul, ol {
    margin: 0;
    padding: 0 0 1em 0;
}

p, ul, ol {
    text-align: justify;
}

#Opp {
    width: 1380px;
    background: #FFF;
    padding: 0;
    margin: 0 auto;
    border-left: 1px solid #cbcbc9;
    border-right: 1px solid #cbcbc9;
}

ul {
    /*list-style-type: none;*/
    margin-right: 12px;
}

    ul li {
        /*list-style-type: none;*/
        /*background: url(../Images/bulit04212-left.gif) left 5px no-repeat;*/
        padding-right: 16px;
        text-align: right;
        margin-top: 4px;
        margin-bottom: 4px;
    }

#dnnCPWrap {
    direction: ltr;
}

    #dnnCPWrap ul li {
        background: none;
    }

h1 {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,'Tahoma', Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #005d75;
}

h2 {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,'Tahoma', Helvetica, Arial, sans-serif;
    font-size: 20px;
    /*color: #00bef1;*/
    color: var(--FontColor);
}

h3 {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,'Tahoma', Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #01465f;
}

h4 {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,'Tahoma', Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #386ea7;
}

h5 {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,'Tahoma', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #c58646;
    font-weight: bold;
}

.newsheader {
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,'Tahoma', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
}

#Header {
    width: 100%;
    background: url(../Images/headerBG.gif) no-repeat top left;
}

    #Header #TopContent {
        height: 124px;
        position: relative;
    }

        #Header #TopContent #OppLogo {
            float: right;
            margin-top: 26px;
            margin-right: 64px;
        }

            #Header #TopContent #OppLogo img {
                border: 0;
            }

        #Header #TopContent #OppSearch {
            float: left;
            width: 195px;
            position: relative;
            margin-top: 58px;
            margin-left: 68px;
        }

#dnn_dnnSearch_ClassicSearch {
    background: url(../Images/Search.gif) top right no-repeat;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    height: 21px;
}

    #dnn_dnnSearch_ClassicSearch input {
        width: 122px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        border: 0;
        outline: 0;
        margin: 0;
        padding: 0px 2px;
        line-height: 19px;
        background: none transparent;
        font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma",Arial, Helvetica, sans-serif;
        color: #5e5d5d;
        font-size: 10px;
    }

a#dnn_dnnSearch_cmdSearch {
    background: url(../Images/Search-Btn.png) top left no-repeat;
    height: 21px;
    width: 63px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -99999px;
}

#Header #NavContent {
    margin: 0px 7px;
    /*background: url(../Images/Nav-01-02.gif) top left repeat-x #02b1e0;*/
    background: url(../Images/Nav-01-02-New.gif) top left repeat-x var(--LayoutColor);
}

#NavContent .cornerLeft {
    background: url(../Images/Nav-01-01-New.gif) top left no-repeat;
}

#NavContent .cornerRight {
    background: url(../Images/Nav-01-03-New.gif) top right no-repeat;
}

#Header #NavContent #Nav {
    height: 35px;
    margin: 0px 10px;
}

#Header #TopControl {
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 30px;
}

#TopControl .skinobject-date {
    float: right;
    margin: 10px 20px;
    background: url(../Images/date-icon.gif) center right no-repeat;
    padding: 0 10px 0 0;
}

    #TopControl .skinobject-date .SkinObject {
        color: #6a6a6a;
        padding: 0;
        margin: 0;
        font-size: 10px;
        line-height: 11px;
        font-weight: normal;
        text-decoration: none;
        white-space: nowrap;
    }

#TopControl #TopLink {
    padding: 0;
    margin: 7px 24px;
    float: left;
    overflow: hidden;
}

    #TopControl #TopLink a {
        padding: 0;
        margin: 0;
    }

        #TopControl #TopLink a.lang {
            margin-right: 4px;
        }

        #TopControl #TopLink a:link, #TopControl #TopLink a:active, #TopControl #TopLink a:visited {
            font-size: 11px;
            font-weight: normal;
            line-height: normal;
            text-decoration: none;
            color: #5e5d5d;
        }

        #TopControl #TopLink a:hover {
            color: #7d0000;
            text-decoration: none;
            font-weight: normal;
        }

    #TopControl #TopLink img {
        margin: 0px 8px;
    }

#Content {
    min-height: 257px;
    margin: 0px 16px 0 16px;
    min-width: 100%;
    padding-left: 16px;
}

#Breadcrumb {
    height: 16px;
    line-height: 14px;
    padding: 14px 0 4px 6px;
    font-size: 11px;
    text-align: left;
}

    #Breadcrumb span {
        display: inline-block;
        height: 16px;
        font-weight: bold;
        color: #56a2b2;
        font-size: 9pt;
        font-weight: normal;
        white-space: nowrap;
    }

    #Breadcrumb .SkinObject {
        display: inline-block;
        color: #5e5d5d;
        height: 16px;
        margin: 0px 8px;
    }

        #Breadcrumb .SkinObject:hover {
            text-decoration: underline;
        }

#Content #BannerContent {
    padding: 0;
    margin: 0;
}

    #Content #BannerContent #dnn_TopRightPane {
        float: right;
        width: 242px;
        background: url(../Images/top-rightpane-bg.jpg) top right no-repeat;
        position: relative;
    }

#dnn_TopRightPane ul {
    padding: 0;
    margin: 0px 5px 0px 0px;
    list-style-type: none;
    color: #FFF;
}

    #dnn_TopRightPane ul li {
        background: url(../Images/bulit01.png) center right no-repeat;
        padding: 5px 20px 5px 0;
        margin: 0;
        border-bottom: 1px dotted #6a6a6a;
    }

#dnn_TopRightPane a {
    color: #FFF;
    text-decoration: none;
}

    #dnn_TopRightPane a:hover {
        color: #FFF;
        text-decoration: underline;
    }

#dnn_BannerPane {
    float: left;
    width: 638px;
    position: relative;
}

    #dnn_BannerPane p {
        margin: 0;
        padding: 0;
    }

    #dnn_BannerPane .DnnModule, #dnn_TopRightPane .DnnModule {
        margin-bottom: 0px;
    }

#Content #Panes {
    padding: 20px 0 20px 0;
    margin: 0 0 0 14px;
}

    #Content #Panes #dnn_MiddleRightPane {
        float: right;
        width: 245px;
        position: relative;
        margin-top: -18px;
        margin-left: 34px;
        z-index: 998;
    }

    #Content #Panes #dnn_ContentPane {
        padding: 0;
    }

#MainContent_area {
    position: relative;
}

.VideoPane {
    float: left;
    width: 245px;
    margin-top: 24px;
}

.VideoRightPane {
    margin-left: 275px;
    margin-top: 24px;
}
/*.ContentAraHome #BannerContent { margin-bottom:20px;}
.ContentAraInner #BannerContent { margin-bottom:20px;}*/

#Footer {
    background: url(../Images/ftop-BG.png) top left repeat-x #f4f4f4;
}

    #Footer .fTop {
        padding: 16px 0 5px 0;
        margin: 0 20px 0 20px;
    }

        #Footer .fTop #dnn_BottomRightPane {
            float: right;
            width: 290px;
            border-left: 1px dashed #dedede;
            margin-left: 42px;
            padding-left: 60px;
        }

        #Footer .fTop #dnn_BottomCenterPane {
            float: right;
            width: 150px;
        }

        #Footer .fTop #dnn_BottomleftPane {
            float: left;
            width: 226px;
            border-right: 1px dashed #dedede;
            padding-right: 50px;
            margin-right: 50px;
        }

#dnn_BottomRightPane .DnnModule, #dnn_BottomCenterPane .DnnModule, #dnn_BottomleftPane .DnnModule {
    margin-bottom: 5px;
}

#dnn_BottomCenterPane ul {
    padding: 0;
    margin: 0 20px 0 0;
    list-style-type: none;
    color: #5e5d5d;
}

    #dnn_BottomCenterPane ul li {
        padding: 0 10px 0 0;
        list-style-type: none;
        margin: 0 0 12px 0;
        background: url(../Images/bulit03.gif) center right no-repeat;
    }

        #dnn_BottomCenterPane ul li a {
            color: #5e5d5d;
            text-decoration: none;
            font-weight: normal;
        }

            #dnn_BottomCenterPane ul li a:hover {
                text-decoration: underline;
            }

#dnn_BottomRightPane ul {
    padding: 0;
    margin: 0 20px 0 0;
    list-style-type: none;
    color: #5e5d5d;
}

    #dnn_BottomRightPane ul li {
        padding: 0 10px 0 0;
        list-style-type: none;
        margin: 0 0 12px 0;
        background: url(../Images/bulit03.gif) right 7px no-repeat;
        float: right;
        width: 115px;
    }

        #dnn_BottomRightPane ul li a {
            color: #5e5d5d;
            text-decoration: none;
            font-weight: normal;
        }

            #dnn_BottomRightPane ul li a:hover {
                text-decoration: underline;
            }

#dnn_BottomRightPane .Normal, #dnn_BottomCenterPane .Normal, #dnn_BottomleftPane .Normal {
    color: color:#5e5d5d;
}

#dnn_BottomRightPane, #dnn_BottomCenterPane, #dnn_BottomleftPane {
    position: relative;
}

#Footer .fbottom {
    background: url(../Images/fbottom-BG.png) bottom left repeat-x #00c2f6;
    padding: 0px 20px;
}

    #Footer .fbottom #dnn_FooterLinkPane {
        float: right;
        margin: 9px 0;
        width: 400px;
        text-align: right;
    }

#dnn_FooterLinkPane .Normal {
    text-align: right;
    line-height: 25px;
}

#Footer .fbottom #dnn_CounterPane {
    float: left;
    width: 180px;
    margin: 12px 0;
}

#dnn_CounterPane p {
    margin: 0;
    padding: 0;
}

#Footer .fbottom #Copyright {
    float: left;
    margin: 5px 60px 0px 0;
}

#dnn_FooterLinkPane .DnnModule, #dnn_CounterPane .DnnModule {
    margin-bottom: 0;
}

#dnn_FooterLinkPane .Normal, #dnn_CounterPane .Normal, #Copyright .Normal {
    color: #FFF;
    font-size: 11px;
}

#Copyright .SkinObject {
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: normal;
    display: block;
    padding: 10px 0px 0px 0px;
}

#dnn_FooterLinkPane a {
    color: #FFF;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
}

    #dnn_FooterLinkPane a:hover {
        color: #FFF;
        font-weight: normal;
        text-decoration: underline;
    }

#dnn_FooterLinkPane .dnnActionMenuTag a, #dnn_FooterLinkPane .dnnActionMenuBody a {
    /*color: #00aedb !important;*/
    color: var(--FontColor) !important;
}

/* Password Information */
#Passwords {
    margin: 2em 0;
    padding: 0;
}

    #Passwords li {
        display: inline-block;
        height: 62px;
        width: 305px;
        background: url(../Images/Icons.png) no-repeat -256px -64px;
        margin: 0 15px 0 0;
        padding: 0;
        list-style-type: none;
    }

        #Passwords li.Host {
            margin: 0;
        }

    #Passwords span.SubHead {
        display: block;
        color: #FFF;
        font-size: 14px;
        padding: 11px 0 8px 15px;
    }

    #Passwords span.Password {
        color: #FFF;
        padding: 0 0 0 15px;
    }

p.Disclaimer {
    clear: both;
    color: #666666;
    font-size: 11px;
    line-height: 14px;
}

/* Default Over-rides */

#ControlPanelWrapper #dnnCPWrap {
    filter: none !important;
}

/* Modules */
.DnnModule {
    margin: 0 0 0 0;
    z-index: auto;
}

/* Panes - In Layout Mode */
.paneOutline {
    border: 0;
}

    .paneOutline span.SubHead center {
        border: 1px #ccc dotted;
        border-left: 0;
        border-right: 0;
        line-height: 2.5em;
    }

#iPopUp {
    display: none;
}

.eipbackimg {
    z-index: 1000;
}

/* Fonts */
.Normal {
    /*font-size: 12px;
	line-height: 16px;*/
}

.Head {
    color: #675652;
}

.SubHead {
    color: #333;
}

/* Language Object */
.language-object {
    display: inline-block;
    margin-left: 5px;
}

.clearFloat {
    clear: both;
    padding: 0;
    margin: 0;
    height: 0;
    height: 0;
    display: block;
    visibility: hidden;
}

/*  Gallery Style
-------------------------------------------------------------------- */
div.light_rounded .pp_details {
    font-size: 0px;
    text-indent: -999999px;
}

a.pp_next {
    font-size: 0px;
    text-indent: -999999px;
}

a.pp_previous {
    font-size: 0px;
    text-indent: -999999px;
}

div.light_rounded .pp_arrow_previous {
    display: none;
}

div.light_rounded .pp_arrow_next {
    display: none;
}

#EDG_0_Shadow .AudioTitle {
    color: #675652 !important;
    font-weight: 13px !important;
    text-align: right !important;
}

/*  Menu Style
-------------------------------------------------------------------- */
/* Main menu container */
.MainMenu_SubMenu {
    background: #00c1f5;
    padding: 0px;
    margin: 0px;
    border: 0px solid #028db3;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    font-weight: normal;
    margin-top: -1px;
    z-index: 260000;
}
/* Submenu items idle */
.MainMenu_MenuItem {
    background: #00c1f5;
    color: #FFF;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    padding: 0px 6px 0px 14px;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #00cff7;
    border-top: 1px solid #00a8ed;
    position: static;
    line-height: 24px;
    width: 170px;
}
/* Submenu items hover */
.MainMenu_MenuItemSel, .MainMenu_SubMenuItemBreadcrumb {
    background: #00a1cc;
    color: #FFF;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    padding: 0px 6px 0px 14px;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #00cff7;
    border-top: 1px solid #00a8ed;
    position: static;
    line-height: 24px;
    width: 170px;
}
/* Box that contains the menu */
.MainMenu_MenuContainer {
    background: transparent;
}
/* Bar that contains the menu */
.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    background: transparent;
}

.MainMenu_Idle TD IMG {
    display: none;
}

.MainMenu_Idle TD {
    line-height: 34px;
    height: 35px;
    padding: 0 20px;
    margin: 0;
    vertical-align: top;
    color: #FFF;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background: url(../Images/Nav-01-02-New.gif) top left repeat-x;
    text-align: center;
}

.MainMenu_Selected TD IMG, .MainMenu_BreadcrumbActive TD IMG {
    display: none;
}

.MainMenu_Selected TD, .MainMenu_BreadcrumbActive TD {
    line-height: 34px;
    height: 35px;
    padding: 0 20px;
    margin: 0;
    vertical-align: top;
    color: #000;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background: url(../Images/Nav-01-02.gif) top left repeat-x;
    text-align: center;
}

/* Menuitem arrows */
.MainMenu_MenuArrow {
    display: none;
}
/* Menuitem root arrows */
.MainMenu_RootMenuArrow {
    display: none;
}
/* Menuitem icons */
.MainMenu_MenuIcon {
    display: none;
}
/* Menuitem separator */
.MainMenu_Separator {
}
/* Menuitems separator borders */
.MainMenu_MenuBreak {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    background: transparent;
    vertical-align: top;
}

/*.table style*/

.video-pane {
    width: 235px;
    padding-right: 30px;
}

table.helpT {
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 600px;
    background-color: #DBEABB;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

td.helpHed {
    border-bottom: 2px solid #c8daf0;
    border-left: 1px solid #c8daf0;
    background-color: #9ec1fc;
    vertical-align: top;
    text-align: center;
    text-indent: 5px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
}

td.helpHed2 {
    border-bottom: 2px solid #c8daf0;
    border-left: 1px solid #c8daf0;
    background-color: #d7e6ff;
    vertical-align: top;
    text-align: left;
    text-indent: 5px;
    font-weight: Normal;
    font-size: 11px;
    color: #404040;
}

td.helpHedDetails {
    border-bottom: 2px solid #c8daf0;
    border-left: 1px solid #c8daf0;
    background-color: #DBEABB;
    vertical-align: top;
    text-align: left;
    text-indent: 5px;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
}

td.helpBod {
    border-bottom: 1px solid #c8daf0;
    border-top: 0px;
    border-left: 1px solid #c8daf0;
    border-right: 0px;
    text-align: right;
    vertical-align: top;
    text-indent: 10px;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa;
}

table.sofT {
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 100%;
    background-color: #fafafa;
    border: 1px #c8daf0 solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

/*.table style end */

/*.horizontal-form style start */
.form-header {
}

    .form-header h2 {
        font-weight: 600;
        color: #000;
        margin: 10px 10px 20px 0;
        font-variant: normal;
    }

.horizontal-form {
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
}

.div-col-1 {
    width: 10%;
}

.div-col-2 {
    width: 16%;
    display: inline-block;
}

.div-col-4 {
    width: 33%;
    display: inline-block;
}

.div-col-3 {
    width: 24.5%;
    display: inline-block;
}

.div-col-6 {
    width: 50%;
    float: left;
}

.div-col-8 {
    width: 66%;
    display: inline-block;
}

.div-col-10 {
    width: 80%;
    display: inline-block;
}

.div-col-12 {
    width: 100%;
    display: inline-block;
}

.form-group {
    margin: 0 15px 15px 15px;
}

    .form-group span {
    }

    .form-group label {
        width: 160px;
        display: inline-block;
        color: #000;
        margin-left: 15px;
        /*font-weight: 700;*/
        font-size: 16px;
    }

    .form-group input[type="text"], textArea {
        padding: 6px 12px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .form-group .dropdown {
        padding: 5px 0px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

.form-button {
    /*margin: 5px 25px 0;*/
}

    .form-button .button {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        /*border: 1px solid #46b8da;*/
        border: 1px solid var(--LayoutColor);
        white-space: nowrap;
        padding: 4px 12px;
        font-size: 19px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /*color: #fff;*/
        /*background-color: #5bc0de;*/
        color: var(--FontColor);
        background-color: var(--LayoutColor);
        /*font-weight: bold;*/
        font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
    }

.buttonCss {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    /*border: 1px solid #46b8da;*/
    border: 1px solid var(--LayoutColor);
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 22px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*color: #fff;*/
    /*background-color: #5bc0de;*/
    color: var(--FontColor);
    background-color: var(--LayoutColor);
    /*font-weight: bold;*/
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
}

.horizontal-bar {
    border: 0;
    /*border-bottom: 1px solid #d5e7fd;*/
    border-bottom: 1px solid var(--LayoutColor);
}

/*.horizontal-form style end */

.clear {
    clear: both;
}

/*alert message start*/

.alert {
    padding: 9px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-left: 18px;
}

.alert .close {
    line-height: 17px;
}

/*alert message end*/

.label-value {
    font-size: 16px !important;
    /*font-weight: 600 !important;*/
}

.progressbaar {
    background-position: center center;
    background-color: Gray;
    filter: alpha(opacity=95);
    opacity: 0.9;
    background-image: url('../Images/progress.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: fixed;
    z-index: 99 !important; /* z-index: 0;*/
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
    text-align: center;
    vertical-align: middle;
}

.label-help {
    font-style: italic;
    font-size: 10px;
    font-weight: 100;
    margin-left: 1px;
}

.GVHeader {
    /*BackColor="#02b1e0" Font-Bold="True" ForeColor="White" BorderColor="#848484" BorderStyle="Solid" BorderWidth="1px"*/
    /*background-color: #02b1e0;*/
    background-color: var(--LayoutColor);
    font-size: 18px;
    /*color: White;*/
    color: var(--FontColor);
    border: 1px solid #848484;
    font-weight: normal !important;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
}

.GVRow {
    /*ForeColor="#848484" BorderColor="#848484" BorderStyle="Solid" BorderWidth="1px"*/
    background-color: White;
    font-size: 16px !important;
    color: #848484;
    border: 1px solid #848484;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
}

.GVAlternatingRow {
    background-color: #F4F4F4;
    font-size: 16px !important;
    color: #848484;
    border: 1px solid #848484;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
}

.GVSelectedRow {
    /*BackColor="#669999" Font-Bold="True" ForeColor="White"*/
    background-color: #c2c2c2;
    font-size: 16px !important;
    color: White;
    border: 1px solid #848484;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
}

.MainMenu_Idle TD {
    font-size: 19px !important;
}

.intro {
    font-size: 20px !important;
}



.ui-tabs-anchor {
    font-size: 18px !important;
    font-family: alfont_com_Bahij_TheSansArabic-Plain,OppFont,"Tahoma", Arial, Helvetica, sans-serif;
}

.row{
    text-align: right !important;
}


.OtherSide {
    text-align: left !important;
}


.badge {
    font-size: inherit !important;
    font-weight: inherit !important;
}


.form-group label {
    margin-right: 15px !important;
}

.hint {
    margin-right: 190px !important;
}

.SearchResultIcons {
    left: 10px;
}

.List-Item-Block {
    border-right-width: 10px !important;
}


@media (min-width: 768px) {
    .navbar-nav {
        float: right;
    }

        .navbar-nav > li {
            float: left;
        }
        
        .navbar-nav.navbar-right:last-child {
            margin-right: -15px;
        }
}

.VerticalDivider {
    float: right;
}