Body{
font-family: 
  MyriadPro-Regular, 
  'Myriad Pro Regular', 
  MyriadPro, 
  'Myriad Pro', 
  Helvetica, 
  Arial, 
  sans-serif,
  Roboto;
  } 
/*
=============================
Header Elements
=============================
*/

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  .Header__welcomeTitle {
    font-size: 3.8rem;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  .Header__welcomeTitle {
  font-size: 1.7rem;
  }
}

.Layout__layout1 {
  width:100%;
}

.BreadCrumbs__breadCrumbText {
  /* "Help Center" style */
 
  color:#ffffff;
  font-weight:600;
}

.Header__bgColor
{
  /* banner bgcolor transparency */
   opacity:0.85;
}
.Header__defaultContent .Header__banneralt {
  /* jpa1 Banner Image height */
	/*min-height: 11rem;*/
}

.Header__titleSearchBox{
  
  /* jpa1 Adjust where the search bar goes*/
  /*  margin-top:5rem;
    margin-bottom:-5rem; */
}

.Header__defaultContent .Header__searchalt {
  /* jpa1 Positions the 'help center' Text */
	/*padding-bottom: 0px*/
 }

.Header__menu,
.Header__menu:before,
.Header__menu:after{
  /* Burger menu purple */
  background-color:#061f5c;
}

.Header__menuWrapper { 
  /*   Top menu line in white */
  background-color:#ffffff;
  }

.Header__nav {
 /*  Top Bar and Burger Menu Nav
     bgd buttons white
  */
    background-color:#ffffff;
 }

.Header__tClr{ 
  /*
   this is add ticket
   Salus purple
  /*
  color:#061f5c;
  hover:#fd4f00;
  */
  color: #19366f;
}

.Header__tClr:hover {
  /* Add Ticket Hover salus grey
  */
   color:#afafaf;
 }

.Header__searchLink { 
  background-color:#19366f;
  }

.Header__homeNavbarFixed  #searchContainer{
	display:none;
}

.Header__searchSubCont
.Header__searchLink {
 /* Minimised searchbar border
  grey
  
  background-color:#afafaf;*/
 
}

.Header__overlayresponav { 
  /* on clicking plus sign 
   to add  ticket landing page
   background = grey
  */
   background-color:#afafaf;
   
}

/*
=============================
Main Content Elements
=============================
*/
.Avatar__large {
  /* Enlarged the category images
  and reduced description size}
  */
    height:8rem;
    width:8rem;
}

/* ticker background */
.customflashmessage {
   text-align: center;
   position: relative;
   z-index: 9999;
   padding-top: 0;
   padding-bottom: 0;
   width: 100%;
}

/* Change add ticket button text to
   Request support */
#new_ticket_btn .Header__tClr {font-size:0;}
#new_ticket_btn .Header__tClr::after {content: "Trimitere Tichet";font-size:14px;}

/*
=============================
Ticker Elements
=============================
*
/* OUTER CONTAINER */
.tcontainer {
  width: 100%;
  overflow: hidden; /* Hide scroll bar */
}
 
/* MIDDLE CONTAINER */
.ticker-wrap {
  Padding-top:5px;
   padding-bottom:5px;
  width: 100%;
  padding-left: 100%; /* Push contents to right side of screen */
  background-color:#19366f;
  color: #ffffff;
  opacity:0.55;
  box-sizing: content-box;
}

/* INNER CONTAINER */
@keyframes ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
  
}

.ticker-move {
  /* Basically move items from right side of screen to left in infinite loop */
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  /* set Normal screen size speed here */
  animation-duration: 70s;
}

.ticker-move:hover{
  animation-play-state: paused; /* Pause scroll on mouse hover */
}

.ticker-item a:link, .ticker-item a:visited {
  /* jpa Targets and colors the link in the ticker div only */
    color:yellow;
}


/* ITEMS */
.ticker-item{
  display: inline-block; /* Lay items in a horizontal line */
  padding: 0 2rem;
}

/* Control ticker speed for mobiles */
@media only screen and (max-width: 768px) {
  .ticker-move { animation-duration: 25s; }
}

/* +++++++++++++++++++++++++++++++++++++++ */
/*       Custom widgets css                */
/* +++++++++++++++++++++++++++++++++++++++ */

/* wg0_grid for Select your product widget widget start */

.wg0_title_text {
   	
    font-size:45px;
	font-weight:bold;
	text-align: center;
}

/*************************/
/* Mobile settings start */
/*************************/

@media all and (max-width: 800px) {
   div.wg0_title_text {
      text-align:center;
      font-size: 25px;
   }
}
   
/* Mobile settings end */
/*************************/

/* wg0_grid for Select your product widget end */

/* wg01_ClickProduct.htms Click on a product section start  */ 
.container {  
    display: grid;  
    grid-template-columns: 1fr 2fr 1fr;  
    grid-template-rows: 50px 50px;  
}

.dv {
   color:red;
  }
  .container {
   background-color:blue;
  }


  .wg01_gallery {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 20px;
  }
  
  .wg01_gallery img {
     width:100%;
  }
  
  .wg01_content {
    grid_area: content;
	display:grid;
  }
  
  .wg01_pname {
     text-align:center;
     color:#19366f;
  }
 
/* wg01_ClickProduct.htms Click on a product section end    */



/* wg02_PairingIssuesRespLive.htms Pairing info section  start */
/*    wg2_grid for pairing widget    */

.wg2_grid {
   display: flex;
   font-family:arial;
}

.wg2_grid  
 .title_text,
 .title_text,
 .main_pic,
 .loud_text,
 .normal_text {
 
  background-color: #fdf4ef;
  flex: 1;
 }
 
/*************************/
/* Mobile settings start */
/*************************/
@media all and (max-width: 800px) {
  .wg2_grid
   {
    display: block;
   }
   
   div.title_text {
     text-align:center;
     font-size: 25px;
   }
   
     
   div.loud_text {
    
    font-size: 20px;
   }
   
   div.normal_text {
   
    font-size: 17px;
   }
   
}

/* Mobile settings end */
/*************************/
.wg2_grid { 
  margin: 0 0 0 0;
}

.title_text {
    padding-top:20px;
	padding-right:20px;
	padding-left:20px;
	
    font-size:45px;
	font-weight:bold;
	text-align: center;
}

.main_pic {
  
  flex-basis:content;
  text-align: center;
}

.loud_text {
 
  flex:0 0 70%;
  align-self:center;
  padding:20px;
  font-size:35px;
  font-weight:bold;
	
}

.normal_text {
  padding-left:20px;
  padding-right:20px;
  padding-bottom:30px;
  font-size:22px;
  line-height: 30px;
}
.wg2_responsive {
   max-width:70%
}

/* wg02_PairingIssuesRespLive.htms Pairing info section  end */


/*    wg3_grid for moving home widget  start  */

/*    wg3_grid for pairing widget    */

.wg3_grid {
   display: flex;
   font-family:arial;
}

.wg3_grid  
 .wg3_title_text,
 .wg3_main_pic_line1,
 .wg3_loud_text_line1,
 .wg3_main_pic_line2,
 .wg3_loud_text_line2
 {
 
     background-color: #ffe0d5; 
  
      flex: 1;
 }
/*************************/
/* Mobile settings start */
/*************************/
@media all and (max-width: 800px) {
  .wg3_grid
  {
    display: block;
  }
  
   div.wg3_title_text {
      text-align:center;
      font-size: 25px;
   }
   
    div.wg3_main_pic_line1
   {
      text-align:center;
      font-size: 20px;
   }
   
   div.wg3_loud_text_line1 {
	   padding-bottom:10px;
	   text-align:center;
       font-size: 20px;
	 }
   
   div.wg3_normal_text,
   span.wg3_normal_text,
   div.wg3_main_pic_line2,
   div.wg3_loud_text_line2
   {
      padding:10px;
      text-align:left;
      font-size: 17px;
   }
 
   span.wg3_bordered {
      font-size:17px;
      color:#f0483e;
	  padding:20px;
     /* border:0px ;*/
     
   }
   
   h3.wg3_borders_align {
     text-align:center;
 }
 
   a.wg3_button {
      font-size:15px;
  
    }

}

/* Mobile settings end */
/*************************/


.wg3_grid { 
  margin: 0 0 0 0;
}

.wg3_title_text {

   
    padding:30px;
    font-size:45px;
	font-weight:bold;
	text-align: center;
}

.wg3_main_pic_line1{
  
  text-align: center;
   
}

.wg3_loud_text_line1{
  
  text-align: left;
  font-size:35px;
  font-weight:bold;
	
}

.wg3_main_pic_line2{

  text-align: center;
   padding:10px;
  align-self:flex-top;
 
}

.wg3_loud_text_line2{
 
  align-self:center;
  padding:10px;
  font-size:32px;
  text-align:center;
  
}

.wg3_normal_text {
  padding-left:20px;
  padding-right:20px;
  padding-bottom:30px;
  font-size:22px;
  line-height: 30px;
}

.wg3_bordered {
   font-size:30px;
   color:#f0483e;
   border:1px solid black;
   padding:30px;
     
}
 
.wg3_responsive {
   max-width:90%
}

.wg3_button_wrapper {
  text-align:center;
  padding-top:40px; 
  padding-bottom:30px;
}

.wg3_button {
   background-color: #f0483e; 
   color: white; 
   padding: 1.5em 2em;  
   text-decoration: none; 
   font-size:20px;
}

.wg3_borders_align {
  text-align:left;
}

/*    wg3_grid for moving home widget end  */

/*    wg4_flex widget for blank screen start   */

.wg4_grid {
   display: flex;
   font-family:arial;
}

.wg4_grid  
 .wg4_title_text,
 .wg4_title_text,
 .wg4_main_pic,
 .wg4_loud_text,
 .wg4_ol_text,
 .wg4_normal_text {
 
  background-color: #e6faff;
  flex: 1;
 }
 
/*************************/
/* Mobile settings start */
/*************************/
@media all and (max-width: 800px) {
  .wg4_grid
   {
    display: block;
   }
   
   div.wg4_title_text {
     text-align:center;
     font-size: 25px;
	 padding-bottom:10px;
   }
   
   div.wg4_ol_text_list {
	text-align: left;
	
    width:100%;
    margin:auto;
    
	}
	
#wg4_ol_wrapper, ol { 
	  display: inline; 
	  text-align: left; 
	}
	
   div.wg4_loud_text { 
    font-size: 20px;
   }
   
   div.wg4_normal_text {
   
    font-size: 17px;
   }
   
}

/* Mobile settings end */
/*************************/
.wg4__grid { 
  margin: 0 0 0 0;
}

.wg4_title_text {
 background-color: #e6faff;
    padding-top:20px;
	padding-right:20px;
	padding-left:20px;
	
    font-size:45px;
	font-weight:bold;
	text-align: center;
}

.wg4_main_pic {
  
  flex-basis:content;
  text-align: center;
}

.wg4_loud_text {
 
  flex:0 0 70%;
  align-self:center;
  padding:20px;
  font-size:35px;
  font-weight:bold;
	
}

.wg4_ol_text_list {
  width:50%;
  margin:auto;
}

div.wg4_ol_text_list {
	  text-align: center;
	}
	
#wg4_ol_wrapper,  ol { 
	display: inline-block; 
	text-align: left; 
	}
	


.wg4_normal_text {
  padding-left:20px;
  padding-right:20px;
  padding-bottom:30px;
  font-size:22px;
  line-height: 30px;
}

.wg4__responsive {
   max-width:70%
}

/*    wg4_flex widget for blank screen end   */

/*    wg5_flex widget for boiler screen start   */
/*    wg5_grid for boiler widget    */
.wg5_wrapper {
   padding:1.5em;
   background-color: #D3D3D3;

}

.wg5_grid {
   display: flex;
   flex-wrap: wrap;
   font-family:arial;
   box-size:border-box;
   
}

.wg5_grid  
 .wg5_title_text,
 .wg5_main_pic_line1,
 .wg5_loud_text_line1,
 .wg5_main_pic_line2,
 .wg5_loud_text_line2
 {
        flex: 1;
 }
/*************************/
/* Mobile settings start */
/*************************/
@media all and (max-width: 800px) {
  .wg5_grid
  {
    /* display: block; */
  }
  
   div.wg5_main_pic_line2,
   div.wg5_loud_text_line2
   {
      /* these 2 fields will break out */
      flex-basis: 100%;
   }
     
    div.wg5_main_pic_line1
   {
      text-align:center;
     
   }
   
   div.wg5_loud_text_line1 {
	   padding-bottom:10px;
	   text-align:left;
       font-size: 20px;
	 }
   
   div.wg5_normal_text,
   span.wg5_normal_text,
   div.wg5_main_pic_line2,
   div.wg5_loud_text_line2
   {
      
      text-align:left;
      font-size: 17px;
   }
 
   div.wg5_loud_text_line2, img {
     text-align:center;
   }
   
   a.wg5_button {
      font-size:15px;
  
    }
 
}

/* Mobile settings end */
/*************************/


.wg5_grid { 
  margin: 0 0 0 0;
}


.wg5_main_pic_line1{
   text-align: center;
    align-self:center;
   
}

.wg5_loud_text_line1{
   /* flex:0 0 70%; */
  text-align: center;
  font-size:45px;
  font-weight:bold;
}

.wg5_main_pic_line2{
  text-align: center;
   padding:10px;
  align-self:flex-top;
 
}

.wg5_loud_text_line2{
  align-self:center;
  padding:10px;
  font-size:32px;
  text-align:center;
  
}

.wg5_normal_text {
 
  padding-right:20px;
  padding-bottom:30px;
  font-size:22px;
  line-height: 30px;
}

.wg5_responsive {
  width: 100%;
  height: auto;
}

.wg5_button_wrapper {
  text-align:center;
  padding-top:40px; 
  padding-bottom:30px;
}

.wg5_button {
   background-color: #19366f; 
   color: white; 
   padding: 1.5em 2em;  
   text-decoration: none; 
   font-size:20px;
  
}


/*    wg5_flex widget for boiler screen end   */

 /* custom code */
#field_departmentId {
	display: none;
}

.container_new--btn {
	text-align: center;
}


.new_btn {
  background-color: #fff;
  border: none;
  color: gray;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
}

.reqLink {
	color: #3A5383;
 	font-weight: bold;
}

.reqLink:hover {
	color: gray;
}

@media screen and (max-width: 768px) {
  .new_btn {
  	display: none;
  }
}