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


@font-face {
    font-family: 'decotype_naskh_specialregular';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/decotype_naskh_special.eot'); /* IE9 Compat Modes */
	src: url('fonts/decotype_naskh_special.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/decotype_naskh_special.woff') format('woff'), /* Modern Browsers */
	     url('fonts/decotype_naskh_special.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/decotype_naskh_special.svg#svgFontName') format('svg'); /* Legacy iOS */

}
html {
    font-family: 'Droid Arabic Kufi', serif !important;
}
body {
    font-family: 'Droid Arabic Kufi', serif !important;
}
div {
    font-family: 'Droid Arabic Kufi', serif !important;
}
span {
    font-family: 'Droid Arabic Kufi', serif !important;
}

applet {
    font-family: 'Droid Arabic Kufi', serif !important;
}
object {
    font-family: 'Droid Arabic Kufi', serif !important;
}
iframe {
    font-family: 'Droid Arabic Kufi', serif !important;
}
h1 {
    font-family: 'Droid Arabic Kufi', serif !important;
}
h2 {
    font-family: 'Droid Arabic Kufi', serif !important;
}

h3 {
    font-family: 'Droid Arabic Kufi', serif !important;
}
h4 {
    font-family: 'Droid Arabic Kufi', serif !important;
}
h5 {
    font-family: 'Droid Arabic Kufi', serif !important;
}
p {
    font-family: 'Droid Arabic Kufi', serif !important;
}
blockquote {
    font-family: 'Droid Arabic Kufi', serif !important;
}
pre {
    font-family: 'Droid Arabic Kufi', serif !important;
}
a {
    font-family: 'Droid Arabic Kufi', serif !important;
}
abbr {
    font-family: 'Droid Arabic Kufi', serif !important;
}
acronym {
    font-family: 'Droid Arabic Kufi', serif !important;
}
address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: 'Droid Arabic Kufi', serif !important;
}
#uxPortalLoadingDiv {
    display:    none;
    
    z-index:    100000;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../../../images/egov_loading.gif') 
                50% 15% 
                no-repeat;
    
}
.clickable {
    cursor:pointer !important;
}
#uxCaret {
        /*margin-right: 31% !important;*/
        border-top: 10px solid !important;
        border-right: 10px solid transparent !important;
        border-left: 10px solid transparent !important;
        /*margin-top: 38px !important;*/
        display:none;
    }
.btn-primary {
color: #fff;
background-color: #aaa;
border-color: #808080;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active
{
    color:#fff;
    background-color:#03B3B2;
    border-color:#b67d04}
.social-icon
    {
        padding-top: 6px;
        text-align: center;
        width: 53px;
        height: 53px;
        border: 2px solid #777;
        border-radius: 50%;
        color: #777;
        margin: 5px;
        background-color:#777;
    }

    a.social-icon:hover, a.social-icon:active, a.social-icon:focus
    {
        text-decoration: none;
        color: #434343;
        border-color: #434343;
        background-color:#03B3B2;
    }
.navbar-inverse { background-color: #d6d6d6}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #03B3B2}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #FFFFFF}

.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #03B3B2}
.navbar-inverse .navbar-brand { color: #03B3B2}
.navbar-inverse .navbar-brand:hover { color: #03B3B2}
.navbar-inverse .navbar-nav>li>a { color: black}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus 
{ 
    color: #FFFFFF;
    background-color: #03B3B2;
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { 
    color: #FFFFFF;
    background-color: #03B3B2;
}
.dropdown-menu>li>a { color: #03B3B2}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 
    color: #FFFFFF !important;
    background-color: #03B3B2 !important;
    cursor:pointer !important;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #03B3B2}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #03B3B2}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.navbar-inverse a {
    text-decoration: none !important;
}
.navbar-inverse .navbar-toggle {
border-color: #03B3B2;
background-color: #03B3B2;
}
.clickable {
    cursor:pointer !important;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #03B3B2;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.brandLogo {
    background-image: url(../../../../images/info_logo.png);
    background-repeat: no-repeat;
    width:185px;
    background-size:cover;
}
.loginPic {
    background-image: url(../../../../images/logoff_ico.png);
}
.profile_link {
    padding-right:0px !important;
    padding-left:0px !important;
    padding-top:0px !important;
    padding-left:0px !important;
    vertical-align:top !important;
    line-height:50px !important;
    height:50px !important;
    color:black !important;
    display:flex !important;
}
.profile_link:hover, .profile_link:focus { 
    background-color: #03B3B2 !important;
    color:white !important;
}
.logoff_link {
    padding-right:5px !important;
    padding-left:0px !important;
    padding-top:0px !important;
    padding-left:0px !important;
    vertical-align:top !important;
    line-height:30px !important;
    height:30px !important;
    display:flex !important;
}
.logoffpic {
    padding-right:15px !important;
    background-repeat: no-repeat;
    width:30px;
    height:30px;
    background-size:cover;
    cursor:pointer;
    border-radius: 50%;
    background-image: url(../../../../images/logoff_ico.png);
    display:inline-block !important;
    margin-right:5px !important;
    margin-left:5px !important;
}
.switchtoenglishpic {
    padding-right:15px !important;
    background-repeat: no-repeat;
    width:30px;
    height:30px;
    background-size:cover;
    cursor:pointer;
    border-radius: 50%;
    background-image: url(../../../../images/english_ico.png);
    display:inline-block !important;
    margin-right:5px !important;
    margin-left:5px !important;
}
.switchtoarabicpic {
    padding-right:15px !important;
    background-repeat: no-repeat;
    width:30px;
    height:30px;
    background-size:cover;
    cursor:pointer;
    border-radius: 50%;
    background-image: url(../../../../images/arabic_ico.png);
    display:inline-block !important;
    margin-right:5px !important;
    margin-left:5px !important;
}
.optionspic {
    padding-right:15px !important;
    background-repeat: no-repeat;
    width:50px;
    height:50px;
    background-size:cover;
    cursor:pointer;
    border-radius: 50%;
    background-image: url(../../../../images/options_ico.png);
}
.outlookpic {
    padding-right:15px !important;
    background-repeat: no-repeat;
    width:50px;
    height:50px;
    background-size:cover;
    cursor:pointer;
    border-radius: 50%;
    background-image: url(../../../../images/egov_mail_ico.png);
    
}
.profilePic {
    background-repeat: no-repeat;
    width:50px;
    height:50px;
    background-size:cover;
    cursor:pointer;
    border-radius: 50%;
    display:inline-block;
}
.brandImgLogo{
    content:url(../../../../images/info_logo.png);
}
.badge {
    margin-top:30px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height:400px;
}
.alert-danger {
    text-align:center;
}