Header.Header{
height: auto !important;
position: absolute;
}

/* -----------testing is here------------ */
Header-testing{
height: auto !important;
position: absolute;
}

.fixed-header{
position: fixed !important;
}

.HeaderPlaceholder{
height: 0px !important;
}

.Header_background{
height: 10px !important;
display: none;
}


/*Common for all devices*/

div.Page > main.Content {
    padding-left: 2% !important;
    padding-right: 2% !important;
}


.mbold
{
    font-size: 1.1em;
    font-weight: 600;
}
.mbolditems
{
    font-size: 1.1em;
    font-weight: 400;
}
.MainContent{
position: static !important;
}

.logininfo{
padding-top: 0px;
padding-left: 0px;
padding-bottom: 5px;
margin-right: 0px !important;
margin-left: 0px !important;
font-family: 'dubai';
direction: ltr;
}
.langContainer{
padding-left: 17px;
padding-bottom: 5px;
font-family: 'dubai';
direction: ltr;
}
.ar-AE .langContainer1
{

padding-top: 9px;
padding-left: 0px;
padding-bottom: 5px;
font-family: 'dubai';
direction: ltr;
padding-right: 27px;
}

.langContainer>a{color: #9a2f23 !important;
font-size: 15px;}
.imgContainerleft
{
    padding-top: 15px;
    float:left;
    width: 50%;
    height: 140px;
    direction: ltr;
    
}

.imgContainerright
{
    padding-top: 15px;
    float:right;
    width: 50%;
    height: 140px;
    
}

.gov-img{
      width: 366px;
    height: 94px;
    margin-left: -81px;

}

.gdrfa-logo-img {
    width: 636px;
    height: 139px;
    float: right;
    
}
.Header_center{
    box-shadow: 0px 0px 7px #868686;
    background-color: #fff;
}
.navHeader{
line-height: 14px;
}
.menuHeader>div {margin-right: 5px;
height: 40px;}
.menuHeader>div>a, .DropdownMenu>.PH>a, .InlineDropdown_text>a{
    text-decoration: none !important;
}
.menuHeader>div>a:hover, .DropdownMenu>.PH>a:hover, .InlineDropdown_text>a:hover{
    text-decoration: underline !important;
}
.navHeader .InlineDropdown{ padding-top: 0px !important;}


.en-US .navHeader .DropdownMenu
{
    background-color: #f7f7f7 !important;
    border-left: #9a2f23 solid;
    width: auto;
}
.navHeader .DropdownMenu>.PH>a
{
    color: maroon !important;
    color: var(--primary-color) !important;
    text-align: unset;
}
.navHeader .DropdownMenu>.PH>a:hover
{
    color: maroon !important;
    color: var(--primary-color) !important;
    background-color:#f7f7f7 !important;
    text-shadow: 0 0 1px rgba(0, 0 ,0, 20%);
}

.navHeader .InlineDropdown a, .menuHeader>.OSInline>a
{
 color: #324148 !important;
 font-size: 15px !important;
}
.menuHeader>.OSInline:first-child>a, .menuHeader>.OSInline:first-child>a:hover
{
    color: maroon !important;
color: var(--primary-color) !important;
font-weight: bold;
}

.ar-AE .navHeader .ActiveBorder{min-width: 120px;}
.ar-AE.font-plus .navHeader .ActiveBorder{min-width: 129px;}
.ar-AE .DropdownMenu{
direction:rtl;
text-align: right;
margin-top: 5px;
margin-left: -33px;
}
.ar-AE .navHeader .DropdownMenu {
    background-color: #f7f7f7 !important;
    border-right: #9a2f23 solid;
}
.mt-gdfra-106{margin-top: 106px;}
.mt-gdfra-147{margin-top: 147px;}
.Login_Label{font-size: 15px;
color: rgba(51, 65, 72, 1);
height: 25px;
width: 34px;}
.login_img{
height: 22px;
width: 22px;}

.Login_Info:before {
    background-color: #ffffff !important;
    width: 0px !important;
}

.SC-UserName{
    /*color: rgba(121, 11, 6, 1);*/
    font-weight: bold;
    margin-left: 12px;
}
.Login_Info {
    height: 46px !important;
    line-height: 29px !important;
}
.dashboard-link:before {
content: url(/SmartChannels_Th/img/Shape.png?16760);
margin-right: 8px;
}
.login-link:before {
content: url(/SmartChannels_Th/img/Shape_1.png?16760);
margin-right: 8px;
}

.ar-AE .InlineDropdown .DropdownMenu {
    background-color: #f7f7f7 !important;
    border-right: maroon;
    border-right: var(--primary-color);
    margin-top: 9px;
    margin-left: 0px;
    width: auto;
}
.en-US .InlineDropdown  .DropdownMenu
{
    background-color: #f7f7f7 !important;
    border-left: maroon;
    border-left: var(--primary-color);
    margin-top: 9px;
    margin-left: 0px;   
    width: auto;
}
.Login_Info>a {
    color: maroon !important;
    color: var(--primary-color) !important;
}
.DropdownMenu .PH > a:hover 
{
    color: maroon !important;
    color: var(--primary-color) !important;
    text-decoration: underline !important;
     background-color: #f7f7f7 !important;
}

.Login_Label{
    line-height: 24px;
    margin-left: 5px;
    color: rgba(51, 65, 72, 1);
    cursor: pointer;
}
.ar-AE .Login_Label{
margin-right: 5px;
}
.Login_Info .DropdownMenu>div:nth-child(5), .Login_Info .DropdownMenu>div:nth-child(6){
padding: 0px;
} 
.Login_Info .DropdownMenu>div:nth-child(1){padding: 10px;  padding-left: 14px;
}
.ar-AE .Login_Label {width: 88px;}
.ar-AE .SC-UserName{margin-right: 8px;}
.ar-AE .dashboard-link:before {
margin-left: 8px;
}
.ar-AE .login-link:before {
    margin-left: 8px;
}
.menuHeader.Application_Menu{line-height: 11px;}
.ar-AE .Header .Application_Menu{text-align: right;}
.ar-AE .logImgAnn{direction: rtl;}

.access-container
{
font-size: 24px; 
color: white;
background-color: maroon;
z-index: 99999;
width: 60px;
height: 53px;
position: fixed;
top: 187px;
cursor: pointer;
}




.ar-AE .access-container
{
left: 0px;
border-radius: 0 5px 5px 0;
}

.en-US .access-container
{
right: 0px;
border-radius: 5px 0 0 5px;
}

.access-container>img{
    width: 31px;
    margin-left: 16px;
    margin-top: 12px;
}
.en-US .access-container>img{
    margin-left: 16px;
}
.ar-AE .access-container>img{
    margin-right: 16px;
}
.en-US .access-container>img{
    margin-left: 16px;
}
.ar-AE .access-container>img{
    margin-right: 16px;
}
.access-view-container {
     top :0px;
  position: fixed;
  transition: opacity 0.5s horizontal;
  height: 100%;
  min-height: 1000px;
  width: 250px;
  z-index: 9999;
  background-color: #fff;
}
.ar-AE .access-view-container { left: -10px}
.en-US .access-view-container { right: -10px}
.access-view-container.hide {
 /* opacity: 0;*/
}
.fa-search.fa-2x
{
     color: maroon;
    color: var(--primary-color);
    font-size: 24px;
    cursor: pointer;
}
.searchTextBox
{
    width: 120px;
    height: 26px !important;
    line-height: 20px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
}
.logininfo.ThemeGrid_Width2
{
    width: 11%;
    margin-left: 0px;
}
.en-US .logininfo.ThemeGrid_Width2
{
    width: 9%;
}
.search-container {width: 174px;}
.search-container-ann {width: 218px;}
.search-container>input {width: 135px;}
.search-container-ann>input {width: 178px;}

.ar-AE .search-container-ann>input {width: 121px;}
.ar-AE .search-container-ann {width: 154px;}
.ar-AE .search-container{width: 147px; margin-right: 0px !important;}
.ar-AE .search-container>input {width: 116px;}

.right-container{width: 17% !important; margin-left: 0px !important;}


.ar-AE .right-container{width: 19% !important;}
.ar-AE .right-container-ann{ width: 16.5% !important;}

/*section for header menu css*/
.Others_Menu{
display: inline-block !important;
margin-right: 0px !important;
}
.rs-player-loadindicator{left: 0px !important;}
.menuHeader>div:nth-child(8) { text-decoration: none;}
.ar-AE.font-plus .menuHeader>div:nth-child(8) { text-decoration: none;}
.ar-AE.font-plus .right-container {
    width: 20% !important;
}
@media (min-width: 640px) and (max-width: 1024px)
{
    

    .ar-AE .DropdownMenu{
        margin-top: -1px;
        margin-left: -8px;
        }
.mobContainerLogo>.imgContainer:nth-child(2)>a{float: right;}
.mobContainerLogo>.imgContainer:nth-child(1)>a{margin-left: 26px;}
.ar-AE .IsGdfra .LoginCardContainer{margin-top: 90px;}
.IsGdfra a.Header_ButtonMenu {
    width: 100%!important;
    margin-top: 131px;
}
}

/*
.create:before {
content: url(image.png);
}*/

/*For mobile and tablet both*/
@media (max-width: 1024px)
{
    .navHeader{
        line-height: 30px;
    }
    
    .ar-AE.font-plus .right-container {
     width: 100% !important;
  }
.en-US .IsGdfra a.Header_ButtonMenu {
       text-align: left;
}  
.ar-AE .IsGdfra a.Header_ButtonMenu {
       text-align: right;
}  
.langContainer.ThemeGrid_Width1{width: 90px;}
.langContainer>a{
line-height: 11px;
}
.deskContainerLogo{display: none;}
.langContainer{
  margin-left: 15px;
float: left !important;
}

sGdfra a.Header_ButtonMenu > .fa-fw {
    float: left;
}
.IsGdfra .HeaderPlaceholder.PH{background-color: #fff; height: 80px; }

.tablet.active .Application_Menu, .phone.active .Application_Menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}
 .phone .IsGdfra .Application_Menu {
    top: 168px;
    z-index: 999;
}
.tablet .IsGdfra .Application_Menu{
    top: 186px;
    z-index: 999;
}
.IsGdfra .Application_Menu .InlineDropdown, .IsGdfra .Application_Menu .InlineDropdown_label{
    width: 100%;
}
.IsGdfra .Application_Menu .InlineDropdown_text{
    width: 92%;
}
.IsGdfra .Application_Menu .InlineDropdown_icon{
    margin-top: 10px;
    font-size: 26px;
    width: 5%;
}




.IsGdfra  .DropdownMenu {width: 100%;}

.ar-AE .InlineDropdown_text>a {direction: rtl;
text-align: right;
}
.ar-AE .IsGdfra .Application_Menu>.OSInline>a{text-align: right}
.ar-AE .IsGdfra .Application_Menu>.OSInline {float: right; margin-right: 0px;}
.ar-AE .IsGdfra .InlineDropdown_icon{float: left;}
.ar-AE .IsGdfra .navHeader .ActiveBorder{display: none}

.margin-top-adjust___{margin-top: 125px;}
.right-container-ann, .search-container-ann {top: 6% !important;}
.Login_Info {
    height: auto !important;
}
.logininfo{width: 100%; height: auto;}
.login_img{margin-left: 13px;}
.en-US .login_img{margin-left: 22px;}
.logImgAnn > a{line-height: 11px !important;
text-align: left;
}
.navHeader>.Application_Menu>div {width: 100% !important;}

.Login_Info .InlineDropdown_icon___{margin-top: -5px !important;}
.search-icon-container{display: inline;}
a.dashboard-link{display: block !important;}
a.login-link{display: block !important;}
.menuHeader>div.OSInline:nth-child(9){margin-bottom:  15px;}
.Login_Info .DropdownMenu{width: 150%}
.ar-AE .Login_Info .DropdownMenu {
     /* width: 100%;  */
}
.search-icon-container{margin-left: 10px;}
.ar-AE .search-container{ padding-right: 45px;}
.ar-AE .right-container{padding-right: 40px;}
.ar-AE .search-container-ann{ padding-right: 17px;}
.ar-AE .right-container-ann{padding-right: 20px;}
.ar-AE .langContainer {
    float: right !important;
}
.ar-AE .logImgAnn > a{text-align: right;}
}

/*only for mobile*/
@media (max-width: 640px)
{
    
    .ar-AE .DropdownMenu{
        margin-top: -1px;
        margin-left: -8px;
        }

.mobMenuHeight
{
    /*height: 200px !important;  use in mobile to fix menu height  */
}
.navHeader .ActiveBorder {
    min-width: 50px;
}

.access-container
{
font-size: 24px; 
color: white;
background-color: maroon;
z-index: 99999;
width: 60px;
height: 53px;
position: fixed;
top: 133px;
cursor: pointer;
}


.imgContainer:first-child>a>img{
    width: 145px;
    height: 65px;
}
.imgContainer:nth-child(2)>a>img{
    width: 177px;
    height: 65px;
}

.IsGdfra a.Header_ButtonMenu {
    width: 100%!important;
        margin-top: 78px;
}
.tablet .IsGdfra .Application_Menu, .phone .IsGdfra .Application_Menu {
    top: 128px;
}
.margin-top-adjust__{margin-top: 48px;}
.IsGdfra a.Header_ButtonMenu {
    width: 100%!important;
}
}
/*only for desktop*/
@media (min-width: 1025px)
{
.mobContainerLogo{display: none;}
.search-container {margin-top: -8px; margin-left: -7.5% !important;} 
.search-container-ann {margin-top: -4px; margin-left: -7.5% !important;}
.ar-AE .headerwidth { width: 68.509804%;  }
.search-icon-container {float: right;}
.right-container-ann{width: 11.5% !important; margin-left: 0px !important;}
/*.en-US .menuHeader>div.OSInline:nth-child(3){width: 93px !important;} this property is used in menu web block*/

.ar-AE .menuHeader>div.OSInline:first-child{
    /*width: 125px !important;
    text-align: right;*/
}

.ar-AE .menuHeader>div.OSInline:nth-child(3){/*width: 78px !important;*/}
.ar-AE .menuHeader>div.OSInline:nth-child(6){/*width: 103px !important;*/}

.langContainer{
padding-top: 11px;
}
.ar-AE .rp_au .DropdownMenu{ 
    margin-left: -130px;
    margin-top: 4px;}

.ar-AE .rp_s .DropdownMenu{ 
    margin-left: -35px;
    margin-top: 4px;}
    
.ar-AE .rp_mc .DropdownMenu{ 
    margin-left: -45px;
    margin-top: 4px;}
    
.ar-AE .rp_cu .DropdownMenu{ 
    margin-left: -110px;
    margin-top: 4px;}


.ar-AE.font-plus .rp_au .DropdownMenu{ 
    margin-left: -180px;
    margin-top: 4px;}

.ar-AE.font-plus .rp_s .DropdownMenu{ 
    margin-left: -60px;
    margin-top: 4px;}
    
.ar-AE.font-plus .rp_mc .DropdownMenu{ 
    margin-left: -65px;
    margin-top: 4px;}
    
.ar-AE.font-plus .rp_cu .DropdownMenu{ 
    margin-left: -140px;
    margin-top: 4px;}
    
    .ar-AE.font-minus .rp_au .DropdownMenu{ 
    margin-left: -120px;
    margin-top: 4px;}

.ar-AE.font-minus .rp_s .DropdownMenu{ 
    margin-left: -40px;
    margin-top: 4px;}
    
.ar-AE.font-minus .rp_mc .DropdownMenu{ 
    margin-left: -45px;
    margin-top: 4px;}
    
.ar-AE.font-minus .rp_cu .DropdownMenu{ 
    margin-left: -99px;
    margin-top: 4px;}

.logininfo>.loginContainer{margin-top: -4px !important;}
.ar-AE .search-container> input{float: left;}
.ar-AE .search-container-ann> input{float: left;}
.ar-AE .search-container> .search-icon-container{float: left;}
.ar-AE .search-container-ann> .search-icon-container{float: left;}

.ar-AE .langContainer 
    {
        
        margin-top: -3px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    
}

 
 
@media (min-width: 641px) and (max-width: 1024px)
{
    
     .langContainer 
    {
        margin-left: -11px !important;
        margin-top: -15px !important;
    }
    
    .ar-AE .langContainer 
    {
        margin-right: -19px !important;
        margin-top: -29px !important;
    }
    .logininfo{
        margin-top: 0px !important;
    }
    
    .ar-AE .Login_Info .DropdownMenu {
         /* width:100% */
    }
    .ar-AE .Login_Info .DropdownMenu>div:nth-child(1) {
    padding-top: 10px;
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 7px;
    }
    .ar-AE .Login_Info .DropdownMenu>div:nth-child(5), 
    .Login_Info .DropdownMenu>div:nth-child(6) {
         padding: 0px; 
    }

}


 
@media (max-width: 640px)
{   
    
    .logininfo{
        margin-top: 0px !important;
    }
        
    .langContainer 
    {
        margin-left: 7px !important;
        margin-top: -31px !important;
        margin-right: 9px;
    }
    .ar-AE .langContainer 
    {
        margin-left: 7px !important;
        margin-top: -26px !important;
        margin-right: 0px;
    }
    
    .Login_Info .DropdownMenu>div:nth-child(5), 
    .Login_Info .DropdownMenu>div:nth-child(6) {
         padding-left: 16px;
    }
    
}

.Header_center { padding: 0px !important; }
  
.HeaderPlaceholder {
/* max-width: 1500px; */
max-width: 100%;
margin: auto;
}
  
/*phone*/
@media  (max-width: 600px)
{
 .not-phone { display:none !important; }

}

/*tab*/
@media (min-width: 600px) and (max-width: 1023px)
{
 .not-tablet { display:none !important; }
}

/*desktop*/
@media  (min-width: 1024px)
{
 .not-desktop { display:none !important; }
 /* .Header_center { padding-left: 2% !important; padding-right: 2% !important; } */
}



@media  (max-width: 830px){
    .access-container{
        top: 15%;    
    }
}
@media  (max-width: 730px){
    .access-container{
        top: 14%;    
    }
}
@media  (max-width: 630px){
    .access-container{
        top: 13%;    
    }
}
@media  (max-width: 530px){
    .access-container{
        top: 12%;    
    }
}
@media  (max-width: 430px){
    .access-container{
        top: 11%;    
    }
}
@media  (max-width: 320px){
    .access-container{
        top: 10%;    
    }
}







.Header{
height: 10px !important;
}

.HeaderPlaceholder{
height: 0px !important;
}

.Header_background{
height: 10px !important;
display: none;
}


/*Common for all devices*/

div.Page > main.Content {
    padding-left: 2% !important;
    padding-right: 2% !important;
}


.mbold
{
    font-size: 1.1em;
    font-weight: 600;
}
.mbolditems
{
    font-size: 1.1em;
    font-weight: 400;
}
.MainContent{
position: static !important;
}

.logininfo{
padding-top: 0px;
padding-left: 0px;
padding-bottom: 5px;
margin-right: 0px !important;
margin-left: 0px !important;
font-family: 'dubai';
direction: ltr;
}
.langContainer{
padding-left: 17px;
padding-bottom: 5px;
font-family: 'dubai';
direction: ltr;
}
.ar-AE .langContainer1
{

padding-top: 9px;
padding-left: 0px;
padding-bottom: 5px;
font-family: 'dubai';
direction: ltr;
padding-right: 27px;
}

.langContainer>a{color: #9a2f23 !important;
font-size: 15px;}
.imgContainerleft
{
    padding-top: 15px;
    float:left;
    width: 50%;
    height: 140px;
    direction: ltr;
    
}

.imgContainerright
{
    padding-top: 15px;
    float:right;
    width: 50%;
    height: 140px;
    
}

.gov-img{
      width: 366px;
    height: 94px;
    margin-left: -81px;

}

.theme-redweakness .gdrfa-logo-img1{
    /* content: url("\\SmartChannels_Th/img/gdrfadlogoyellow.svg");  */
    image-rendering: -webkit-optimize-contrast; 
    min-width: 500px; 
    padding: 5px 5px 5px 5px; 
    width: 100%;
    filter: grayscale(1);
}

.theme-redweakness .gov-img1   {  
    /* content: url("\\SmartChannels_Th/img/dubai_gov.svg");   */
    max-width: 150px !important; 
    filter: grayscale(1);
}


.gdrfa-logo-img {
    width: 636px;
    height: 139px;
    float: right;
    
}
.Header_center{
    box-shadow: 0px 0px 7px #868686;
    background-color: #fff;
}
.navHeader{
line-height: 14px;
}
.menuHeader>div {margin-right: 5px;
height: 40px;}
.menuHeader>div>a, .DropdownMenu>.PH>a, .InlineDropdown_text>a{
    text-decoration: none !important;
}
.menuHeader>div>a:hover, .DropdownMenu>.PH>a:hover, .InlineDropdown_text>a:hover{
    text-decoration: underline !important;
}
.navHeader .InlineDropdown{ padding-top: 0px !important;}


.en-US .navHeader .DropdownMenu
{
    background-color: #f7f7f7 !important;
    border-left: #9a2f23 solid;
}
.navHeader .DropdownMenu>.PH>a
{
    color: maroon !important;
    color: var(--primary-color) !important;
    text-align: unset;
}
.navHeader .DropdownMenu>.PH>a:hover
{
    color: maroon !important;
    color: var(--primary-color) !important;
    background-color:#f7f7f7 !important;
    text-shadow: 0 0 1px rgba(0, 0 ,0, 20%);
}

.navHeader .InlineDropdown a, .menuHeader>.OSInline>a
{
 color: #324148 !important;
 font-size: 15px !important;
}
.menuHeader>.OSInline:first-child>a, .menuHeader>.OSInline:first-child>a:hover
{
color: maroon !important;
color: var(--primary-color) !important;
font-weight: bold;
}

.ar-AE .navHeader .ActiveBorder{min-width: 120px;}
.ar-AE.font-plus .navHeader .ActiveBorder{min-width: 129px;}
.ar-AE .DropdownMenu{
direction:rtl;
text-align: right;
margin-top: 5px;
margin-left: -33px;
}
.ar-AE .navHeader .DropdownMenu {
    background-color: #f7f7f7 !important;
    border-right: #9a2f23 solid;
}
.mt-gdfra-106{margin-top: 106px;}
.mt-gdfra-147{margin-top: 147px;}
.Login_Label{font-size: 15px;
color: rgba(51, 65, 72, 1);
height: 25px;
width: 34px;}
.login_img{
height: 22px;
width: 22px;}

.Login_Info:before {
    background-color: #ffffff !important;
    width: 0px !important;
}

.SC-UserName{
    /*color: rgba(121, 11, 6, 1);*/
    font-weight: bold;
    margin-left: 12px;
}
.Login_Info {
    height: 46px !important;
    line-height: 29px !important;
}
.dashboard-link:before {
content: url(/SmartChannels_Th/img/Shape.png?16760);
margin-right: 8px;
}
.login-link:before {
content: url(/SmartChannels_Th/img/Shape_1.png?16760);
margin-right: 8px;
}

.ar-AE .InlineDropdown .DropdownMenu {
    background-color: #f7f7f7 !important;
    border-right: maroon;
    border-right: var(--primary-color);
    margin-top: 9px;
    margin-left: 0px;
}
.en-US .InlineDropdown  .DropdownMenu
{
     background-color: #f7f7f7 !important;
     border-left: maroon;
    border-left: var(--primary-color);
    margin-top: 9px;
    margin-left: 0px;
}
.Login_Info>a {
    color: maroon !important;
    color: var(--primary-color) !important;
}
.DropdownMenu .PH > a:hover 
{
    color: maroon !important;
    color: var(--primary-color) !important;
    text-decoration: underline !important;
     background-color: #f7f7f7 !important;
}

.Login_Label{
    line-height: 24px;
    margin-left: 5px;
    color: rgba(51, 65, 72, 1);
    cursor: pointer;
}
.ar-AE .Login_Label{
margin-right: 5px;
}
.Login_Info .DropdownMenu>div:nth-child(5), .Login_Info .DropdownMenu>div:nth-child(6){
padding: 0px;
} 
.Login_Info .DropdownMenu>div:nth-child(1){padding: 10px;  padding-left: 14px;
}
.ar-AE .Login_Label {width: 88px;}
.ar-AE .SC-UserName{margin-right: 8px;}
.ar-AE .dashboard-link:before {
margin-left: 8px;
}
.ar-AE .login-link:before {
    margin-left: 8px;
}
.menuHeader.Application_Menu{line-height: 11px;}
.ar-AE .Header .Application_Menu{text-align: right;}
.ar-AE .logImgAnn{direction: rtl;}

.access-container
{
font-size: 24px; 
color: white;
background-color: maroon;
z-index: 99999;
width: 60px;
height: 53px;
position: fixed;
top: 187px;
cursor: pointer;
}




.ar-AE .access-container
{
left: 0px;
border-radius: 0 5px 5px 0;
}

.en-US .access-container
{
right: 0px;
border-radius: 5px 0 0 5px;
}

.access-container>img{
    width: 31px;
    margin-left: 16px;
    margin-top: 12px;
}
.en-US .access-container>img{
    margin-left: 16px;
}
.ar-AE .access-container>img{
    margin-right: 16px;
}
.en-US .access-container>img{
    margin-left: 16px;
}
.ar-AE .access-container>img{
    margin-right: 16px;
}
.access-view-container {
     top :0px;
  position: fixed;
  transition: opacity 0.5s horizontal;
  height: 100%;
  min-height: 1000px;
  width: 250px;
  z-index: 9999;
  background-color: #fff;
}
.ar-AE .access-view-container { left: -10px}
.en-US .access-view-container { right: -10px}
.access-view-container.hide {
 /* opacity: 0;*/
}
.fa-search.fa-2x
{
    color: maroon;
    color: var(--primary-color);
    font-size: 24px;
    cursor: pointer;
}
.searchTextBox
{
    width: 120px;
    height: 26px !important;
    line-height: 20px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
}
.logininfo.ThemeGrid_Width2
{
    width: 11%;
    margin-left: 0px;
}
.en-US .logininfo.ThemeGrid_Width2
{
    width: 9%;
}
.search-container {width: 174px;}
.search-container-ann {width: 218px;}
.search-container>input {width: 135px;}
.search-container-ann>input {width: 178px;}

.ar-AE .search-container-ann>input {width: 121px;}
.ar-AE .search-container-ann {width: 154px;}
.ar-AE .search-container{width: 147px; margin-right: 0px !important;}
.ar-AE .search-container>input {width: 116px;}

.right-container{width: 17% !important; margin-left: 0px !important;}


.ar-AE .right-container{width: 19% !important;}
.ar-AE .right-container-ann{ width: 16.5% !important;}

/*section for header menu css*/
.Others_Menu{
display: inline-block !important;
margin-right: 0px !important;
}
.rs-player-loadindicator{left: 0px !important;}
.menuHeader>div:nth-child(8) { text-decoration: none;}
.ar-AE.font-plus .menuHeader>div:nth-child(8) { text-decoration: none;}
.ar-AE.font-plus .right-container {
    width: 20% !important;
}
@media (min-width: 640px) and (max-width: 1024px)
{
    

    .ar-AE .DropdownMenu{
        margin-top: -1px;
        margin-left: -8px;
        }
.mobContainerLogo>.imgContainer:nth-child(2)>a{float: right;}
.mobContainerLogo>.imgContainer:nth-child(1)>a{margin-left: 26px;}
.ar-AE .IsGdfra .LoginCardContainer{margin-top: 90px;}
.IsGdfra a.Header_ButtonMenu {
    width: 100%!important;
    margin-top: 131px;
}
}

/*
.create:before {
content: url(image.png);
}*/

/*For mobile and tablet both*/
@media (max-width: 1024px)
{
    .navHeader{
        line-height: 30px;
    }
    
    .ar-AE.font-plus .right-container {
     width: 100% !important;
  }
.en-US .IsGdfra a.Header_ButtonMenu {
       text-align: left;
}  
.ar-AE .IsGdfra a.Header_ButtonMenu {
       text-align: right;
}  
.langContainer.ThemeGrid_Width1{width: 90px;}
.langContainer>a{
line-height: 11px;
}
.deskContainerLogo{display: none;}
.langContainer{
  margin-left: 15px;
float: left !important;
}

sGdfra a.Header_ButtonMenu > .fa-fw {
    float: left;
}
.IsGdfra .HeaderPlaceholder.PH{background-color: #fff; height: 80px; }

.tablet.active .Application_Menu, .phone.active .Application_Menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}
 .phone .IsGdfra .Application_Menu {
    top: 168px;
    z-index: 999;
}
.tablet .IsGdfra .Application_Menu{
    top: 186px;
    z-index: 999;
}
.IsGdfra .Application_Menu .InlineDropdown, .IsGdfra .Application_Menu .InlineDropdown_label{
    width: 100%;
}
.IsGdfra .Application_Menu .InlineDropdown_text{
    width: 92%;
}
.IsGdfra .Application_Menu .InlineDropdown_icon{
    margin-top: 10px;
    font-size: 26px;
    width: 5%;
}




.IsGdfra  .DropdownMenu {width: 100%;}

.ar-AE .InlineDropdown_text>a {direction: rtl;
text-align: right;
}
.ar-AE .IsGdfra .Application_Menu>.OSInline>a{text-align: right}
.ar-AE .IsGdfra .Application_Menu>.OSInline {float: right; margin-right: 0px;}
.ar-AE .IsGdfra .InlineDropdown_icon{float: left;}
.ar-AE .IsGdfra .navHeader .ActiveBorder{display: none}

.margin-top-adjust___{margin-top: 125px;}
.right-container-ann, .search-container-ann {top: 6% !important;}
.Login_Info {
    height: auto !important;
}
.logininfo{width: 100%; height: auto;}
.login_img{margin-left: 13px;}
.en-US .login_img{margin-left: 22px;}
.logImgAnn > a{line-height: 11px !important;
text-align: left;
}
.navHeader>.Application_Menu>div {width: 100% !important;}

.Login_Info .InlineDropdown_icon___{margin-top: -5px !important;}
.search-icon-container{display: inline;}
a.dashboard-link{display: block !important;}
a.login-link{display: block !important;}
.menuHeader>div.OSInline:nth-child(9){margin-bottom:  15px;}
.Login_Info .DropdownMenu{width: 150%}
.ar-AE .Login_Info .DropdownMenu {
     /* width: 100%;  */
}
.search-icon-container{margin-left: 10px;}
.ar-AE .search-container{ padding-right: 45px;}
.ar-AE .right-container{padding-right: 40px;}
.ar-AE .search-container-ann{ padding-right: 17px;}
.ar-AE .right-container-ann{padding-right: 20px;}
.ar-AE .langContainer {
    float: right !important;
}
.ar-AE .logImgAnn > a{text-align: right;}
}

/*only for mobile*/
@media (max-width: 640px)
{
    
    .ar-AE .DropdownMenu{
        margin-top: -1px;
        margin-left: -8px;
        }

.mobMenuHeight
{
    /*height: 200px !important;  use in mobile to fix menu height  */
}


.access-container
{
font-size: 24px; 
color: white;
background-color: maroon;
z-index: 99999;
width: 60px;
height: 53px;
position: fixed;
top: 133px;
cursor: pointer;
}


.imgContainer:first-child>a>img{
    width: 145px;
    height: 65px;
}
.imgContainer:nth-child(2)>a>img{
    width: 177px;
    height: 65px;
}

.IsGdfra a.Header_ButtonMenu {
    width: 100%!important;
        margin-top: 78px;
}
.tablet .IsGdfra .Application_Menu, .phone .IsGdfra .Application_Menu {
    top: 128px;
}
.margin-top-adjust__{margin-top: 48px;}
.IsGdfra a.Header_ButtonMenu {
    width: 100%!important;
}
}
/*only for desktop*/
@media (min-width: 1025px)
{
.mobContainerLogo{display: none;}
.search-container {margin-top: -8px; margin-left: -7.5% !important;} 
.search-container-ann {margin-top: -4px; margin-left: -7.5% !important;}
.ar-AE .headerwidth { width: 68.509804%;  }
.search-icon-container {float: right;}
.right-container-ann{width: 11.5% !important; margin-left: 0px !important;}
/*.en-US .menuHeader>div.OSInline:nth-child(3){width: 93px !important;} this property is used in menu web block*/

.ar-AE .menuHeader>div.OSInline:first-child{
    /*width: 125px !important;
    text-align: right;*/
}

.ar-AE .menuHeader>div.OSInline:nth-child(3){/*width: 78px !important;*/}
.ar-AE .menuHeader>div.OSInline:nth-child(6){/*width: 103px !important;*/}

.langContainer{
padding-top: 11px;
}
.ar-AE .rp_au .DropdownMenu{ 
    margin-left: -130px;
    margin-top: 4px;}

.ar-AE .rp_s .DropdownMenu{ 
    margin-left: -35px;
    margin-top: 4px;}
    
.ar-AE .rp_mc .DropdownMenu{ 
    margin-left: -45px;
    margin-top: 4px;}
    
.ar-AE .rp_cu .DropdownMenu{ 
    margin-left: -110px;
    margin-top: 4px;}


.ar-AE.font-plus .rp_au .DropdownMenu{ 
    margin-left: -180px;
    margin-top: 4px;}

.ar-AE.font-plus .rp_s .DropdownMenu{ 
    margin-left: -60px;
    margin-top: 4px;}
    
.ar-AE.font-plus .rp_mc .DropdownMenu{ 
    margin-left: -65px;
    margin-top: 4px;}
    
.ar-AE.font-plus .rp_cu .DropdownMenu{ 
    margin-left: -140px;
    margin-top: 4px;}
    
    .ar-AE.font-minus .rp_au .DropdownMenu{ 
    margin-left: -120px;
    margin-top: 4px;}

.ar-AE.font-minus .rp_s .DropdownMenu{ 
    margin-left: -40px;
    margin-top: 4px;}
    
.ar-AE.font-minus .rp_mc .DropdownMenu{ 
    margin-left: -45px;
    margin-top: 4px;}
    
.ar-AE.font-minus .rp_cu .DropdownMenu{ 
    margin-left: -99px;
    margin-top: 4px;}

.logininfo>.loginContainer{margin-top: -4px !important;}
.ar-AE .search-container> input{float: left;}
.ar-AE .search-container-ann> input{float: left;}
.ar-AE .search-container> .search-icon-container{float: left;}
.ar-AE .search-container-ann> .search-icon-container{float: left;}

.ar-AE .langContainer 
    {
        
        margin-top: -3px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    
}

 
 
@media (min-width: 641px) and (max-width: 1024px)
{
    
     .langContainer 
    {
        margin-left: -11px !important;
        margin-top: -15px !important;
    }
    
    .ar-AE .langContainer 
    {
        margin-right: -19px !important;
        margin-top: -29px !important;
    }
    .logininfo{
        margin-top: 0px !important;
    }
    
    .ar-AE .Login_Info .DropdownMenu {
         /* width:100% */
    }
    .ar-AE .Login_Info .DropdownMenu>div:nth-child(1) {
    padding-top: 10px;
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 7px;
    }
    .ar-AE .Login_Info .DropdownMenu>div:nth-child(5), 
    .Login_Info .DropdownMenu>div:nth-child(6) {
         padding: 0px; 
    }

}


 
@media (max-width: 640px)
{   
    
    .logininfo{
        margin-top: 0px !important;
    }
        
    .langContainer 
    {
        margin-left: 7px !important;
        margin-top: -31px !important;
        margin-right: 9px;
    }
    .ar-AE .langContainer 
    {
        margin-left: 7px !important;
        margin-top: -26px !important;
        margin-right: 0px;
    }
    
    .Login_Info .DropdownMenu>div:nth-child(5), 
    .Login_Info .DropdownMenu>div:nth-child(6) {
         padding-left: 16px;
    }
    
}

.Header_center { padding: 0px !important; }
  
.HeaderPlaceholder {
max-width: 100%;
margin: auto;
}
  
/*phone*/
@media  (max-width: 599px)
{
 .not-phone { display:none !important; }
}

/*tab*/
@media (min-width: 600px) and (max-width: 1023px)
{
 .not-tablet { display:none !important; }
}

/*desktop*/
@media  (min-width: 1024px)
{
 .not-desktop { display:none !important; }
 /* .Header_center { padding-left: 2% !important; padding-right: 2% !important; } */
}



@media  (max-width: 830px){
    .access-container{
        top: 15%;    
    }
}
@media  (max-width: 730px){
    .access-container{
        top: 14%;    
    }
}
@media  (max-width: 630px){
    .access-container{
        top: 13%;    
    }
}
@media  (max-width: 530px){
    .access-container{
        top: 12%;    
    }
}
@media  (max-width: 430px){
    .access-container{
        top: 11%;    
    }
}
@media  (max-width: 320px){
    .access-container{
        top: 10%;    
    }
}
/*a:focus {
    border: 2px solid black;
 }*/


/* .COP28{
    display:none !important;
} */

@media screen and (max-width: 1024px){
  .div.Menu_DropDownPanel a, .ar-AE .div.Menu_DropDownPanel a:link, div.Menu_DropDownPanel a:visited {
          text-align: right !important;
}}


dda-accessibility-section{
    padding: 44px 49px 43px 64px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 20px 0 rgba(183, 183, 183, 0.3);
    overflow: auto;
}