.ModuleCont__moduleCont{
display:none;
}
#portal_tabSolutions{
display:none;
}
#Solutions_tab{
display:none;
}
.KbDetailRtContainer__rightPanelDetail{
display:none;
} 

  
  font-face {
  font-family: "Metropolis-Light";
  src: url("https://www.idric.com.mx/themes/idric/assets/fonts/Metropolis-Light.otf");
}
@font-face {
  font-family: "Metropolis-Bold";
  src: url("https://www.idric.com.mx/themes/idric/assets/fonts/Metropolis-Bold.woff");
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.idric.com.mx/themes/idric/assets/fonts/VarelaRound-Regular.ttf");
}

.html {
  font-family: "Metropolis-Light", sans-serif;
  color: #00546b;
  font-size: 18px;
  font-weight: 400;
	line-height: 1.5;
}

a, .commonStyle__zt3Brand {
  color: #e76668;
  text-decoration: none;
}

a:hover, .commonStyle__zt3Brand:hover {
  color: #009eb0;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Metropolis-Bold", sans-serif;
  font-weight: 400;
}
h3{
  font-size: clamp(20px,3vw,25px);
  margin-top: 2rem;
}
b, strong {
  font-family: Metropolis;
  color: #009eb0;
}
p b, p strong {
  font-family: Metropolis;
  color: #009eb0;
}
.section-bg p b, .section-bg p strong {
  color: #70d44b;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
#navBarContainer{
margin: auto;
  max-width: 1320px !important;
}
#navBar {
  padding: 12px 0;
  background-color: #fff !important;
  height: 84px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
#navBar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
#navBar li {
  position: relative;
  line-height: 1.5rem;
  max-width: auto !important;
}
#navBar li:hover,.LoginDetail__signup, .LoginDetail__signin{
  border-bottom: none;
  max-width: none !important;
}
#navBar a, #navBar a:focus {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  font-family: "Metropolis-Bold", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #00546b;
  white-space: nowrap;
  transition: 0.3s;
  border-radius: 15px;
  background-color: rgb(244, 246, 252);
  margin: 0 10px !important;
  line-height: 1.5rem;
  letter-spacing: 0;
  margin: 0;
}
#navBar a i, #navBar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
  color: #009eb0;
}
#navBar a:hover, #navBar .active, #navBar .active:focus, #navBar li:hover > a {
  color: #fff;
  background-color:#00546b;
  border-bottom-color: red !important;
}
 #navBar li:hover i {
    color: #fff;
   
}
#navBar .logo a{
  background-image: url(https://www.idric.com.mx/themes/idric/assets/img/logos/Preferente_simple_positivo.svg);
background-size: cover;
  max-width: 150px;
  height: 60px;
  width: 130px;
  background-color: transparent !important;
  border-radius: 0;
}

.Header__name {
  font-family: 'Raleway', sans-serif;
  color: #009eb0;
  padding: 42px 0 0 0;
line-height: 16px;
}
/**********************/
.Icon__icon {
  top: -.1133333333em;
  color: #00a0af;
}
.Icon__white {
  color: #FFF !important;
}

.LoginDetail__btnCont a {
  border-radius: unset !important;
  background: unset !important;
}

   #siqiframe{
    max-height:unset;
    }
    .siq_bR {
      bottom: 60px !important;
      right: 10px !important;
    }
    #zsiq_float {
      animation: bounce 1s;
      transform: translateY(0px);
      animation-iteration-count: infinite;
      position: relative;
      border-radius: 100%;
      overflow: hidden;
      height: 60px;
    }
    @keyframes bounce {
        0% {top: 0;-webkit-animation-timing-function: ease-in;}
        50% {top: 4px;-webkit-animation-timing-function: ease-out;}
        100% {top: 0;-webkit-animation-timing-function: ease-in;}
    }


.commonStyle__zt3BrandBg {
  background-color: #e06666 !important;
}

.LoginDetail__logoutLink {
  color: #071e33 !important;
}
.LoginDetail__profileLink{
  color: #fff !important;
}

.KbDetailLtContainer__detailHeader {
  color: #00546b;
}

.commonStyle__rightPanelDetail, .Layout__layout1 {
  padding: 30px !important;
  margin-bottom: 60px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  border-radius: 15px;
}

.ContentBox__headerMid a {
  color: #009eb0;
}

.ListHeader__header2 {
  font-size: 1.1875rem;
  font-weight: 400;
  margin: 0;
  color: #00546b;
}
.ListHeader__header2 a{
  color: #00546b;
  
}
.ListHeader__listHeader2{
	border-bottom: 1px solid #70d44b;
  font-weight: 400;
}

.ListHeader__header1 {
  font-size: 20px;
  padding: 0 0 0 0;
  color: #00546b;
  position: relative;
  font-weight: 400;
}
.ListHeader__header1 a{
  color: #00546b;
}

.NoContent__title {
  color: #00546b;
  font-weight: 400;
}

.Button__buttonCommon, .Button__footerBtn, .btn, .primary {
  font-family: "Metropolis-Bold",sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 15px;
  transition: 0.25s;
  margin: 30px auto 0 auto;
    margin-right: auto;
  color: #fff;
  background: #e06666;
    background-color: rgb(224, 102, 102);
  width: max-content;
  text-align: center;
}
.ListHeader__listIcon1 .Icon__icon {
  color: #00546b;
}

.description p, .description span{
	background-color: unset;
  	color: #00546b;
  	font-size: 18px;
}
.description span {
  max-width: 100%;
}
.description img{
	margin: auto;
  	display: block;
  	max-width: 100%;
}

.description a>span {
  color: #e76668;
  text-decoration: none;
}

.description a>span:hover {
  color: #009eb0;
  text-decoration: none;
}

.Input__inputCommon{
	display: block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
  	border-right: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    font-size: 14px;
    border-radius: 15px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.Input__searchBox {
  font-family: "Metropolis-Light",sans-serif;
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.SearchContainer__globalSearch {
  background-color: #FFF;
  border-radius: 15px;
}

.SearchContainer__moduleChangePopup{
	border-top: 1px solid #ddd;
  	border-bottom: 1px solid #ddd;
  	margin: 0;
	padding: .5rem 0.625rem 0;
}

.Input__headerSearch{
	border-radius: 15px 0 0 15px;
}

.SearchContainer__searchIcon {
  padding: .6rem 1rem 0;
  border-radius: 0 15px 15px 0;
}

.SearchContainer__searchFilter {
  top: calc(100%);
}

.commonStyle__zt3BrandFill {
  fill: #70d44b;
}

.Footer__footerBg {
  background: #fff;
  padding: 1.875rem 0 7rem;
}
.Footer__footerQus {
  font-size: 1.875rem;
  color: #00546b;
}
.Footer__footerDescription {
  font-size: 1rem;
  color: #00546b;
}

.Footer__footerCopyrigt {
  background-color: #252525;
  display: none;
}

.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse {
  padding: 2.125rem 0 0;
}

.Menu__menu .Menu__menuItem[aria-expanded] > .Menu__arrow::before {
  border: .0625rem solid #00a0af;
  border-top-width: 0;
border-right-width: 0;
  top: .8rem;
}

.Menu__arrow a {
  color: #00546b;
}

.ContentList__listLink{
	color: #00546b;
}
.NoContent__contentDescription {
  color: #00546b;
}

.TicketFilterPopup__filterValue {
  color: #00546b;
}
.commonStyle__zt3LinkActive, .DepartmentList__forums {
  color: #009eb0;
}
.SearchContainer__searchModule, .TicketList__listItem{
	color: #00546b;
}
.SearchContainer__searchModule:hover, .TicketList__listItem:hover{
	color: #009eb0;
}

.ListHeader__listHeader1 {
  margin: 0 0 0.625rem;
  border-bottom: 1px solid #70d44b;
  padding: 0 0 .5rem;
}

.commonStyle__detailHeader {
  margin: 0 0 20px 0;
  text-transform: none;
  font-weight: 500;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 1.2;
  word-break: break-word;
  word-wrap: break-word;
}

.KbDetailLtContainer__userSocialIcon {
  display: none;
}

.LoginDetail__signup, .LoginDetail__signin {
  max-width: 6rem;
}

.Header__homeContent .Header__searchSection {
  margin-top: 84px;
}

.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse {
  max-width: 1320px;
}

.Header__header {
  z-index: 6;
}
.ScrollSticky__type1 {
  margin-top: 84px;
}

#mainContainer {
  margin-top: 84px;
}
#parentContainer div.borderLineTop:nth-child(2){
display:none; 
}
.Footer__footerBg,.ticketForm .custom_footer{
 display:none; 
}
.custom_footer{
  display:block
}

