/* Customization by Mohamed Shawky, Dubai Courts*/
body.ar-AE {
  font-size: 14px; direction: rtl;font-family: "Dubai Medium","GESS medium", Tahoma, sans-serif;}
div.ar-AE {
  font-size: 14px; direction: rtl;font-family: "Dubai Medium","GESS medium", Tahoma, sans-serif;}

a:hover {
    color: #e74c3c; cursor: pointer;
}
a:visited {
  color: #900
}
.nav ul li a:hover, .nav ul li a:focus {
    color: #c0392b;
}
.red {
    color: #c0392b;
}
.redbg {
    background-color: #c0392b;
}
.bg {
    background-color: #fff;
}
.section {
    margin-top: 20px !important;
}
ul li a {
    color: #3B3B3B;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.sRight {
    text-align: right;
    float: right
}
.sLeft {
    text-align: left;
    float: left
}

.logodev {
    padding: 20px;
    border-bottom: 1px solid #EFF1F0;
}
.rightLogo {
    width: 50%; text-align: right;
}
.leftLogo {
    width: 50%; text-align: left;
}

.nav ul.mainNav {
    margin-top: 10px;
}

.nav ul.mainNav>li {
    display: inline-block;
    list-style: none;
    margin-left: 15px;
}
.utilitybar {
    background-color: #F0F0F0; float: left;
    width: 100%; padding-top:3px;
}

.GovLinks {float: left;text-align: center;}
.wtSettings {float: right;text-align: center;}

.Menu_TopMenu {
    height: 40px;
    position: relative;
}

.ar-AE .LanguageDiv {
    display: block;
    margin: 0 5px;
    position: relative;
    top: 11px;
    font-weight: bold;
}
.LanguageDiv {
    display: block;
    position: relative;
    top: 11px;
    font-weight: bold;
    float: right;
}

.slidAd {
    margin-top: 10px;
}

.mar-top {
    margin-top: 15px;
}

.search-container
{
    border: 1px solid #ddd;
    border-radius: 15px;
    height: 30px;
    margin-left: 10px;
    margin-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
    background:white;
}
 /*New Search box 17/01/2018*/
.new-search-input
{	height: 28px !important;
    border:none !important;
    background-color: transparent !important;
    padding-left:4px !important;
    padding-right:4px !important;
    box-shadow: none !important;
}

.search-icon
{
  float:right;
  padding-top: 4px;
}
.ar-AE .search-icon
{
   float:left;
   padding-top: 5px;
}

select {line-height: initial;}

.Form textarea.ReadOnly[readonly="readonly"], .Form input.ReadOnly[readonly="readonly"], textarea[readonly="readonly"], input[readonly="readonly"] {
    background-color: #f5f5f5 !important
}

 /*New Search box 17/01/2018*/

.new-search input {
    background: #fff url("../img/find_icon.png") no-repeat scroll 3% center;
    border: 0 none;
    border-radius: 15px;
    height: 28px;
    margin-left: 10px;
    margin-top: 3px;
    padding-left: 28px;
    width: 220px;
    font-size: 14px;
}

.sign-in {min-width:150px;direction: rtl;text-align: right;margin-top: 5px;/*display: flex;*/}
.sign-in img{width: 26px;margin: 0 5px;float:right}
.lang{font-weight: bold;margin-left:10px !important}
.modal{
    background-color: rgba(0, 0, 0, 0.38);}
#sign-modal{    color: #c0392b;}
#sign-modal p a:hover{text-decoration: none;color: #000}

.Title_Section {
    margin-top: 14px;
    position: absolute;
}

.Title {
    margin: 0 0 15px;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    width: 100% !important;
}

.phone.portrait .Title.Heading1 {height: unset !important;}


.ar-AE .tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td *, .ar-AE .phone .TableRecords:not(.NoResponsive) > * > * > td *

{
   text-align: right;
}

.carousel-caption {
    background-color: rgba(192, 57, 43, 0.85);
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
}

.carousel-caption h3 {
   margin-top: 10px;
   margin-bottom: 5px;
}

.carousel-caption p {
    text-shadow: none;
    color: #d4d3d3;
}

.carousel-indicators {
    bottom: 0; transform: translateX(-18%) !important;
}

.ar-AE .carousel-indicators li {
    float: right;
}

.carousel-inner > .item {
    height: 430px;
}

.btn-custom {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 22px;
    color: #fff !important;
    padding: 5px 25px;
    margin-top: 5px;
}
.btn-custom-fill {
    background-color: #c0392b;
    border-radius: 22px;
    color: #fff !important;
    padding: 5px 25px;
    margin-top: 15px;
    font-weight: bold
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.MainPopup {padding: 10px 25px 0 10px;}
.MainPopup label {font-size: 16px;font-weight: bold;}
.ar-AE .MainPopup {font-family:"Dubai Medium", Tahoma, sans-serif;}   /* direction: rtl; */
.ar-AE .MainPopup div.ThemeGrid_Width11{margin-right: 20px}

.small-border {
    height: 2px;
    width: 150px;
    background: #d7d7d7;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
}
.large-border {
    height: 1px;
    background: #5a5a5a;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.sectionHeader {
    text-align: center;
    margin-top: 20px;
    color: #c0392b;
}
.filters {
	margin:1%;
	padding:0;
	list-style:none;
}
.filters li {
	display: inline-block; width: 200px;margin: 5px;
}
.filters li span {
	display: block;
	margin: 0 5px; padding:5px 20px;
	font-weight: bold;
	background-color: #cccccc;
	cursor: pointer;
}
.filters li span.active {
	background: #c0392b;
	color:#fff; /*font-family: "GESS medium"; font-size: 16px*/
}
.portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%; margin:1%; display:none; overflow:hidden;
	height: 170px; background-color: #f0f0f0
}
.portfolio-wrapper {
	overflow:hidden;
	position: relative;
	cursor:pointer;
}

#services a, #services a:link,#services a:visited {
    color: inherit;
    transition: color 0.2s ease-in 0s;
}

.servicesIcon i {
	margin-top: 30px;
	font-size: 50px;
}
.portfolio:hover{
	color: #c0392b;
}

.ar-AE .PopupClass {
	font-family: "Dubai Medium";font-size: 14px; width: 700px
}

.mobAd {
	height: 280px;
}

.the-section .item {
    margin: 10px;
}
.the-section .item img {
    height: 190px; border: 3px #efefef solid; /*width: 100%;*/
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {

    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}

.newsBody {
    padding: 5px;
}
.newsBody h4 {
    line-height: 1.5;
}
.newsOutter:hover {
        box-shadow: 0 2px 50px rgb(204, 204, 204);
        transition: box-shadow 0.5s ease-in-out;
}
.ar-AE .newsOutter h4 , .ar-AE .newsOutter p.newsText{
    text-align: right;
    font-family: "Dubai Medium";

}
.newsOutter p.newsText {
    max-height: 160px;
}
img.centerAd {
    max-width: 1020px;
}
img.img-center {
    display: block;
    margin: 30px auto;
}
.othersites {
    text-align: center;
}
.othersites ul li {
    list-style: none;
    display: inline-block;
    border: 1px solid #999999;
}
.Footer {
    background-color: #232323;
    color: #fff;
    font-size: 13px;
    min-height: 50px;
    padding: 0px
}

.FooterDClogo {float: right;margin-top: 40px;max-width: 99%;width: 180px;}
.FooterDgovlogo {float: left;margin-top: 40px;max-width: 99%;width: 120px;}

.ar-AE .Footer h5 {
    color: #c0392b;
    text-align: right;
}
.Footer h5 {
    color: #c0392b;
    text-align: left;
    padding-left: 26px;
}

.Footer .Footerender p {
    color: #FFFFFF;
    font-size: 13px;
}
.Footer ul.list {
  padding: 0;
}

.Footer li {
    list-style: none; text-align: left;
}
.ar-AE .Footer li {
    text-align: right;
    font-family: "Dubai Medium";
}

.Footer li a{
    color: #fff !important;
}
.Footer a:hover {
    color: #c0392b !important;
    text-decoration: none;
}
.socialMediabar {
    padding-right: 22px;
}

.socialMediabar ul li {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #c13c2e !important;
}

.socialMediabar li{
    margin-left: 30px;
}
.socialMediabar li a{
    font-size: 20px;
}

.socialMediabar li a:hover {
    color: #c0392b;
}
img.topAdleftS {
    width: 286px;
    
}

.Feedback_Message_Error:before {display: none }
.ar-AE .Feedback_Message_Text {text-align: right;}

#top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(192, 57, 43);
    width: 45px;
    height: 45px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
}
.ar-AE #top i{
    right: 13px !important;
}

#top i{
    color: #fff;
    margin: 0;
    position: relative;
    left: 13px;
    top: 12px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#top:hover{
    background: rgb(234, 54, 57);
}
#top:hover i{
    color: #fff;
    top: 5px;
}

.ar-AE > .Feedback {
  text-align: left; padding-left: 10px;
}
.Feedback {
  text-align: right; padding-right: 10px; font-weight: 600;
}
.form-control-feedback {
    right: 0;
}
.fa.form-control-feedback {
    line-height: 34px;
}

.input-lg ~ .fa.form-control-feedback {
    line-height: 46px;
}

.has-feedback-left input.form-control {
    padding-left: 34px;
    padding-right: 12px;
}

.has-feedback-left .form-control-feedback {
    left: 0;
}

.form-horizontal .has-feedback-left .form-control-feedback {
    left: 12px;
}
.has-feedback i.fa-search {
    color: #c0392b;
}

/* edit */
img.topAdleft,img.topAdleftS{width: 100% !important;height: 240px;}
img.topAdleftS {height: 80px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100% !important;height: 100% !important}

/* third level menu*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-top: -1px;
}

/* new edit */
.dropdown-menu > li > a{padding: 3px 7px 3px 0}
.navbar-inverse {
    background-color: #fff;
    border-color: #ffffff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
    color: #c0392b;
    background-color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color:#c0392b;
}
.navbar{margin-bottom: 0}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #c0392b;
}
.navbar-inverse .navbar-toggle {
    border-color: #c0392b;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #f0f0f0;
}
div#myNavbar {
    margin-right: 12%;
}
.navbar-toggle{float: right}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color: #c0392b}

.header-right ul{list-style: none}
.header-right li{float: left;color: #c0392b; line-height: 37px;margin-left: 5px;cursor: pointer}
.header-right i{color: #c0392b;font-size: 16px; margin-left: 3px;}
.top-edit{margin-top: 4px}
.btn-custom-fill:hover,.header-right li:hover{opacity: .8}

/* contact page */
.container-fluid.the-breadcrumb{
    background-color: #f7f7f7; margin-bottom: 20px; padding-left: 40px; padding-right: 40px;
}

.breadcrumb {
  float: left;
  padding:15px 0px  0px;
  list-style: none;
}

.ar-AE .breadcrumb {
  float: right;
}

.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}

.Breadcrumbs {font-size: 13px;}
.breadcrumb > .active a{color: #c0392b;}
.the-block{padding-top: 30px;}
.contact-top {
    font-size: 15px; line-height: 27px; word-spacing: 1px;
}
.contact-top i{margin-left: 5px; font-size: 8px !important;}
.the-contact .panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: left;
    color: #444
}
.the-contact .panel-heading a.collapsed:after{
    content: "\e080";
    color: #999;
}
.contact-section{border-bottom: 1px solid #eee;padding-bottom: 5px;padding-top: 5px}
.contact-section:last-of-type{border-bottom: 0}
.panel-title > a { color: #c0392b;    font-weight: bold;}
.panel-title > a:hover,.panel-title > a:focus{text-decoration: none;color: #731b12}
.panel-heading {
    padding: 14px 15px;
}
.contact-section p{    font-size: 14px;}
.contact-section h4{ margin-bottom: 15px;  color: #c0392b;}
.contact-section span {
    font-weight: bold;
}

.right-col{
    padding: 16px 0 0 0;
    background-color: whitesmoke;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.right-col a{color: #3B3B3B; margin:0 8px; font-weight: bold }
.right-col a:hover,.right-col a:focus{text-decoration: none;color:  #c0392b}
.app {width: 100%; text-align: center;}
.app img{max-width: 150px; margin-top: 9px;width: 100%;}
.app img:hover{opacity: .8}
.right-col p{padding:0 10px 6px 10px}
.right-col p:hover{background-color: #e6e6e6}
.right-col p:hover a{color:  #c0392b}
h4, .h4 { font-size: 16px;}
.panel-title{font-size: 15px}
/* page */
.table{border: 1px solid #ddd;text-align: center}
th {
    text-align: center;border: 1px solid #ddd;
}
td {
    border: 1px solid #ddd;
    padding: 5px;
}
thead{color: #c0392b;}

.radio + .radio, .checkbox + .checkbox {
    margin-right: 0;
}
.the-color{font-weight: bold;color: #c0392b;    text-transform: initial;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #c0392b;border-color: #c0392b}

.pagination > li > a, .pagination > li > span{    color: #3b3b3b;}


/* third level  */
/*.dropdown-menu{left: auto !important}*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #c0392b;
    background-color: #ffffff;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
    margin:auto;max-width:950px
}
.ar-AE .navbar-nav:not(.sm-collapsible) ul .caret{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    right: auto;left: 5px
}
.navbar-nav:not(.sm-collapsible) ul .caret {
    right: 0; margin-right: 5px;
    transform: rotate(0deg);
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu{padding-right: 7px}
.ar-AE .caret{margin: 8px;}
.caret {
    float: right;
    margin: 8px -14px;
}
.dropdown-menu li a{padding-left: 8px;padding-right: 8px}
.navbar-default .navbar-nav > li > a{font-weight: bold; white-space: nowrap;}

.ar-AE .navbar-nav.sm-collapsible .caret, .ar-AE .navbar-nav.sm-collapsible ul .caret{right: auto;left: 0;margin:  -3px 0 0 15px}

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{right: 0;left: auto;margin:  -3px 15px 0 0}

.owl-carousel.owl-theme.owl-loaded {
    overflow: hidden !important;
    width: 100% !important;
}
.owl-theme .owl-dots .owl-dot span{    background: rgba(192, 57, 43, 0.49);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #c0392b;
}

.ar-AE .owl-carousel .owl-item {
  float: right;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-theme .owl-nav {
	display: none !important}

.seperator {
    border-top: 1px solid #BCBEC0;
    text-align: center;
    margin: 40px 0 50px 0;
    height: 1px;
}
.seperator__text {
    text-transform: uppercase;
    position: relative;
    top: -12px;
    background: #fff;
    padding: 0 8px;
    display: inline-block;
}
.form-field__button, .form-submit-border {
    margin-top: 32px;
    text-align: center;
}

/* Outsystem Customization*/
.Header {
    background-color: #fff;
    color: #3B3B3B;
    position: relative;
}
.header-bar {background-color: #F0F0F0; width: 100%; padding: 3px 15px 3px 15px;}

.Header_LeftSection {
    margin-right: 0;
}
.Header_RightSection {
    height: 0;
}

.Content {
    margin-bottom: 0 !important;
    background: #FFFFFF !important; padding: 0 !important
}

.MainContent {
    background: #FFFFFF;
    margin-top: 0px;
    padding-bottom: 30px;
}

.Menu_TopMenus {
    height: 40px;
    position: relative;
    text-align: center;
}

.Menu_TopMenuActive {
  color: #c0392b;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #777; /*primary-color*/
}

.AppSwitcherList,
.Application_Menu .Menu_DropDownButton,
.Header_Menu,
.Application_Menu {
    background: #fff;
}

.Application_Menu {
box-shadow: none;
}

.Menu_TopMenu a,
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited {
    background:transparent;
    padding: 10px 20px !important;
}

.Menu_TopMenu a:hover, .Menu_TopMenu:hover {
    background-color: #c0392b;
    box-shadow: none;
}

.ButtonDefault,
.Button.Is_Default {
    background: #C3272B;
    border: 1px solid #C3272B;
    color: #fafafa;
}

.ar-AE .Button { margin-right: 10px}

.phone .responsive-search-case-inquiry .Button
{
    width:100%;
    display:block;
    margin-top:10px;
    margin-left:0px !important;
    margin-right:0px !important;
}

.EditableTable tr.RowControlGroup a {
    color: #C3272B;
}

.ar-AE .TotalNumberPages{
  float: left; width: unset;text-align: left;
}

.ToggleButton_label:after, .ToggleButton_label.changed:after {
    border-radius: 15px;
    height: 25px;
    top: 1px;
    width: 25px;
}
.ToggleButton_label.changed:after {
    left: 22px;
}
.ToggleButton.changed {
    background-color: #C3272B;
    background-image: none;
    border-color: #dcdcdc;

}

/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/

a.Button{
    color: #999;
}

.Header_Menu,.Application_Menu,.Menu_TopMenuActive,.Menu_TopMenu a:hover,
.Menu_TopMenu:hover,.Menu_DropDownButton.open .Menu_TopMenu {
    background-color: #fff;
}

a.Header_ButtonMenu {
    color: #fff;
}

.EditableTable tr.RowControlGroup a.SaveRowAction,
.EditableTable tr.RowControlGroup a.CancelRowAction{
    color: #C3272B;
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #C3272B;
    border-color: #C3272B;
    color: #fff;
    text-shadow: none;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover,
.Button.Button.Is_Default:hover {
    background-color: #C3272B;
    border-color: #C3272B;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    -servicestudio--webkit-filter: brightness(-0.1);
}

.Button.Cancel {
    background-color: #fff;
}

.desktop .Button.Cancel:hover {
    background-color: #fff;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    -servicestudio--webkit-filter: brightness(-0.1);
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #cfcfcf;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    -servicestudio--webkit-filter: brightness(-0.1);
}

.Button.Link {
    color: #C3272B;
}

.desktop .Button.Link:hover {
    background-color: #fff;
    border-color: #C3272B;
    color: #C3272B;
}

.Button.Danger{
    background-color: #e09d90;
    border-color: #df3a01;
    color: #fff;
}

a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #C3272B;
    border-color: #C3272B;
    color: #fff;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
    background-color: #C3272B;
    border-color: #C3272B;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    -servicestudio--webkit-filter: brightness(-0.1);
}


a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before,
.Actions [class^=fa]{
    background: #C3272B;
}

.DropdownMenu .PH > a {
    color: #C3272B;
}

.DropdownMenu .PH > a:hover {
    background-color: #efefef;
    color: #C3272B;
    text-decoration: none;
}

.phone .Login_Info_Logout:before,
.tablet .Login_Info_Logout:before {
    color: #C3272B;
}

.IconBadge_number {
    background-color: #C3272B;
}

.NavigationBar a.Active:after {
    background-color: #C3272B;
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #C3272B;
}

.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #C3272B;
}


/* Responsive Context **************************/

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #C3272B;
}


.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #C3272B;
}


/* NavigationBar: Vertical **************************/

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #C3272B;
}

.NavigationBar.Vertical a.Active:not(.ie7):before,
.NavigationBar.Vertical a.Active:not(.ie8):before {
    border-left-color: #C3272B;
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #C3272B;
}


.SectionIndex a.active,
.SectionIndex a:hover{
    border-bottom-color: #C3272B;
    color: #C3272B;
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical  a:hover{
    border-left-color: #C3272B;
}

.Tabs__tab.active {
    border-top: 1px solid #ccc;
}

.tab-content { background-color: #F0F0F0;}
.tab-content > .active { border-top: 0px;}
.tab-content-sub {padding: 15px;border: 1px solid #ddd; border-top: 0;}
.nav-tabs > li { float: left;}
.ar-AE .nav-tabs > li { float: right;}
.nav-tabs > li > a {margin-left: 0;font-size: 14px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555; font-weight: bold; font-size: 14px; cursor: default; background-color: #F0F0F0; border: 1px solid #ddd; border-bottom-color: transparent;
}

/* Calendar **************************/
.pika-prev:after,
.pika-next:after {
    color: #C3272B;
}

.pika-title {
    border-bottom: 2px solid #C3272B;
}

.is-selected .pika-button {
   background-color: #C3272B;
}

.has-event .pika-button:after {
   background-color: #C3272B;
}

/* Calendar DEPRECATED **************************/
.Calendar-dayNames {
    border-top-color: #C3272B;
}

.Calendar-navBtn > div {
    color: #C3272B;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #C3272B;
}

.Calendar-time-down,
.Calendar-time-up,
.Calendar-time-am {
    color: #C3272B;
}


/* OS PopUps **************************/

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #C3272B;
}

/* Wizard **************************/

.WizardStep:before {
    border-bottom-color: #c2c2c2;
    border-top-color: #c2c2c2;
}

.WizardStep.ActiveStep {
    background: #C3272B;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #C3272B;
    border-top-color: #C3272B;
}

.WizardStep.Past {
    background-color: #C3272B;}

.footer .fa {
    font-size: x-large;
}
.gallery-element .fa {
    color: black;
}
.slider {
    direction: rtl;
}

.TableRecords
{
    border-collapse:collapse !important;
}

.Filters_Wrapper
{
  background-color: #F0F0F0;
}

.Card {
    padding: 10px 10px 0;
    width: 100%;
}

.ar-AE .SectionExpandable__title.Heading2 {text-align: right !important;}
.TableRecords th {text-align: left; padding: 5px}
.ar-AE .TableRecords th {text-align: right; padding: 5px}
.TableRecords td {padding: 5px; word-wrap: break-word;}
.ar-AE .Form label.MandatoryLabel:after {position: relative;font-size: 16px;font-family: serif;}
.ar-AE .Search_wrapper:after {right: 15px;}
.ar .Form select.ReadOnly, .ar select { background-position: 7px !important;padding-right: 8px;}
.Form label.MandatoryLabel:after {font-size: 16px !important;font-family: serif !important;}
.SmallRightColumns > .Column.ColFirst { float: rigth;}
.SmallRightColumns > .Column.ColLast { float: left;}
.ar-AE .SmallRightColumns > .Column.ColFirst { float: left;}
.ar-AE .SmallRightColumns > .Column.ColLast { float: rigth;}
.rightmobAd {float: right;}
.highcharts-container { direction: ltr; width: 102% !important; height: 102% !important; padding: 5px; border: 1px solid #777;}

/* Chat Button Arabic*/
div[id^=b_f33551e1] > div {right: 5px !important;bottom: 80px !important;}

/* Chat Button English*/
div[id^=b_66fa2908] > div {right: 5px !important;bottom: 80px !important;}

.Form input[type=text], .Form input[type=password], .Form input[type=datetime], .Form input[type=datetime-local], .Form input[type=date], .Form input[type=month], .Form input[type=time], .Form input[type=week], .Form input[type=number], .Form input[type=email], .Form input[type=url], .Form input[type=search], .Form input[type=tel], .Form input[type=color], .Form select, .Form textarea {
    vertical-align: middle; /* correct widgets form.css */
}

.ar-AE .tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td:first-child:before, .ar-AE .phone .TableRecords:not(.NoResponsive) > * > * > td:first-child:before {
    float: left;
    margin-left: 5px;
}

/* Hide arrows from inputs of type number*/
input[type='number'] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}



/* Resonsive  */

@media (max-width:1050px){
	.navbar-default .navbar-nav > li > a {font-size: 14px;}
	/*.GovLinks img {max-width: 80px; height:22px}*/
}

@media screen and (max-width: 1023px) {
.navbar-default .navbar-nav > li > a {font-size: 13px;}
.Responsive.Content {padding-top: 0 !important;}
.MainContent img {max-width: 99%}
.Responsive .Login_Info_Logout:before {color: #fafafa ;}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.GovLinks img {max-width: 80px; height:22px}
    .Footer .Column.ColFirst, .Footer .Column.ColLast { display: none }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {width: 100%;padding: 0px;}
	.ar-AE .nav > li > a {padding: 10px 5px;}
	.GovLinks img {max-width: 80px; height:22px}
	.Footer .Column.ColFirst, .Footer .Column.ColLast { display: none }
}

@media only screen and (max-width: 767px) {
.navbar-nav.sm-collapsible a.has-submenu {padding-right: 0px;}
.portfoliolist .portfolio {width:42%;margin:2%;}
#main-nav {line-height: 0;text-align: center;}
#main-menu {display: inline-block;}
.navbar-nav.sm-collapsible a.has-submenu{padding-right: 9px}
.navbar-default .navbar-nav > li > a:hover,.lang a,li .filter:hover{ color: #c0392b !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #c0392b;background-color: #fff}
label {color: #3B3B3B;}
.filters li span.active:hover{color: #fff !important}
.logodev .img-two img{max-width: 160px;height: 58px;margin-left: 20px}
.logodev .img-one img{max-width: 200px;height:59px;margin-right: 20px}
.logodev .img-two img,.logodev .img-one img{height: 52px !important}
.Responsive .ThemeGrid_Container {padding-left: 0 !important;padding-right: 0 !important;}
}

@media (max-width: 767px){
.filters li { width: 93%;}
.new-search input{margin-left: 10px}
.panel-title{font-size: 12px}
h1,.h1{font-size: 30px}
    h4, .h4{font-size: 15px}
    .contact-section p{font-size: 12px}
  .search-container {
      width: 100%;
      margin: auto;
  }
	.sign-in img { width: 20px !important;}
    .contact-section p{font-size: 12px}
	.leftmainAd {
    margin-top: 22px;
}
    .mobAd{height: 100px}
    img.centerAd.img-center {
    max-width: 100%;height: 100%
}
    .Footer img.logo{display: none}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #9d9d9d;
    border-radius: 9px;}
    div#myNavbar {margin-right: -14px !important}
    .utilitybar{margin-top: 4px}
    .navbar-toggle{margin-bottom: 4px}
    .new-search input{float:  none !important}
    .new-search{text-align: center}
    .new-search input{margin-left: 10px}

/*.header-right img {
    width: 15px !important;
} */

.carousel-caption p {
    display: none;
}

.container-fluid.the-breadcrumb{
    margin-bottom: 10px;padding-left: 0px !important; padding-right: 0px !important;
}
.breadcrumb {
    padding:16px 0px 0 0;margin-bottom: 0;
}
.breadcrumb > .active a{
    color: #c0392b;
}
.breadcrumb a,.breadcrumb li{font-weight: bold}
.the-block{padding-top: 30px;}
.contact-top {font-size: 10px;line-height: 14px;}
.fa {font-size: 14px;}
.FooterDClogo {float: none;margin-top: 10px;max-width: 99%;width: 180px;}
.FooterDgovlogo {float: none;margin-top: 10px;max-width: 99%;width: 120px;}
.Footer .Columns {padding: 0 10px;}
.Footer .Column.ColFirst, .Footer .Column.ColLast { width: 100%; margin-bottom: 20px; }
.Footer .Column {width: 100%}
.nav-tabs > li {float: left; width: 100%;}
.nav-tabs > li > a { margin-left: 2px;line-height: 1.42857143;border: 1px solid #ddd;border-radius: 0;}

.PopupClass {width:600px}
}

@media(max-width:480px){
    .outterlinks .row > div {width: 100%;text-align: center}
    .logodev { padding: 5px 0;}
    .logodev img {margin: 0; max-height:40px}
    .new-search input {width: 160px;}
    .panel-title{font-size: 11px}
     h1,.h1{font-size: 26px}
     h2,.h2{font-size: 22px}
     h3,.h3 {font-size: 16px;}
     h4, .h4{font-size: 16px}
    .panel-heading { padding: 14px 8px;}
    .contact-section p{font-size: 11px}
    .Right {text-align: center;float: none}
    .Left {text-align: center;float: none}
    .logodev .img-two img,.logodev .img-one img{height: 45px !important}
    .logodev .img-two img{margin-left: 0}
    .logodev .img-one img{margin-right: 0}
    .logodev .col-xs-6{padding: 0}
    .sign-in { margin-left: 12px !important; width: 97%;}
    .carousel-inner > .item {height: auto;}
    .carousel-caption h3 {font-size:16px}
	.newsOutter p.newsText {max-height: 230px}
    .GovLinks {float: left;width: 100%;text-align: center;}
    .wtSettings {float: right;width: 100% !important;margin: auto;text-align: center;}
    .FooterDClogo {float: none;margin-top: 10px;max-width: 99%;width: 180px;}
    .FooterDgovlogo {float: none;margin-top: 10px;max-width: 99%;width: 120px;}
    .chart-outer-container {width: 100%}
    .nav > li { position: relative; display: block;width: 100%;}
    .nav-tabs > li > a { margin-left: 2px;line-height: 1.42857143;border: 1px solid #ddd;border-radius: 0;}
    .tab-pane a {line-height; 2 }
    .LoginBox { width: 100% !important;}
	.PopupClass {width:400px}
    .Footer .Columns {padding: 0 10px;}
}

@media(max-width:370px){
    .logodev .img-two img,.logodev .img-one img{height: 35px !important}
    .chart-outer-container {width: 100%}
	.PopupClass {width:300px}
    
}

/*Print filter by Shawky*/
@media print {
.SideBar, .col-xs-offset-1, .utilitybar, .nav, .tab-content, .Filters_Wrapper, .SmallLeftColumns > .Column.ColFirst, .Footer, .Feedback, .container-fluid.the-breadcrumb, .TempErrorReportingLink, .foo, #myLinks, #top {display: none !important}
.SmallRightColumns > .Column.ColFirst > div, .SmallLeftColumns > .Column.ColLast > div {margin: 0; padding: 0; float: none; position: static; overflow: visible;}
.SmallRightColumns > .Column.ColFirst, .SmallRightColumns > .Column.ColLast {width: 900px; float: right}
.SmallLeftColumns > .Column.ColFirst, .SmallLeftColumns > .Column.ColLast {width: 900px;}
}