
.demo-strip p {display:inline-block}
.demo-strip{border: .5px solid #fff9d9;width: 100%;-webkit-box-align: center;padding: 10px 0;vertical-align:  middle;text-align:  center;/* font-size: 16px; */line-height: 25px;background-color: #fff9d9;}
.demo-icon
{
position: relative;
    top: -35px;
    right: 10px;
    margin: 0 0 !important;
    width: 6%;
}



.banner .flex-row:before, .banner .flex-row:after{content:'';display:table;clear:both;}
.flex-row{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;padding:0px; flex-wrap: wrap;justify-content: center;}
.flex-row .col {flex:1;margin:5px;}
.button-box {   background: #ededed;
    margin: 10px 5px;
    position: relative;
    text-align: center;
    border: 1px solid #67d58c;
    transition: all 300ms ease;
    display: flex;
    min-height: 60px;
    align-items: center; border-radius: 4px;

}
	
.button-box:hover{border: 1px solid #67d58c;  transition: all 200ms ease;box-shadow: 0px 0px 24px #f4f5fd; background:#67d58c ;}

.button-box a {
    color: #242627;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    padding: 15px 5px;
    min-height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.button-box a:hover{background:#67d58c ; color:#fff; transition: all 200ms ease;}
.img-wrapper{margin: 30px 0px;}
.rhs-cont ul, .rhs-cont ol {
    padding: 0px 0 10px 25px;
}

.rhs-cont p {
    margin: 0px 0 15px;
}
.rhs-cont ul, .rhs-cont ol {
    padding: 0px 0 10px 25px;
}
.img-border {
    border: 1px solid #ddd;
    margin: 20px 0px;
}
.rhs-cont h4{    margin: 20px 0 10px;}

.rhs-cont h3 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
}
.rhs-cont ul li{padding-left: 5px;}

@media screen and (max-width: 1280px){
    .button-box a{min-height: 72px;}
    .flex-row .col{flex: 0;}
}



.fea-nav-list a {
    color: #444;
    font-size: 11px;
}
#itom-related-products {
    margin-bottom: 20px;
    margin-left: 20px;
} 
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
.prd-nav .demo-icon,  .prd-nav .comp-icon, .prd-nav .quote-icon {background: transparent url("https://www.manageengine.com/latam/images/me-sprite-new.png") no-repeat scroll 0px 0px;}
.prd-nav .demo-icon {
    background-position: -142px 0px;
    height: 25px;
    width: 25px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .quote-icon {
    background-position: -128px 0px;
    height: 25px;
    width: 13px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}
#lhsTree > li > span, #lhsTree >li >a{width:90%}
