/*.hdr-btm ul li {
    display: inline-block;
    color: #333;
    border-right: 1px solid #6b6b6b;
    font-size: 20px;
    padding: 0 17px;
    vertical-align: top;
    line-height: 29px;
}*/
.hdr-btm ul li:last-child{
    border:none;
}
#leadHistoryDialogPageBody {
    background: #e9e7da;
}
.hdr-btm ul li a.ui-link {
    color: #333;
    font-weight: normal;
    display: block;
    padding-right: 35px;
}
.hdr-btm ul li.certified-select select {
    color: #333;
    font-weight: normal;
    display: block;
    padding-right: 35px;
    font-size: 20px;
    background:url(../images/arw.png) no-repeat right center;
}
.hdr-btm ul li.certified-select span {
    color: #333;
    font-weight: normal;
    display: block;
    padding-right: 35px;
    font-size: 20px;
}
.hdr-btm ul li.certified-select .ui-select{margin: 0}
.hdr-btm ul li.certified-select .ui-select .ui-btn{background: transparent; box-shadow: none; padding: 0;border: none;background: url(../images/arw.png) no-repeat right center;}
.hdr-btm ul li.certified-select .ui-select .ui-focus{background:url(../images/arw-up.png) no-repeat right center;}
.hdr-btm ul li.certified-select .ui-select .ui-btn:after{display: none;}
/*.active-cp-filter{display: none;}*/

.ul_ctd {

height: 100%;
    display: flex;
    align-items: flex-end;
}



.custom-radio{
    width:35%;
}


/*sales-board-page*/
.sales-board-page{background: #fff;}

.sales-board-section{padding: 15px;}
.sales-board-wrapper{background: #e9e7da; border: 1px solid #636b46}
.sales-board-wrapper .salesboard-date{background: #636b46; color: #fff; padding: 10px;}
.sales-board-wrapper .salesboard-date p{padding-bottom: 0; font-size: 20px; font-weight: 400;text-shadow: none;}

.sales-board-collaps > .ui-collapsible { border-radius: 0; padding: 0 15px;margin: 0; border-bottom: 2px solid #fff;}
.sales-board-collaps > .ui-collapsible:last-child{border: none;}
.sales-board-collaps > .ui-collapsible > h4{padding-bottom: 0px; margin-bottom: 0px; border-radius: 0 !important}
.sales-board-collaps h4 a{ background-color: transparent !important; border: none; padding-left: 0; padding-right: 0; color: #000 !important; font-size: 22px; font-weight: 400}
.sales-board-collaps h4 a:focus{outline: none; box-shadow: none !important;}


.sales-board-collaps .ui-btn-icon-right:after{right: 0; top: 50%;margin-top: 0;transform: translateY(-50%);width: 40px;height: 32px; border-radius: 5px; border: 2px solid #636b46; background-color: #fff;} 
.ui-icon-minus:after{background-image: url(../images/minus-icon.png); background-size: 20px;}
/*.ui-icon-plus:after{background-image: url(../images/plus-icon.png); background-size: 20px;}*/
.mini-collapse_soldPending {
margin-left:80px;
}

.second-collaps-content h4{background: #cfa463; border-radius: 0; padding: 0 15px;}
.second-collaps-content{margin: 0; margin-bottom: 25px;}

.sales-board-section .ui-collapsible-content{padding: 0; padding-top: 20px; border-top: 1px solid #6b6b6b !important;}
.second-collaps-content h4 a:after{display: none;}
.second-collaps-content h4 a {padding: 8px 0; text-shadow: none !important; color: #fff !important; font-size: 22px !important; font-weight: 400 !important}
.second-collaps-content h4 .expannd{ color: #636b46; text-decoration: underline;margin-left: 10px; }
.greosrev-price{float: right;}

.CP-li{margin-bottom: 35px !important;}
.CP-li:last-child{margin-bottom: 0 !important}
.CP-h4 {height: 35px;     font-size: 19px; font-weight: 100;}

.important-li{margin-bottom: 10px !important;}
.important-li:last-child{margin-bottom: 0 !important}
.innerexpand-ulli {padding: 15px;}
.innerexpand-ulli .imported-icon{ padding-left: 50px; background-image: url(../images/imported.png); background-repeat: no-repeat; background-position: 0px 2px; background-size: 35px;}
.innerexpand-ulli li{font-size: 22px; color: #000; margin-bottom: 10px;}
.innerexpand-ulli li .expannd{color: #636b46; text-decoration: underline;margin-left: 0px; }
.innerexpand-ulli li p{padding-bottom: 10px;}
.innerexpand-ulli .pading-left{padding-left: 80px;}
.innerexpand-ulli .pading-left2{padding-left: 30px;}
.ui-collapsible-content{border-radius: 0; background-color: transparent !important; border: none !important; }

.second-collaps-content .ui-collapsible-content{padding-top: 0; background: #fff !important; border: none !important;}

.cp-underdiv ul li{background: #fff !important; padding: 0px; margin-bottom: 20px !important; }
.cp-underdiv ul li:last-child{margin-bottom: 20px !important;}
.cp-underdiv{padding: 0 !important}
.cpinclude-expand{padding-left: 120px}


.pre-certified{background-image:url(../images/pre-certified.png) !important;background-repeat: no-repeat !important;background-size: cover !important; }
.sold-pending{background-image:url(../images/sold-pending.png) !important;background-repeat: no-repeat !important;background-size: cover !important;  }
.compare-section{border: 1px solid #f7882f; margin-top: 15px; margin-bottom: 5px;}
.compare-heading{background: #f7882f; color: #fff; padding: 10px;}
.compare-heading p{padding-bottom: 0; font-size: 20px; font-weight: 400; text-shadow: none;}

.copare-difference-content{padding: 15px;}
.graph-hinting ul li{margin-bottom: 10px;}
.graph-hinting ul li .hinting-sign{background-repeat: repeat; background-size: cover;background: #fff; border: 2px solid #333333; width: 80px; height: 30px;vertical-align: middle; display: inline-block;}
.graph-hinting ul li p{padding-left: 15px;width: calc(100% - 85px); display: inline-block; vertical-align: middle; color: #000; font-weight: 600; font-size: 22px; padding-bottom: 0}

.graph-barrating{padding: 15px; margin-top: 50px}
.graph-barrating .graph-bars{border-bottom: 1px solid #333333}
.graph-barrating .graph-bars ul li{float: left; width: 33.3%; text-align: center;}
.graph-barrating .graph-bars ul li .graph-bar-wrapper{width: 80%;border: 1px solid #333333; display: block; margin: 0 auto; border-bottom: none;}
.graph-barrating .graph-bars ul li .graph-bar-wrapper span{ display: block; border-bottom: 1px solid #333333; font-size: 22px; font-weight: 600; color: #000;padding: 3px; background-repeat: repeat;  background-size: auto 100% }
.graph-barrating .graph-bars ul li .graph-bar-wrapper .blank-pending{padding: 20px 0; background: #fff; border-bottom: none;}

.graph-bars-title ul li{float: left; width: 33.3%; text-align: center; padding: 10px;}
.graph-bars-title ul li p{padding-bottom: 0; font-size: 25px; color: #000; font-weight: 600}

.monthly-certified{background: #e8e8e8; border: 1px solid #6b6b6b; padding: 10px; text-align: center;}
.monthly-certified p{color: #333333; font-size: 22px; padding-bottom: 0}


.monthly-cp-btns{padding: 20px 15px;}
.monthly-cp-btns a{text-shadow: none; text-align: center; width: 48%;padding: 20px; font-weight: 400;  border: 1px solid #f7882f; border-radius: 10px; color: #f7882f !important; font-size: 30px; display: inline-block; }
.monthly-cp-btns a:last-child{float: right;}

.monthly-cp-btns a.acitve-cpbtn{background: #f7882f; color: #fff !important;}

.lining-graph{margin-top: 20px;}


.certified-btn{
    background:url(../images/arw.png) no-repeat right center;
}
.reverse-icon{background-image: url(../images/arw-up.png);}
.certified-select-arrow select{background-image: url(../images/arw.png);}

.certified-box{
    display: none;
    position: absolute;
    background: #f4f3f3;
    border: 1px solid #6b6b6b;
    z-index: 99999999;
    top: 39px;
    right: -1px;
    padding: 1em;
    overflow-y: auto;
    /* max-height: 90vh; */
    width: 85%;
}
.certified-box-show{display: block;}
.certified-box ul li{display: block; border-right: none; border-bottom: 1px solid #6b6b6b; margin-bottom: 10px; text-align: left; padding-left: 0}
.certified-box ul li:last-child{margin-bottom: 0}
.certified-box ul li a{padding: 10px; font-size: 18px;}



/*responsive*/




@media only screen and (max-width:575px){



    /*salesboar-page*/
    .sales-board-wrapper .salesboard-date p, .compare-heading p{font-size: 16px;}
    .sales-board-wrapper .salesboard-date, .compare-heading{padding: 7px;}
    .sales-board-collaps h4 a{font-size: 16px;}
    .sales-board-collaps .ui-btn-icon-right:after{width: 32px;height: 28px;background-size: 15px;}
    .second-collaps-content h4 a{font-size: 15px !important;}
    .innerexpand-ulli li{font-size: 13px; margin-bottom: 8px;   }
    .innerexpand-ulli .imported-icon{background-size: 30px;padding-left: 40px;padding-bottom:0px;}
    .innerexpand-ulli li p{padding-bottom: 8px;}
    .important-li {margin-bottom: 6px !important;}
    .CP-li {margin-bottom: 25px !important;}
    .CP-h4 {height: 23px; font-size: 13px;font-weight: 100;}
    .second-collaps-content{margin-bottom: 15px;}
    .cpinclude-expand {padding-left: 100px;}
    .cp-underdiv ul li{padding: 0px;}
    .graph-hinting ul li p{font-size: 14px; padding-left: 8px;}
    .graph-hinting ul li .hinting-sign{width: 55px; height: 20px;}
    .graph-barrating .graph-bars ul li .graph-bar-wrapper span{font-size: 14px;}
    .graph-barrating .graph-bars ul li .graph-bar-wrapper .blank-pending{padding: 10px 0; font-size: 14px;}
    .graph-bars-title ul li p{font-size: 13px;    white-space: nowrap;}
    .graph-bars-title ul li{padding: 1px 0;}
    .innerexpand-ulli .pading-left{padding-left: 40px;}
    .innerexpand-ulli .pading-left2{padding-left: 30px;}
    .graph-hinting ul li{margin-bottom: 0px;}
    .mini-collapse_soldPending {
margin-left:40px;
}
    .graph-barrating{padding: 10px;}

    .monthly-cp-btns a{font-size: 18px;padding: 15px 0;}
    .monthly-certified p{font-size: 18px;}
    .monthly-certified {padding: 5px;}

    .certified-box ul li a{font-size: 15px;}
    .certified-box .form2{padding: 1em}

    
   .hdr-btm ul li.certified-select span {
    color: #333;
    font-weight: normal;
    display: block;
    padding-right: 35px;
    font-size: 14px;
}
  .hdr-btm ul li.certified-select .ui-select{margin: 0}
.hdr-btm ul li.certified-select .ui-select .ui-btn{background: transparent; box-shadow: none; padding: 0;border: none;background: url(../images/arw.png) no-repeat right center; background-size:14px;}
.hdr-btm ul li.certified-select .ui-select .ui-focus{background:url(../images/arw-up.png) no-repeat right center; background-size:14px;}
.hdr-btm ul li.certified-select .ui-select .ui-btn:after{display: none;}



}
@media only screen and (max-width:374px){


   /*sales-board*/
   .monthly-cp-btns a {font-size: 15px;padding: 10px 0; border-radius: 5px;}
   .monthly-certified p{font-size: 16px;}
   .monthly-cp-btns{padding: 15px;}
   .graph-barrating{padding: 0}
   .graph-bars-title ul li p{font-size: 14px;}
   .graph-barrating .graph-bars ul li .graph-bar-wrapper span {font-size: 15px;}
   .graph-barrating .graph-bars ul li .graph-bar-wrapper{width: 85%;}
   .graph-hinting ul li p {font-size: 16px;padding-left: 15px;}
   .graph-barrating{margin-top: 30px;}
   .sales-board-collaps h4 a {font-size: 16px;}
   .sales-board-collaps .ui-btn-icon-right:after {width: 28px;height: 24px;background-size: 11px;}
   .second-collaps-content h4{padding: 0 10px;}
   .second-collaps-content h4 a{font-size: 16px !important;}
   .graph-hinting ul li .hinting-sign{width: 60px;height: 27px;}

   .mini-collapse_soldPending {
margin-left:40px;
}
   .sales-board-collaps > .ui-collapsible{padding: 0 10px;}
   .innerexpand-ulli li{font-size: 15px;}
   .innerexpand-ulli .pading-left {padding-left: 40px;}
   .innerexpand-ulli .imported-icon {background-size: 25px;padding-left: 35px;background-position: 0px 5px;}
   .innerexpand-ulli{padding: 10px;}
   .innerexpand-ulli .pading-left2 {padding-left: 10px;}

   .cpinclude-expand {padding-left: 35px;}
   .cp-underdiv ul li {padding: 10px;margin-bottom: 15px !important;}
   .sales-board-wrapper .salesboard-date p, .compare-heading p {font-size: 16px;}
   .sales-board-wrapper .salesboard-date, .compare-heading {padding: 5px;}

   .certified-box ul li a {font-size: 14px;padding: 5px}

   .hdr-btm ul li.certified-select span {
    color: #333;
    font-weight: normal;
    display: block;
    padding-right: 35px;
    font-size: 14px;
}


}

/*grphcssstart*/ 
.lining-graph{width: 90%; margin: 50px auto ;}
.lingrap-slider .item{text-align: center; padding-top: 45px;}
.monthline{height: 500px; width: 100%; position: relative; border-bottom: 1px solid #6b6b6b}
.monthline span.fillbar{height: 100%; width: 45px; margin: 0 auto; display: block; background: #6b6b6b; position: relative;}
.monthbar-percent{ position: absolute;bottom: 0; left: 50%; transform: translateX(-50%); }
.monthbar-percent p{position: absolute;top: 0;/*height: 40px;*/margin-top: -40px; font-size: 25px; font-weight: 500}
.lingrap-slider .owl-stage{ margin: 0 auto; }
.monthname {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 0;
    transform: rotate(-45deg);
    margin-top: 20px;
    margin-bottom: 30px;
}

.lingrap-slider .owl-prev{
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.lingrap-slider .owl-prev img, .lingrap-slider .owl-next img{width: 35px;}

.lingrap-slider .owl-next{
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.lingrap-slider .disabled{opacity: .5}

.currentmonth:after{
    display: block;
    content: '';
    background: #e9e7da !important;
    width: 25px;
    height: calc(100% - 20px); 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}



@media only screen and (max-width:1366px){

    .lingrap-slider .owl-prev img, .lingrap-slider .owl-next img{width: 25px;}
    .monthname{font-size: 24px;}
    .monthbar-percent p{font-size: 12px;}
    .monthline{height: 400px;}
    .monthline span.fillbar{width: 40px;}
    .currentmonth{border-width: 10px}

}

@media only screen and (max-width:991px){

    .lingrap-slider .owl-prev{left: -30px;}
    .lingrap-slider .owl-next{right: -30px;}

}
@media only screen and (max-width:767px){

    .lingrap-slider .owl-prev img, .lingrap-slider .owl-next img{width: 20px;}
    .lingrap-slider .owl-prev{left: -20px;}
    .lingrap-slider .owl-next{right: -20px;}
    .monthline span.fillbar{width: 30px;}
    .currentmonth{border-width: 7px}

}

@media only screen and (max-width:480px){

    .monthline span.fillbar{width: 30px;}
    .monthline{height: 350px;}
    .monthbar-percent p{font-size: 10px; }
    
    .lining-graph{width: 80%; margin: 30px auto;}
    .lingrap-slider .owl-prev{left: -30px;}
    .lingrap-slider .owl-next{right: -30px;}
    .monthname{font-size: 20px;}
    .lingrap-slider .owl-prev img, .lingrap-slider .owl-next img{width: 18px;}

    .currentmonth:after{width: 20px;height: calc(100% - 10px);}

}
.Revenue .second-collaps-content h4{
    padding-left: 35px;
    background: url(../../Images/arw-white-up.png) no-repeat left center;
    background-position-x: 10px;
    background-color: #cfa463;
    background-size: 20px;
    }
.Revenue .second-collaps-content h4 a {
    font-size:20px;
}
    .Revenue .second-collaps-content h4.ui-collapsible-heading-collapsed{
        background: url(../../Images/arw-white-down.png) no-repeat left center;
        background-color:#cfa463;
        padding-left: 35px;
        background-position-x: 10px;
        background-size: 20px;
    }

    .Revenue .second-collaps-content h4.mini-collapse {
    background-color: #ffffff !important;
    color: #000;
    padding:0 !important;
    padding-left:30px !important;
    background:no-repeat left center;
    background: url(../../Images/arw-up.png) no-repeat left center;
}
.Revenue .second-collaps-content h4.mini-collapse.ui-collapsible-heading-collapsed{
    background: url(../../Images/arw.png) no-repeat left center;
}

.Revenue .second-collaps-content h4.mini-collapse a {
    color: #000 !important;
}



.CP-li .second-collaps-content h4.ui-collapsible-heading-collapsed{
        background: url(../../Images/arw-white-down.png) no-repeat left center;
        background-color:#cfa463;
        padding-left: 35px;
        background-position-x: 10px;
        background-size: 20px;
    }

 .CP-li .second-collaps-content h4{
    padding-left: 35px;
    background: url(../../Images/arw-white-up.png) no-repeat left center;
    background-position-x: 10px;
    background-color: #cfa463;
    background-size: 20px;
    }

@media screen and (max-width:414px){
    .Revenue .second-collaps-content h4.ui-collapsible-heading-collapsed,
    .Revenue .second-collaps-content h4,
    .Revenue .second-collaps-content h4.mini-collapse.ui-collapsible-heading-collapsed,
    .Revenue .second-collaps-content h4.mini-collapse {
    background-position-x: 8px;
    background-size: 15px;
    padding-left: 30px;
}
    .Revenue .second-collaps-content h4.mini-collapse a {
    font-size:13px !important; 
}
    }

/*FAO block css 26 sep 2019*/

.foa-block {
    background-color: #fff;
    padding: 12px 13px;
    color: #333;
    Font-Family: Arial;
    width: 450px;
    margin: 31px auto;
    max-width: calc(100% - 30px);
}

    .foa-block .title {
        Font-weight: Bold;
        Font-Size: 14px;
        line-height: 16px;
        padding-bottom: 11px;
    }

    .foa-block .detail-block {
        font-family: ProximaNova;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.416667px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-grow: 1;
    }

        .foa-block .detail-block > * {
            flex-grow: 1;
            width: 50%;
        }

    .foa-block .heading {
        color: #4A4A4A;
        font-family: ProximaNova;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.416667px;
        padding-bottom: 4px;
    }

    .foa-block .details {
        color: #9B9B9B;
        margin-bottom: 0px;
        font-family: ProximaNova;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.416667px;
        padding-bottom: 0;
    }

    .foa-block .pricing-block {
        background-color: #fff;
        border: 1px solid #979797;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        padding: 8px 10px;
        width: 210px;
    }

        .foa-block .pricing-block .price {
            font-size: 16px;
            line-height: 18px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content:center;
            text-align:center;
        }

        .foa-block .pricing-block li {
            font-family: ProximaNova;
            font-size: 12px;
            line-height: 14px;
            color: #000;
            display: flex;
            flex-direction: column;
        }

    .foa-block .view-more {
        text-align: center;
        padding: 8px 0 0 0;
    }

        .foa-block .view-more .link {
            font-family: Arial;
            font-size: 12px;
            line-height: 14px;
            color: #4A90E2;
        }


@media screen and (max-width:500px) {
    .foa-block {
        padding: 10px;
    }

        .foa-block .title {
            font-size: 12px;
            line-height: 14px;
        }

        .foa-block .pricing-block {
            width: 100%;
        }

        .foa-block .pricing-block .price {
    font-size: 12px;
    line-height: 14px;
    flex-direction: column;
}
            .foa-block .pricing-block li {
                font-family: ProximaNova;
                font-size: 10px;
                line-height: 12px;
            }
}

.side-menu-collapse {
        position: absolute;
        top: 10px;
        right: 10px;
        color: black;
        display: flex;
        align-items: center;
        font-size:16px;
    }
    @media screen and (min-width:568px){
    .side-menu-collapse {
    right: auto;
    left: 190px;
}}
       .side-menu-collapse .side-menu-note {
            display: inline-block;
            width: auto;
            max-width: 40vw;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 5px;
        }

        .side-menu-collapse a.ui-link {
            width: 13px;
        }