.section-drawer-active{
  background:white;
  color:#1e2556!important
}

.q-list .landing-page-list {
border:solid 1px #1E2556!important
}

.product-banner-header{
  color:#1e2556;font-size:1.7rem!important;position:absolute;left:22%;bottom:40%;font-weight:600;line-height:1.4rem
}



.product-banner-span{
  font-weight:400;font-size:0.8rem;padding:0px 0px 0px 0px
}
.section-container-open{
  margin-left:17vw;
  margin-right:5vw
}

.section-container-closed{
  width:auto;
  padding-left:5vw
}
.header-hover:hover{
  cursor:pointer
}

.recently-viewed .recent-articles ul {
list-style-position: inside;

justify-content: center;;

}


.landing-page-image {
height:200px
}

.landing-page-image .q-img__image img{
  height: 50vh!important;
}




.recent-articles{
justify-content: left!important;
}

.recently-viewed .recent-articles ul li{
  padding-bottom: 0.5vw;
  
}


.recently-viewed .recent-articles ul li a{
  text-decoration: none;
  color:#1E2556;
  font-size:16px;
   
  
}

.recently-viewed .recent-articles ul li a:visited{
  text-decoration: none;
  color:#007AC9;
  font-size:16px
  
}


.recently-viewed .recent-articles ul li a:hover{
  text-decoration: none;
  color:#1E2556;
  font-size:16px
  
}

.recently-viewed .recent-articles ul , .recent-articles h2 {
 padding-left:0vw;
 margin-left:0vw
  
}



.expand-icon{
  color:#278838!important;

 
}

.search-body{
  padding-left:15vw!important;
  padding-right:8vw!important
}

.img-drawer-stretch{
  padding-left:5.5vw!important
}

.results-count{
  padding-left:4.8rem
}


@media only screen and (max-width: 1920px){
  .img-drawer-stretch{
    padding-left:10vw!important;

      
  }

  .results-count{
    padding-left:3.7rem
  }

  .breadcrumbs li:first-child{
      list-style-type: none ;
       padding-left:18.5vw!important
       
         
     }

  .myFormSection{
    
      transform: translate(21vw,-4.5vw)!important;
    }

    .myForm{
      transform: translate(21vw,-4.5vw)!important;
    }



  .section-container-open{
      margin-left:20vw;
      margin-right:5vw
    }
  
    .section-container-closed{
      width:auto;
      padding-left:10vw;
      margin-right:5vw
    }
  
  
  .search-body{
     padding-left:18vw!important;
    padding-right:8vw!important
  }
}

.q-item__section--side>.q-icon{
  font-size:30px!important
}



.q-tabs__arrow--right{
  color:#FFFFFF;

}

/* TO CHANGE MAYBE */
.expansion-label .q-item__label{
  font-weight:600!important
}

.list-label.q-item__section{
  font-size:16px
}

.q-tabs__arrow--left{
  color:#FFFFFF;
        
}

.q-drawer__content{
  background: linear-gradient(180.16deg, #02A84B 0%, #016841 100%);!important;
  
}



.button-primary{
  background-color:#1c6028 ;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
}

.article-vote-up:hover , .article-vote-down:hover {
   background-color: #278838;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
}


.button.button-primary:hover{
background-color: #278838;
  color: #FFFFFF;
  text-decoration: none;
 
}
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.article-vote-up{
  border:none!important;
  
}


.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #5a6d7c;
  display: block;
  margin: 3px 0;
}
.article-votes {
 


}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
  border:none;
    font-size:14px
}



[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: #1e2556;
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #3846a2;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #17494D;
}

.vote-voted:hover {
  color: #000;
}

$tabs-text-transform = false

                       .svg-size svg{
                           transform: scale(0.25)!important;
                       }



.bg-brandGreen{
    background:#02a84b!important
}

.figure img {
  width:50vw
}

.breadcrumbs{
  display:flex;


}

.breadcrumbs li{
  padding-right:15px;
  
    
    
}
.breadcrumbs a{
text-decoration:none;
    color:#007AC9!important;
        font-weight:400
}
.breadcrumbs li{
 list-style-type: " / " ;
    
}

.breadcrumbs li:first-child{
 list-style-type: none ;
  padding-left:15.5vw
  
    
}

.alternative-breadcrumbs .breadcrumbs{
  list-style-type: none ;
  padding-left:8.5vw
}




.sub-nav .q-tab__label{
    font-size:0.85vw!important
}

.bg-notify {
    background: #1E2556 !important;
}

.text-notify{
    color:#1E2556!important
}

.text-search{
  color:#278838!important
}

.bg-search{
  background:#278838!important
}


/* //tab color when inactive */
.main-tabs.q-tab--inactive{
  color:white!important;
  opacity:2!important
}

.search-tabs.q-tab--inactive{
  color:white!important;
  opacity:2!important
}



.q-tab.main-tabs.q-tab__label{
  color:white!important;
  
    
  
}
.bg-notifyBadge{
    background:  #31AB46
}

/* 
.hero-img .q-img__image{
  max-height:20vh
} */
.pagination ul{
    display:flex;
    flex-direction:row;
    list-style-type: none

}
.pagination ul li{
    justify-content:space-between;
    padding-left:1vw;
    color:#43a047!important

}
.pagination ul li a{
    text-decoration: none;
}


.pagination ul li span{
    color:#43a047!important;
    font-size:1vw
}

em{

    font-weight:bold
}

.q-pagination input{
    color:#43a047!important

}
.q-tab__label{
  font-size:16px!important;
    font-weight:400!important
}

.text-color{
    color:#1e2556
}
.toolbar{
    height: 8vh;
}
.q-tab-panel{
    padding-top:0.2vh!important;
    padding-left:0.2vh!important;
    padding-right:0.2vh!important;

}
.search-input:focus{
  

}

.search-input::placeholder{
  color:blue!important

}
.myForm .q-field__control {
/*     border-radius: 20px!important; */

}

.myForm label {
    border-radius: 20px!important
}
.myForm .q-field__inner{
    border-radius: 20px!important;
}

.myForm{
  transform: translate(21vw,-4vw);
}
.myFormSection{
  transform: translate(17.5vw,-4vw);
}



.logo-header:hover{
    transform: scale(0.9);
}

.q-breadcrumbs__el:hover{
    color:rgba(30, 37, 86, 0.7)!important

}

.orange{

    color:#02a84b!important

}


.text-input{
color:#007AC9!important
}



.search-input::placeholder{
    color:#02a84b!important;

}
.q-field--outlined .q-field__control:hover::before {
border: 1px solid #B8C5D5!important
}


.sub-nav {
    display: flex!important;
    flex-direction: row!important;
    justify-content: space-between;
    margin-bottom: 30px;
    min-height: 50px;
    padding-bottom: 15px;
}

@media only screen and (max-width: 980px) {
    /*     .article-body{
            inline-size: 50vw;
            overflow-wrap: break-word;
            font-size:3vw
        } */
}

@media only screen and (min-width: 1020px) {


    .ytp-cued-thumbnail-overlay-image{
        width:1vw;
        height:1vh
    }

    .article-body{
        inline-size: 50vw;
        overflow-wrap: break-word;
        font-size:0.8vw
    }
}

.search-input::placeholder{
    color:#02a84b!important;

}

.text-mygreen{
    color:black!important;
}

.bg-mygreen {
    background:#02a84b!important

}
.q-parallax__media{
    background-position:center
}


.img-header{
    height:45vh;

}
.nav-font-color{
    
  16px!important;
  font-weight: 400!important;


}
.my-custom-image{
/*     filter: blur(0.5px) */
}
/* HERO---------------------- */
@media only screen and (max-width: 1920px){
  .q-parallax {
    transform: translateY(-2vw);
      
  }
}

/* @media only screen and (max-width: 1920px){
.myForm{
  transform: translateY(-2vw);
}
 
} */




.q-parallax__media img {
   image-resolution: 150dpi;
    
}
.q-layout-header{
    height:20vh!important
}

.toolbar-bring-to-front{
    z-index:2
}


.article-page h1 {
    font-size:2.5rem!important;

      margin:0;
  padding:0;
  line-height:3rem
}


.article-page a{
 color:#007AC9;
    text-decoration: none;
}




/* TO CHANGE  */
.article-page a:hover{
 color:#1E2556;
    text-decoration: none;
}

.text-caption{
    padding-left:4vw!important;


}


/* .article-page .text-caption{
font-size:0.7vw;
   overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;

} */
.article-page h2 {
    font-size:28px!important;
  margin:0px 0px 0px 0px
}

/* .article-page p{
font-size:0.7vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;

} */

.article-page h3{
      font-size:20px!important;

      margin:0;
  padding:0;
}

.article-body {
    display: inline-block;
    width:27vw
    overflow-wrap: break-word;
}

.article-page href span img {
    width:5vw;!important
height:5vh!important
}

.article-page h4{
     font-size:20px!important;
  
      margin:0;
}
.article-page h5{
     font-size:15px!important;

      margin:0;
}

/* .article-body li {
    font-size:14px

} */
/* .article-body h3 {
    font-weight:300!important
}


.article-body strong img {
    width:2vw;
    height:2vh

}

.article-body blockquote img {
    width:2vw;
    height:2vh

} */


/* .article-body #text{
    width:2vw;
    height:2vh

} */

/* .article-body ol li img{
    width:2vw;
    height:2vh

} */
/* .article-body td img{
    width:2vw;
    height:2vh

} */
/* .article-body p img{
    width:5vw;
    height:5vh

} */

.article-body #text{
    width:55vw

}
/* .article-body img {
    width:35vw;
    height:40vh

} */

/* .article-body p {
    font-size:14px

} */
/* .logi-topics p img {
    width:40vw;
    height:40vh

} */
.container-comment{
    overflow: auto;
    height:50vh
}


/* #mc-main-content h1{
    font-size:3.8vw!important
} */

.recent-articles-title {

    font-size:1vw!important;
    padding-top:20vh!imporant;
    padding-left:20vh!imporant;
    margin:0px 0px 0px 1vw
}

/* #mc-main-content
{
    padding-left:4vw
} */

.inset-toolbar{
    height:5vh;


}

.q-card{
    overflow: visible;
}

/* #mc-main-content span img {
    width:1vw;
    height:1vh
}
 */


@media only screen and (max-width: 1024px) {
    /*     .article-page img  {
            width:60vw;
            height:50vw;
        } */

    /*     .article-page h1 {
            font-size:5vh!important
        }
    
    
    
        .article-page p img{
            width:10vw;
            height:10vw;
        }
    
        .article-page ul li img {
            width:10vw;
            height:10vw;
        }
    
     */

    /*     .article-body ul img {
            width:50vw;
            height:50vh
    
        } */


    /*     .article-page h2 {
            font-size:4vh!important
        }
        .article-page h3 {
            font-size:3vh!important
            font-weight:100!important
        }
        .article-page h4 {
            font-size:2vh!important
        }
    
        .article-page {
    
    
        }
    
        .article-page h5 {
            font-size:1vh!important
        }
        .article-page ol pre {
            width:40vw!important
        } */

    /*     .article-page  pre {
            width:40vw!important
        }
        .article-page ul img{
            width:50vw;
        }
    
        .article-page ol li img{
            width:60vw;
            height:40vw;
        }
    
        strong img {
            width:10vw;
            height:10vw;
        } */

}



.card-hover:hover{
    transform: translate(0,4px);
    background: linear-gradient(0deg, rgba(237, 240, 243, 0.4), rgba(237, 240, 243, 0.4)), #FFFFFF;
    filter:blur(0.3px);
  box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)!important;

}

.item-hover:hover{
    transform: translate(0,4px);
    background-color:#e8e9eb;
    filter:blur(0.3px)
}
.q-tab{
    text-transform:none!important
}
.align-left{
    justify-content: initial!important;


}
.cards:last-child{
    /*   margin-bottom:20vh */
}

[v-cloak]{

    display:none;
}


.main-page{
    margin-top:5vh
}

.toolbar{
    background:white!important
}

/* .fa-facebook:before{
      content:url("path/to/your/img.svg");
} */

.toolbar-footer{
    background:linear-gradient(180.16deg, #02A84B 0%, #016841 100%)!important;
    height:auto
}


.q-page-container{
    padding-top:0px !important;
    padding-left:auto !important;
    padding-right:auto !important;
    padding-bottom:2vh !important;
    color:#1e2556!important
}

/* .logo-header{
width:auto;
  height:auto

} */
.lgxCodeBlock
{
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #E1E1E8;
    background-color: #F7F7F9;
    font-family: "Courier New", monospace;
    font-size: 11pt;
    color: #505050;
    padding: 10px 20px;
    white-space: pre;
}

table
{
    border-collapse: collapse !important;
    border-left-style: solid !important;
    border-left-color: #c0c0c0 !important;
    border-left-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: #c0c0c0 !important;
    border-right-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #c0c0c0 !important;
    border-top-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #c0c0c0 !important;
    border-bottom-width: 1px !important;
    border-spacing: 0px 0px !important;
}

.article-page p{
  padding-top:0.4rem!important;
   line-height:1.5rem;
  font-size:1rem;
  
    
 
    
}

.article-page ul li p{
   padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px
}


.article-page ul li{
   padding-bottom:0.7rem;
  font-size:1rem;
   line-height:1.5rem;
}

b{
  font-weight:700;
}
#comment_body{
    width:100%;
    height:10vh
}
.q-btn:before{
  padding-right:10px
}

* {
    font-family: 'Inter', sans-serif;
    font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    font-weight:700;
}

.q-notification__icon{
    color:#007AC9
}

.post-title{
    font-size:2.8vw
}


/* -----------------------------------MADCAP FLARE STYLES------------------------------------------ */
/* MadCap Table Style: */

/*<meta Version="9" />*/

/* MadCap Table Style: */

/*<meta Version="9" />*/






/* Cell Styles: */


.article-body td{
 
   padding-bottom:15px;
  border-bottom: 1px solid #1e2556;
  border-right: 1px solid #1e2556;
  padding-left:9px;
  border-collapse: collapse
}
.article-body th{
   border-right: 1px solid #1e2556;

   padding-bottom:15px;
     padding-left:8px;
     padding-top:20px;
  border-bottom: 1px solid #1e2556;
 
}




/* **************************** end madcap table styles **************************** */




.q-item__label img {
    width:50vw;

}

p.noteISW
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 800px;
height: auto;
display: block;
background: #E8F4FC;
border-left: 4px solid #007AC9;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Note: {/b}';
background-image: url(/hc/theming_assets/01HZH80QEPTHYEH796FPCPQ9S2);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.noteISW span
{
display: block;
}
p.noteISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #E8F4FC;
border-left: 4px solid #007AC9;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Note: {/b}';
background-image: url(/hc/theming_assets/01HZH80QEPTHYEH796FPCPQ9S2);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.noteISWWide span
{
display: block;
}
p.cautionISW
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 600px;
height: auto;
display: block;
background: #FCF3F3;
border-left: 4px solid #C31818;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Caution: {/b}';
background-image: url(/hc/theming_assets/01HZH80NYZN9J5J6KW9JBXJ9N2);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.cautionISW span
{
display: block;
}
p.importantISW
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 600px;
height: auto;
display: block;
background: #FEEFE2;
border-left: 4px solid #F2994A;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Important: {/b}';
background-image: url(/hc/theming_assets/01HZH80RDTHYNA62ZR1TB4PX3M);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.importantISW span
{
display: block;
}
p.importantISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #FEEFE2;
border-left: 4px solid #F2994A;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Important: {/b}';
background-image: url(/hc/theming_assets/01HZH80RDTHYNA62ZR1TB4PX3M);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.importantISWWide span
{
display: block;
}
p.tipISW
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 600px;
height: auto;
display: block;
background: #E8F8EB;
border-left: 4px solid #278838;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Tip: {/b}';
background-image: url(/hc/theming_assets/01HZH80QSGYH5PKA1EFYB37EJ8);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.tipISW span
{
display: block;
}
p.tipISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #E8F8EB;
border-left: 4px solid #278838;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Tip: {/b}';
background-image: url(/hc/theming_assets/01HZH80QSGYH5PKA1EFYB37EJ8);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.tipISWWide span
{
display: block;
}

div.noteISW
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 800px;
height: auto;
display: block;
background: #E8F4FC;
border-left: 4px solid #007AC9;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Note: {/b}';
background-image: url(../images/information-fillisw.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
div.noteISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #E8F4FC;
border-left: 4px solid #007AC9;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Note: {/b}';
background-image: url(../images/information-fillisw.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.noteISWWide span




p.cautionISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #FCF3F3;
border-left: 4px solid #C31818;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Caution: {/b}';
background-image: url(../images/alert-fillisw.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
p.cautionISWWide span
{
display: block;
}

div.noteISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #E8F4FC;
border-left: 4px solid #007AC9;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Note: {/b}';
background-image: url(../images/information-fillisw.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
div.noteISWWide span
{
display: block;
}


div.tipISW
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 600px;
height: auto;
display: block;
background: #E8F8EB;
border-left: 4px solid #278838;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Tip: {/b}';
background-image: url(../images/lightbulb-fillisw.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
div.tipISW span
{
display: block;
}
div.tipISWWide
{
/*display: flex;
flex-direction: row;
align-items: flex-start;*/
padding: 12px 12px 12px 40px;
gap: 12px;
width: 900px;
height: auto;
display: block;
background: #E8F8EB;
border-left: 4px solid #278838;
box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
/*flex: none;
order: 0;
flex-grow: 0;*/
mc-auto-number-format: '{b}Tip: {/b}';
background-image: url(../images/lightbulb-fillisw.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
div.tipISWWide span
{
display: block;
}



















.q-focus-helper{

}

 .items:hover{
background-color:#EDF0F3!important;
   cursor: pointer;

  
}


#section-title{
font-weight:600
}


/*   .items{
  color:#1e2556!important;font-size:14px
}  */


/* #EDF0F3 */

/**************** Google Translate widget ***********/

iframe.goog-te-menu-frame.skiptranslate {

 margin-top: 2px;

 width: 175px;

 border-radius: 5px;

 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

 animation: bounce .6s ease-out;

}

.goog-te-gadget-simple {

 background-color: transparent !important;

 white-space: nowrap !important;

 border-color: white !important;

 border-radius: 4px !important;

 font-family: $font_2 !important;;

 font-size: 14px !important;

}

.goog-te-menu-value {

 color: $color_1 !important;

 text-decoration: none !important;

 float: right;

 vertical-align:middle!important;

}

.goog-te-menu-value span {

 color: $color_1 !important;

 text-decoration: none !important;

}

.goog-te-menu-value:hover {

 color: $color_1 !important;

 text-decoration: none !important;

}

.goog-te-banner-frame {

display: none !important;

}

/* add the following (remove it from the comments) if you want to customize the icon of the widget.

/*.goog-te-gadget-icon {

 background: url("url for the icon") 0 0 no-repeat !important;

}*/