/*
    Theme Name: Thomson Marketplace Theme
    Template: oc-theme-marketplace-base
    Version: 1.0
    Author:	OpenChannel
    Theme URI: https://openchannel.io/
*/

/*Add your own styles here:*/
@font-face {
    font-family: 'Knowledge2017';
    font-weight: normal;
    src: url('assets/fonts/Knowledge2017-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Knowledge2017';
    font-weight: 500;
    src: url('assets/fonts/Knowledge2017-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Knowledge2017';
    font-weight: bold;
    src: url('assets/fonts/Knowledge2017-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Knowledge2017';
    font-weight: 900;
    src: url('assets/fonts/Knowledge2017-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Knowledge2017';
    font-weight: 300;
    src: url('assets/fonts/Knowledge2017-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Knowledge2017';
    font-weight: 100;
    src: url('assets/fonts/Knowledge2017-UltraLight.ttf') format('truetype');
}
body,
html {
    background: #fbfcfd;
    color: #292a2e;
    font-family: 'Knowledge2017', sans-serif;
    font-weight: 300;
    font-size: 16px;
    overflow-x: hidden;
}
body{
    border-top: 2px solid #fa6400;
}
a,
a:hover,
a:visited {
    outline: none;
    text-decoration: none;
}
a:focus{
    outline: -webkit-focus-ring-color auto 1px;
}
button,
.btn {
    cursor: pointer;
}
.btn-primary,
.btn-secondary{
    padding: 0.75rem 1.5rem;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    border-radius: 4px;
    min-width: 110px;
}

input:focus,
button:focus,
.btn:focus {
    box-shadow: none !important;
    outline: -webkit-focus-ring-color auto 1px;
}

section {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

#plot-tooltip {
    position:absolute;
    display:none;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(140, 140, 143, 0.31);
    border-radius: 3px;
    padding: 5px 15px;
    font-size: .75rem;
}

/* header */
.site-header {
    border-bottom: solid 1px #d8dae0;
}
body.home:not(.ocdev-apps):not(.app-details) .site-header{
    border: 0px;
}
.site-branding{
    padding: 1.3rem 0;
}
a.custom-logo-link{height: auto;position: relative;}
.site-branding a.custom-logo-link img.custom-logo{height: 36px;}
a.custom-logo-link span{
    position: absolute;
    right: -136px;
    top: 0.1rem;
    font-size: 22px;
    display: block;
    color: #FA6400;
}
a.custom-logo-link span.beta {
    right: -195px;
    border: 1px solid #cc4100;
    color: #cc4100;
    border-radius: 30px;
    padding: 0px 10px;
    font-size: 15px;
    top: 0.4rem;
}
a.custom-logo-link span:not(.beta):before {
    content: "";
    border-left: 2px solid #bababa;
    position: absolute;
    height: 20px;
    width: 2px;
    left: -13px;
    top: 8px;
}
body:not(.logged-in) .main-navigation .menu-item.login-required{display: none;}

/* section-hero */
.section-hero {
    background-color: #fff;
    background-size: auto;
    background-position: center;
    height: 100%;
    position: relative;
}
#ocmarketplace-apps.home .section-hero,
#ocmarketplace-apps.archive .section-hero{
    background-color: #f4f4f4;
    background-image: url('assets/img/secion-hero-bg.png');
    background-size: cover;
    box-shadow: none;
}
.section-hero .hero-title{color: #000;font-size: 36px;line-height: 1.28;font-weight: 500;max-width: 500px;font-weight: bold;}
.section-hero .hero-subtitle{font-size: 22px;line-height: 1.2;color: #000;margin-bottom: 25px;max-width: 700px;}

.site-content .content{position: relative;}

/* lists_apps sidebar */
.search-form .input-group-addon{
    border-color: #707070;
    background: #fa6400;
}
.search-form .input-group input{
    border-color: #707070;
    transition: none;
    color: #565656;
}
.search-form .input-group:hover .input-group-addon, .search-form .input-group:focus .input-group-addon,
.search-form .input-group:hover input, .search-form .input-group:focus input{
    border-color: #083899;
}
.search-form .input-group:hover .input-group-addon svg path{
    fill: #083899;
}
.search-form .input-group input::-webkit-input-placeholder{
    color: #545960;
    opacity: 0.6;
}
.search-form .input-group input::-moz-placeholder{
    color: #545960;
    opacity: 0.6;
}
.search-form .input-group input:-ms-input-placeholder{
    color: #545960;
    opacity: 0.6;
}

.sidebar .search-form{
    margin-bottom: 40px;
}
.sidebar .heading,
.apps-lists .category-title {
    font-size: 22px;
    color: #2d3137;
    font-weight: bold;
}
.sidebar .filter-group .heading:first-of-type {
    margin-top: 0px;
}
.sidebar ul {
    list-style: none;
    padding: 0;
}
.sidebar ul li{padding: 8px 0;}
.sidebar ul li a {
    color: #083899;
    display: block;
    text-decoration: none;
    font-size: 1em;
    position: relative;
    font-weight: normal;
}
#ocmarketplace-apps .sidebar ul li a:not(.more-link):before{
    content: "";
    position: absolute;
    border-left: 2px solid transparent;
    left: -7px;
    height: 16px;
    top: 2px;
}
.sidebar ul li a:hover,
.sidebar ul li a.active,
#ocmarketplace-apps .sidebar ul li a:hover:before,
#ocmarketplace-apps .sidebar ul li a.active:before{
    color: #000;
    border-color: #FA6400;
}
.sidebar ul:not(.sub-category) > li > a{font-weight: 500;}
.sidebar ul li a.more-link{margin-bottom: 15px;font-weight: 500;display: inline-block;padding: 5px;color: #262626;}
.category-filter{display: none;}
/* li.is-parent > ul.sub-category { display: none;} */
li.is-parent .sub-category{padding-left: 20px;}

/* main-content apps-lists */
#ocmarketplace-apps:not(.archive) .apps-lists .category-title,
#ocmarketplace-apps.archive .integrates-with .category-title{
    float: left;
    max-width: 400px;
}
.apps-lists a.category-link {
    float: right;
    font-size: 1em;
    color: #565656;
    text-align: right;
    font-weight: 500;
}
.apps-lists a.category-link span{
    max-width: 300px;
    display: inline-block;
    vertical-align: middle;
}
.apps-lists a.category-link img {
    margin-left: 8px;
    width: 16px;
    color: #FA6400;
}
.apps-lists a.category-link:hover{color: #294773;}
.apps-lists a.category-link svg{vertical-align: text-bottom;}
.apps-lists a.category-link:hover svg path{fill: #294773;}
.apps-lists p.category-desc{
    clear: both;
    color: #333333;
    font-size: 14px;
}
.apps-lists .category-title .fa {
    margin-left: 10px;
    font-size: 22px;
}

/* app-card */
.app-card.card {
    padding: 0;
    border: 0px;
}
.featured .col-sm-6 .app-card {
    max-width: 250px;
    margin: 0 auto;
}
.app-card.card a{
    border: 1px solid #d8dae0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}
.app-card.card a:hover{
    box-shadow: 0 31px 41px 0 rgba(33, 43, 54, 0.23);
}
.app-card.card .card-header{
    padding: 20px 0 0 20px;
    border: 0px;
    background-color: transparent;
}
.app-card.card .app-icon {
    text-align: center;
    overflow: hidden;
    width: fit-content;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px #dadada;
    height: 82px;
    width: 82px;
}
.app-card.card .app-logo {
    margin: 0 auto;
    max-width: 80px;
    max-height: 80px;
    margin-top: 50%;
    transform: translateY(-50%);
}
.app-card.card .card-meta{
    padding: 16px 20px 0 20px;
    height: 280px;
}
/* .app-card.card .card-body{
    padding: 0 20px 0 20px;
} */
.app-card.card .card-body .app-content{height: 166px;}
.app-card.card h4.app-title {
    font-size: 1em;
    font-weight: bold;
    color: #2d3137;
    margin-bottom: 2px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.app-card.card p.app-author,
.app-card.card p.app-developer{
    color: #565656;
    font-size: 0.875em;
    height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}
.app-card.card p.app-developer{margin-bottom: 1em;font-weight: 500;}
.app-card.card p.app-text {
    color: #565656;
    font-size: 0.875em;
    line-height: 1.43;
    overflow: hidden;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 100px;
    margin-bottom: 20px;
}
.app-card.card .user-reviews,
.app-card.card .app-details{
    color: #565656;
}
.app-card.card .user-reviews .star.selected .fa,
.app-card.card .app-details .fa {
    color: #FA6400;
}
.app-card.card .app-content > div{
    text-align: right;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 36px);
    left: 20px;
}
.app-card.card .user-reviews{float: left;}
.app-card.card .app-details img{margin-left: 8px;width: 16px;}
.app-card.card .user-reviews .fa{margin-right: 5px;}

.card.integration-box{
    padding: 0px;
    border: 0px;
    margin-bottom: 35px;
    position: relative;
}
.card.integration-box .integration-icon {
    border-radius: 4px;
    box-shadow: 0 12px 16px 0 rgba(44, 100, 131, 0.08);
}
.card.integration-box .integration-detail{
    margin-left: 75px;
}
.card.integration-box .integration-detail h4{
    font-size: 1em;
    color: #2d3137;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card.integration-box:hover  .integration-detail h4{color: #083899;}
.card.integration-box p.integration-tagline {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px;
}
.card.integration-box span.user-reviews{
    display: inline-block;
    color: #333333;
    font-size: 14px;
}
.user-reviews .rating.empty,
.user-reviews .star:not(.selected){color: rgba(0,0,0,0.38);}
.section-hero .user-reviews .star .fa,
.card.integration-box .user-reviews .star .fa{
    color: rgba(114, 114, 114, 0.4);
    font-size: 16px;
}
.section-hero .user-reviews .star.selected .fa,
.card.integration-box .user-reviews .star.selected .fa{
    color: #f7af2d;
}
#ocmarketplace-apps:not(.archive) .card.integration-box.rating-count p.integration-tagline span.summary-text {
    width: calc(100% - 75px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}
#ocmarketplace-apps.archive .card.integration-box.rating-count .integration-detail h4{
    min-width: 200px;
    max-width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
}
.card.integration-box .nav-right svg {
    position: absolute;
    right: 10px;
    font-size: 20px;
    color: #000;
}
#ocmarketplace-apps:not(.archive) .card.integration-box .nav-right svg{
    display: none;
}
.card.integration-box .integration-detail h4:focus,
.app-card.card h4.app-title:focus{
    text-decoration: none;
    outline: none;
}
.card.integration-box span.app-tags{
    color: #083899;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card.integration-box.rating-count span.app-tags{
    min-width: 200px;
    max-width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
}
.card.integration-box .integration-summary {
    color: #2d3137;
    margin-bottom: 0px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 42px;
    overflow: hidden;
    font-weight: normal;
}

.top-categories h2.section-title{
    font-size: 28px;
    line-height: 1.36;
}
.top-categories a.category-link{
    background-size: cover;
    background-position: center;
    text-transform: capitalize;
    font-weight: normal;
    padding: 20px 10px;
    width: 100%;
    text-align: center;
    height: 61px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
}
.top-categories a.category-link:hover{
    color: #fff;
}

/* cta-banner */
section.cta-banner {
    padding: 50px 0 30px;
    background-color: #f5faff;
}
section.cta-banner .cta-img{
    margin-top: -20px;
}
section.cta-banner h2.cta-heading {
    font-size: 26px;
    color: #2d3137;
    line-height: 1.36;
}
section.cta-banner p.cta-text {
    color: #565656;
    font-size: 18px;
    line-height: 1.42;
    margin: 1rem 0;
}
section.cta-banner p.cta-link{ color: #083899; }
section.cta-banner .btn-cta{ font-weight: 500; min-width: 250px;}

/* submite-review */
.user-profile img.avatar {
    width: 24px;
    border-radius: 50%;
    margin-right: 10px;
}
.rating-stars ul#stars, .user-reviews ul {
  list-style-type:none;
  padding:0;
  -moz-user-select:none;
  -webkit-user-select:none;
  margin-bottom: 0px;
}
.rating-stars ul > li.star, .user-reviews ul > li.star {
  display:inline-block;
  margin-bottom: 0px;
}
.rating-stars ul > li.star > i.fa, .user-reviews ul > li.star > i.fa {
  font-size:1rem;
  color:#ccc;
}
.rating-stars ul > li.star.hover > i.fa{
  color:#e3a355;
}
.rating-stars ul > li.star.selected > i.fa, .user-reviews ul > li.star.selected > i.fa {
  color:#FFC820;
}
.rating-stars ul label {
    margin-left: 20px;
    vertical-align: top;
}
.user-reviews span.stars {
    position: relative;
    width: fit-content;
    display: inline-block;
}
.user-reviews span.stars ul.stars-top {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}
.user-reviews span.review{
    font-size: 0.85rem;
    color: #444444;
}
.user-reviews .headline h5 {
    margin: 0 0 5px 0;
    font-weight: normal;
    font-size: 24px;
}
.user-reviews .review .headline .rating{
    display: none;
}
.user-reviews .headline h5 + .learn-more {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}
.user-reviews .meta .date {
    color: #949494;
    font-size: 0.85rem;
}
.user-reviews .comment{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7ecf4;
    color: #2d3137;
    font-size: 14px;
}

/* pagination */
.row.apps-pagination a{
    color: #222;
    padding: 6px 12px;
    border-radius: 3px;
    font-size: 0.875rem;
    text-decoration: none;
    display: inline-block;
}
.row.apps-pagination a:hover,
.row.apps-pagination a.active{
    background-color: rgba(0, 207, 159, 0.1);
    color: #00CF9F;
}

/* apps archive-lists page */
.archive .section-hero{
    margin: 0px 0 2rem;
}
.archive .list-type.heading{
    padding-left: 10px;
    padding-right: 10px;
}
.archive h4.hero-title{
    color: #2d3137;
    font-size: 36px;
    line-height: 1.28;
}
a.back-link {font-size: 0.875em;color: #333333;line-height: 1.43;text-decoration: none;}
a.back-link svg {
    vertical-align: text-bottom;
    margin-right: 5px;
}
a.back-link:hover{color: #537cfd;font-weight: 500;}
a.back-link:hover svg path{
    fill: #537cfd;
}
.archive .card.integration-box{
    padding: 17px 60px 20px 15px;
    width: 100%;
    border-radius: 4px;
    border: 0px;
    box-shadow: 0 12px 16px 0 rgba(44, 100, 131, 0.08);
    margin-bottom: 20px;
}
.archive .card.integration-box:hover{
    box-shadow: 0 1px 1px 0 rgba(50, 129, 253, 1), 0 0 0 1px rgba(50, 129, 253, 1);
}
.archive .card.integration-box .integration-detail:after {
    content: "";
    border-right: 1px solid rgba(201, 213, 234, 0.5);
    height: 100%;
    position: absolute;
    top: 0;
    right: 55px;
    transition: 0.5s;
}
.archive .card.integration-box:hover .integration-detail:after{
    border-color: #083899;
}
.archive .card.integration-box svg{right: 20px;}
.archive .card.integration-box:hover svg path{fill: #083899;}
.archive .apps-lists .heading hr{margin: 30px 0; border-color: #e7ecf4;}
/* .archive .apps-lists .category-title{font-size: 29px;} */
.archive .card.integration-box p.integration-tagline{
    font-size: 0.875em;
    color: #2d3137;
}
.archive .card.integration-box.rating-count p.integration-tagline{
    text-overflow: unset;
    white-space: unset;
    overflow: unset;
}
.archive .apps-lists .sort-item .dropdown{z-index: 99;font-size: 14px;}
.archive .apps-lists .sort-item .dropdown .dropdown-toggle:focus,
.archive .apps-lists .sort-item .dropdown .dropdown-toggle:hover{
    text-decoration: none;
    color: #083899;
}
.archive .apps-lists .sort-item .dropdown .dropdown-toggle::after{
    border: 0px;
    display: inherit;
    margin-left: 15px;
    content: "\f107";
    font-family: "FontAwesome";
}
.archive .not-found{
    background-color: #f5fffd;
    width: 100%;
    max-width: unset;
    border: 1px solid #beede4;
    box-shadow: none;
    text-align: left;
    font-weight: normal;
    padding: 70px;
    display: flex;
    flex-wrap: wrap;
}
.archive .not-found p {
    max-width: 400px;
    margin-bottom: 50px;
}
.archive .not-found .btn{
    color: #262626;
}
.archive .not-found img {
    max-width: 200px;
    width: 100%;
}
.section.error-404 img{max-width: 300px;}
.archive .card.integration-box .integration-summary{
    height: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.archive .result-count{color: #333333;line-height: 1.75;}

.archive .integrates-with .heading.mt-3{margin-top: 0px !important;}
.archive .integrates-with .category-link span {
    color: #083899;
    font-size: 18px;
}
.archive .integrates-with .category-link span.count,
#all-integrations span.count{color: #3d3d3d;}
.archive .integrates-with .app-image img{
    box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
.archive .integrates-with .category-title{font-size: 30px;}
.archive .integrates-with hr.sep{width: 100%;margin: 50px 0;}
.archive .integrates-with h2{font-size: 22px;position: relative;}
.archive .integrates-with h3{font-size: 20px;position: relative;}
.archive .integrates-with h4{font-size: 18px;position: relative;}

.archive .integrates-with .proven-paths.col-12,
.archive .integrates-with .final-notes {
    padding-left: 70px;
    overflow: hidden;
}
.proven-paths.col-12:before {
    content: "";
    border-left: 1px solid #bababa;
    position: absolute;
    left: 30px;
    height: 100%;
}
.proven-paths .integration-desc h2:before,
.proven-paths .milestone h3:before,
.archive .integrates-with .category h4:before {
    content: "";
    color: #fa6400;
    position: absolute;
    left: -63px;
    font-size: 70px;
    top: 0px;
    line-height: 1em;
    background: #fff;
    font-weight: normal;
}
.proven-paths .integration-desc h2:before{
    left: -65px;
    background-image: url('assets/img/verified.svg');
    width: 50px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}
.proven-paths .milestone h3:before{
    content: "O";
    font-size: 40px;
    left: -53px;
}
.proven-paths .milestone.start h3:before,
.proven-paths .milestone.expand h3:before,
.proven-paths .milestone.optimize h3:before{
    content: "";
    left: -65px;
    width: 50px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -15px;
}
.proven-paths .milestone.start h3:before{
    background-image: url('assets/img/start.svg');
}
.proven-paths .milestone.expand h3:before{
    background-image: url('assets/img/expand.svg');
}
.proven-paths .milestone.optimize h3:before{
    background-image: url('assets/img/optimize.svg');
}
.archive .integrates-with .category h4:before{
    content: "\f1db";
    font-size: 25px;
    left: -50px;
    line-height: 1;
    top: -1px;
    color: #262626;
    font-family: "FontAwesome";
    padding: 2px 0;
}
.proven-paths.col-12 .category:last-child > div:before {
    content: "";
    background: #fff;
    position: absolute;
    height: 100%;
    width: 70px;
    left: 0px;
}

/* #ocmarketplace-app-detail */
#ocmarketplace-app-detail h2.heading,
#ocmarketplace-app-detail h1.heading {
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 1.42;
}
#ocmarketplace-app-detail .section-hero{ border-bottom: solid 1px #d8dae0;}
.section-hero .app-image img{
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px #dadada;
    max-width: 162px;
}
.section-hero ul.categories{
    list-style: none;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0px;
}
.section-hero ul.categories li{display: inline-block;}
.section-hero ul.categories > li:not(:first-of-type) a:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #565656;
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px;
    vertical-align: middle;
    margin-left: 5px;
}
.section-hero ul.categories li a,
.section-hero ul.categories li a:hover{color: #565656;}
.section-hero p{
    color: #2d3137;
}
.section-hero p.developer-name{
    color: #333333;
    font-weight: 500;
}
.section-hero .user-reviews .star{
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #333333;
}
.section-hero .btn:not(:last-child){
    margin-right: 4px;
    margin-bottom: 5px;
    vertical-align: top;
}
.try-to-say .item.slick-slide{
    background-image: url('assets/img/buble-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 180px;
    margin-right: 30px;
}
.try-to-say .item.slick-slide span {
    font-style: italic;
    font-size: 28px;
    line-height: 33px;
    padding: 30px 60px 0 30px;
    display: block;
    font-weight: 100;
    height: 100px;
    overflow: hidden;
    color: #000;
}
.try-to-say .item.slick-slide span:before,
.try-to-say .item.slick-slide span:after{
    content: '"';
}
.screenshots .item.slick-slide {
    padding: 0 20px;
    text-align: center;
}
.screenshots img{
    border-radius: 4px;
}
.screenshots .caption h3{
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
}
.screenshots .caption p{
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 20px;
    font-weight: 100;
    color: #333333;
}
.app-meta ul{
    padding: 0px;
    list-style: none;
}
.app-meta ul li{
    padding: 5px 0px;
}
.app-meta ul li .label{
    margin-right: 20px;
}
.app-meta ul li a{
    color: #333333;
}
#ocmarketplace-app-detail .sidebar{padding: 0px;}
#ocmarketplace-app-detail .sidebar .total-reviews{
    max-width: 250px;
}
#ocmarketplace-app-detail .description,
#ocmarketplace-app-detail .description p,
#ocmarketplace-app-detail .description p span{
    font-size: 18px !important;
    line-height: 1.43;
    font-family: "Knowledge2017", sans-serif !important;
}
#ocmarketplace-app-detail .description div{width: 100% !important;}
#ocmarketplace-app-detail .description.trucated{
    height: 270px;
    overflow: hidden;
}
#ocmarketplace-app-detail .description.trucated .fade_text {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 75%);
}
#ocmarketplace-app-detail .description a.show-full {
    position: absolute;
    bottom: 0px;
    font-weight: normal;
    background: #fff;
    width: 100%;
    font-size: 14px;
    transition: unset;
}
#ocmarketplace-app-detail .description a.show-full.expanded{
    bottom: -30px;
}
#ocmarketplace-app-detail .review-section{
    border-top: solid 1px #d8dae0;
}
#ocmarketplace-app-detail .total .rating {
    color: #2d3137;
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    font-weight: bold;
}
#ocmarketplace-app-detail .total .rating .value {
    font-size: 36px;
    line-height: 1.28;
    margin-right: 5px;
}
#ocmarketplace-app-detail .total .rating .heading{
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 16px;
}
#ocmarketplace-app-detail .ratings-split{
    font-size: 14px;
    margin: 8px 0;
    color: #333333;
}
#ocmarketplace-app-detail .ratings-count .rating{
    display: none;
}
#ocmarketplace-app-detail .ratings-count .star{
    margin-bottom: 0px;
}
#ocmarketplace-app-detail .ratings-count .star .fa{
    width: auto;
    padding: 1px;
    font-size: 14px;
}
#ocmarketplace-app-detail .ratings-count .count{
    color: #333333;
    font-size: 14px;
    line-height: 1.43;
}
#ocmarketplace-app-detail .ratings-count .progress-bar{
    height: 8px;
}
#ocmarketplace-app-detail .ratings-count .progress-bar{
    background-color: #083899;
}
#ocmarketplace-app-detail #all-reviews h2 {
    display: inline-block;
    font-size: 24px;
    margin-bottom: 15px;
}
#all-reviews .submit-review-button {
    display: inline-block;
    float: right;
    border-color: #707070;
    background-image: linear-gradient(to bottom, #fff, #f9fafc);
    box-shadow: 0 1px 0 0 #e7ecf4;
    color: #2d3137;
    min-width: 160px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.43;
}
.reviews-filter .dropdown {
    display: inline-block;
}
.reviews-filter .dropdown-toggle::after{
    margin-left: 15px;
    content: "\f107";
    font-family: "FontAwesome";
    display: inherit;
    border: 0px;
}
#ocmarketplace-app-detail .reviews-filter a{
    font-size: 14px;
}
#ocmarketplace-app-detail .reviews-filter a:focus,
#ocmarketplace-app-detail .reviews-filter a:hover{
    text-decoration: none;
}
#ocmarketplace-app-detail .user-reviews .headline h5{
    font-size: 16px;
    line-height: 1.75;
}

.reviews-lists .review .comment.trucated{
    height: 95px;
    overflow: hidden;
    position: relative;
}
.reviews-lists .review .comment.trucated .fade_text {
    display: block;
    bottom: 0px;
    position: absolute;
    width: 100%;
    height: 75px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 75%);
}
.reviews-lists .review .comment.trucated a.show-full {
    position: absolute;
    bottom: 0px;
    left: 0;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    margin-bottom: 0px;
}
.no-review p{font-size: 24px;color: #878787;margin-top: 70px;}

.related-product {
    background-color: #fafafa;
}
#ocmarketplace-app-detail .related-product h2.heading{
    font-size: 28px;
    line-height: 1.36;
}
.related-product .card.integration-box{
    border: 0px;
    padding: 20px;
}
.related-product .card.integration-box .integration-icon{
    top: auto;
    transform: none;
}
.related-product .card.integration-box .integration-detail h4{
    text-align: left;
    line-height: 1.75;
}
.related-product .card.integration-box p.integration-tagline{
    font-size: 14px;
}
.related-product .card.integration-box span.app-tags{
    color: #083899;
}
.related-product .card.integration-box .integration-summary {
    color: #2d3137;
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 42px;
    overflow: hidden;
    font-weight: normal;
}
.has-danger .wp-editor-container{border-color: #d9534f;}

.slick-arrow{position:absolute;top:35%;left:-50px;right:auto;font-size:36px;transition:all .5s;z-index:99;color:#888;
    border: 1px solid #707070;
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 8px;
	top:40%;
    overflow: hidden;
}
.slick-arrow:hover{color: #888;border-color: #083899;}
.next.slick-arrow{left:auto;right:-50px;padding-left:4px}
.left.slick-arrow{padding-right:4px}
.slick-arrow .fa{
    color: #083899;
    font-size: 24px;
    vertical-align: top;
    margin-top: 8px;
    font-weight: bold;
}

ul.slick-dots {list-style: none;text-align: center;}
ul.slick-dots li{display: inline-block;overflow: hidden;}
ul.slick-dots li button {text-indent: -100px;background: #ddd;border-radius: 50%;width: 10px;height: 10px;padding: 5px;margin: 2px;min-width: unset;}
ul.slick-dots li.slick-active button {background: #4A4A4A;}


/* page banner */
section.page-banner .container {
    padding: 20px 0;
}
section.page-banner h2.page-title {
    color: #2d3137;
    font-size: 36px;
}
.breadcrumb{
    font-size: 17px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: -0.3px;
    padding: 0px;
    background-color: transparent;
    margin: 0px;
}
.breadcrumb span.sep,.breadcrumb span.active{
    color:#565656;
}
.breadcrumb a {
    font-weight: bold;
    text-decoration: none;
}
span.sep .fa {
    font-size: 12px;
    padding: 0 4px;
}

/* seller page */
#ocmarketplace-apps.seller .section-hero{
    background-image: url('assets/img/secion-seller-bg.png');
    background-size: cover;
    box-shadow: none;
}
#ocmarketplace-apps.seller .section-hero .hero-title,
#ocmarketplace-apps.seller .section-hero .hero-subtitle{color: #fff;max-width: unset;}
#ocmarketplace-apps.seller .section-hero .hero-subtitle{font-size: 18px;}
#ocmarketplace-apps.seller .content-info{font-size: 18px;max-width: 800px;}
#ocmarketplace-apps.seller .section-lists{background-color: #f4f4f4;}
.section-lists .app-card.card .app-icon{border: 0px;box-shadow: none;}
.section-lists .app-card.card .app-icon img{margin-top: 10px;}
.section-lists .app-card.card .app-title {font-size: 22px;}
.section-lists .app-card.card .app-content > div{text-align: left;}

/* .site-footer */
.site-footer{
    position: relative;
    text-align: left;
    padding: 0px;
}
.site-info a.custom-logo-link{
    margin-bottom: 0px;
    padding: 1.5em 0;
    font-size: 16px;
}
.site-footer img.custom-logo{
    max-width: 160px;
    height: auto;
}
.site-footer .footer-links{
    padding: 1.5rem;
}
.site-footer a {
    font-size: 12px;
    opacity: 0.9;
    margin-bottom: 0;
    line-height: 1.83;
}
.site-footer .social-icons p {
    display: inline-block;
    opacity: 0.9;
}
.site-footer .social-icons p:not(:last-child){margin-right: 16px;}
.site-footer .social-icons a .fa {
    opacity: 0;
    width: 36px;
    height: 36px;
}
.site-footer .social-icons a{font-size: 36px;background-repeat: no-repeat;line-height: 1;}
.site-footer .social-icons a.youtube-icon{
    background-image: url('assets/img/icon-youtube.svg');
}
.site-footer .social-icons a.twitter-icon{
    background-image: url('assets/img/icon-twitter.svg');
}
.site-footer a:hover,
.site-footer .social-icons a:hover,
.site-footer a:focus{
    opacity: 1;
    color: #fff;
}


/* charts */
section.charts > .container {
    padding: 0px;
}
.charts .container-title, .charts .container-body,
.update-form .container-title, .update-form .container-body{
    padding: 0 20px;
    background: #fff;
    border: 0px;
    border-radius: 4px;
    box-shadow: 0 12px 16px 0 rgba(44, 100, 131, 0.08);
}
.charts .container-title,
.update-form .container-title{
    height: 66px;
    padding-top: 15px;
    white-space: nowrap;
    margin-bottom: 20px;
}
.per-month .container-title,
.update-form .container-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.43;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
}
.per-month .statics_type{
    text-transform: capitalize;
}
.per-month .container-body{
    height: 100%;
    position: relative;
}
.per-month .container-body .result {
    text-align: center;
}
.per-month .result .icons {
    padding: 40px 40px 0 40px;
    font-size: 100px;
    color: #083899;
}
.per-month .result .count{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.36;
}
.per-month .result .total{
    font-size: 20px;
    margin-top: 65px;
    color: #333333;
    font-size: 12px;
    padding-top: 10px;
    box-shadow: inset 0 1px 0 0 rgba(201, 213, 234, 0.5);
}
.chart-graph .container-title {
    border-left: 0px;
    padding: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.container-body.line-chart-margin{
    padding: 20px;
}
.custom-dropdown {
    margin-right: 5px;
    display: inline-block;
    width: 240px;
    float: right;
    border: 1px solid #C9D5EA;
    padding: 14px 15px;
    margin-top: 6px;
    text-align: left;
    background-image: linear-gradient(to bottom, #fff, #f9fafc);
    box-shadow: 0 1px 0 0 #e7ecf4;
    border-radius: 3px;
}
.custom-dropdown .dropdown-toggle {
    font-size: 1rem;
    line-height: normal;
    color: #292a2e;
    display: block;
    text-decoration: none;
    float: right;
    margin-left: 7px;
    margin-top: 3px;
}
.dropdown.custom-dropdown.data-dropdown .dropdown-toggle{
    width: 100%;
    font-size: 14px;
    line-height: 1.43;
}
.custom-dropdown .dropdown-toggle::after {
    float: right;
    content: "\f078";
    font-family: 'FontAwesome';
    border: 0px;
    font-size: 12px;
    margin-right: 10px;
    color: #333333;
}
.custom-dropdown .dropdown-menu{
    box-shadow: 0 24px 32px 0 rgba(44, 100, 131, 0.08);
    margin-top: 0px;
    right: 0px;
}
.update-form .container-title{
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.update-form .container-body{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/*---------------------
/ app table CSS
---------------------*/
.marketplace-container .table-responsive{
    box-shadow: 0 12px 16px 0 rgba(44, 100, 131, 0.08);
    border-radius: 4px;
    overflow-x: visible;
}
.app-table {
	background-color: #ffffff;
}

.app-table tr th:first-of-type,
.app-table tr td:first-of-type {
	padding-left: 2rem;
    position: relative;
}
.app-table tr th:last-of-type,
.app-table tr td:last-of-type {
	padding-right: 2rem;
    position: relative;
}

.app-table thead th {
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.43;
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 0px !important;
}

.app-table .app-dropdown {
	display: inline-block;
	position: relative;
}
.app-table .app-dropdown .dropdown-menu {
    padding: 0px;
	left: auto;
    right: 0;
    border: 0px;
    border: solid 1px #c9d5ea;
}
.app-table .app-dropdown .dropdown-menu svg {
    margin-right: 10px;
}
a.dropdown-item {
    padding: 15px;
    font-size: 14px;
}
a.dropdown-item:hover,
a.dropdown-item.active,
a.dropdown-item:active{
    background-color: transparent;
    color: #083899;
}
.app-table .app-dropdown a.dropdown-item:hover svg path,
.app-table .app-dropdown a.dropdown-item.active svg path,
.app-table .app-dropdown a.dropdown-item:active svg path{
    fill: #083899;
}

.app-table .sorting-icon {
	color: #292a2e;
	padding-left: 5px;
}
.app-table td,
.app-table th {
	border: none !important;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
    box-shadow: inset 0 -1px 0 0 #e7ecf4;
}
.app-table tr:last-child td{
    box-shadow: none;
}
.app-table tr:not(:last-child) td:first-of-type:before{
    content: "";
    position: absolute;
    width: 2rem;
    height: 3px;
    bottom: -1px;
    left: 0;
    background: #fff;
}
.app-table tr:not(:last-child) td:last-of-type:after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 3px;
    bottom: -1px;
    right: 0;
    background: #fff;
}
.app-table .app-icon {
	width: 60px;
	height: 60px;
	border-radius: 8px;
	margin-right: 1rem;
}
.app-table .app-name {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.43;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 82px);
    word-break: break-all;
}
.app-table .app-name .item-edit{color: #2d3137;}
.app-table .date {
  font-size: .875rem;
  line-height: 1.43;
}
.app-table .app-status {
	font-size: .875rem;
	line-height: 1.43;
}
.app-table p {
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.43;
  color: #333333;
  margin-bottom: 0;
  word-break: break-all;
}


/* sidebar css */
.sidebar {
	padding-left: 10px;
	padding-right: 10px;
}

.sidebar h4 {
	font-size: 14px;
	line-height: normal;
	color: #292a2e;
	margin-top: 35px;
	margin-bottom: 7px;
}

.sidebar p {
	opacity: 0.75;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	color: #292a2e;
}

/* single app page css */
.nav-tabs {
	margin-bottom: 3rem;
}

.nav-tabs .nav-item {
	margin-right: 25px;
}

.nav-tabs .nav-link {
	border: none;
	border-bottom: solid 3px transparent;
    font-weight: 600;
    line-height: 2;
    text-align: center;
    color: #292a2e;
    padding-left: 5px;
    padding-right: 5px;
}

.nav-tabs .nav-item:hover .nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	opacity: 1;
	background: none;
	border-bottom-color: #ff5001;
}

.version-history table {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
}

.version-history table tr {
	border-bottom: solid 1px rgba(178, 186, 196, 0.32);
}

.version-history table td {
	padding: 15px 0 12px;
	vertical-align: middle;
	font-size: .875rem;
	font-weight: normal;
	line-height: normal;
	color: #292a2e;
}

.version-history table p.small {
  opacity: 0.75;
  font-size: .625rem;
  font-weight: normal;
  text-align: right;
  margin-bottom: 0;
}

/* oc-developer pages */
.ocdeveloper-pages .section-container{
    padding: 20px 0;
}
.ocdeveloper-pages .form-control:focus{border-color: #083899;}
.ocdeveloper-pages .dropzone .dz-default {
    height: 200px;
    line-height: 115px;
    border: 0px;
}
.ocdeveloper-pages .dropzone:not(.not-empty) .dz-default{
    border: 0px;
    position: relative;
}
.dropzone .dz-default > span {
    position: absolute;
    top: 25px;
    left: 37%;
    opacity: 0.8;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 12px;
    display: none;
}
.dropzone:not(.not-empty) .dz-default > span{
    top: 55%;
    display: block;
}
.dropzone .dz-default .upload-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    background: transparent;
    margin: 0px;
    min-width: unset;
    font-weight: normal;
    color: #083899;
}
.dropzone:not(.not-empty) .dz-default .upload-btn{
    position: unset;
    margin-top: 130px;
    margin-left: 10px;
}
.dynamicFieldArray .dropzone:not(.not-empty) .dz-default .upload-btn{
    margin-left: 35px;
}
.dynamicFieldArray:not(.not-empty) .dropzone .dz-default > span{left: 32%;}
.dropzone .dz-default .upload-btn:hover{
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    color: #083899 !important;
}
.dropzone .dz-default .upload-btn:focus{
    box-shadow: none;
    outline: none;
}
.dropzone:not(.not-empty) .dz-default .upload-btn #icon-upload,
.dropzone.not-empty .dz-default .upload-btn #icon-image-upload{
    display: none;
}
.dropzone:not(.not-empty) .dz-default .upload-btn #icon-image-upload {
    position: absolute;
    top: 20%;
    left: 40%;
}
.dropzone.not-empty .dz-default .upload-btn #icon-upload {
    vertical-align: text-bottom;
}
.dynamicFieldArray .dropzone:not(.not-empty) .dz-default .upload-btn #icon-image-upload{
    left: 34%;
}
.dropzone.not-empty .dz-default .upload-btn{ color: #2d3137;}
.ocdeveloper-pages .btn-add-row{
    padding: 5px 15px;
}
.ocdeveloper-pages .dropzone{
    background-color: #f9fafc;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 15px;
    box-shadow: 0 12px 16px 0 rgba(44, 100, 131, 0.08);
}
.ocdeveloper-pages .dropzone.not-empty{min-height: 250px;}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-image{
    font-size: 40px;
    width: 40px;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-image img{
    max-width: 40px;
    max-height: 40px;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-progress {
    display: block;
    width: 100%;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-details {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-details .dz-size {
    display: none;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    text-overflow: ellipsis;
    font-weight: bold;
}
.dz-preview.dz-processing:not(.dz-complete) .dz-details:after {
    content: "Uploading";
}
.dz-preview.dz-processing.dz-complete.dz-success .dz-details:after {
    content: "Complete";
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-status,
.dz-preview.dz-processing .dz-details:after {
    font-size: 12px;
    color: #8392a7;
}
.ocdeveloper-pages .dropzone .dz-preview a.dz-remove{
    font-size: 0px;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview a.dz-remove {
    float: right;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview .dz-upload {
    height: 4px;
    font-size: 0px;
}
.ocdeveloper-pages .dz-upload{background-color: #18d56b;}
.ocdeveloper-pages .dz-upload.completed{ background-color: #e7ecf4;}
.ocdeveloper-pages .dropzone.not-empty .dz-preview a.dz-remove .fa-trash{
    background-image: url('assets/img/close-filled.svg');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: auto;
}
.ocdeveloper-pages .dropzone.not-empty .dz-preview a.dz-remove .fa-trash:before {
    content: "";
}
.ocdeveloper-pages .dropzone.not-empty .dz-default{
    background-color: transparent;
    border: 0px;
    height: 30px;
    position: relative;
    box-shadow: none;
}
.ocdeveloper-pages .dropzone.not-empty .dz-default > span {
    font-size: 0px;
    display: block;
    top: 0;
    left: 0;
    opacity: 1;
}
.ocdeveloper-pages .dropzone.not-empty .dz-default > span:after {
    content: "My Attachments";
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
}
.ocdeveloper-pages #upload-release_file.not-empty .dz-default > span{
    display: none;
}
.ocdeveloper-pages #upload-release_file.dropzone{
    padding-bottom: 30px;
}
#upload-release_file .dz-preview .dz-image{display: none;}
#upload-release_file .dz-preview .dz-details{height: 50px;}
#upload-release_file .dz-preview .dz-details .dz-size{
    position: absolute;
    bottom: -25px;
    font-size: 12px;
    color: #9B9C9E;
    display: block;
}
#upload-release_file .dz-preview .dz-details .dz-size strong{
    font-weight: normal;
}
.ocdeveloper-pages .breadcrumb span{
    opacity: 1!important;
}
.bp-profile-form input[type="text"], .bp-profile-form input[type="email"], .bp-profile-form input[type="password"] {
	width: 100%;
}
#buddypress .item-list-tabs.no-ajax,#buddypress div#item-header-avatar, #buddypress #item-header-content {
    display: none;
}
#publish-modal.custom .modal-header{border-bottom: 0px;}
#publish-modal.custom .modal-body {
    padding: 0 100px 40px;
    text-align: center;
    font-size: 0.875em;
}
#publish-modal.custom h3,
#publish-modal.custom h3 p {
    font-size: 23px;
    margin: 0 auto;
    color: #2D3137;
}
#publish-modal.custom .btn.btn-primary {
    margin: 20px;
    min-width: 250px;
}
#publish-modal.custom .btn.btn-default {
    color: #083899;
    padding: 0px;
    background: transparent;
    border: 0px;
}
#publish-modal.custom .btn.btn-default:hover{
    color: #025aa5;
}
#publish-modal.custom .sep {
    border-top: 1px solid #bfbfbf;
    position: relative;
    height: 20px;
    margin-top: 20px;
}
#publish-modal.custom .sep span {
    position: absolute;
    top: -12px;
    background: #fff;
    width: 35px;
    color: #bfbfbf;
    font-size: 14px;
    left: calc(50% - 18px);
}
#publish-modal.custom button.close{width: 100%;text-align: right;}
.ocdeveloper-pages select,
.ocdeveloper-pages input,
.ocdeveloper-pages span.select2-selection.select2-selection--single{
    border-radius: 4px;
    border-color: #707070;
    padding: 12px;
    height: 46px;
    font-size: 14px;
    color: #2d3137;
    font-family: inherit;
}
.ocdeveloper-pages .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 43px;
}
.ocdeveloper-pages .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 0 0 10px;
    line-height: 1em;
}
.ocdeveloper-pages .select2-container .select2-selection--single .select2-selection__rendered li.select2-selection__choice,
.ocdeveloper-pages .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice{
    background-color: #e7ecf4;
    border: 0px;
    border-radius: 0px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.43;
    color: #8392a7;
}
.ocdeveloper-pages .select2-container .select2-selection--single .select2-selection__choice__remove,
.ocdeveloper-pages .select2-container .select2-selection--multiple .select2-selection__choice__remove{
    float: right;
    margin-right: 0px;
    margin-left: 15px;
    margin-top: 3px;
    background-image: url('assets/img/icon-close.svg');
    width: 16px;
    height: 16px;
    text-indent: -1000px;
}
.ocdeveloper-pages .select2-container--default .select2-search--inline .select2-search__field{
    height: auto;
}
.ocdeveloper-pages .select2-container--open .select2-dropdown--below{
    border-color: #707070;
}
.ocdeveloper-pages .select2-container .select2-selection--single:focus {
    outline: none;
}
.ocdeveloper-pages input::-webkit-input-placeholder{
    color: #545960;
    opacity: 0.6;
}
.ocdeveloper-pages input::-moz-placeholder{
    color: #545960;
    opacity: 0.6;
}
.ocdeveloper-pages input:-ms-input-placeholder{
    color: #545960;
    opacity: 0.6;
}
.ocdeveloper-pages textarea,
.dynamicFieldArray .model-item > .row {
    border-color: #707070;
    font-size: 14px;
    line-height: 1.43;
    font-family: inherit;
}
.ocdeveloper-pages label.form-control-label{font-size: 14px;color: inherit;}
.ocdeveloper-pages label.form-control-label span{position: relative;}
.ocdeveloper-pages label.form-control-label .fa-question-circle:before{
    content: "";
    background-image: url('assets/img/question.svg');
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
}
.ocdeveloper-pages label.form-control-label .text-danger{color: #2d3137 !important;}
.popover.bs-tether-element-attached-bottom{
    border: solid 1px #707070;
    border-radius: 4px;
    color: #2d3137;
    font-size: 14px;
}
.popover.bs-tether-element-attached-bottom:hover{
    border-top-color: #707070;
}
.ocdeveloper-pages .btn-add-app,
.ocdeveloper-pages .save-form .btn{
    min-width: 250px;
}
.ocdeveloper-pages .has-danger .form-control{
    border-color: #dc0a0a;
    box-shadow: 0 2px 4px 0 #707070;
}
.ocdeveloper-pages .has-danger .form-control-feedback{
    color: #dc0a0a;
    padding-left: 20px;
    position: relative;
}
.ocdeveloper-pages .has-danger .form-control-feedback li:before{
    content: "";
    background-image: url('assets/img/warning.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
}

/* buddypress registration */
body.no-header-footer img.custom-logo{
    margin-left: -50px;
    width: auto;
    height: 36px;
}
body.no-header-footer a.custom-logo-link span{
    right: -35px;
    top: 0.1rem;
    font-size: 22px;
}
body.no-header-footer a.custom-logo-link span:before {
    height: 18px;
    left: -12px;
    top: 8px;
}
body.no-header-footer {
    background-color: #f0f0f0;
    min-height: 100vh;
}
body.no-header-footer section > .container {
    width: 410px;
    background: #fff;
    border-radius: 3px;
    border-bottom: 0px;
    padding: 26px 24px 0 26px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    text-align: center;
    box-shadow: 0 12px 16px 0 rgba(44, 100, 131, 0.08);
}
body.no-header-footer section.logo-container > .no-container {
    padding-bottom: 20px;
}
body.no-header-footer section#login_message > .container {
    padding-bottom: 0px;
    border-radius: 0px;
}
body.no-header-footer section.form-fields > .container{
    padding-top: 0px;
    border-radius: 0px;
    margin-bottom: 50px;
}
body.no-header-footer section.form-fields > .container:before{
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    top: -2px;
    background: inherit;
    z-index: 2;
    left: 0;
}
section.logo-container {
    margin-top: 8%;
}
section.logo-container a {
    margin: 0 auto;
    display: block;
}
body.no-header-footer section#login_message h2{
    line-height: 1.36;
    font-size: 28px;
    color: #2d3137;
    margin-bottom: 0px;
}
body.no-header-footer section#login_message p{
    color: #333333;
    margin-bottom: 0px;
}
#buddypress .standard-form #pass-strength-result{
    display: none!important;
}
#buddypress .standard-form #basic-details-section{
    width: 100%;
    float: none;
    margin-top: 15px;
}

#buddypress .standard-form input:not([type="submit"]):not(.ed_button) {
    width: 100%;
    max-width: none;
    background: transparent;
    box-shadow: none;
    border-radius: 4px;
    border-color: #707070;
    font-size: 14px;
    line-height: 1.43;
    padding: 0.75rem;
    font-family: "Knowledge2017";
    margin-bottom: 0px;
}
#buddypress .standard-form div.submit{padding: 0px;margin-bottom: 30px;}
#buddypress .standard-form div.submit input{
    padding: 15px;
    font-size: 14px;
    min-width: 250px;
}
span.bp-required-field-label {
    display: none;
}
body.no-header-footer #buddypress input[type="checkbox"] {
    display: none;
}
body.no-header-footer #buddypress .field_type_checkbox label span:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    margin-right: 7px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    overflow: hidden;
}
body.registration.register #buddypress .field_type_checkbox label input:checked + span:before {
    content: "\f147";
    font-family: "Dashicons";
    color: #fff;
    font-size: 14px;
    text-indent: -1px;
    background: #083899;
    line-height: 15px;
    border-color: #083899;
}
#buddypress .standard-form label,
#buddypress .standard-form legend{
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    color: #2d3137;
    margin: 0px;
    padding-bottom: 10px;
}
#buddypress .standard-form input:not([type="submit"])::-webkit-input-placeholder {
    color: #545960;
    opacity: 0.6;
}
#buddypress .standard-form input:not([type="submit"])::-moz-placeholder {
    color: #545960;
    opacity: 0.6;
}
#buddypress .standard-form input:not([type="submit"]):-ms-input-placeholder {
    color: #545960;
    opacity: 0.6;
}
#buddypress .standard-form div.error,
#buddypress .standard-form#signup_form div div.error {
    background: transparent;
    text-align: left;
    width: 100%;
    padding-left: 0px;
    font-size: 14px;
    color: #dc0a0a;
    margin-bottom: 0px;
}
#buddypress .standard-form#signup_form div div.error svg{
    margin-right: 5px;
    vertical-align: text-bottom;
}
#buddypress .standard-form .editfield .error + .checkbox-options{
    padding-top: 1px;
}
.toggle-password {
    float: right;
    right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
    color: #212121;
}
[type="password"]:focus + .toggle-password svg path{fill: #083899;}
[type="password"]:invalid + .toggle-password { display: none;}
.backtologin {
    margin-bottom: 40px;
    text-align: center;
    font-size: 14px;
}
.register #buddypress .form-group{
    margin-bottom: 24px;
}
.register #buddypress div.submit input,
.activate #buddypress div.submit input,
.activate #buddypress div.submit a.btn{
    margin: 0px auto;
    margin-top: 24px !important;
    padding: 15px 0;
    display: block;
    width: 100%;
    font-weight: bold;
}
.register #buddypress .field_i-agree-to-terms-of-service-and-data-processing-policy legend {
    display: none;
}
.register #buddypress .field_company-description{
    display: none;
}

#buddypress .wp-editor-container{
	padding-right: 1px;
}
#buddypress #register-page .wp-editor-tabs, #buddypress #register-page .mce-statusbar, #buddypress #register-page .mce-top-part,
#buddypress .profile .wp-editor-tabs, #buddypress .profile .mce-statusbar, #buddypress .profile .mce-top-part{
   display:none;
}
#buddypress .profile .editfield{
	margin-top:15px;
}
body.bp-user h3.heading{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.28;
}
body.bp-user .sidebar{padding: 0px;}
body.bp-user .sidebar p{
    margin-bottom: 23px;
}
body.bp-user .sidebar p a {
    color: #2d3137;
    font-size: 14px;
    line-height: 1.43;
    text-decoration: none;
}
body.bp-user .sidebar p .active{
    color: #083899;
    font-weight: bold;
}
#buddypress div.item-list-tabs#subnav{
    display: none;
}

body.bp-user .field_i-agree-to-terms-of-service-and-data-processing-policy{
    display: none;
}

.my-apps-lists > .row,
.my-transactions > .row,
.cart-items > .row,
.checkout > .row,
.my-payment-lists > .row {
    margin: 20px 0;
}
.row.heading,
.row.app-list,
.row.transaction-list {
    padding: 0 20px;
}
.row.app-list,
.row.transaction-list {
	border-radius: 6px;
	background-color: #fbfbfd;
    padding: 20px;
}
.row.app-list .app-image,
.row.app-list .app-details{
    display: inline-block;
    vertical-align: middle;
}
.row.app-list .app-image {
	height: 80px;
	width: 80px;
	border: 1px solid #ced0da;
	border-radius: 6px;
	background-color: #fff;
    overflow: hidden;
    margin-right: 20px;
}
.row.app-list .app-details{
    width: calc(100% - 105px);
}
.row.app-list .app-name{
	color: #4a4a4a;
	font-size: 1em;
	font-weight: bold;
}
.row.app-list .app-category{
	color: #4a4a4a;
	font-size: 0.825em;
	line-height: 18px;
    margin: 0px;
}
.row.app-list .remove-app,
.row.app-list .remove-from-cart {
	color: #ed6d2a;
	font-size: 1em;
	font-weight: 600;
	line-height: 22px;
	text-align: right;
    line-height: 80px;
    cursor: pointer;
}
.modal.popup .icon-wrap {
    margin: 20px 0;
}
.modal.popup .icon-wrap img{
    max-width: 120px;
    max-height: 120px;
}
.icon-wrap .fa{
    background: linear-gradient(0deg, #8AD7D0 0%, #52AEA3 100%);
    border-radius: 50%;
    margin: 0 auto;
    font-size: 40px;
    padding: 28px 30px;
    color: #fff;
    width: 96px;
}
.modal.popup .modal-title{
    font-size: 40px;
    font-weight: 300;
    line-height: 45px;
    color: #000;
}
.modal.popup p {
	color: #4A4A4A;
	font-size: 14px;
	line-height: 18px;
    max-width: 400px;
    margin: 20px auto 30px;
}
.modal.popup .btn{
    margin: 10px auto;
    display: block;
    width: 100%;
    max-width: 200px;
}
#add-credit-card-modal .modal-title{
    font-size: inherit;
    font-weight: 500;
}
.transaction-list .app-name a{
    color: #333;
    font-weight: bold;
    font-size: 16px;
}
.transaction-list .transactionid{
    word-wrap: break-word;
}
.transaction-list .amount{
    color: #52AEA3;
    word-wrap: break-word;
}
.transaction-list .content-left{
    color: #4A4A4A;
}
.my-transactions .row{
    font-size: 0.825em;
}
.cart-items .col-md-4 .app-price{
    line-height: 80px;
}
.btn-checkout .btn{color: #fff;}
.back-link.cart{margin-bottom: 1rem;}
h3.section-title{color:#4a4a4a;}
.checkout .row.app-list .app-image{
    width: 56px;
    height: 56px;
}
.checkout .row.app-list .app-details{
    width: calc(100% - 81px);
}
.checkout .row.app-list .remove-from-cart{
    line-height: 56px;
}
.form-control-feedback ul {
    padding: 0;
    font-size: 14px;
    list-style: none;
}
.card-list img.app-logo.mastercard {
    margin-top: 10px;
    width: 300px;
    max-width: none;
}
.card-list img.app-logo.visa {
    margin-left: -70px;
    margin-top: 10px;
    width: 280px;
    max-width: none;
}
.card-list img.app-logo.american.express {
    margin-left: -155px;
    margin-top: 10px;
    width: 300px;
    max-width: none;
}
.card-list img.app-logo.discover {
    margin-left: -242px;
    margin-top: 10px;
    width: 315px;
    max-width: none;
}
.card-list .app-category span {
    font-weight: bold;
    vertical-align: super;
    display: inline-block;
    margin-right: 5px;
    font-size: 20px;
}

#credit-card-form .StripeElement.invalid{
    border-color: #d9534f;
}
#credit-card-form .StripeElement.invalid ~ label {
    color: #d9534f;
}
#credit-card-form input:-webkit-autofill,
#credit-card-form .StripeElement:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    transition: background-color 100000000s;
    -webkit-animation: 1ms void-animation-out;
}

.checkout-body{
	padding-top: 20px;
    padding-bottom: 60px;
}

.card-list .col-2{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.checkout .card-list{
    border: 1px solid #52aea3;
}
.checkout .card-list img.app-logo.mastercard {
    margin-top: 6px;
    width: 230px;
    margin-left: -2px;
}
.checkout .card-list img.app-logo.visa {
    margin-left: -43px;
    width: 180px;
}
.checkout .card-list img.app-logo.american.express {
    margin-left: -121px;
    margin-top: 3px;
    width: 230px;
}
.checkout .card-list img.app-logo.discover {
    margin-left: -173px;
    margin-top: 5px;
    width: 225px;
}
button.add-credit-card {
    background: transparent;
    color: #52aea3;
    float: right;
}
.container.min-h{
    min-height: 400px;
}


body .form-group{position: relative;}
span.ajax-loader.is-active {
    position: absolute;
    left: 38%;
    top: 65px;
    color: #fff;
    background: transparent;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font: normal normal normal 14px/1 FontAwesome;
}
span.ajax-loader.is-active:before {
    content: "\f110";
}

.modal-dialog.modal-dialog-centered{
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

/*slick Slider*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block; margin: 0 auto;cursor: pointer;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;width: 20px;height: 20px;margin: 0 auto;}
.slick-loading .slick-list:before{content: "\f110";font-family: "FontAwesome";font-size: 20px;}


/* Media Query */
@media (min-width: 440px) and (max-width: 576px){
    #ocmarketplace-app-detail .section-hero iframe{
       max-width: 400px;
       max-height: 250px;
    }
}
@media (min-width: 577px){
    .container{width: 536px;}
    .modal-dialog.modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
    .modal-dialog.modal-dialog-centered .modal-content{
        min-width: 500px;
    }
}
@media (min-width: 577px) and (max-width: 991px){
    .try-to-say .item.slick-slide {
        min-height: 120px;
    }
    .try-to-say .item.slick-slide span{
        font-size: 18px;
        line-height: 24px;
        padding: 15px 25px 0 25px;
    }
}
@media (min-width: 768px) {
    .container{width: 708px;}
	.border-md-left {
		border-left: solid 1px #dfe2ea;
	}
    .section-hero .user-reviews{height: 24px;}
    .per-month .container-title:after{
        content: "";
        position: absolute;
        right: -1px;
        height: 100%;
        width: 4px;
        z-index: 9;
        background: #fff;
        top: 0;
    }
    .site-footer p{
        display: inline-block;
        margin-bottom: 0px;
    }
    .site-footer p:not(:first-child){
        margin-left: 15px;
    }
    .site-footer .footer-menu{text-align: right;}
}
@media (min-width: 992px) {
    .container{width: 832px;}
    .main-navigation ul.menu > .menu-item > a{
        padding: 1.75rem 0rem;
        border-top-width: 0px;
        border-bottom: 3px solid transparent;
        margin: 0 20px;
        letter-spacing: 0.02em;
    }
    .main-navigation ul.menu > .menu-item.bp-login-nav > a {
        padding: 5px 20px;
        margin: 1.75em 1.75em 0;
        background-color: #fa6400;
        border-color: #fa6400;
        color: #fff;
        border-radius: 4px;
        font-weight: bold;
    }
    .main-navigation ul.menu > .menu-item > a:focus{
        outline: none;
    }
    .main-navigation ul.menu .menu-item.current-menu-item > a:not(:hover):not(:focus),
    .main-navigation ul.menu li.menu-item.current_page_item > a:not(:hover):not(:focus),
    .main-navigation ul.menu li.menu-item.current-menu-item > a:not(:hover):not(:focus){
        border-color: transparent;
    }
    .main-navigation ul.menu > .menu-item:not(.current-menu-item):not(.bp-login-nav):hover > a,
    .main-navigation ul.menu > .menu-item:not(.bp-login-nav) > a:focus{
        border-color: #fa6400;
    }
    .main-navigation ul.menu > .menu-item.bp-login-nav:hover,
    .main-navigation ul.menu > .menu-item.bp-login-nav:focus,
    .main-navigation ul.menu > .menu-item.bp-login-nav:focus a{
        text-shadow: none;
        text-decoration: none;
    }
    .main-navigation ul.menu > .menu-item.bp-login-nav:focus a,
    .main-navigation ul.menu > .menu-item.bp-login-nav a:focus{
        outline: -webkit-focus-ring-color auto 1px;
    }
    .main-navigation ul.menu > .menu-item.bp-login-nav:hover a,
    .main-navigation ul.menu > .menu-item.bp-login-nav > a:hover{
        background-color: #d94c00;
        border-color: #d94c00;
        color: #fff;
    }
    #apps-container .table-responsive{
        overflow-x: visible;
    }
    .app-table .app-meta{
        width: 25%;
    }
    .app-table .app-summary{
        width: 35%;
    }
    .app-table .sort-status,
    .app-table .app-date{
        width: 15%;
    }
    .app-table .app-action{
        width: 10%;
    }
    #ocmarketplace-app-detail .section-hero iframe{max-height: 200px;}
    .container-body.line-chart-margin{border-right: 0px;}
    .per-month .container-body:before{
        content: "";
        position: absolute;
        left: -4px;
        height: 100%;
        width: 7px;
        z-index: 9;
        background: #fff;
        top: 0;
    }
}
@media (min-width: 1200px) {
    .container{width: 1040px;}
}

@media (max-width: 1199px) {
    .apps-lists a.category-link span{max-width: 200px;}
}
@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu{
        background: transparent;
        border: 0px;
        display: block;
    }
    .navbar-toggleable-md .navbar-nav .dropdown-item{
        font-size: .8125rem;
        font-weight: 600;
        line-height: 2;
        color: #fff;
        padding: 0 1.125rem;
    }
    .app-table .app-action{
        min-width: 60px;
    }
    .category-filter{display: inline-block;color: #083899;cursor: pointer;font-weight: 500;}
    .category-filter .view-toggle{display: block;margin-top: 10px;}
    .category-filter .fa{font-size: 20px; }
	.sidebar {
		margin-bottom: 3rem;
        padding: 0px;
        display: none;
	}
    .search-form.search-marketplace{width: 300px;display: inline-block;}
    .site-content .content .border.col-lg-3{border-bottom: 1px solid #d8dae0;padding-bottom: 10px;margin-bottom: 10px;}
    .site-footer .social-icons p{display: block;text-align: left;}
    #all-reviews .submit-review-button{float: none;margin-bottom: 20px;}
    #all-reviews h2{display: block;}
}
@media (max-width: 767px) {
    .site-footer .footer-menu{
        margin: 0px;
    }
    .site-footer .social-icons p{display: inline-block;text-align: left;}
    .marketplacefeature:not(:last-child){margin-bottom: 25px;}
    section.cta-banner .cta-img{margin-bottom: 25px;}
    #ocmarketplace-app-detail .section-hero{text-align: center;}
    #ocmarketplace-apps:not(.archive) .apps-lists .category-title,
    #ocmarketplace-apps.archive .integrates-with .category-title
    .apps-lists a.category-link{float: none;}
    .apps-lists a.category-link span{max-width: 300px;}
}

@media (max-width: 576px) {
	.logo-text {
		font-size: 1rem;
		margin-left: 5px;
	}
	.page-banner {
		text-align: center;
	}
	.app-table .app-name {
		display: block;
		margin-top: 10px;
        width: 100%;
	}
	.tab-pane .col-xs-4,
	.tab-pane .col-xs-8 {
		width: 100%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.total-number {
		font-size: 1.25rem;
	}
	.app-table tr th:first-of-type,
	.app-table tr td:first-of-type {
		padding-left: 1rem;
	}

	.app-table tr th:last-of-type,
	.app-table tr td:last-of-type {
		padding-right: .5rem;
	}
	.app-table thead th,
	.app-table td, .app-table th {
		vertical-align: top;
	}

    .top-categories .col-lg-2,
    .featured .col-sm-6.col-md-3{
        max-width: 300px;
        margin: 0 auto;
    }
    .app-card.card .card-meta, .app-card.card .card-header{display: inline-block;}
    .app-card.card p.app-text{
        -webkit-line-clamp: 2;
        height: 40px;
    }
    .section-lists .app-card.card p.app-text{height: unset; -webkit-line-clamp:unset;}
    .app-card.card .card-body .app-content{height: 100px;}
    .search-form.search-marketplace{width: auto;}

}
@media (max-width: 480px) {
    .carousel-slider .prev.slick-arrow{display: none; !important}
    .carousel-slider .next.slick-arrow{display: none; !important}
    .app-card.card .card-meta, .app-card.card .card-header{padding-right: 0px;padding-left: 15px;}
    .app-card.card .card-body{padding: 0 15px;}
    .section-lists .app-card.card .card-body{padding: 0px;}
    a.custom-logo-link span:not(.beta):before{content:unset;}
    a.custom-logo-link span {
        position: relative;
        display: inline-block;
        right: unset;
        left: unset;
        top: unset;
        vertical-align: middle;
        margin-left: 40px;
        margin-top: -6px;
    }
    a.custom-logo-link span.beta {
        display: inline-block;
        right: unset;
        margin-left: 8px;
        margin-top: -15px;
    }
}

@media (max-width: 439px) {
    #ocmarketplace-app-detail .section-hero iframe{
        height: auto;
        width: auto;
    }
}