.toolSection {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}

.tab-wrapper-outer .tab-outer ul {
    padding: 0;
}

.tab-outer {
    float: left;
    width: 18%;
    background: #fff;
    box-shadow: 0 5px 10px #bbb;
    min-height: 1000px;
}

    .tab-outer ul li {
        list-style: none;
    }

        .tab-outer ul li a {
            color: #555555;
            /*font-size: 20px;*/
            font-weight: 400;
            padding: 10px 15px;
            display: inline-block;
            width: 100%;
            text-decoration: none;
            border-bottom: 1px solid #f0f4f7;
        }

            .tab-outer ul li a:hover, .tab-outer ul li a.active {
                color: #0070c9;
                background-color: #f6f9fb;
                border-left: 2px solid #5b9bd1;
                margin-left: -2px;
            }

        .tab-outer ul li i {
            margin-right: 8px;
            font-size: 20px;
        }

.tab-outer-content {
    float: right;
    width: 81.9%;
    padding-left: 10px;
}

    .tab-outer-content .content-outer {
        display: none;
        width: 100%;
        background: #fff;
        box-shadow: 0 5px 10px #bbb;
    }

        .tab-outer-content .content-outer.active {
            display: inline-block;
        }


.tab-wrapper-inner .tab-inner ul {
    padding: 0;
}

.tab-inner {
    background: #3598dc;
    width: 100%;
}

    .tab-inner ul li {
        width: 49.8%;
        display: inline-block;
    }

        .tab-inner ul li a {
            color: #fff;
            padding: 15px;
            width: 100%;
            display: inline-block;
            text-decoration: none;
            font-size: 20px;
            /*font-family: SF-Pro-Display-Bold;*/
        }

            .tab-inner ul li a:hover, .tab-inner ul li a.active {
                background: #de066e;
                color: #fff;
            }
.tab-inner-content {margin-top:-10px;}

.tab-inner-content .content-inner {
    display: none;
    padding: 0 15px;
}

    .tab-inner-content .content-inner.active {
        display: inline-block;
    }

    .tab-inner-content .content-inner .rows:first-child {
        margin-top: 0px;
        border-top: none;        
    }

    .tab-inner-content .content-inner .rows {
        /*margin-top: 20px;*/
        border-top: 1px solid #ccc;
        margin: auto -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .tab-inner-content .content-inner .rows:nth-child(even) {
            background: #fafafa;
            margin: auto -15px;
            padding-left: 15px;
            padding-right: 15px;
        }


.leftSideProduct {
    float: left;
    width: 30%;
    padding: 10px;
}

    .leftSideProduct img {
        width: 100%;
        margin: 0 auto;
    }

.productName {
    font-size: 20px;
    color: #0070c9 !important;
    /*text-transform: uppercase;*/
    font-weight: 600;
    font-family: SF-Pro-Display-Bold;
}

.productNameNoTool {
    font-size: 20px;
    color: #0070c9 !important;
    /*font-weight: 600;*/
    /*font-family: SF-Pro-Display-Bold;*/
    padding:15px;
}
    .productName i {
        font-size: 17px;
        font-weight: 300;
        margin-right: 5px;
    }

.companyProfile {
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px #aaa;
    padding: 5px 5px 0 5px;
    margin: 0 auto;
}

.productCologo {
    /*position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px #aaa;*/
    width: 100%;
    text-align: right;
    height:37px;
    overflow:hidden;

    /*padding: 5px 100px 5px 20px;
    margin: 10px 0;*/
}
.productCologo img{height:40px;}

.rightSideContent {
    float: right;
    width: 70%;
    padding: 10px;
}

    .rightSideContent .description {
        /*padding-top: 39px;*/
        min-height:180px;
    }

    .rightSideContent .btnmore {
        /*width: 50%*/;
        /*float: right;*/
        text-align: right;
    }

    .price-show {/*width:50%; float:left;*/  margin-top: 15px;color:green; font-size:20px; font-weight:600}

.btnmore .chngtheme {
    background: #3598dc;
}

.showInterest .modal-content {
    color: #0070c9;
    padding: 15px;
    border-radius: 5px;
}
.tab-outer li a img {
    height: 20px;
    width: auto;
    margin-right: 10px;
    vertical-align: initial;
}



.tabbable-custom > .nav-tabs > li.active > a {
    border: none;
}

.rfrl-box {
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
}

.newbtn {position:relative;}
.newbtn a:after {content: 'New';
    position: absolute;
    right: -1px;
    top: -12px;
    color: #f00; 
    z-index: 9;
    font-size: 9px;}


.heading-main-rfrrl {
    background: #eee;
    padding: 15px;
}


@media only screen and (max-width: 600px) {
    .mrginMobile-bottom {
        margin-bottom: 20px;
    }
}


.tab-wrapper-inner .content{padding:10px; background:#fff; border-bottom:1px solid #ddd;}
.tab-wrapper-inner .content:nth-child(even) {background: #eee;}
.tab-wrapper-inner .content p, .tab-wrapper-inner .content h2 {padding: 0;margin: 0;}

.tab-wrapper-inner .content .leftSideText{width:70%; display:inline-block;}
.tab-wrapper-inner .content .leftSideText #code {color:#bd0661; font-weight:600;}

.tab-wrapper-inner .content .leftSideText h2.mainHeading{font-weight: 600; color: #0070c9; font-size:25px;}
.tab-wrapper-inner .content .leftSideText .details span{
    border-right: 1px solid #ccc; /*width: 15%;*/ display: inline-block; padding: 0 5px; padding-right:20px; margin:10px 20px 0 0; color:#555;}
.tab-wrapper-inner .content .leftSideText .details span:last-child{border-right: none;}
.tab-wrapper-inner .content .leftSideText .details span i{padding-right:10px;}


.tab-wrapper-inner .content .rightSideText{width:28%; display:inline-block;}
.tab-wrapper-inner .content .rightSideText .progress{height:auto;}
/*.tab-wrapper-inner .content .rightSideText .progress-bar{padding:6px 0;}*/
.tab-wrapper-inner .content .rightSideText .progress-bar .sr-only{ position:relative; overflow:visible;}
.tab-wrapper-inner .content .rightSideText .btns .btntabs{background:#666; padding:5px 16px; color: #fff;}
.tab-wrapper-inner .content .rightSideText .btns .btntabs:hover{background:#0070c9;}
.tab-wrapper-inner .content .rightSideText .btns .btntabs.active{background:#0070c9;}
.tab-wrapper-inner .content .rightSideText .textheading{color:#555;}

.tab-outer-content .skilsTags { width:90%; display:inline-block;}
.tab-outer-content .mainFilter { width:9%; display:inline-block; cursor:pointer; float:right; padding-bottom:8px; }
.tab-outer-content .mainFilter span{ background: #0070c9;}

.tab-outer-content .skilsTags span {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #0070c9;
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
}
.tab-outer-content .skilsTags span.active {
    background: #0070c9;
    border: 1px solid none;
    color:#fff;
}

.contentSummery {
    margin-top: 30px;
    display: none;
    background: #f6f9fb;
    padding: 10px;
    position: relative;
}
/*.contentSummery:after {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 15px;
        height: 15px;
        background: #0070c9;
 }*/

.contentSummery h4, .contentSummery p {padding: 0; margin: 0; }

.contentSummery .text h4{font-weight:600; color:#0070c9; text-transform:none;}
.contentSummery .text.mrgntop{margin-top:20px;}

.filterTabs .search {position:relative;}
.filterTabs .search input {background:#fff;border: none !important; font-size:16px; color:#000; po}
.filterTabs .search input[type="search"]:focus, 
.filterTabs .search input[type="search"]:hover{border: none !important;}
.filterTabs .search .fa.fa-close {display:none;  position:absolute; right:15px; top:15px; color:#999; z-index:9; cursor:pointer;}
.filterTabs .search .fa.fa-close.active {display:inline-block;}