/***************************************************************************************************
 Global MIxins  - Font Variables , Font family, RWD resolution
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - images URL
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global MIxins  - BG url, Vendor Prefixes , Box sizing, LTR , RTL
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global MIxins  - Font Variables , Font family, RWD resolution
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global MIxins  - BG url, Vendor Prefixes , Box sizing, LTR , RTL
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for listing component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - bootstrap accordian - custom style
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 *Breadcrumb CSS *
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Co create component styles
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 *Cookies CSS *
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Styles for - Custom select 
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 custom scroll bar style
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Styles for - Error pages
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
Styles for - E-services Component
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 *Footer CSS *
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - Skip navigation, float, overlay
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes -  header styles
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Journey-widget component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for page-innersearch component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for register component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Sub page left nav
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for adge  
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for borders 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for feedback  pop up
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Note component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Quicklinks component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Support
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for survey
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for talk to us
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for three-col-list
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for whats new  
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for tab mobile dropdown
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Global classes -  collabsible left nav
Author: TAMM
***************************************************************************************************/
/***************************************************************************************************
 *Flipcard Style *
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for left nav component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Pillars
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Testimonials and Achievements components
 
 Author: TAMM
 ***************************************************************************************************/
.social-share-component .scoaazz {
  display: block;
}

.social-share-component #share-icon {
  cursor: pointer;
}

.social-share-component .icon-share-social-filled {
  font-size: 2.2rem;
}

.social-share-component #share-content {
  position: absolute;
  top: 35px;
  z-index: 1;
}

html[lang*='en'] .social-share-component #share-content,
html[class*='translated-ltr'] .social-share-component #share-content {
  right: -22px;
}

html[lang*='ar'] .social-share-component #share-content,
html[class*='translated-rtl'] .social-share-component #share-content {
  left: -16px;
}

.social-share-component #share-content h3 {
  font-size: 1.2rem;
  padding: 5px;
  margin: 0px;
  border-radius: 5px 5px 0px 0px;
  position: relative;
}

.social-share-component #share-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px 0px 5px 5px;
}

html[lang*='en'] .social-share-component #share-content ul,
html[class*='translated-ltr'] .social-share-component #share-content ul {
  padding-left: 5px;
}

html[lang*='ar'] .social-share-component #share-content ul,
html[class*='translated-rtl'] .social-share-component #share-content ul {
  padding-right: 5px;
}

.social-share-component #share-content ul li {
  padding-top: 10px;
}

.social-share-component #share-content ul li:before {
  display: none;
}

html[lang*='en'] .social-share-component #share-content ul li,
html[class*='translated-ltr'] .social-share-component #share-content ul li {
  padding-left: 5px;
}

html[lang*='ar'] .social-share-component #share-content ul li,
html[class*='translated-rtl'] .social-share-component #share-content ul li {
  padding-right: 5px;
}

.social-share-component #share-content ul li a {
  border: 0px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  html[lang*='en'] .social-share-component #share-content,
  html[class*='translated-ltr'] .social-share-component #share-content {
    right: 22px;
  }
  html[lang*='ar'] .social-share-component #share-content,
  html[class*='translated-rtl'] .social-share-component #share-content {
    left: 22px;
  }
  html[lang*='en'] .social-share-component #share-content h3:before,
  html[class*='translated-ltr'] .social-share-component #share-content h3:before {
    left: auto;
    right: 2px;
  }
  html[lang*='ar'] .social-share-component #share-content h3:before,
  html[class*='translated-rtl'] .social-share-component #share-content h3:before {
    right: auto;
    left: 2px;
  }
}