:root {
  --navleft: &NAV_LEFT. ;
  --navright: &NAV_RIGHT. ;

  --logoleft: &LOGO_LEFT. ;
  --logoright: &LOGO_RIGHT. ;
}

.t-Header-navBar{
    margin-right: var(--navright) ;
    margin-left: var(--navleft) ;
}

.t-Header-controls{
    margin-right: var(--logoright) ;
    margin-left: var(--logoleft) ;
}



.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    font-size: 2.125rem;
}

.footer-p-contact {
    font-family: Montserrat,"Noto Kufi Arabic",Arial,sans-serif;
    font-size: 1.4rem;    
}

.footer-logo-cbk {
    margin-left: -50px;
}

.footer-ul {
    display: inline;
    margin: 0;
    list-style-type: none;
}

.footer-li {
    display: inline;
    padding: 3px;
}



.t-Footer-version{
    Display: none !important;
}


.t-Footer {
	background-color: #26336d;
	background-image: url(pattern-blue.png); 
	background-size: 248px 173px; 
	background-position: center center; 
	background-repeat: repeat; 
	background-attachment: fixed;
}

footer {
  background-image: url(pattern-blue.png);
  color: white;
}
.t-BreadcrumbRegion {
	background-image: url(pattern-blue.png); 
}

a.t-MediaList-itemWrap {
  color: #023491;
}

.t-MediaList-icon {
	background: #a09285;
}

a.t-MediaList-itemWrap:hover {
    background-color: #fafafa;
    color: #023491;
	/* color: #f7f5f2; */
}

.apex-rds a span {
    color: black;
}

.apex-rds a span:hover {
    color: #023491;
}

.t-Icon {
	color: #ffffff;
}

.t-BadgeList--circular .t-BadgeList-value {
  /*box-shadow: 0 0 0 1px rgb(25 64 241 / 10%) inset;*/
  background-color: #a09285;
  color: white;
}
.t-BadgeList--circular a.t-BadgeList-wrap:hover .t-BadgeList-value {
  box-shadow: 0 0 0 4px #26336d inset;
  background-color: #26336d;
  color: #ffffff;
}

.t-BadgeList--dash a.t-BadgeList-wrap:focus,
.t-BadgeList--dash .t-BadgeList-wrap:focus-within,
.t-BadgeList--circular a.t-BadgeList-wrap:focus .t-BadgeList-value,
.t-BadgeList--circular .t-BadgeList-value a:focus {
  /*box-shadow: 0 0 0 1px #ffffff inset, 0 0 0 2px #ffffff inset;
  background-color: #a09285;
  color: #ffffff;*/
}

hr.rounded {
  border-top: 1px solid #f7f7f7;
  border-radius: 5px;
}

/*.t-Header-controls {
    margin-left: 17%;
}

.t-Header-navBar {
    margin-right: 17%;
}*/

.t-Header-logo-link img {
    max-height: 100%;
}

.t-Header-branding {
    height: 105px;
}

.t-Body-title {
	top: 105px;
}