/**
 * This file will be overwritten when the Bootstrap Framework source files
 * are compiled using the Less CSS pre-processor.
 */

@font-face {
    font-family: 'knowledge2017regular';
    src: url('../fonts/Knowledge2017/knowledge2017-regular-webfont.woff2') format('woff2'), url('../fonts/Knowledge2017/knowledge2017-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knowledge2017italic';
    src: url('../fonts/Knowledge2017/knowledge2017-regularitalic-webfont.woff2') format('woff2'), url('../fonts/Knowledge2017/knowledge2017-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knowledge2017black';
    src: url('../fonts/Knowledge2017/knowledge2017-black-webfont.woff2') format('woff2'), url('../fonts/Knowledge2017/knowledge2017-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knowledge2017medium';
    src: url('../fonts/Knowledge2017/knowledge2017-medium-webfont.woff2') format('woff2'), url('../fonts/Knowledge2017/knowledge2017-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.apigee-header .homepage-header .container {
    height: 100%;
}

body {
    margin: 0px !important;
    font-family: knowledge2017regular !important;
}

#main-wrapper {
    width: 100%;
}

#page-wrapper {
    display: inline;
}

.site-header {
    z-index: 998;
    position: fixed;
    width: 100%;
}

.page-content {
    min-height: 400px;
}

.apigee-brand-header {
    background-color: #FA6400;
    height: 5px;
}

.header {
    height: 93px;
}

.apigee-header {
    font-family: knowledge2017regular;
    font-size: 16px;
    position: relative;
    height: 88px;
    z-index: 500;
    border-bottom: 2px solid #afafaf;
}

.front .apigee-header {
    height: 97px;
    border-bottom: 1px solid #afafaf;
}

.apigee-header .row {
    height: 100%;
}

.apigee-header .container {
    height: 100%;
    width: 100%;
    padding-top: 9px;
}

.tr-brand-footer .container,
.tabs-container .container {
    width: 100%;
}

.tabs-container ul {
    margin-left: 3%;
}

.apigee-header .main-nav {
    display: inline-block;
    float: right;
    margin-right: 5%;
}

.apigee-header .main-nav.main-nav-anonymous-user {
    margin-right: 0;
}

.apigee-header .main-nav .main-nav-list {
    float: right;
    margin: 0 33px;
    padding: 10px 0 0 0px;
}

.apigee-header .main-nav .main-nav-list .release-notes-icon {

    margin-right: 18px;

}

.apigee-header .main-nav .main-nav-list .main-nav-list__item {
    /*  background: orange;
  color: white;
  border-radius: 9px;
  font-family: knowledge2017regular;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-right: 20px;
  padding: 7px 15px 13px 15px;
  min-width: 46px;
  text-decoration: none;
  margin-top: 15px; 
  padding: 2px 33px 13px 39px; */
    background: #FA6400;
    color: #ffffff;
    border-radius: 5px;
    font-family: knowledge2017regular;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-right: 0px;
    min-width: 106px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    top: 0px;
    margin-top: 0px;
}

.navbar-nav>li>a {
    padding-bottom: 9px !important;
    padding-top: 5px !important;
}

.navbar-nav>li>.dropdown-menu li a {
    color: #000000 !important;
}

.apigee-header .main-nav .main-nav-list .main-nav-list__item.active {
    /* border-bottom: 0px solid #FA6400;
	font-family: knowledge2017regular;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	margin-right: 20px;
	min-width: 46px;
	text-decoration: none; */
    background: #FA6400;
    color: #ffffff;
    border-radius: 5px;
    font-family: knowledge2017regular;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-right: 0px;
    min-width: 106px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    top: 0px;
    margin-top: 0px;
}

.main-nav-list__item:link,
.main-nav-list__item:visited {
    color: #000000;
}

.directory-title {
    font-size: 15px;
    display: inline-block;
    margin-left: 45px;
    color: #FFFFFF;
}

.trpdc-logo {
    font-size: 15px;
    display: inline-block;
    margin-left: 15px;
    height: 100%;
    width: auto;
    padding-top: 2px;
}

.main-container.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.main-container.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#main-wrapper {
    padding-top: 0px;
}

#main-wrapper .page-header .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.toolbar-tray-open #main-wrapper .page-header {
    padding-bottom: 0px;
    border-bottom: 0;
    margin-top: -11px !important;
}

#main-wrapper .page-header {
    padding-bottom: 0px;
    border-bottom: 0;
    margin-top: -11px !important;
}

.homepage-marketing-container {
    color: #000000;
    background-image: url(../imgs/Hero-image.jpg);
    background-repeat: no-repeat;
    padding-bottom: 140px;
    padding-left: 60px;
}

.homepage-marketing-container h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 20px;
    width: 40%;
    font-family: knowledge2017regular;
    font-size: 60px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.08;
    letter-spacing: normal;
    color: #ffffff;
}

.homepage-marketing-container .description {
    margin-bottom: 15px;
    font-family: knowledge2017regular;
    color: #ffffff;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.6;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.homepage-marketing-container .homepage-marketing-inner {
    margin-bottom: 35px;
    margin-left: 28px;
}

.homepage-marketing-container .buttons {
    padding-top: 50px;
}

.homepage-marketing-container .buttons .register {
    font-family: knowledge2017regular;
    font-size: 18.7px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    height: 59px;
    padding: 24px;
}

.homepage-marketing-container .buttons .login {
    font-family: knowledge2017regular;
    font-size: 18.7px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    height: 59px;
    padding: 24px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: #FA6400 !important;
}

.homepage-marketing-container .buttons .register {
    color: #FFFFFF;
    width: 200px;
    background-color: #FA6400;
    border: 1px solid #FA6400;
    margin-right: 20px;
    white-space: normal;
}

.homepage-marketing-container .buttons .login {
    width: 200px;
    background-color: #FA6400;
    border: 1px solid #FA6400;
    white-space: normal;
}

.directory-nav {
    display: inline;
    float: right;
    margin-right: 20px;
}

.directory-nav .support-login {
    margin-right: 10px;
}

.directory-nav a {
    text-decoration: none;
    color: #FFFFFF;
}

.partner-carousel-homepage-view-more {
    margin-top: 24px;
    text-align: center;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    display: block;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    margin-top: 0px;
    margin-top: 18px;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 30px;
    letter-spacing: normal;
    font-weight: 900;
}

.tabs-container-front {
    display: none;
}

.partner-carousel-homepage-view-more a {
    color: #4d4d4d;
}

.partner-carousel-homepage-view-more a:hover {
    text-decoration: none;
    color: #FA6400;
}

.partner-carousel-homepage-view-more a:active {
    text-decoration: none;
    color: #FA6400;
}

.partner-carousel-homepage-view-more a:focus {
    text-decoration: none;
    color: #FA6400;
}

.carousel {
    height: auto;
    text-align: none;
    min-width: unset;
}

.carousel-inner {
    padding: 0 60px;
    position: relative;
}

#block-views-updates-view-block {
    margin-top: 30px;
    background-color: #F4F4F4;
    padding-left: 0px !important;
    padding-bottom: 30px;
}

.icon-Comments-Filled {
    width: 20px !important;
    margin-left: 6px;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: none;
}

.carousel-control {
    top: 45%;
    height: 27px;
    width: 2%;
}

.forum-homepage {
    margin-top: 20px;
}

.fa {
    color: gray;
}

.partner-item {
    width: auto;
    height: 300px;
    border-radius: 2px;
    border: 1px solid #ededed;
    background-color: #ffffff;
    margin-top: 20px;
}

.partner-item:hover,
.partner-item:focus {
    text-decoration: none;
    border-color: #ededed !important;
    border: 1px solid #ededed;
}

ul.pager-load-more li.pager-next a {
    border-radius: unset;
}

.pager li>a {
    margin-top: 16px;
    color: black;
}

.pager li>a:hover,
.pager li>a:focus {
    margin-top: 16px;
    color: black;
    background-color: white !important;
}

a.read_more_apis,
a.read_more_apis:hover,
a.read_more_apis:focus {
    color: #FA6400;
    cursor: pointer;
}

#block-views-home-featured-forum-posts-block {
    border-style: none;
}

.partner-item a {
    text-decoration: none;
}

.partner-item a:active {
    text-decoration: none;
}

.partner-item a:hover {
    text-decoration: none;
}

.partner-item a:focus {
    text-decoration: none;
}

.partner-item:active {
    text-decoration: none;
    border-color: #FA6400;
}

.partner-item:hover {
    text-decoration: none;
    border-color: #FA6400;
}

.partner-item:focus {
    text-decoration: none;
    border-color: #FA6400;
}

#partnerCarousel .carousel-inner {
    padding: 0 0;
}

#partnerCarousel .carousel-control {
    top: 45%;
    height: 27px;
    width: 2%;
}

#partnerCarousel .carousel-control.left {
    background: 0 !important;
    display: none;
}

#partnerCarousel .carousel-control.right {
    background: 0 !important;
    display: none;
}

#partnerCarousel .carousel-control.right .glyphicon-chevron-right {
    color: #FA6400;
    margin-right: -20px;
}

#partnerCarousel .carousel-control.left .glyphicon-chevron-left {
    color: #FA6400;
    margin-left: -15px;
}

.partner-item .forum-title-text {
    height: 93px;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: bold;
    padding-top: 30px;
    margin-left: 10px;
    letter-spacing: normal;
    font-stretch: normal;
    display: inline-table;
}

.partner-item .forum-homepage-details {
    width: 246px;
    height: 45px;
    color: #000;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding-top: 30px;
    margin-left: 12px;
}

.forum-discussion-title {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 30px;
    font-weight: 400;
    margin-left: 20px;
    display: inline-block;
}

.partner-item .forum-last-updated {
    font-family: knowledge2017italic;
    font-size: 15px;
    font-weight: normal;
    padding-top: 30px;
    margin-left: 10px;
    letter-spacing: normal;
    color: #4d4d4d;
    font-stretch: normal;
}

.partner-item .form-comment-count {
    padding: 30px 0 0 15px;
}

.partner-item .form-comment-count span {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 14px;
    font-weight: 300;
    margin-left: 6px;
}

#block-views-home-featured-forum-posts-block h2 {
    display: none;
}

#block-views-updates-view-block .partner-item {
    height: 260px !important;
}

.recent-blog-homepage-view-more {
    margin-top: 24px;
    text-align: center;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    display: block;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    margin-top: 0px;
    margin-top: 18px;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 30px;
    letter-spacing: normal;
    font-weight: 900;
}

.recent-blog-homepage-view-more a {
    color: #4d4d4d;
}

.recent-blog-homepage-view-more a:hover {
    text-decoration: none;
    color: #FA6400;
}

.recent-blog-homepage-view-more a:active {
    text-decoration: none;
    color: #FA6400;
}

.recent-blog-homepage-view-more a:focus {
    text-decoration: none;
    color: #FA6400;
}

.recent-blog-homepage {
    margin-top: 20px;
    margin-left: -21px;
}

.partner-item .recent-blog-title-text {
    height: 23px;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 18px;
    font-weight: 900;
    padding-top: 30px;
    margin-left: 10px;
    letter-spacing: normal;
    font-stretch: normal;
    display: inline-table;
}

.partner-item .recent-blog-details {
    width: 246px;
    height: 45px;
    color: #000;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    padding-top: 30px;
    margin-left: 12px;
}

.partner-item .recent-blog-body {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 300;
    padding-top: 30px;
    margin-left: 10px;
    letter-spacing: normal;
    color: #4d4d4d;
    font-stretch: normal;
    height: 93px;
}

.partner-item .recent-blog-date {
    font-family: knowledge2017regular;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    color: #FA6400;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#block-views-devconnect-blog-block-1 h2 {
    display: none;
}

.tr-brand-footer {
    margin-top: 10px;
    background-color: #555555;
}

.footer_menu {
    display: inline-block;
    float: right;
    margin-top: 30px;
}

.tr-brand-footer-list {
    float: right;
    padding: 0;
    margin-top: 12px;
}

.tr-brand-footer-list__item:link,
.tr-brand-footer-list__item:visited {
    color: #FFFFFF;
}

#block-views-forum-homepage-block {
    margin-bottom: 30px;
}

#block-views-forum-homepage-block .partner-item {
    width: 255px;
    height: 270px;
    box-shadow: 0 2px 0 #ededed;
    border-radius: 2px;
    border: 1px solid #ededed;
    background-color: #ffffff;
    margin-left: 1px;
    margin-top: 20px;
}

#block-views-forum-homepage-block .partner-item:active {
    text-decoration: none;
    border-color: #FA6400;
}

#block-views-forum-homepage-block .partner-item:hover {
    text-decoration: none;
    border-color: #FA6400;
}

#block-views-forum-homepage-block .partner-item:focus {
    text-decoration: none;
    border-color: #FA6400;
}

.logo-tr-w-md {
    background-image: url('../imgs/logo-colored.png');
    background-repeat: no-repeat;
    background-position: 6px 2px;
}

.tr-logo--footer {
    float: left;
    padding: 15px 0;
    height: 64px;
    vertical-align: middle;
    width: 260px;
    box-sizing: content-box;
}

.tr-logo--footer div {
    height: 64px;
    width: 260px;
}

.tr-brand-footer-list__item {
    float: left;
    display: block;
    margin: 17px 0 0 8px;
    padding: 3px 10px;
}

a.tr-brand-footer-list__item:link {
    color: #E9E9E9;
}

a.tr-brand-footer-list__item:visited {
    color: #E9E9E9;
}

a.tr-brand-footer-list__item:active,
a.tr-brand-footer-list__item:hover,
a.tr-brand-footer-list__item:focus {
    text-decoration: underline;
}

.visible-xs hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 0;
}

.page-header h1 {
    display: none;
}

.page-header {
    margin: 13px 0 20px !important;
}

#main-wrapper #breadcrumb {
    margin-top: 40px;
}

.breadcrumb {
    padding: 8px 4px !important;
    background-color: #FFFFFF !important;
    margin-bottom: 0px !important;
}

.breadcrumb a {
    color: #000000;
}

.tabs-container ul {
    margin-bottom: 30px !important;
    padding-left: 0px;
}

.tabs-container ul li {
    display: inline;
    margin-left: 10px;
}

.tabs-container ul li a {
    border-radius: 0;
    border-width: 0px 0px 1px 0px;
    color: #000000;
    font-family: knowledge2017regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0px;
    padding-left: 10px;
}

.tabs-container ul li.active {
    border-width: 0px 0px 1px 3px;
    background-color: transparent;
    color: #FA6400;
    padding-left: 0px;
    position: relative;
    padding-right: 1px;
    border-bottom: 2px solid #FA6400;
}

.forum-table-wrap .forum-table-superheader {
    border: 1px solid #C1C1C1 !important;
    background-color: #FFFFFF !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255))) !important;
}

.forum-table-superheader .forum-table-name {
    font-weight: 400;
    font-family: knowledge2017regular;
    font-size: 30px;
}

.forum-table thead th {
    border-left: 1px solid #C1C1C1;
}

.forum-table thead th.forum-name {
    padding-left: 10px;
}

.forum-table thead th.forum-last-post {
    padding-left: 10px;
}

.forum-table tbody tr td .forum-number-new-topics {
    display: none;
}

.forum-table tbody tr td .forum-name {
    padding-left: 10px;
}

.forum-table tbody tr td .forum-name a {
    color: #4d4d4d;
}

.forum-table-wrap thead tr {
    background-color: #FFFFFF !important;
    height: 40px;
}

.forum-table tbody tr td.forum-last-reply {
    padding-left: 10px;
}

.forum-table tbody tr td.forum-last-reply a {
    color: #4d4d4d;
}

.nav-tabs {
    border-bottom: 0 !important;
}

.forum-table tr.even {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255))) !important;
    height: 100px;
}

.forum-table tr.odd {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255))) !important;
    height: 100px;
}

th.forum-name {
    margin-left: 10px;
}

.view-onesource-product-homepage .partner-item {
    width: 350px;
    margin-right: 40px;
}

.view-onesource-product-homepage .partner-item .onesource-title-text {
    height: 23px;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 22px;
    font-weight: 900;
    padding-top: 30px;
    margin-left: 25px;
    letter-spacing: normal;
    font-stretch: normal;
    display: inline-table;
    margin-top: 30px;
}

.view-onesource-product-homepage .partner-item .onesource-details {
    width: 246px;
    height: 45px;
    color: #000;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    padding-top: 30px;
    margin-left: 12px;
}

.view-onesource-product-homepage .partner-item .onesource-overview {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 300;
    padding-top: 30px;
    margin-left: 10px;
    letter-spacing: normal;
    color: #4d4d4d;
    font-stretch: normal;
    height: 110px;
}

.onesource-homepage {
    margin-top: 20px;
    margin-left: -21px;
}

.onsource-title {
    display: inline;
}

.onsource-title .onsource-text {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: initial;
    margin-left: 20px;
    letter-spacing: normal;
    font-stretch: normal;
}

.onsource-title .onsource-discussion-heading {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: bolder;
    margin-left: 5px;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
}

.forum-discussions-title {
    display: inline;
}

.forum-discussions-title .forum-disussion-text {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: initial;
    letter-spacing: normal;
    font-stretch: normal;
}

.forum-discussions-title .forum-discussion-heading {
    color: #4d4d4d;
    font-family: knowledge2017black;
    font-size: 38px;
    font-weight: bolder;
    margin-left: 5px;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
}

.recent-blog-discussions-title {
    display: inline;
}

.recent-blog-discussions-title .recent-blog-disussion-text {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: initial;
    margin-left: 20px;
    letter-spacing: normal;
    font-stretch: normal;
}

.recent-blog-discussions-title .recent-blog-discussion-heading {
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 38px;
    font-weight: bolder;
    margin-left: 5px;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
}

#block-system-main .submitted {
    display: none;
}

.navbar-collapse ul li a {
    color: #ffffff !important;
    font-family: knowledge2017regular;
    font-size: 15px;
}

.block-views h2 {
    display: none;
}

.navbar-collapse ul li a:hover {
    text-decoration: none;
    color: #FA6400;
    background: 0 !important;
}

.view-updates-view .devconnect-blog-created {
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #cbcbcb;
    float: left;
    padding: 10px;
    text-align: center;
    width: 45px;
    height: 45px;
    font-family: knowledge2017regular;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: center;
    color: #4d4d4d;
    text-transform: uppercase;
}

.view-updates-view .devconnect-details .devconnect-blog-title-text {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 22px;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 20px;
}

.view-updates-view .devconnect-details {
    width: 90%;
}

.view-updates-view .devconnect-details .devconnect-blog-body {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
}

.view-updates-view .devconnect-details .devconnect-blog-read {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d;
    display: inline-block;
    margin-bottom: 20px;
}

.devconnect-blog-item {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    margin-left: 8px;
    width: 90% !important;
}

#block-devconnect-content-creation-menu-devconnect-content-creation-menu {
    width: 90%;
    margin-left: 5px;
}

#block-devconnect-content-creation-menu-devconnect-content-creation-menu .navbar {
    margin-bottom: 0px !important;
}

#block-devconnect-content-creation-menu-devconnect-content-creation-menu .navbar-default {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

#block-devconnect-content-creation-menu-devconnect-content-creation-menu .navbar-default .navbar-brand {
    font-family: knowledge2017regular;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #4d4d4d;
}

#block-devconnect-content-creation-menu-devconnect-content-creation-menu .navbar-default .navbar-btn {
    width: 107px;
    height: 58px;
    border-radius: 5px;
    border: solid 1px #4d4d4d;
    float: left;
    text-align: center;
}

#block-devconnect-content-creation-menu-devconnect-content-creation-menu .navbar-default .navbar-btn a {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d;
}

.onsource-node-title {
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #4d4d4d;
    margin-bottom: 30px;
}

.onsource-node-summary-title {
    width: 835px;
    /* min-height: 40px; */
    color: #4d4d4d;
    font-family: "Knowledge2017Black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
    float: left;
}

.onsource-node-summary {
    margin-bottom: 30px;
    width: 760px;
}

.onsource-node-summary p {
    font-family: knowledge2017regular;
    width: 100%;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
}

.onsource-node-summary table p {
    width: 100% !important;
}

.onsource-node-summary p span {
    font-family: knowledge2017regular !important;
    font-size: 15px !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #4d4d4d;
}

.onsource-node-overview {
    margin-bottom: 30px;
    width: 760px;
}

.onsource-node-overview-title {
    width: 760px;
    height: 40px;
    color: #4d4d4d;
    font-family: "Knowledge2017Black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
}

.onsource-node-overview {
    font-family: knowledge2017regular;
    width: 760px;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
}

.onsource-node-overview p span {
    font-family: knowledge2017regular !important;
    font-size: 15px !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #4d4d4d;
    margin-bottom: 30px;
}

.onsource-node-product-links ul {
    padding-left: 0px;
}

.onsource-node-product-links ul li a {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d;
}

.onsource-node-product-links ul li {
    display: inline;
    border-radius: 5px;
    border: solid 1px #4d4d4d;
    color: #000000;
    float: left;
    padding: 8px;
    text-align: center;
    width: 130px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#forum-statistics {
    display: none;
}

.nav-tabs li>a {
    border: 0 !important;
}

.article-node-title {
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #4d4d4d;
    border-bottom: solid 1px #d0d0d0;
    padding-bottom: 20px;
}

.article-node-keywords-links-title {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d;
}

.article-node-keywords-links {
    display: inline;
    float: left;
    text-align: center;
    width: 62px;
    height: 44px;
    background-color: #0099C4;
    margin-left: 0px !important;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    background-color: #0198c4;
}

.article-node-summary {
    margin-top: 67px;
    margin-bottom: 80px;
}

.article-node-summary p {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #4d4d4d;
    margin: 0px !important;
    display: inline;
}

.hot_topics_list .updates_hot_topics {
    display: inherit;
    margin-bottom: 20px;
}

.hot_topics_list .forum_hot_topics {
    margin-bottom: 20px;
    display: inherit;
}

.hot_topics_list a {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d;
    border-bottom: solid 1px #d0d0d0;
    padding-bottom: 10px;
}

#block-apigee-hot-topics-apigee-hot-topics h2 {
    font-family: knowledge2017regular;
    font-size: 11px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: 2px;
    color: #666666;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #d0d0d0;
}

.icon-long-arrow-left-orange {
    width: 1.3330078125em;
}

.icon-long-arrow-left-gray {
    float: right;
    margin-top: 8px;
}

span.forum-collapsible {
    background: transparent url(../imgs/collapse_orange.png) no-repeat center center !important;
}

span.container-collapsed {
    background: transparent url(../imgs/expand_orange.png) no-repeat center center !important;
}

.forum-list-icon-wrapper {
    background: #FFFFFF;
    display: inline-block;
    box-shadow: none;
}

tr.even td.forum-list-icon-default .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span,
.forum-list-icon-legend .forum-list-icon-default {
    background: transparent url(../imgs/comment_empty.png) no-repeat center center !important;
}

tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
.forum-list-icon-legend .forum-list-icon-new-posts {
    background: transparent url(../imgs/comments_filled.png) no-repeat center center !important;
}

.view p.GET {
    width: 73px !important;
    height: 32px !important;
    border-radius: 5px !important;
    background-color: #0099c4 !important;
    padding: 7px 7px !important;
    font-family: knowledge2017regular !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
}

.view p.DELETE {
    width: 73px !important;
    height: 32px !important;
    border-radius: 5px !important;
    padding: 7px 7px !important;
    font-family: knowledge2017regular !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}

.view p.PATCH {
    width: 73px !important;
    height: 32px !important;
    border-radius: 5px !important;
    padding: 7px 7px !important;
    font-family: knowledge2017regular !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}

.method_details .title a {
    font-family: knowledge2017regular;
    font-size: 15px !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33 !important;
    letter-spacing: normal;
    color: #4d4d4d;
}

.method_details .title p.resource_path {
    font-family: knowledge2017regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #4d4d4d;
}

.view .method_details .description {
    max-width: 500px;
    overflow: hidden;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6 !important;
    letter-spacing: normal;
    color: #4d4d4d;
}

.view .method_details {
    padding: 15px 0 !important;
}

.view-helloworld-example-methods .view-header p {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d4d;
}

.view p.POST {
    border-radius: 5px !important;
    background-color: #77a22d !important;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 7px 7px !important;
    width: 73px !important;
    height: 32px !important;
}

.view p.PUT {
    border-radius: 5px !important;
    background-color: #FA9400 !important;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 7px 7px !important;
    width: 73px !important;
    height: 32px !important;
}

.apis-related-list {
    margin-top: 60px;
}

.apis-related-list h2 {
    font-family: knowledge2017regular;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: 2px;
    color: #666666;
    font-size: 11px;
    padding-left: 30px;
}

.apis-related-list li {
    margin-left: 30px;
    margin-bottom: 20px;
}

.apis-related-list li a {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d !important;
    padding-left: 0px;
    text-decoration: underline !important;
}

.apis-related-list .view-smartdocs-models .model-info {
    border-bottom: none !important
}

.apis-related-list .view-smartdocs-models {
    padding-left: 37px;
}

.apis-related-list .view-smartdocs-models .views-field-name a {
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.93;
    letter-spacing: normal;
    color: #4d4d4d !important;
    padding-left: 0px;
    display: list-item;
    list-style-position: outside;
    text-decoration: underline !important;
}

.legal-page-node-title {
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #4d4d4d;
    margin-bottom: 30px;
}

#about-us {
    margin-top: 30px;
    margin-bottom: 50px;
}

.homepage-section-title {
    margin-bottom: 30px;
}

.homepage-section-title .hompage-about-title1 {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: initial;
    letter-spacing: normal;
    font-stretch: normal;
}

.homepage-section-title .hompage-about-title2 {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 38px;
    font-weight: bolder;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
}

.homepaage-about-body {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
}

.add-app {
    display: none;
}

#block-apigee-company-switch-company {
    padding-left: 17px;
}

.form-stacked {
    padding-left: 17px;
}

#developer-app-detail-tab {
    display: none;
}

#user-login #edit-actions .btn {
    display: inline-block;
    padding: 4px 9px 20px 9px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 72px !important;
}

#user-login--2 #edit-actions--3 .btn {
    display: inline-block;
    padding: 4px 9px 20px 9px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 72px !important;
}

.page-user .tabs-container ul li:first-child {
    display: none;
}

.view-smartdocs-models {
    padding: 10px;
}

.forum-table-topics tr {
    background-color: #FFFFFF !important;
    height: 40px;
    background: content-box !important;
}

.forum-table-topics td a {
    color: #333333 !important;
    text-align: center;
}

.forum-table-topics td a .topic-icon {
    background: transparent url(../imgs/comments_filled.png) no-repeat center center !important;
    width: 50px;
}

.views-field-title .label-primary {
    background-color: #FA6400;
}

#edit-submit-advanced-forum-new-topics {
    color: #fff;
    background-color: #FA6400;
    border-color: #FA6400;
}

#user-login--2 {
    padding: 22px;
}

#user-pass {
    padding: 17px;
}

.forum-table-topics td {
    padding-left: 12px;
}

.views-field-title .label-info {
    background-color: #FA6400;
}

.page-user .tabs-container ul li:last-child {
    display: none;
}

#user-login a {
    display: none;
}

#user-login #edit-actions--2 .btn {
    display: inline-block;
    padding: 4px 9px 20px 9px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 72px !important;
}

@media only screen and (max-width: 1280px) {
    .page-content {
        min-height: 600px !important;
    }
}

@media only screen and (min-width: 1280px) {
    .page-content {
        min-height: 760px !important;
    }
}

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

    #content.col-xs-12,
    #content.col-xs-9,
    #content.col-xs-3 {
        height: auto;
        min-height: 500px !important;
    }
}

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

    #content.col-xs-12,
    #content.col-xs-9,
    #content.col-xs-3 {
        height: auto;
        min-height: 760px !important;
    }
}

.form-stacked h3 {
    display: none;
}

.form-stacked .app-delete button {
    display: none;
}

.forum-table-topics td a .topic-icon {
    background: transparent url(../imgs/comments_filled.png) no-repeat center center !important;
    width: 50px;
}

.views-field-title .label-primary {
    background-color: #FA6400;
}

.views-field-title .label-info {
    background-color: #FA6400;
}

#edit-submit-advanced-forum-new-topics {
    color: #fff;
    background-color: #FA6400;
    border-color: #FA6400;
}

.forum-topic-legend {
    float: left;
    clear: both;
}

.forum-topic-legend div {
    clear: unset;
}

.forum-topic-legend .topic-icon-new {
    background: transparent url(../imgs/Comments-Filled.png) no-repeat left !important;
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
    padding-right: 22px;
}

.forum-topic-legend .topic-icon-default {
    background: transparent url(../imgs/Comment-Empty.png) no-repeat left !important;
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
    padding-right: 22px;
}

.forum-topic-legend .topic-icon-hot-new {
    background: transparent url(../imgs/chat-filled.png) no-repeat left !important;
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 30px;
}

.forum-topic-legend .topic-icon-hot {
    background: transparent url(../imgs/comments-empty.png) no-repeat left !important;
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 30px;
}

.forum-topic-legend .topic-icon-sticky {
    background: transparent url(../imgs/chat-pin.png) no-repeat left !important;
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
    padding-right: 22px;
    padding-left: 30px;
}

.forum-topic-legend .topic-icon-closed {
    background: transparent url(../imgs/chat-locked.png) no-repeat left !important;
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
    padding-left: 30px;
}

.forum-add-forum .af-button-large span {
    background: none;
    left: 1px;
    bottom: -14px;
    position: relative;
    color: #ffffff;
    font-family: Knowledge2017;
    font-size: 18.7px;
    font-weight: 500;
}

.forum-node-create-links-top .forum-add-node {
    margin-bottom: 12px;
}

a.af-button-large,
a.af-button-large:link {
    width: 136px;
    height: 61px;
    border-radius: 5px;
    background: #FA6400;
}

#advanced-forum-forum-topic-list-sort-form .form-item #edit-order,
#advanced-forum-forum-topic-list-sort-form .form-item #edit-sort {
    width: 348.5px;
    height: 40.1px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #d0d0d0;
    margin-bottom: 12.5px;
}

#advanced-forum-forum-topic-list-sort-form .form-item #edit-sort {
    margin-bottom: 12.5px;
}

#advanced-forum-forum-topic-list-sort-form #sort-topic-submit {
    width: 136px;
    height: 61px;
    border-radius: 5px;
    border: solid 1px #4d4d4d;
    margin-bottom: 42px;
    margin-top: 10px;
}

table.forum-table {
    width: 100% !important;
    height: 150px !important;
    border: solid 1px #d0d0d0 !important;
}

.icon-Comment-Empty {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    margin-right: 7px;
}

.icon-sticky {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    margin-right: 7px;
}

.icon-Sticky-Comment {
    width: 1.0830078125em;
    margin-right: 7px;
}

.icon-Comments-Filled .icon-chat_filled .icon-Locked-Comment {
    margin-right: 7px;
}

.view-advanced-forum-topic-list .forum-table-topics td a .topic-icon {
    background: transparent url(../imgs/Comments-filled.png) no-repeat center center !important;
}

.view-advanced-forum-topic-list .forum-table-topics .topic-icon-default {
    width: 39px;
    height: 23.7px;
    background: transparent url(../imgs/Comments-Filled.png) no-repeat center center !important;
}

.view-advanced-forum-topic-list .forum-table-topics .topic-icon-hot-new {
    width: 39px;
    height: 23.7px;
    background: transparent url(../imgs/chat-filled.png) no-repeat center center !important;
}

.view-advanced-forum-topic-list .forum-table-topics .topic-icon-hot {
    width: 39px;
    height: 23.7px;
    background: transparent url(../imgs/comments-empty.png) no-repeat center center !important;
}

.view-advanced-forum-topic-list .forum-table-topics .topic-icon-sticky {
    width: 39px;
    height: 23.7px;
    background: transparent url(../imgs/chat-pin.png) no-repeat center center !important;
}

.view-advanced-forum-topic-list .forum-table-topics .topic-icon-closed {
    width: 39px;
    height: 23.7px;
    background: transparent url(../imgs/chat-locked.png) no-repeat center center !important;
}

.icon-Comments-Filled,
.icon-Comment-Empty,
.icon-chat_filled,
.icon-comments-empty,
.icon-Sticky-Comment,
.icon-Locked-Comment {
    width: 22.6px;
    height: 24px;
    margin-right: 9px;
    margin-bottom: -6px;
}

.forum-topic-legend .New-Posts {
    font-size: 15px;
    color: #4d4d4d;
    font-family: Knowledge2017;
    font-weight: bold;
}

.forum-table thead tr a,
.forum-table thead tr a:visited,
.forum-table thead tr a:link {
    margin-left: 19px;
    font-family: eKnowledge2017-Regular;
}

.forum-node-create-links {
    display: none !important;
}

.forum-node-create-links:first-of-type {
    display: block !important;
}

#forum-sort.container-inline {
    margin-top: 10px;
}


/**
 * common css
 */

.text-align-center {
    text-align: center;
}


/**
 * Business page css
 */

.node-type-business .page-header h1 {
    display: none;
}

.view-platform-cards {
    margin: 30px;
    padding: 20px 45px 20px 70px;
}

.view-platform-cards .thumbnail {
    border-radius: 0px !important;
    min-height: 345px;
    margin: 5px;
}

.view-platform-cards .thumbnail .caption {
    color: #fff;
    padding: 0px;
    margin: 20px;
}

.view-platform-cards a.view-link:hover {
    text-decoration: none !important;
}

.view-business-information .main-slide-content {
    position: relative;
}

.view-business-information .main-slide-text {
    position: absolute;
    bottom: 0;
    left: 8%;
    right: 0;
    top: 20%;
    margin: 0 auto;
    color: #fff;
}

.view-business-information .main-slide-text .main-slide-textset {
    font-size: 20px;
}

.view-business-information .business-img {
    /*   width: 1500px;
  height: 360px; */
    margin-top: -20px;
}

.view-platform-cards .thumbnail .caption .platform-box-title {
    width: 325px;
    color: #4d4d4d;
    font-size: 22px;
    font-weight: 900;
    line-height: 30px;
    padding-top: 22px;
    font-family: knowledge2017black;
}

.view-platform-cards .thumbnail .caption .platform-box-title:before {
    content: url(../imgs/platform.png);
    position: relative;
    z-index: initial;
    left: -2px;
    top: 5px;
    padding: 5px;
}

.view-product-list .item-list ul {
    list-style: none;
    padding-left: 2px;
}

.view-product-list .item-list ul>li.views-row {
    text-decoration: none;
    width: 300px;
    height: 45px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    border-bottom: 1px solid #dddddd;
    font-family: knowledge2017medium;
}

.view-product-list .item-list ul>li.views-row a {
    text-decoration: none;
    line-height: 31px;
    color: #4d4d4d;
}

.view-product-list .item-list ul>li.views-row a:after {
    content: url(../imgs/long-arrow-left-orange.png);
    position: absolute;
    z-index: initial;
    width: 100%;
    left: 325px;
    padding-top: 7px;
}

.view-platform-cards .caption .platform-box-overview {
    width: 300px;
    min-height: 48px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.view-platform-cards .caption .platform-box-summary {
    width: 300px;
    height: 35px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 36px;
    text-decoration: none !important;
    color: #4d4d4d;
    border-bottom: 1px solid #dddddd;
    font-family: knowledge2017medium;
}

.view-platform-cards .caption .platform-box-summary a {
    text-decoration: none;
    color: #4d4d4d;
}

.view-product-list ul {
    padding-left: 0px;
}

.view-product-list ul>li.views-row {
    text-decoration: none;
    width: 300px;
    height: 45px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    border-bottom: 1px solid #dddddd;
    font-family: knowledge2017medium;
}

.view-platform-cards .caption .platform-box-summary a:after {
    content: url(../imgs/long-arrow-left-orange.png);
    position: relative;
    z-index: initial;
    left: 180px;
}

.view-platform-cards .caption .platform-box-product a {
    text-decoration: none;
    line-height: 31px;
    color: #4d4d4d;
}


/*DVPRT-294 larger screen design fix */

@media only screen and (max-width: 1399px) {
    .view-platform-cards .caption .platform-box-product a:after {
        content: url(../imgs/long-arrow-left-orange.png);
        position: absolute;
        z-index: initial;
        width: 100%;
        left: 325px;
        padding-top: 7px;
    }
}

@media only screen and (min-width: 1400px) {
    .view-platform-cards .caption .platform-box-product a:after {
        content: url(../imgs/long-arrow-left-orange.png);
        position: absolute;
        z-index: initial;
        width: 100%;
        left: 413px;
        padding-top: 7px;
    }
}

.view-recent-updates .partner-items {
    width: 360px;
    height: 380px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    padding: 20px;
    margin: 5px;
}

.view-product-list .item-list ul>li.views-row:last-child {
    border-bottom: none;
}

.view-platform-cards.view-platform-cards .platform_product_title h3 {
    height: 40px;
    color: #4d4d4d;
    font-size: 28px;
    line-height: 40px;
    margin: 35px 0 25px 17px;
}

.view-recent-updates .partner-items .recent-blog-title-text {
    padding-left: 12px;
    color: #4d4d4d;
    font-size: 22px;
    font-weight: 900;
    padding-top: 22px;
    font-family: knowledge2017black;
}

.view-recent-updates .partner-items .recent-blog-body {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 15px;
    min-height: 200px;
    text-align: justify;
    word-break: break-all;
}

.view-recent-updates .partner-items .recent-blog-date {
    font-size: 13px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 20px;
    margin: 33px 0 0 12px;
}

.view-recent-updates .partner-items .recent-blog-date a {
    color: #4d4d4d;
}

.view-recent-updates .platform_product_title {
    color: #4d4d4d;
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 30px 20px;
}

.view-recent-updates .platform_product_all a {
    width: 215px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    float: right;
    margin-top: -36px;
    text-decoration: none;
    font-family: knowledge2017medium;
}

.view-recent-updates .views-row.col-md-3 {
    width: 35%;
    margin: -5px;
}

#block-views-recent-updates-block {
    background: #f4f4f4;
    padding-top: 30px;
    padding-bottom: 50px;
}

.forum-discussion-partner-item {
    width: 261px;
    height: 271px;
    background-color: #ffffff;
    margin-top: 20px;
    border: 1px solid #dddddd;
}

.forum-discussion-partner-item .form-comment-count {
    padding: 15px 0px 0px 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 44px;
    height: 57px;
    color: #212121
}

.forum-discussion-partner-item .form-comment-count:before {
    content: url(../imgs/comment.png);
    position: relative;
    z-index: initial;
    left: -2px;
    top: 8px;
    padding: 5px;
}

.forum-discussion-partner-item .forum-title-text {
    color: #212121;
    font-family: knowledge2017medium;
    font-size: 15px;
    font-weight: 600;
    padding-top: 13px;
    margin-left: 30px;
    min-height: 110px;
    width: 205px;
}

.forum-discussion-partner-item .forum-last-updated {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    min-height: 20px;
    margin-left: 30px;
}

.forum-discussion-partner-item .forum-last-updated:before {
    content: url(../imgs/clock.png);
    position: relative;
    z-index: initial;
    left: -2px;
    top: 5px;
    padding: 5px;
}

.forum-discussion-partner-item .forum-blog-date {
    font-size: 13px;
    font-weight: 400;
    margin-left: 30px;
    color: #4d4d4d;
    margin-top: 25px;
    line-height: 20px;
}

.forum-discussion-partner-item .forum-blog-date a {
    color: #4d4d4d;
}

.view-business-forum-discussions .forum-discussion-header {
    color: #4d4d4d;
    font-size: 28px;
    line-height: 40px;
    margin: 60px 0 10px 13px
}

.view-business-forum-discussions .forum.col-md-3 {
    padding-bottom: 50px;
}

.view-recent-updates {
    margin: 30px;
    padding: 0 25px 20px 70px;
}

span.platform_product_all a:after {
    content: url(../imgs/long-arrow-left-orange.png);
    position: absolute;
    z-index: initial;
    width: 100%;
    padding: 3px 0 0 3px;
}

.view-business-forum-discussions {
    margin: 30px;
    padding: 0 25px 20px 80px;
}

.view-business-forum-discussions .forum-discussion-all a {
    width: 215px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    float: right;
    margin: 4px -43px 0 0;
    text-decoration: none;
    font-family: knowledge2017medium;
}

span.forum-discussion-all a:after {
    content: url(../imgs/long-arrow-left-orange.png);
    position: absolute;
    z-index: initial;
    width: 100%;
    padding: 3px 0 0 3px;
}

.view-business-information .main-slide-text p.business-text {
    width: 73px;
    height: 20px;
    color: #ffffff;
    /* font-family: "Knowledge2017Black"; */
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.view-business-information .main-slide-text p.business-title-text {
    width: 760px;
    height: 69px;
    color: #ffffff;
    /* font-family: "Knowledge2017Black"; */
    font-size: 60px;
    font-weight: 900;
    line-height: 65px;
}

.view-business-information .main-slide-text .main-slide-textset p.main-slide-script {
    width: 460px;
    height: 70px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
}

.platform-box.col-md-3 {
    width: 35% !important;
    padding-bottom: 50px;
}

.view-platform-cards .platform-box {
    width: 360px;
    padding-bottom: 50px;
}

#user-profile-form #edit-submit,
#user-profile-form #edit-cancel {
    height: auto !important;
    width: auto !important;
}

.tr-user-profile div.field {
    padding: 6px;
}

.tr-user-profile div.field .field-items {
    margin-left: 6px;
}

.field-name-field-business .field-item {
    display: none;
}


/*
 * Product Page
 */

.onsource-node-product-links .field-item {
    display: inline;
    border-radius: 5px;
    border: solid 1px #4d4d4d;
    width: 17.5%;
    float: left;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #FA6400;
}

.onsource-node-product-links .field-item a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}

.onsource-node-product-links .field-item a:hover {
    text-decoration: none;
}

.product-page-view {
    padding-left: 50px !important;
}

.product-page-view .partner-item {
    width: auto !important;
}

.product-page-view .recent-blog-discussions-title .recent-blog-disussion-text {
    margin-left: 0px !important;
}

.apis-related-list .field-name-field-product-smartdocs {
    padding-left: 30px;
}


/* .page-header h1.page-title {
  display: block !important;
} */

.node-type-product h1.page-title {
    padding-left: 50px;
    display: block !important;
}

.node-type-product .product-page-view .field-name-field-overview {
    padding-bottom: 20px;
}

.product-page-view footer {
    clear: both;
}


/* Homepage CSS */

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}


/* New Header */

.homepage-new-container {
    position: relative;
    overflow: hidden;
    width: auto;
    height: 346px;
}

.homepage-new-container:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    z-index: -1;
    background: #fce4c8;
}

.homepage-new-container .rect1 {
    height: 346px;
    width: 366px;
    background: #fff4da;
    transform: rotate(75deg);
    position: absolute;
    left: 0px;
    opacity: 0.5;
}

.homepage-new-container .rect2 {
    height: 346px;
    width: 1077px;
    background: #fff7f3;
    transform: rotate(45deg);
    opacity: 0.3;
    position: absolute;
    left: 363px;
}

.homepage-new-container .rect3 {
    height: 346px;
    width: 1089px;
    background: #fce4c8;
    transform: rotate(45deg);
    opacity: 0.3;
    position: absolute;
    left: 0px;
}

.homepage-new-container .rect4 {
    height: 346px;
    width: 787px;
    background: #ffefe1;
    transform: rotate(-45deg);
    opacity: 0.6;
    position: absolute;
    left: 653px;
}

.homepage-new-container .rect5 {
    height: 346px;
    width: 624px;
    background: #fff7e6;
    transform: rotate(-120deg);
    opacity: 0.5;
    position: absolute;
    left: 187px;
}

.homepage-new-container .rect6 {
    height: 346px;
    width: 329px;
    background: #ffcea1;
    transform: rotate(-120deg);
    opacity: 0.1;
    position: absolute;
    left: 1111px;
}

.homepage-new-container .homepage-marketing-text .welcome-text {
    text-align: center;
    font-size: 38px;
    position: relative;
    margin-top: 7%;
}

.homepage-new-container .homepage-marketing-text .description {
    top: 40%;
    position: relative;
    color: #4d4d4d;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.homepage-new-container .homepage-marketing-text .search-box {
    margin-top: 3%;
    position: absolute;
    font-color: #4d4d4d;
    font-size: 15px;
    line-height: 24px;
    left: 21%;
    width: 60%;
}

.homepage-new-container .homepage-marketing-text input[type=text] {
    width: 87%;
    line-height: 40px;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 16px 24px rgba(77, 77, 77, 0.15);
    background-color: #ffffff;
    padding-left: 1%;
    padding-right: 5%;
}

.homepage-new-container .homepage-marketing-text input[type=submit] {
    width: 10%;
    background-color: #FA6400;
    color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    border-radius: 0 3px 3px 0;
}

.homepage-container .homepage-inner {
    /*  color: #000000;
  background-color: #fce4c8;
 position:relative;
 overflow:hidden;
  border:1px solid red;
  background-repeat:no-repeat;
  -webkit-transform:rotate(45deg); */
}

#main-wrapper .page-header .homepage-container .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.homepage-anonymous-container .homepage-marketing-inner {
    margin-left: -24px;
    margin-top: 58px
}

.homepage-container .homepage-inner {
    margin: 80px 0 40px 90px;
}

.homepage-container h2 {
    margin-bottom: 10px;
    font-size: 60px;
    color: #ffffff;
}

.homepage-container .description {
    width: 597px;
    height: 108px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    top: -68px;
}

.homepage-container .buttons {
    padding-bottom: 45px;
    margin-top: -27px;
}

#admin-menu-wrapper .form-group label {
    display: none !important;
}

.homepage-container .buttons .register {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    height: 48px;
    padding: 15px;
    width: 144px;
    border-radius: 5px;
    background-color: #FA6400;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 18.7px;
}

.homepage-container p.text {
    width: 635px;
    height: 130px;
    color: #ffffff;
    font-size: 60px;
    line-height: 65px;
    font-weight: 900;
}

.homepage-container p.event {
    width: 44px;
    height: 23px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/*LOGIN END*/


/*BUSINESS VIEW */

.view-business.view-id-business {
    margin: auto;
    padding: 42px;
    height: 525px;
}

.view-id-business div.view-header {
    color: #4d4d4d;
    font-size: 38px;
    line-height: 50px;
    text-align: center;
    padding-left: 15px;
}

.view-id-business .views-row {
    padding-left: 30px;
    left: -4px;
    border-radius: 2px;
    border-right: 2px solid #ededed;
    height: 300px;
    margin-top: 50px;
}

.view-id-business .partner-item {
    width: 300px;
    height: 319px;
    border: 0px;
    background-color: #ffffff;
    margin-left: 30px;
    margin-top: -20px;
}

.business-image {
    margin-top: -16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.business-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}

.business-summary {
    width: 300px;
    height: 72px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin: auto;
    padding-top: 15px;
}

div.business-overview-details {
    padding: 55px;
    text-align: center;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 600;
    top: 5px;
}

.view-id-business .views-row:nth-child(3n + 3) {
    border-right: none;
}

.view-id-business table.views-view-grid {
    margin: auto;
    width: 50%;
    padding-left: 10px;
}

.view-id-business.view-display-id-block_1 .views-row .partner-item {
    padding-left: -37px;
    width: 300px;
    height: 317px;
    border: 0px;
    background-color: #ffffff;
    margin-left: 30px;
    margin-top: -27px;
}

.view-id-business.view-display-id-block_1 .views-row:nth-child(2n + 2) {
    border-right: none;
}

.view-id-business.view-display-id-block_1 .views-row {
    width: 530px;
    padding-left: 82px;
    left: 95px;
    border-radius: 2px;
    border-right: 2px solid #ededed;
    height: 300px;
    margin-top: 50px;
}


/*end business*/


/*platform*/

.container-fluid-platform {
    background-color: #f4f4f4;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: -51px;
    margin-bottom: -10px;
    clear: both;
}

.browse_platform_title h3 {
    width: 360px;
    height: 40px;
    color: #4d4d4d;
    font-size: 28px;
    line-height: 40px;
    margin-left: 115px;
}

.view-homepage-platform-all .views-row {
    margin-left: -53px;
    background-color: #F4F4F4;
    padding-left: 7px !important;
    padding-right: 42px;
    padding-bottom: 0px;
    left: 137px;
}

.view-homepage-platform-all .views-view-grid {
    width: 50%;
    padding: 10px;
    margin-left: 80px;
}

.view-homepage-platform-all .partner-item {
    width: 360px !important;
    height: 286px !important;
    box-shadow: 0 2px 0 #ededed;
    border-radius: 2px;
    border: 1px solid #ededed;
    background-color: #ffffff;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.platform-title-text {
    padding-top: 20px;
    color: #666666;
    font-family: "Knowledge2017black";
    font-size: 11px;
    font-weight: 800;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.platform-title {
    width: 300px;
    color: #4d4d4d;
    font-size: 22px;
    font-weight: 900;
    line-height: 30px;
    padding-top: 22px;
}

.platform-title a {
    width: 300px;
    color: #4d4d4d;
    font-size: 22px;
    font-weight: 900;
    line-height: 30px;
    padding-top: 22px;
}

.platform-title a:hover {
    color: #4d4d4d;
}

div.platform-overview {
    width: auto;
    min-height: 80px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    padding-top: 10px;
}

div.platform-details.col-xs-12 {
    padding-left: 15px;
    padding-bottom: 2PX;
    position: absolute;
    bottom: 10px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 10px 10px 0px;
}

.platform-img {
    margin: 5px 9px -5px 0px;
}

div.platform-title svg {
    display: inline-block;
    padding-top: 0;
    background-size: contain;
    vertical-align: middle;
}

.homepage-feedback .container {
    height: 200px;
    border-radius: 2px;
    border: 1px solid #ededed;
    background-color: #ffffff;
    margin-right: 90px;
    margin-top: 30px;
    width: 1150px !important;
    display: none;
}

.homepage-feedback .container .feedback-normal {
    color: #4d4d4d;
    font-size: 24px;
    line-height: 35px;
    padding-top: 60px;
}

.homepage-feedback .container .share {
    color: #4d4d4d;
    font-size: 26px;
    line-height: 2px;
    padding-top: 5px;
}

.homepage-feedback .container .buttons {
    line-height: 0;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    padding: 24px;
    width: 194px;
    background-color: #FA6400;
    position: absolute;
    right: 40px;
    top: 69px;
}

.homepage-feedback .container .buttons a {
    width: 146px;
    height: 19px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}


/*Anonymous */

.homepage-anonymous-container {
    color: #000000;
    background-repeat: no-repeat;
    background-image: url(../imgs/Banner.png) !important;
    padding-top: 50px;
    height: 555px;
    background-size: cover;
}

.homepage-anonymous-container h2 {
    width: 635px;
    height: 134px;
    color: #ffffff;
    font-size: 60px;
    line-height: 65px;
}

.homepage-anonymous-container .description {
    width: 597px;
    height: 108px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.homepage-anonymous-container .buttons .register {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 15px;
    color: #ffffff;
    font-size: 16px;
    line-height: 18.7px;
    width: 124px;
    height: 46px;
    border-radius: 5px;
    background-color: #FA6400;
}

.homepage-anonymous-container .buttons .login {
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 12px;
    width: 114px;
    height: 44px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    left: 994px;
}


/*toolkit*/

.homepage-toolkit {
    margin: 60px 0px 0px 69px;
    width: 1222px;
    height: 919px;
}

.homepage-toolkit-text {
    font-size: 38px;
    margin-left: 20px;
    letter-spacing: normal;
    font-stretch: normal;
    width: 651px;
    height: 50px;
    color: #4d4d4d;
    font-size: 38px;
    line-height: 50px;
    padding-top: 22px;
}

.homepage-toolkit-discussion-heading {
    margin-left: 23px;
    width: 878px;
    height: 105px;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    padding-top: 22px;
}

.homepage-toolkit-partner-item {
    border-radius: 2px;
    width: 360px;
    height: 286px;
    background-color: #ffffff;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.homepage-toolkit-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    padding-left: 135px;
    padding-top: 15px;
}

.homepage-toolkit-title-text {
    font-size: 24px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    color: #4d4d4d;
}

.homepage-toolkit-overview {
    width: 300px;
    height: 72px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin: auto;
    padding-top: 10px;
    padding-left: 65px;
}


/*end Tool kit */

.homepage-anonymous-toolkit-container {
    color: #000000;
    background-repeat: no-repeat;
    background-image: url(../imgs/footer_banner.png) !important;
    margin-top: 23px !important;
    padding-top: 50px;
    height: 481px;
    background-size: cover;
    margin-bottom: -101px;
}

.homepage-anonymous-toolkit-container .description {
    width: 458px;
    height: 132px;
    color: #ffffff;
    font-size: 42px;
    line-height: 42px;
}

.homepage-anonymous-toolkit-container .buttons .register {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    height: 48px;
    padding: 15px;
    width: 144px;
    color: #ffffff;
    font-size: 16px;
    line-height: 18.7px;
    width: 124px;
    height: 46px;
    border-radius: 5px;
    background-color: #FA6400;
    position: absolute;
    bottom: -136px;
}

@media only screen and (max-width: 1280px) {
    .homepage-container {
        min-height: 600px !important;
    }

    .view-business.view-id-business {
        min-height: 1280px;
        padding-top: 0px;
        padding-left: 2px;
    }

    .container-fluid-platform {
        min-height: 1280px;
        max-width: 300px;
        margin: auto;
    }

    .homepage-feedback .container {
        min-height: 150px;
    }

    .homepage-feedback .container .feedback-normal {
        padding-top: 15px !important;
    }

    .homepage-anonymous-container {
        min-height: 600px !important;
    }

    .homepage-feedback .container {
        min-height: 50px !important;
    }

    .homepage-anonymous-toolkit-container {
        min-height: 600px !important;
    }
}

@media only screen and (min-width: 1280px) {
    .view-business.view-id-business {
        min-height: 550px !important;
    }

    .container-fluid-platform {
        min-height: 550px !important;
    }

    .homepage-feedback .container .feedback-normal {
        min-height: 50px !important;
    }

    .homepage-feedback .container .buttons {
        min-height: 50px !important;
    }

    .homepage-anonymous-container {
        min-height: 550px !important;
    }

    .homepage-anonymous-toolkit-container {
        min-height: 550px !important;
    }

    .homepage-container {
        min-height: 346px !important;
    }
}

@media (min-width:992px) {
    .view-platform-cards .col-lg-4:nth-child(3n+1) {
        clear: left;
    }
}


/** Terms and Conditions */

.terms-condition-form .terms-condition-desc {
    border: 1px solid #ccc;
    height: auto;
    padding: 15px;
    border-radius: 4px;
    background-color: #ccc;
}

.terms-condition-form .btn-default {
    padding: 14px 30px;
}

.terms-condition-form #edit-submit {
    background-color: #FA6400;
    color: #fff;
    font-size: 16px;
}

.terms-condition-form #edit-cancel {
    font-size: 16px;
    margin-right: 15px;
    height: auto;
    width: auto;
    margin-top: -5px;
}

.terms-condition-form .tr-tc-buttons {
    text-align: right;
}


/* Access Denied CSS */

.access-denied {
    border-top: 2px solid #afafaf;
}

.access-denied .align-center {
    text-align: center;
    padding-top: 60px;
}

.access-denied .limited-access-txt {
    color: #4d4d4d;
    font-family: "Knowledge 2017- Black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
    display: inline;
}

.access-denied .limited-access-desc {
    width: 393px;
    color: #4d4d4d;
    font-size: 15px;
    line-height: 30px;
}

.access-denied .request-access-403 {
    width: 183px;
    height: 47px;
    border-radius: 5px;
    background-color: #FA6400;
}

.access-denied .request-access-txt {
    font-size: 18px;
    padding: 10px;
}

.access-denied .logged-txt {
    font-size: 15px;
    line-height: 40px;
}

.logged-txt-mail {
    color: #db0b0a !important;
}

.request-access-403 {
    display: inline-block;
}

.request-access-txt a,
.request-access-txt a:hover {
    text-decoration: none;
    color: #fff;
}

.page-header h1.access-denied-title {
    display: block;
}


/**
 * platform page
 */

.global-header .global-header-text {
    font-size: 28px;
    margin-left: 20px;
    color: #4d4d4d;
}

.global-header .global-heading {
    font-size: 28px;
    font-family: "knowledge2017black";
    font-weight: bold;
    margin-left: 5px;
    color: #4d4d4d;
}

.partner-item .title-text {
    color: #4d4d4d;
    font-weight: bold;
    padding-top: 30px;
}

.partner-item .overview {
    font-size: 15px;
    padding-top: 30px;
    color: #4d4d4d;
}

.view-platform-information .main-slide-text {
    position: absolute;
    left: 7%;
    /* 26-10 */
    top: 25%;
    margin: 0 auto;
}

.view-platform-information .business-img img {
    width: 100%;
    height: 555px;
}

.view-platform-information .main-slide-text h1 {
    margin-top: 40px;
    font-family: "knowledge2017black";
    padding-top: 20px;
    font-stretch: normal;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.view-platform-information .main-slide-text h2 {
    font-size: 60px;
    color: #ffffff;
    margin-top: 98px;
    margin-bottom: 13px;
}

.view-platform-information .main-slide-text .main-slide-textset p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    width: 597px;
}

.view-platform-information .main-slide-text .main-slide-textset .main-slide-script {
    width: 500px;
    color: #fff;
    font-size: 60px;
    line-height: 65px;
}

.view-platform-information .main-slide-textset .buttons {
    padding-top: 50px;
}

.view-platform-information .main-slide-textset .buttons .register {
    font-size: 18px;
    border-radius: 5px;
    height: 47px;
    padding: 15px;
    color: #fff;
    background-color: #FA6400;
    border: 1px solid #FA6400;
    margin-right: 20px;
    white-space: normal;
}

.view-platform-products .view-header {
    position: initial;
}

.view-platform-products .view-header .global-header {
    margin: 20px 0px;
}

.view-platform-products .view-header .global-header .global-header-text {
    line-height: 50px;
}

.view-platform-products .view-content {
    position: relative;
    left: 1%;
    /* 26-10 */
}

.view-platform-products .view-content .partner-item .title-text {
    font-family: "knowledge2017black";
    font-size: 22px;
    margin-left: 20px;
    height: 70px;
}

.view-platform-products .view-content .partner-item {
    width: 360px;
    height: 259px;
    border: 1px solid #dddddd;
}

.view-platform-products .view-content .partner-item .overview {
    line-height: 24px;
    margin: 0px 20px 0px 20px;
    height: 89px;
}

.view-platform-products .view-content .partner-item .access-true {
    margin: 50px 20px 20px 20px;
}

.view-platform-products .view-content .partner-item .access-true .browse {
    font-family: "knowledge2017medium";
    color: #4d4d4d;
    font-size: 15px;
    font-weight: bold;
    line-height: 44px;
}

.view-platform-products .view-content .partner-item .access-true .browse:after {
    content: url(../imgs/long-arrow-left-orange.png);
    position: relative;
    z-index: initial;
    left: -2px;
    top: 2px;
    padding: 5px;
}

.view-platform-products .view-content .partner-item .access-false {
    margin: 50px 20px 20px 20px;
    font-weight: bold;
}

.view-platform-products .view-content .partner-item .access-false .request {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: bold;
    line-height: 44px;
}

.view-platform-products .view-content .partner-item .access-false .request:before {
    content: url(../imgs/request_access.png);
    position: relative;
    z-index: initial;
    left: -2px;
    top: 5px;
    padding: 5px;
}

.view-platform-products .partner-item .title-text:before {
    content: url(../imgs/product.png);
    position: relative;
    z-index: initial;
    left: -2px;
    top: 5px;
    padding: 5px;
}

.view-platform-products .view-content .partner-item .request-access {
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 10px;
    padding: 30px 0px 30px 0px;
}

.recent-platform-updates {
    width: 360px;
    height: 380px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

.view-product-updates .main-slide-textset .buttons a:hover {
    text-decoration: none;
}

.view-product-updates {
    margin-top: 30px;
}

.view-product-updates .view-header .recent-blog-discussions-title .recent-blog-disussion-text {
    font-size: 28px;
}

.view-product-updates .view-header .recent-blog-discussions-title .recent-blog-discussion-heading {
    font-size: 28px;
}

.view-product-updates .view-content {
    position: relative;
    color: #fff;
}

.view-product-updates .view-header {
    /* 26-10 */
    margin: 25px 0px;
}

.view-product-updates .view-header .recent-blog-homepage {
    margin-left: 0px;
    /* 26-10 */
}

.view-product-updates .view-header .recent-blog-homepage-view-more {
    padding-bottom: 0px;
    /* 26-10 */
    margin-right: 0px;
    /* 26-10 */
}

.view-product-updates .view-content .partner-item {
    width: 360px;
    height: 380px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

.view-product-updates .view-content .partner-item .recent-blog-title-text {
    font-family: "knowledge2017black";
    font-size: 22px;
    margin: 0px 20px;
    height: 93px;
    /* 26-10 */
}

.view-product-updates .view-content .partner-item .recent-blog-body {
    line-height: 24px;
    margin: 0px 20px 30px 20px;
    height: 163px;
    /* 26-10 */
}

.view-product-updates .view-content .partner-item .recent-blog-date-and-author {
    padding: 30px 0px;
    margin: 0px 20px;
}

.view-product-updates .view-content .partner-item .recent-blog-date {
    color: #4d4d4d;
    font-size: 13px;
    letter-spacing: normal;
    text-transform: capitalize;
    margin-left: 0px !important;
}

.view-product-updates .view-content .partner-item .recent-blog-author {
    color: #4d4d4d;
    font-size: 13px;
}

.view-product-updates .recent-blog-homepage-view-more a:after {
    content: url(../imgs/long-arrow-left-orange.png);
    padding: 7px;
}

.view-product-discussions .main-slide-textset .buttons a:hover {
    text-decoration: none;
}

.view-product-discussions {
    margin-top: 30px;
}

.view-product-discussions .partner-item .forum-title-text,
.view-forums-search .view-content .partner-item .forum-title-text {
    margin: 0px 20px;
    font-family: "knowledge2017Medium";
}

.view-product-discussions .view-header .forum-discussions-title .forum-disussion-text {
    font-size: 28px;
    padding-left: 15px;
    /* 26-10 */
}

.view-product-discussions .view-header .forum-discussions-title .forum-discussion-heading {
    font-size: 28px;
    line-height: 50px;
}

.view-product-discussions .view-content {
    position: relative;
    color: #fff;
    margin-bottom: 400px;
}

.view-product-discussions .view-content .partner-item {
    width: 261px;
    /* 26-10 */
    height: 271px;
    /* 26-10 */
    border: 1px solid #dddddd;
}

.view-product-discussions .view-header .partner-carousel-homepage-view-more {
    padding-bottom: 0px;
}

.view-product-discussions .view-content .partner-item .forum-last-updated-and-author {
    margin: 30px 0px 0px 10px;
}

.view-product-discussions .partner-item .form-comment-count,
.view-forums-search .partner-item .form-comment-count {
    padding: 30px 0 0 20px !important;
    height: 57px;
    color: #212121;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 44px;
}

.view-product-discussions .view-content .partner-item .forum-last-updated,
.view-forums-search .view-content .partner-item .forum-last-updated {
    font-size: 13px;
    font-family: "knowledge2017regular";
    font-weight: 400;
    line-height: 20px;
}

.view-product-discussions .view-content .partner-item .forum-last-author,
.view-forums-search .view-content .partner-item .forum-author {
    color: #4d4d4d;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: capitalize;
}

.view-product-discussions .view-content .partner-item .last-updated-time,
.view-forums-search .view-content .partner-item .last-updated-time {
    color: #4d4d4d;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0px 20px 0px 20px;
    padding: 20px 0px 20px 0px;
}

@media only screen and (max-width: 768px) {
    .view-platform-information .business-img img {
        width: 100%;
        background-color: lightblue;
        height: 333px;
    }
}

@media only screen and (max-width: 767px) {
    .view-platform-information .main-slide-text .main-slide-textset .main-slide-script {
        width: 100% !important;
        height: 150px;
        color: #ffffff;
        font-size: 30px;
        line-height: 30px;
        font-weight: 500;
    }

    .trpdc-logo a .logo-tr-w-lg {
        width: 100% !important;
        height: 100%;
        float: left;
    }
}

.view-product-discussions .partner-item .form-comment-count:before,
.view-forums-search .partner-item .form-comment-count:before {
    content: url(../imgs/Comments-Filled.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 5px;
    padding: 7px;
}

.view-product-discussions .partner-item .last-updated-time:before,
.view-forums-search .partner-item .last-updated-time:before {
    content: url(../imgs/time.png);
    position: relative;
    z-index: initial;
    right: 5px;
    top: 3px;
    padding: 5px;
}

.view-product-discussions .partner-carousel-homepage-view-more a:after {
    content: url(../imgs/long-arrow-left-orange.png);
    padding: 7px;
}


/**
 * Search Page Facet Blocks
 */

.block-facetapi h2 {
    height: 20px;
    color: #666666;
    font-family: "knowledge2017black";
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #dddddd;
    padding: 0px 0px 30px 0px;
}

.block-facetapi ul {
    padding-left: 0px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.block-facetapi ul>li {
    list-style: none;
    padding: 10px 0px;
    border-bottom: 1px solid #dddddd;
}

.block-facetapi ul>li a {
    color: #4d4d4d;
}

.block-facetapi a.facetapi-active {
    display: none;
}

.block-current-search {
    border: 1px solid #dad8d8;
}

.block-current-search ul>li {
    list-style: none;
    font-family: knowledge2017medium;
    padding-bottom: 10px;
}

.block-current-search .current-search-item ul {
    padding-left: 25px;
}

.block-facetapi ul>li:last-child {
    border-bottom: none;
}

.block-current-search h2 {
    height: 20px;
    color: #666666;
    font-family: "knowledge2017black";
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0px 0px 30px 25px;
}

.block-current-search .current-search-item a.active {
    float: right;
    padding: 15px;
    color: #005da2;
    font-weight: bold;
    text-decoration: none;
}

.block-current-search .current-search-item ul>li a {
    float: right;
    margin-right: 15px;
    content: url(../imgs/remove-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}


/**
 * Narrow-by block
 */

.narrow-block p {
    height: 22px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid #dddddd;
    padding: 40px 0px;
}


/**
 * Updates Search
 */

.view-updates-search .view-header .global-header {
    height: 43px;
    color: #4d4d4d;
    font-size: 28px;
    line-height: 40px;
}


/* Text style for "All" */

.view-updates-search .view-header .global-header .global-header-text,
.view-forums-search .view-header .global-header .global-header-text {
    font-family: "knowledge2017regular";
    font-weight: 400;
}


/* Text style for "Updates */

.view-updates-search .view-header .global-header .global-heading,
.view-forums-search .view-header .global-header .global-heading {
    font-family: "knowledge2017black";
    font-weight: 900;
}

.view-updates-search .view-content .partner-item {
    width: 400px;
    height: 428px;
    background-color: #ffffff;
}

.view-updates-search .view-content .partner-item .recent-blog-title-text {
    height: 20px;
    color: #666666;
    font-family: "knowledge2017black";
    margin: 0px 20px;
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.view-updates-search .view-content .partner-item .recent-blog-body {
    height: 320px;
    margin: 0px 20px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 22px;
    font-weight: 900;
    line-height: 30px;
}

.view-updates-search .view-content .partner-item .recent-blog-date-and-author {
    margin-left: 20px;
}

.view-updates-search .view-content .partner-item .recent-blog-date {
    height: 20px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    letter-spacing: 0px;
}

.view-updates-search .view-content .partner-item .recent-blog-time {
    margin: 0px 0px 0px 50px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 13px;
    font-weight: 400;
}

.view-updates-search #edit-search-api-views-fulltext,
.view-forums-search #edit-search-api-views-fulltext,
.view-api-search #edit-search-api-views-fulltext,
.view-nodes-index #edit-search-api-views-fulltext {
    border-radius: 5px;
    border: 1px solid #dddddd;
    height: 58px;
}

.view-updates-search #edit-sort-by,
.view-forums-search #edit-sort-by,
.view-nodes-index #edit-sort-by,
.view-api-search #edit-sort-by {
    width: 260px;
    height: 58px;
    border-radius: 5px;
    border: 1px solid #afafaf;
    background-color: #ffffff;
}

.view-updates-search .control-label {
    display: none;
}

.view-updates-search .page-title,
.view-forums-search .page-title,
.view-api-search .page-title,
.view-nodes-index .page-title {
    width: 269px;
    height: 52px;
    color: #4d4d4d;
    font-size: 38px;
    line-height: 50px;
}

.view-updates-search .page-title .title-text {
    font-family: "Knowledge2017regular";
    font-weight: 400;
}

.view-updates-search .page-title .title-heading,
.view-forums-search .page-title .title-heading,
.view-api-search .page-title .title-heading,
.view-nodes-index .page-title .title-heading {
    font-family: "knowledge2017black";
    font-weight: 900;
}

.view-updates-search #edit-search-api-views-fulltext-wrapper .description,
.view-forums-search #edit-search-api-views-fulltext-wrapper .description {
    height: 27px;
    color: #4d4d4d;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}

.view-updates-search #edit-search-api-views-fulltext-wrapper .description:after,
.view-forums-search #edit-search-api-views-fulltext-wrapper .description:after {
    content: "newterm";
    text-indent: 0;
    display: inline;
    line-height: initial;
    font-family: "knowledge2017medium";
    font-weight: 500;
}

.view-updates-search .form-item .form-control,
.view-forums-search .form-item .form-control {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}


/**
 * Forums Search
 */

.view-forums-search .view-content .partner-item .forum-last-updated-and-author {
    margin: 30px 0px 0px 10px;
}

.view-forums-search .form-item label {
    display: none;
}

.view-forums-search .partner-item {
    border: 1px solid #dddddd;
    height: auto;
}

.view-updates-search .view-content,
.view-forums-search .view-content {
    min-height: 860px;
}


/**
 * Pagination
 */

.page-content .pagination .prev,
.page-content .pagination .next {
    height: 44px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 44px;
}

.page-content .pagination>.prev:before {
    content: url(../imgs/long-arrow-left.png);
    float: left;
    line-height: 0px;
    padding: 12px 0px;
}

.page-content .pagination>.next:after {
    content: url(../imgs/long-arrow-left-gray.png);
    float: left;
    line-height: 0px;
    padding: 12px 0px;
}

.page-content .pagination>li>a,
.page-content .pagination>.active>li>span {
    border: none;
    color: #4d4d4d;
    height: 44px;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    margin: 0px 15px;
}

.page-content .pagination>.active>a,
.page-content .pagination>.active>span,
.page-content .pagination>.active>a:hover,
.page-content .pagination>.active>span:hover,
.page-content .pagination>.active>a:focus,
.page-content .pagination>.active>span:focus {
    background-color: #fff;
    border-color: #fff;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    margin: 0px 17px;
    font-family: "knowledge2017medium";
}

.page-content .pagination>.active>span,
.page-content .pagination>.active>span:hover {
    border-bottom: 2px solid #FA6400;
}

.page-content .pagination>li>span {
    border: none;
}

.page-content .pagination>.disabled>span,
.page-content .pagination>.disabled>span:hover,
.page-content .pagination>.disabled>span:focus,
.page-content .pagination>.disabled>a,
.pagination>.disabled>a:hover,
.page-content .pagination>.disabled>a:focus {
    border-color: #fff;
}

.page-content .pagination>.active>span,
.page-content .pagination>.active>span:hover {
    border-bottom: 2px solid #FA6400;
}


/**
 * API Search page
 */

.view-api-search .type-Product a:before {
    content: url(../imgs/product-icon.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-api-search .type-API a:before {
    content: url(../imgs/api-icon.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-api-search .form-item .control-label,
.view-nodes-index .form-item .control-label {
    display: none;
}

.view-api-search .api-item,
.view-nodes-index .api-item {
    margin: 15px 0px;
    border-bottom: 1px solid #ddd;
}

.view-api-search .api-item .field-selectors,
.view-nodes-index .api-item .field-selectors {
    height: auto;
    /* padding: 15px 0px; */
    color: #005ca2;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.view-api-search .api-item .field-api-title,
.view-nodes-index .api-item .field-api-title {
    color: #005da2;
    padding: 10px 0px;
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
}

.view-api-search .api-item .field-api-overview,
.view-nodes-index .api-item .field-api-overview {
    height: auto;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.view-api-search .form-item-sort-by>label,
.view-nodes-index .form-item-sort-by>label {
    display: none;
}

@-moz-document url-prefix() {
    .block-current-search .current-search-item ul>li a {
        text-indent: 100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
    .homepage-container .homepage-inner {
        margin: 80px 0 40px 165px;
    }

    .view-id-business div.view-header {
        color: #4d4d4d;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        padding-left: 20px;
        margin-top: -20px;
    }

    .view-id-business .views-row {
        padding-left: 30px;
        left: 59px;
        border-radius: 2px;
        border-right: 2px solid #ededed;
        height: 300px;
        margin-top: 50px;
    }

    .view-id-business .partner-item {
        width: 300px;
        height: 319px;
        border: 0px;
        background-color: #ffffff;
        margin-left: 45px;
        margin-top: -19px;
    }

    .browse_platform_title h3 {
        width: 360px;
        height: 40px;
        color: #4d4d4d;
        font-size: 28px;
        line-height: 40px;
        margin-left: 178px;
    }

    ul.quicktabs-tabs.quicktabs-style-boring {
        line-height: 44px;
        text-align: left;
        padding: 0px;
        margin-left: 165px;
        margin: 0 0 px 0;
    }

    .homepage-feedback .container {
        height: 200px;
        border-radius: 2px;
        border: 1px solid #ededed;
        background-color: #ffffff;
        margin-right: 161px;
        margin-top: 30px;
        width: 1160px !important;
    }

    .homepage-anonymous-toolkit-container {
        background-size: cover;
    }

    .view-business-information .main-slide-text {
        left: 14%;
    }

    .view-platform-cards.view-platform-cards .platform_product_title h3 {
        margin: 35px 0 25px 110px;
    }

    .view-platform-cards .platform-box {
        margin-left: 92px;
    }

    .view-product-list .item-list ul>li.views-row a:after {
        left: 415px;
    }

    .view-homepage-platform-all .views-row {
        margin-left: -100px;
        background-color: #F4F4F4;
        padding-left: 7px !important;
        padding-right: 42px;
        padding-bottom: 0px;
        left: 250px;
    }

    .view-homepage-platform-all .partner-item {
        width: 360px !important;
        height: 286px !important;
        box-shadow: 0 2px 0 #ededed;
        border-radius: 2px;
        border: 1px solid #ededed;
        background-color: #ffffff;
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding-left: 15px;
    }

    .view-platform-cards {
        margin: 30px;
        padding: 20px 45px 20px 48px;
    }

    .view-id-business.view-display-id-block_1 .views-row {
        width: 530px;
        padding-left: 82px;
        left: 164px;
        border-radius: 2px;
        border-right: 2px solid #ededed;
        height: 300px;
        margin-top: 50px;
    }

    .view-id-business.view-display-id-block_1 .views-row .partner-item {
        padding-left: -37px;
        width: 300px;
        height: 317px;
        border: 0px;
        background-color: #ffffff;
        margin-left: 30px;
        margin-top: 14px;
    }

    .homepage-toolkit {
        margin: 60px 0px 0px 148px;
        width: 1222px;
        height: 919px;
    }

    .homepage-anonymous-toolkit-container .description {
        width: 458px;
        height: 132px;
        color: #ffffff;
        font-size: 42px;
        line-height: 42px;
        margin-left: -9px;
    }

    .product-link.sub-product-type a:after {
        right: 120px !important;
    }

    .page-node-dev-tools #block-left-side-block-left-side-block .product-link.sub-product-type a:after {
        right: 137px;
    }
}

.logged-in #openid-connect-login-form button.btn {
    display: none;
}

.logged-in #openid-connect-login-form--2 .btn-default {
    display: none !important;
}

img.search {
    width: 16px;
    height: 16px;
    margin: 20px;
}

img.profile {
    width: 14px;
    height: 20px;
    float: right;
    margin-top: -40px;
    margin-right: -20px;
}

#environment-indicator {
    display: none;
}

body.adminimal-menu #admin-menu #environment-indicator .environment-indicator-name {
    display: none !important;
}

.apigee-header.homepage-header .dropdown {
    list-style: none;
}

#admin-menu.admin-menu-processed.admin-menu-position-fixed[style] {
    background-color: black !important;
}

.apigee-header.homepage-header .dropdown-menu {
    position: absolute;
    z-index: 1000;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    top: -16px;
    left: 26px;
    /**Header change****/
}


/*left side block css */

.product-heading {
    width: 109%;
    height: auto;
    min-height: 65px;
    color: #4d4d4d;
    font-family: "Knowledge2017Black";
    font-size: 38px;
    font-weight: 900;
    line-height: 40px;
    padding-left: 96px;
    z-index: 998;
    border-bottom: 2px solid #afafaf;
    margin-left: -20px;
    margin-top: -8px;
    padding-bottom: 0%
}

.product-related-list .onsource-node-product-links-overview {
    width: 299px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
}

.product-related-list .onsource-node-product-links-overview a {
    width: 299px;
    height: 24px;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px;
    display: inline-block;
    text-decoration: none;
}

.product-related-list .onsource-node-product-links-overview a.active {
    width: 299px;
    height: 61px;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px;
    display: inline-block;
    background-color: #f4f4f4;
    text-decoration: none;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

.page-node .panel-group {
    margin-top: -1px;
    margin-left: -1px;
}

.panel-title.products-type {
    width: 300px;
    height: 62px;
    background-color: #ffffff;
    padding: 22px;
    margin-top: -11px;
    margin-bottom: -11px;
    margin-left: -14px;
    border-top: 1px solid #d0d0d0;
}

.panel-title.products-type a {
    width: 310px;
    height: 24px;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.panel-title.products-type a:after {
    content: url(../imgs/down-chevron-orange.png);
    position: relative;
    z-index: initial;
    float: right;
    padding-right: -32px;
    margin-right: -18px;
}

.panel-title.products-type a[aria-expanded="true"]:after {
    content: url(../imgs/UP.png);
    position: relative;
    z-index: initial;
    float: right;
}

.product-link.sub-product-type {
    width: 275px;
    height: 62px;
    background-color: white;
    margin-left: 24px;
}

.product-related-list .panel-body {
    padding: 0px !important;
}

.product-link.sub-product-type a {
    max-width: 255px;
    height: 62px;
    display: block;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    padding: 20px;
    white-space: nowrap;
    /* overflow: hidden;
    text-overflow: ellipsis; */
    margin-left: 15px;
}

.product-link.sub-product-type.active {
    height: 62px;
    background-color: #f4f4f4;
    width: 85.5%;
    margin-left: 38px;
}

.product-link.sub-product-type a.active:after {
    content: none;
}

.product-link.sub-product-type:not(:last-child).active a {
    padding-left: 33px;
    width: 296px;
    margin-left: 3px;
}

.product-link.sub-product-type:not(:last-child) a {
    display: block;
    border-bottom: 2px solid #d0d0d0;
}

.product-link.sub-product-type a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: absolute;
    z-index: initial;
    float: right;
    right: 70px;
    margin-top: 2px;
}

.product-link.sub-product-type.sub-help-content a:after {
    right: 92px;
}


/* DVPRT-294 */

@media only screen and (max-width: 1350px) {
    .product-link.sub-product-type a:after {
        width: 0% !important;
        right: 45px !important;
    }
}

@media only screen and (min-width: 1350px) {
    .product-link.sub-product-type a:after {
        width: 4% !important;
    }
}

@media only screen and (min-width: 1280px) {
    .product-link.sub-product-type a:after {
        width: 4% !important;
    }
}

@media only screen and (min-width: 1440px) {
    .product-link.sub-product-type a:after {
        width: 0% !important;
    }
}

@media only screen and (min-width: 1600px) {
    .product-link.sub-product-type a:after {
        width: 9% !important;
    }
}

@media only screen and (min-width: 1680px) {
    .product-link.sub-product-type a:after {
        width: 14% !important;
    }
}

@media only screen and (min-width: 1686px) {
    .product-link.sub-product-type a:after {
        width: 14% !important;
    }
}

@media only screen and (min-width: 1798px) {
    .product-link.sub-product-type a:after {
        width: 20% !important;
    }
}

@media only screen and (min-width: 1900px) {
    .product-link.sub-product-type a:after {
        width: 24% !important;
    }
}

@media only screen and (min-width: 1920px) {
    .product-link.sub-product-type a:after {
        width: 25% !important;
    }
}

@media only screen and (min-width: 2023px) {
    .product-link.sub-product-type a:after {
        width: 30% !important;
    }
}

@media only screen and (min-width: 2698px) {
    .product-link.sub-product-type a:after {
        width: 45% !important;
    }
}

.onsource-node-summary .field-name-field-product-image {
    padding-top: 60px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    width: 300px;
    border-top: 2px solid #d0d0d0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    margin-bottom: -2px;
}

.panel-heading.no-results {
    display: none;
}

.container.product-background {
    margin-left: -38px;
}

.product-related-list li.onsource-node-product-links-lists {
    margin: 10px;
    background-color: #f4f4f4;
    width: 299px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    margin-bottom: -9px;
}

.product-related-list ul.onsource-node-product-links-lists-ul {
    margin: 10px;
    background-color: #f4f4f4;
    width: 299px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    margin-bottom: -9px;
}

.product-related-list li.onsource-node-product-links-lists a:after {
    content: none;
}

.product-related-list li.onsource-node-product-links-lists a:hover:after {
    content: none;
}

.product-related-list li {
    margin: 9px;
    width: 299px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    padding: 20px;
}

.product-related-list li a {
    padding: 20px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.product-related-list ul {
    padding: 20px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.product-related-list li a:after {
    content: url(../imgs/down-chevron-orange.png);
    position: relative;
    z-index: initial;
    float: right;
}

.product-related-list {
    margin: 60px;
    list-style: none;
}

.product-related-list li a:hover:after {
    content: url(../imgs/UP.png);
    position: relative;
    z-index: initial;
    float: right;
}

.product-related-list li.onsource-node-product-links-listed a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
}

.view-id-product_overview .views-row .views-field-title {
    margin-top: 16px;
    background-color: #f4f4f4;
    width: 257px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    margin-bottom: -16px;
    margin-left: -188px;
}

.view-id-product_overview .views-row .views-field-title a {
    padding: 20px;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.product-related-list .onsource-node-product-links-overview.updates {
    width: 300px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    margin-top: -20px;
    padding-left: 8px;
}

.product-related-list .onsource-node-product-links-overview.updates a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
    margin-right: -3px;
}

.product-related-list .onsource-node-product-links-overview.discussions {
    width: 300px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    padding-left: 8px;
    border-bottom: 1px solid #d0d0d0;
}

.product-related-list .onsource-node-product-links-overview.discussions a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
    margin-right: -3px;
}

.product-related-list .onsource-node-product-links-overview.add {
    width: 299px;
    height: 62px;
    border-top: 2px solid #d0d0d0;
    margin-top: -5px;
    margin-left: -21px;
    padding-left: 0px;
    list-style: none;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.product-related-list .onsource-node-product-links-overview.add a {
    padding-top: 0px;
    padding-left: 0px;
}

.product-related-list .onsource-node-product-links-overview.add a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
    right: -9px;
}

.node-product-links {
    margin-top: 60px;
    width: 299px;
    color: #666666;
    font-family: "Knowledge 2017Black";
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

li.onsource-node-product-links-overview.add:last-child {
    border-bottom: 2px solid #d0d0d0;
}

div.view-product-overview {
    margin-left: 60px;
    margin-top: 50px;
}

div.view-id-product_overview div.field-content.onsource-node-title {
    margin: -6px !important;
}

div.field-content.onsource-node-title a {
    width: 760px;
    height: 40px;
    color: #4d4d4d;
    font-family: "Knowledge2017Black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
    text-decoration: none;
}

div.view-product-overview .btn-info,
.btn-info:hover {
    color: #fff;
    background-color: #FA6400 !important;
    border-color: #FA6400 !important;
}

.onsource-node-summary .field-name-field-product-image .img-responsive {
    width: 810px !important;
    height: 335px !important;
}

.onsource-node-summary .field-name-field-product-image {
    padding-top: 50px;
}

.node-type-product h1.page-title {
    display: none !important;
}


/*smartdocs */

#block-left-side-block-left-side-block {
    margin-top: 45px;
    margin-left: -12px;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview {
    width: 299px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview a {
    width: 299px;
    height: 24px;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px;
    display: inline-block;
    text-decoration: none;
}

#block-left-side-block-left-side-block .product-link.sub-product-type a {
    /*width: 262px;
  height: 62px;
  display: block;
  color: #4d4d4d;
  font-family: "Knowledge2017Medium";
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  padding: 20px;*/
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview.updates {
    width: 300px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    margin-top: -20px;
    padding-left: 8px;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview.updates a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
    margin-right: -3px;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview.discussions {
    width: 300px;
    height: 62px;
    border-top: 1px solid #d0d0d0;
    padding-left: 8px;
    border-bottom: 1px solid #d0d0d0;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview.discussions a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
    margin-right: -3px;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview.add a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: relative;
    z-index: initial;
    float: right;
    right: -9px;
}

#block-left-side-block-left-side-block .onsource-node-product-links-overview.add {
    width: 299px;
    height: 62px;
    border-top: 2px solid #d0d0d0;
    margin-top: 10px;
    margin-bottom: -9px;
    margin-left: -40px;
    list-style: none;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.view-display-id-modelindex {
    margin-top: 35px;
    margin-left: 50px;
}


/* end smartdocs */


/* request-key */

.request-a-key .title {
    color: black;
    font-family: "Knowledge Light";
    font-size: 27px;
    line-height: 30px;
    margin: 25px 0 10px 0;
}

.request-a-key .description {
    color: #999;
    font-family: "Knowledge Regular";
    font-size: 14px;
    line-height: 16px;
    margin: 20px 0 10px 0 !important;
    padding-bottom: 0px;
}

.request-a-key .prod-desc {
    color: black;
    font-family: "Knowledge Regular";
    font-size: 18px;
    line-height: 20px;
    margin: 20px 0 10px 0;
}

.request-a-key .row-content-wrapper {
    clear: both;
    border: 1px solid #dadada;
    width: 75%;
}

.request-a-key .row-content-wrapper .row-left-content {
    float: left;
}

.request-a-key .row-content-wrapper .row-title {
    color: #515151;
    font-family: "Knowledge Bold";
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 3px;
}

.request-a-key .row-content-wrapper .row-summary {
    display: block;
    overflow: hidden;
}

.request-a-key .row-content-wrapper .row-left-content .gateway-product-image {
    display: inline-block;
    padding-right: 15px;
}

.request-a-key .row-content-wrapper .row-title-wrapper {
    padding: 15px 15px 20px;
}

.request-a-key .request-button-wrapper .request-button-desc {
    color: #C0C0C0;
}

.request-a-key .request-button-wrapper .request-button {
    float: right;
}

.request-a-key .request-button-wrapper {
    padding: 15px 15px 20px;
    background-color: #F4F4F4;
    height: 60px;
    border: 1px solid #DADADA;
    width: 75%;
}

.request-a-key .request-button-wrapper .request-button input {
    color: #fff;
    background-color: #FA6400;
    font-family: "Knowledge Bold";
    height: 32px;
    padding: 6px 15px;
    min-width: 46px;
    border-radius: 2px;
    border: 1px;
}

.request-a-key #request-key-modal-container .modal-dialog {
    width: 70%;
}

.request-a-key #request-key-modal-container .modal-body {
    padding: 10px 30px 30px 30px;
}

.request-a-key .select-an-app .title,
.request-a-key .eula-display .title {
    color: #333333;
    font-family: "Knowledge Regular";
    font-size: 22px;
    letter-spacing: 0.24px;
    line-height: 25px;
}

.request-a-key .select-an-app .description,
.request-a-key .eula-display .description {
    margin-top: 0px !important;
}

.request-a-key .select-an-app .apps-dropdown,
.request-a-key .eula-display .apps-dropdown {
    margin: 20px 10px 20px 0px;
}

.ui-form-select {
    width: 430px;
    height: 32px;
    font-family: "Knowledge Light";
    font-size: 27px;
    line-height: 30px;
    color: black;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.col-xs-offset-2 {
    margin-left: 16.666667%;
}

.ui-form-select_hidden {
    display: none;
}

.request-a-key .select-an-app .apps-dropdown .ui-form-select-styled,
.request-a-key .eula-display .apps-dropdown .ui-form-select-styled {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 430px;
    height: 48px;
    padding: 12px;
    font-size: 16px;
    z-index: 1000;
}

.request-a-key .select-an-app .apps-dropdown label,
.request-a-key .eula-display .apps-dropdown label {
    color: #999;
    font-family: "Knowledge Light";
    font-size: 16px;
    letter-spacing: 0.15px;
    line-height: 48px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.request-a-key .select-an-app .request-key-cancel-button,
.request-a-key .eula-display .request-key-cancel-button,
.request-a-key .select-an-app .request-key-back-button,
.request-a-key .eula-display .request-key-back-button {
    width: 207px;
    height: 48px;
    border: 1px solid #D0D0D0;
    border-radius: 2px;
    color: #333333;
    font-family: "Knowledge Bold";
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    background-color: #fff;
    margin-left: 10px;
}

.request-a-key .select-an-app .request-key-next-button,
.request-a-key .eula-display .request-key-next-button {
    width: 204px;
    height: 48px;
    background-color: #FA6400;
    border-radius: 2px;
    color: white;
    font-family: "Knowledge Bold";
    font-size: 16px;
    line-height: 18px;
    border: none;
}

.request-a-key .select-an-app .request-key-submit-button,
.request-a-key .eula-display .request-key-submit-button {
    width: 204px;
    height: 48px;
    background-color: #FA6400;
    border-radius: 2px;
    color: white;
    font-family: "Knowledge Bold";
    font-size: 16px;
    line-height: 18px;
    border: none;
}


/* end request key */


/* apps and keys page */

.my-apps {
    margin: 20px 0;
}

.apps-and-keys-page {
    margin-left: 4%;
}

.apps-and-keys-page #cusumer-key-id-dots,
.apps-and-keys-page #cusumer-secret-id-dots {
    margin-left: unset;
}

.apps-and-keys-page .personal-apps-keys-generate-new-key {
    left: 77% !important;
}

.apps-and-keys-page #com-new-key-generation {
    margin-right: 1%;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.my-apps .list-group .list-group-item {
    font-family: "Knowledge Regular";
    font-weight: 400;
    border-radius: 0px;
    border-color: #e3e3e3;
    padding: 0;
    margin: 15px 0 0 0;
    border: none;
    /***Dvprt-506***/
}

.my-apps .list-group .list-group-item .app-item-product {
    min-height: 100px;
    margin-bottom: 10px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-title-container {
    height: 48px;
    /*background-color: #e6e6e6;*/
    margin: 0;
    border-bottom: 1px solid gainsboro;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-title-container span.icon-arrow-down4 {
    width: 12px;
    height: 12px;
    font-family: icomoon;
    font-size: 12px;
    line-height: 12px;
    float: left;
    margin: 18px 0 18px 15px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-title-container h3 {
    height: 18px;
    color: #111010;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 15px 18px;
    float: left;
    font-weight: bold;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-title-container span.app-created-date {
    height: 12px;
    color: #4f4f4f;
    font-size: 11px;
    line-height: 12px;
    margin: 18px 0 18px 24px;
    float: left;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-title-container .app-right-container {
    float: right;
}

.my-apps .list-group .list-group-item .app-item-product .icon-close2 {
    margin: 15px 15px 0px 0px;
    cursor: pointer;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container {
    color: #4f4f4f;
    font-size: 11px;
    width: auto;
    margin: 12px;
    line-height: 12px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container>div {
    padding-right: 0;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container .app-item-key-dates-container.col-xs-3 {
    width: 30%;
}

.my-apps .list-group .list-group-item .app-item-product .icon-clock-o,
.my-apps .list-group .list-group-item .app-item-product .icon-close2,
.my-apps .list-group .list-group-item .app-item-product .icon-check2,
.my-apps .list-group .list-group-item .app-item-product .icon-vpn-key,
.my-apps .list-group .list-group-item .app-item-product .icon-security,
.my-apps .list-group .list-group-item .app-item-product .icon-keyboard-arrow-up {
    margin: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    color: #9d9d9d;
    font-family: icomoon;
    font-size: 16px;
    line-height: 16px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container .app-item-key-label,
.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container .app-item-key-value,
.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container .app-item-secret-key-label,
.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container .app-item-secret-key-value {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 0 0 4px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-details-container .app-item-key-container {
    float: left;
    width: auto;
    padding: 0;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-status-container {
    color: #4f4f4f;
    font-size: 11px;
    width: auto;
    margin: 0px;
    line-height: 0;
    border-top: 1px solid #e3e3e3;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-status-container .app-item-product-name-container {
    margin-top: 12px;
    padding-left: 47px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-status-container .app-item-product-name-container .product-name {
    padding-right: 0px;
    padding-left: 0;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-status-container .app-item-product-name-container .product-name .api-overview-icon-sm {
    margin: 6px 10px 6px 6px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-product-status-container .app-item-product-name-container .app-item-product-name {
    float: left;
    height: 16px;
    color: #111010;
    font-family: "Roboto Regular";
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px;
    padding-left: 29px;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-label {
    color: #4f4f4f;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.my-apps .list-group .list-group-item .app-item-product .app-item-key-value {
    height: 14px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}


/*end apps and keys page */


/* Search Page */

.facetapi-limit-link {
    padding-left: 0px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.facetapi-limit-link:after {
    content: url(../imgs/down-chevron-orange.png);
    padding: 7px;
}

.view-nodes-index .api-item .type-Platform a:before {
    content: url(../imgs/platform-icon.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-nodes-index .api-item .type-Product a:before {
    content: url(../imgs/product-icon.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-nodes-index .api-item .type-API a:before {
    content: url(../imgs/api-icon.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-nodes-index .api-item .type-Documents a:before {
    content: url(../imgs/document.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-nodes-index .api-item .type-Download a:before {
    content: url(../imgs/downloads.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.view-nodes-index .api-item .type-Tutorials a:before {
    content: url(../imgs/tutorials.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.block-current-search .current-search-item-clear-all-filters,
.block-current-search .current-search-item-reset-all {
    float: right;
    padding: 15px;
    color: #005da2;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.view-nodes-index .views-exposed-form .views-exposed-widget .form-submit {
    margin: 0px 3px 0px 0px;
    border: none;
    color: white;
    background: #337ab7;
    font-weight: bold;
    font-family: knowledge2017regular;
}

.view-nodes-index #edit-search-api-views-fulltext {
    background: url(../imgs/search.png) no-repeat 430px;
}

.close-icon {
    cursor: pointer;
    padding-right: 40px;
    float: right;
}

.close-icon:after {
    content: url(../imgs/remove-icon.png);
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 13px;
    position: absolute;
    background-color: #f1f1f1;
    z-index: 1;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 15px;
    padding-top: 4px;
    box-shadow: 0 0 2px #ffffff;
    cursor: pointer;
}

.block-facetapi .open {
    display: none;
}

.page-node-dev-tools #block-left-side-block-left-side-block {
    left: 115px;
}

.page-node-dev-tools #tutorial-viewport {
    margin-left: -103px;
}

@-moz-document url-prefix() {
    .view-nodes-index #edit-search-api-views-fulltext {
        background: url(../imgs/search.png) no-repeat 490px;
    }
}


/* My Apps Page */

.my-apps .user-apps .personal-app,
.my-apps .user-apps .devportal-personal-app,
.my-apps .user-apps .company,
.my-apps .user-apps .company-app,
.client-keys,
.ciam-client-keys {
    height: 62px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1px solid #d0d0d0;
    padding: 15px 0px 0px 20px;
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-scopes {
    float: left;
}

.client-scopes.col-lg-9 {
    padding-left: 0px;
}

#client-app-title-div {
    height: 55px;
}

.ciam-secret-confirm-msg .modal-content {
    width: 291px;
}

.ajax-progress .message {
    display: none;
}

.mykeys-req-new-key-modal .ajax-progress-throbber .throbber {
    padding: 2px 12px 2px;
}

.manage-roles {
    height: 62px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1px solid #d0d0d0;
    padding: 15px 0px 0px 20px;
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 35px
}

.my-apps .user-apps .company-app {
    margin-left: 35px;
}

.my-apps .user-apps .active {
    background-color: #f4f4f4;
}

.my-apps .user-apps h5 {
    height: 37px;
    color: #666666;
    font-family: "knowledge2017black";
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 20px;
    margin-bottom: 0px;
}

.block .my {
    width: 640px;
    height: 50px;
    color: #4d4d4d;
    font-size: 38px;
    font-weight: 900;
    line-height: 50px;
    /* Text style for "My" */
    font-family: "knowledge2017regular";
}

.block .apps {
    width: 640px;
    height: 50px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 38px;
    font-weight: 900;
    line-height: 50px;
    margin-left: 3px;
}

.block .my-apps-label {
    margin-bottom: 26px;
    height: 73px;
    border-bottom: 1px solid #ddd;
}

.my-apps .app-details .app-item-container {
    margin-left: 15px;
    margin-top: 20px;
}

.my-apps .app-details .app-item-container .app-title {
    width: 760px;
    height: 40px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
}

.my-apps .app-details .app-item-container .keys-label {
    width: 800px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 18px;
    font-weight: 900;
    line-height: 40px;
    border-bottom: 1px solid #d0d0d0;
    margin: 12px 0px;
}

.my-apps .app-details .app-item-key-label,
.client-details-keys {
    width: 220px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .app-details .app-item-container .app-details-label {
    width: 800px;
    height: 49px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 18px;
    font-weight: 900;
    line-height: 40px;
    margin: 12px 0px;
    text-decoration: none;
}

.product-request .app-item-key-value {
    width: 375px !important;
}

.my-apps .app-details .app-item-key-value {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
}

.my-apps .app-item-container .icon-copy {
    cursor: pointer;
    margin-left: 5px;
}

.my-apps .app-item-container .icon-save {
    cursor: pointer;
    margin-left: 5px;
}

.my-apps .app-item-container .icon-edit {
    cursor: pointer;
    margin-left: 5px;
}

.my-apps .app-item-container .app-performance {
    height: 56px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 44px;
    float: right;
}

.my-apps .app-item-container .app-performance:before {
    content: url(../imgs/gear.png);
    position: relative;
    z-index: initial;
    right: 3px;
    top: 8px;
    padding: 5px;
}

.my-apps .app-details .app-label {
    border-bottom: 1px solid #d0d0d0;
    margin: 20px 0px;
}

.my-apps .app-details #add-app {
    float: right;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    padding-top: 10px;
    text-decoration: none;
}

.my-apps .company .panel-title a::after {
    content: url(../imgs/down-chevron-orange.png);
    position: relative;
    z-index: initial;
    float: right;
}

.my-apps .company .panel-title a[aria-expanded="true"]::after {
    content: url(../imgs/UP.png);
    position: relative;
    z-index: initial;
    float: right;
}

.my-apps .myapps__text {
    text-align: center;
    margin-top: 100px;
}

.my-apps .app-product {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my-apps .company-name {
    text-decoration: none;
}

.my-apps .api-gateway .app-item-gateway {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .api-gateway .app-gateway {
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
}


/*
Manage Members & Roles
*/

.my-apps .modify-role-btn {
    padding-right: 10px;
}

.my-apps .apigee-company-tables>thead>tr {
    font-family: knowledge2017black;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    color: #666666;
}

.my-apps .apigee-company-tables>thead>tr>th {
    padding-bottom: 13px;
}

.my-apps .apigee-company-tables>tbody>tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.my-apps .apigee-company-tables>tbody>tr>td {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.my-apps .apigee-company-tables>tbody>tr>td:nth-child(2) {
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.my-apps .modify-empty {
    margin-right: 33px;
}

.my-apps .pending-invitation {
    color: #db0b0a;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.my-apps .developer-email {
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.my-apps .form-submit,
.my-apps .form-submit:hover {
    width: 12%;
    height: 37px;
    border-radius: 5px 5px 5px 5px;
    background-color: #FA6400;
    border-color: #FA6400;
    color: #ffffff;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin-top: -78px;
    float: right;
    margin-right: 120px;
}

.my-apps .icon-save .form-submit {
    margin-top: -38px;
}

.my-apps #edit-developer-email {
    width: 381px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    position: relative;
}

.my-apps .form-item-developer-email {
    width: 499px;
}

.my-apps .form-item-user-role {
    padding-left: 397px;
    margin-top: -75px;
}

.my-apps #edit-user-role {
    width: 227px;
}

.my-apps .company-title {
    height: 45px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
}

.my-apps .developers-invitation-list th {
    visibility: visible;
    font-size: 12px;
}

.my-apps .developers-invitation-list th:before {
    visibility: visible;
    content: "Company ";
}

.my-apps .deny-invite-btn {
    margin-left: 10px;
}

.wait {
    cursor: wait
}

​
/* end */

.form-actions #edit-submit {
    color: #fff;
    background-color: #FA6400 !important;
    border-color: #FA6400 !important;
}

.form-actions #edit-submit:before {
    content: "\e013";
}

.form-actions #edit-submit:hover {
    color: #fff;
    background-color: #e8812c !important;
    border-color: #e8812c !important;
}

.product-related-list .type-APIs a:after {
    content: url(../imgs/request_access.png);
    position: relative;
    z-index: initial;
    float: right;
}

.product-content .access-denied {
    border: none;
}

#block-left-side-block-left-side-block .product-link.sub-product-type a.active {
    width: 300px;
    height: 62px;
    background-color: #f4f4f4;
}

#block-left-side-block-left-side-block .panel-body {
    padding: 0px !important;
}

#block-left-side-block-left-side-block .product-link.sub-product-type a {
    max-width: 258px;
    height: 62px;
    display: block;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    padding: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px;
}

#block-left-side-block-left-side-block .product-link.sub-product-type a:after {
    content: url(../imgs/long-arrow-left-gray.png);
    position: absolute;
    z-index: initial;
    float: right;
    right: -6px;
    margin-top: 2px;
}

#block-left-side-block-left-side-block .product-link.sub-product-type a.active:after {
    content: none;
}

.help-docs a.help_menu_links:after,
.help-docs.products-type.no-child a.help-doc-parent {
    content: unset;
}

.page-node-dev-tools #block-left-side-block-left-side-block {
    left: 130px;
}

.page-node-dev-tools .my-apps {
    margin: 20px 0 0 -93px;
}

.page-node-dev-tools #block-left-side-block-left-side-block .product-link.sub-product-type a:after {
    right: 116px;
}


/* API Lock */

.product-related-list .locked {
    width: 275px;
    height: 62px;
    background-color: white;
    margin-left: 24px;
}

.product-related-list .locked a {
    width: 275px;
    height: 62px;
    display: block;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    padding: 20px;
}

.node-type-product .product-content .col-sm-4 {
    float: right;
    right: 45%;
}

.product-related-list .type-APIs a:after {
    content: url(../imgs/request_access.png);
    position: relative;
    z-index: initial;
    float: right;
}

.product-content .access-denied {
    border: none;
}


/* request key */

.page-node-request-key #block-left-side-block-left-side-block {
    left: 130px;
}

.page-node-request-key .col-sm-9 {
    width: 68% !important;
    left: 60px;
}

.request-a-key .select-an-app .apps-dropdown .ui-form-select-options,
.request-a-key .eula-display .apps-dropdown .ui-form-select-options {
    margin-top: -32px;
    padding-top: 46px;
}

.ui-form-select-options {
    cursor: pointer;
    z-index: 998;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: -35px -10px 0 10px;
    padding: 35px 0 0 0;
    list-style: none;
    border: 1px solid #FA6400;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    border-top: 2px solid #FA6400;
}

.ui-form-select-options li:hover {
    background-color: #f4f3f3;
}

.ui-form-select-options li {
    background-color: #fff;
    margin: 0;
    text-indent: 15px;
    height: 32px;
    font-family: "Knowledge Light";
    font-size: 18px;
    line-height: 34px;
}

.request-a-key .select-an-app .apps-dropdown .ui-form-select-styled.active,
.request-a-key .eula-display .apps-dropdown .ui-form-select-styled.active {
    border: 1px solid #FA6400;
    border-bottom: 1px solid #ccc;
}

.page-node-request-key .error-message {
    font-size: 22px;
}

.my-apps .col-xs-12.padding-left-none {
    padding-left: 22px;
}

.my-apps .app-item-secret-key-label {
    color: #4f4f4f;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    font-family: "knowledge2017medium";
    padding-left: 22px;
}

.page-node-request-key .col-sm-3 {
    width: 31% !important;
}

.page-node-request-key #block-left-side-block-left-side-block .product-link.sub-product-type a:after {
    right: 116px;
}

.page-node-request-key .tutorial-viewport-wrapper.col-xs-9 {
    width: 100% !important;
}

.request-a-key .eula-display .ui-checkbox {
    margin-right: 62px;
}

.request-a-key .eula-display .label {
    color: black !important;
    font-size: 16px;
}

.request-a-key .eula-display .request-key-back-button {
    margin: 0, auto;
    position: relative;
}

.request-a-key .eula-display .eula-actions {
    float: right;
    display: block;
    margin: 0, auto;
    position: relative;
    padding-right: 22%;
}

@media only screen and (min-width: 1280px) {
    .request-a-key .eula-display .eula-actions {
        padding-right: 22%;
    }
}

@media only screen and (max-width: 1280px) {
    .request-a-key .eula-display .eula-actions {
        padding-right: 2%;
    }
}

.front.not-logged-in #openid-connect-login-form button.btn {
    display: block;
}

.anonymous-user-page #openid-connect-login-form button.btn {
    /*display: block !important;*/
    display: inline-block !important;
    text-decoration: none !important;
    position: absolute !important;
    text-align: center !important;
    padding: 14px !important;
    font-family: knowledge2017Medium !important;
    color: #4d4d4d !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 18.7px !important;
    width: 114px !important;
    height: 45px !important;
    border-radius: 5px !important;
    right: 10.5%;
    z-index: 998 !important;
    border: 1px solid !important;
    background-color: #ffffff !important;
    border-color: #4d4d4d !important;
    top: 21px;
}

.not-logged-in.node-type-smart-method .product-heading {
    margin-top: 8px;
}

.anonymous-user-page .anonymous-login-button .btn {
    position: absolute !important;
    width: 114px !important;
    height: 46px !important;
    color: #4d4d4d !important;
    background-color: #ffffff !important;
    border-color: #4d4d4d !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    right: 135px !important;
    text-align: center !important;
    top: 14px !important;
}

.not-logged-in #openid-connect-login-form--2 .btn-default {
    color: #fff;
    background-color: #FA6400;
    border-color: #FA6400;
    font-size: 15px !important;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.nginx .hljs-title {
    color: black;
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #f0f0f0;
}

.hljs-number,
.hljs-date,
.hljs-regexp,
.hljs-literal,
.hljs-hexcolor,
.smalltalk .hljs-symbol,
.smalltalk .hljs-char,
.go .hljs-constant,
.hljs-change,
.lasso .hljs-variable,
.makefile .hljs-variable,
.asciidoc .hljs-bullet,
.markdown .hljs-bullet,
.asciidoc .hljs-link_url,
.markdown .hljs-link_url {
    color: #080;
}


/* Forum reply css */

div.indented {
    padding-left: 30px !important;
}

.forum-post-panel-main {
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

.arrow-left-orange-lock {
    float: right;
    margin-top: -5px;
}

.onsource-node-summary .field-name-field-description .field-items tbody tr td p {
    margin-bottom: -10px;
}

#user-profile-form #edit-done {
    display: none;
}

.download-spec-buttons:link {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 15px;
    line-height: 1.80px;
    border-radius: 5px;
    background-color: #FA6400;
    font-family: knowledge2017regular !important;
}

.download-spec-buttons {
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
}

.download-spec {
    width: 114px;
    float: right;
    border-radius: 5px;
}

.login-anon-alert {
    margin-bottom: 17px !important;
    margin: auto;
    position: relative;
}

.prettyprint {
    white-space: pre-line;
}

#main-wrapper #breadcrumb {
    display: none;
    margin-top: 40px;
}


/*DVPRT- 497 */

@media only screen and (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
    div.business-img img.img-responsive {
        width: 130% !important;
        max-width: 150%;
        height: max-content;
    }
}

.company-invite-user-form-user-role-class {
    margin-bottom: 50px;
}

.company-invite-user-form-role-class {
    margin-left: 416px;
    margin-top: -43px;
}

#edit-company-admin-role .form-item-company-admin-role-company-admin {
    width: 140px;
}


/*******************DVPRT-620 UX/UI - Implement the new Header*******************************/

@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 1481px) and (max-height: 1481px) {
    .apigee-brand-header {
        background-color: #FA6400 !important;
        height: 5px !important;
    }

    .apigee-header {
        font-family: knowledge2017regular !important;
        font-size: 16px !important;
        position: relative !important;
        height: 80px !important;
        z-index: 998 !important;
        border-bottom: 1px solid #afafaf !important;
    }

    .apigee-header.homepage-header .dropdown-menu {
        position: absolute !important;
        z-index: 1000 !important;
        padding: 5px 0 !important;
        margin: 2px 0 0 !important;
        font-size: 14px !important;
        list-style: none !important;
        background-color: #fff !important;
        top: -16px !important;
        left: 26px !important;
    }

    .main-nav .anonymous-user-page .register-button {
        display: inline-block !important;
        text-decoration: none !important;
        position: absolute !important;
        text-align: center !important;
        padding: 15px !important;
        font-family: knowledge2017Medium !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 18.7px !important;
        width: 124px !important;
        height: 45px !important;
        border-radius: 5px !important;
        right: 23%;
        z-index: 998 !important;
        background-color: #FA6400 !important;
        top: 18px !important;
    }

    .anonymous-user-page #openid-connect-login-form button.btn {
        display: inline-block !important;
        text-decoration: none !important;
        position: absolute !important;
        text-align: center !important;
        padding: 15px !important;
        font-family: knowledge2017Medium !important;
        color: #4d4d4d !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 18.7px !important;
        width: 114px !important;
        height: 45px !important;
        border-radius: 5px !important;
        right: 10.5%;
        z-index: 998 !important;
        border: 1px solid !important;
        background-color: #ffffff !important;
        border-color: #4d4d4d !important;
        top: 18px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 992px) and (min-height: 1841px) and (max-height: 1841px) {
    .apigee-brand-header {
        background-color: #FA6400 !important;
        height: 4px !important;
    }

    .apigee-header {
        font-family: knowledge2017regular !important;
        font-size: 16px !important;
        position: relative !important;
        height: 80px !important;
        z-index: 998 !important;
        border-bottom: 1px solid #afafaf !important;
    }

    .apigee-header.homepage-header .dropdown-menu {
        position: absolute !important;
        z-index: 1000 !important;
        padding: 5px 0 !important;
        margin: 2px 0 0 !important;
        font-size: 14px !important;
        list-style: none !important;
        background-color: #fff !important;
        top: -16px !important;
        left: 26px !important;
    }

    .apigee-header .main-nav .main-nav-list {
        float: right !important;
        margin-right: 55px !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1933px) and (max-height: 1933px) {
    .apigee-brand-header {
        background-color: #FA6400 !important;
        height: 4px !important;
    }

    .apigee-header {
        font-family: knowledge2017regular !important;
        font-size: 16px !important;
        position: relative !important;
        height: 80px !important;
        z-index: 998 !important;
        border-bottom: 1px solid #afafaf !important;
    }

    .apigee-header.homepage-header .dropdown-menu {
        position: absolute !important;
        z-index: 1000 !important;
        padding: 5px 0 !important;
        margin: 2px 0 0 !important;
        font-size: 14px !important;
        list-style: none !important;
        background-color: #fff !important;
        top: -16px !important;
        left: 26px !important;
    }

    .apigee-header .main-nav .main-nav-list {
        float: right !important;
        margin-right: 55px !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 576px) and (min-height: 3067px) and (max-height: 3067px) {
    .apigee-brand-header {
        background-color: #FA6400 !important;
        height: 4px !important;
    }

    .apigee-header {
        font-family: knowledge2017regular !important;
        font-size: 16px !important;
        position: relative !important;
        height: 80px !important;
        z-index: 998 !important;
        border-bottom: 1px solid #afafaf !important;
    }

    .apigee-header.homepage-header .dropdown-menu {
        position: absolute !important;
        z-index: 1000 !important;
        padding: 5px 0 !important;
        margin: 2px 0 0 !important;
        font-size: 14px !important;
        list-style: none !important;
        background-color: #fff !important;
        top: -16px !important;
        left: 26px !important;
    }

    .apigee-header .main-nav {
        display: inline-block !important;
        float: right !important;
        margin-right: -51px !important;
    }

    .apigee-header .main-nav .main-nav-list {
        float: right !important;
        margin-right: 69px !important;
        padding: 0 !important;
    }

    element.style {
        background: url(/sites/all/themes/custom/devportal/imgs/TR-Dev-Portal-Logo.png) no-repeat !important;
        width: 260px !important;
        height: 100% !important;
        margin-top: 10px !important;
        margin-left: 15px !important;
    }

    .row .trpdc-logo a .logo-tr-w-lg {
        width: 233px !important;
        height: 100% !important;
        float: left !important;
        margin-left: 1px !important;
    }

    .not-logged-in .apigee-header a img.search {
        width: 16px !important;
        height: 16px !important;
        position: absolute;
        margin-top: 21px !important;
        margin-left: 47px !important;
    }

    .main-nav .anonymous-user-page .register-button {
        display: inline-block !important;
        text-decoration: none !important;
        position: absolute !important;
        text-align: center !important;
        padding: 15px !important;
        font-family: knowledge2017Medium !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 18.7px !important;
        width: 124px !important;
        height: 45px !important;
        border-radius: 5px !important;
        right: 186px !important;
        z-index: 998 !important;
        background-color: #FA6400 !important;
        top: 21px !important;
    }

    .anonymous-user-page #openid-connect-login-form button.btn {
        display: inline-block !important;
        text-decoration: none !important;
        position: absolute !important;
        text-align: center !important;
        padding: 15px !important;
        font-family: knowledge2017Medium !important;
        color: #4d4d4d !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 18.7px !important;
        width: 114px !important;
        height: 45px !important;
        border-radius: 5px !important;
        right: 61px !important;
        z-index: 998 !important;
        border: 1px solid !important;
        background-color: #ffffff !important;
        border-color: #4d4d4d !important;
        top: 21px;
    }
}

.anonymous-user-page .register-button {
    display: inline-block;
    text-decoration: none;
    position: absolute;
    text-align: center;
    padding: 15px;
    font-family: knowledge2017Medium;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.7px;
    width: 124px;
    height: 45px;
    border-radius: 5px;
    right: 20%;
    z-index: 998;
    background-color: #FA6400;
    top: 21px;
}

.myapp-button:focus,
.myapp-button:hover {
    outline: none;
    text-decoration: none;
    color: white;
}

.myapp-button {
    background: #FA6400;
    color: #ffffff;
    border-radius: 5px;
    font-family: knowledge2017regular;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    top: 0px;
    font-size: 16px;
    text-align: center;
    width: 124px;
    height: 45px;
    padding: 13px;
    text-align: center;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}


/* Modal Content */

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}


/* The Close Button */

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

div.dynamic_tags {
    margin-top: 12px;
    display: inline-block;
    width: auto;
    height: 32px;
    margin-right: 5px;
    border-radius: 16px;
    background-color: #f6f8fc;
    padding: 5px;
}

div.dynamic_tags span {
    font-size: 11px;
    font-weight: 900;
    color: #666666;
    letter-spacing: 2px;
    line-height: 20px;
}

.api-title {
    margin-top: 1.1%;
    margin-left: 6.1%;
    position: absolute;
    color: #4d4d4d;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
}

div.view-homepage-api-cards.view-id-homepage_api_cards>div.view-content {
    padding: 0 5% 0% 5%;
}

.views-widget-filter-sm_vid_Business,
.views-widget-filter-sm_vid_Product,
.views-widget-filter-sm_vid_Tags,
.form-item-field-dynamic-tags-target-id,
.form-item-field-business-selector-1-target-id,
.form-item-field-product-selector-1-target-id {
    width: 19.6%;
    margin-top: 1%;
    display: inline;
    float: right;
    padding: 5px 0px 0px 5px;
}

.form-item-field-dynamic-tags-target-id select,
.form-item-field-business-selector-1-target-id select,
.form-item-field-product-selector-1-target-id select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.views-exposed-widgets.homepage-filters {
    margin-right: 17px;
}

.form-item-field-dynamic-tags-target-id label {
    display: none;
}

.views-widget-filter-sm_vid_Business select,
.views-widget-filter-sm_vid_Product select,
.views-widget-filter-sm_vid_Tags select {
    border: 1px solid #d0d0d0 !important;
}

div.apis-no-data-found {
    padding: 9% 0 13.5% 50%;
}

#api-search,
#api-search:hover,
#api-search:focus,
#api-search:active,
.seach-api-submit,
.seach-api-submit:focus,
.seach-api-submit,
.seach-api-submit:active {
    border-width: 0px;
    border: none;
    outline: none !important;
}

.logo-tr-w-lg {
    background: url(/sites/all/themes/custom/devportal/imgs/TR-DevPortal-Logo.png) no-repeat;
    width: 415px;
    height: 100%;
    margin-top: 10px;
    margin-left: 3%;
}

.req_access_txt {
    position: absolute;
    margin: 8px;
}

.req_access_txt_wa {
    margin: 9px 0 0 0;
    position: absolute;
}

.wa-icon {
    margin-left: 29.5%;
}

.close-api-search-items {
    position: absolute;
    margin: 1.3% 0 0 84%;
}

.pager li>a,
.pager li>span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 2%;
    border-radius: 5px !important;
    color: #4d4d4d;
    border: 1px solid #4d4d4d !important;
}

.page-header-search.anonymous-user .homepage-new-container,
.youtube-field-player {
    width: 100%;
}

.views-widget-filter-keyword {
    display: none;
}

.front .page-header {
    margin: 0 !important;
    margin-top: 0px;
}

.not-front .page-header {
    margin: 24px !important;
}


/*DVPRT- 612 - Start*/

.panel-title.no-child a:after {
    content: unset;
}

.panel-title.products-type a.help_menu_links:after {
    content: unset;
}

div.help-docs.active {
    background-color: #f4f4f4;
}

.onsource-node-summary.help-doc-img {
    width: auto !important;
}

.help-doc-img img {
    width: 100%;
}

.panel-group-help-doc {
    margin-left: -20px !important;
    margin-top: -31px !important;
}

.help-doc-img {
    margin-top: 1%;
}


/*DVPRT- 612 - End*/

.page-header div.status-messages div {
    margin-top: 17px;
    margin-bottom: 27px;
    line-height: 42px;
    padding-left: 5px;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: relative;
    top: 0px;
}

.front .page-header div.status-messages div {
    margin-top: 13px;
    margin-bottom: 45px;
}

.front #main-wrapper {
    padding-top: 21px !important;
}

.form-item-sm-vid-tags {
    width: auto !important;
}

.logo-tr-w-md {
    background: url(/sites/all/themes/custom/devportal/imgs/footer-logo.png) no-repeat;
    background-position: 0 17px;
}

.tr-brand-footer-list>a {
    color: #afafaf !important;
    font-size: 13px;
}

.ui-autocomplete.ui-front div.apachesolr_autocomplete.suggestion {
    float: unset !important;
}

.search-page-login-issue #edit-openid-connect-client-generic-login {
    top: 127px !important;
}


/*Solr search in header  - Start*/

#solr-search-box {
    display: none;
    border-radius: 3px;
    width: 15em;
    transition: width .3s;
    padding: .6em .75em;
    border-width: 1px;
    border: 1px solid #d0d0d0;
    outline: none !important;
}

.show-solr-seach-box {
    display: inline !important;
}

/* .hide-when-search-open {
    display: none !important;
} */

.hidden-solr-search-anchor {
    display: none;
}

.search-icon-solr-search {
    cursor: pointer;
    visibility: visible;
}


/*Solr search in header  - End*/


/* dvprt-626 start*/

.swagger-container .wrapper section span a img[src*="validator.swagger.io"] {
    display: none;
}


/* dvprt-626 end */


/*DVPRT-577 - for title alignment*/

.product-heading-smart-docs {
    margin-top: 20px;
}

.anonymous-user-page .register-button {
    right: 32%;
}

.anonymous-user-page img.search {
    width: 16px;
    height: 16px;
    margin: 26px 36px 0 0;
    position: absolute;
}

.main-nav-anonymous-user #solr-search-box {
    position: absolute;
    margin: 13px 0 0 -39%;
    z-index: 999;
    height: 47px;
    top: 7px;
}


/* dvprt-641 css changes for API tags in search page*/

.tags-in-search {
    margin-top: 6px;
    display: inline-block;
    width: auto;
    height: 32px;
    margin-right: 15px;
    border-radius: 16px;
    background-color: #f6f8fc;
    padding: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
}


/* dvprt-641 ends*/


/*dvprt-516 - key rotation start*/

#new-key-generation {
    width: 185px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background: white;
    left: 77%;
    position: absolute;
}

#com-new-key-generation {
    width: 185px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background: white;
    left: 77%;
    position: absolute;
}

.personal-apps-keys-generate-new-key {
    width: 185px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background: white;
    left: 77%;
    position: absolute;
}

div.my-apps-label .my {
    padding-left: 3%;
}

.mykeys-apps-com-keys-generate-new-key {
    width: 185px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background: white;
    left: 77%;
    position: absolute;
}

.client-details-value {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
}

.ciam-client-generate-new-secret-btn {
    width: 185px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background: white;
    float: right;
    position: relative;
}

.req-general-submit {
    background-color: #FA6400;
    color: #fff;
    margin-left: 1px;
    border-radius: 4px;
    border: 1px;
    height: 29px;
    width: auto;
    padding: 0 8px 0 8px;
}

.req-general-cancel {
    width: auto;
    height: 29px;
    border: 1px solid #979797;
    border-radius: 4px;
    color: #404040;
    font-family: "Knowledge Bold";
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    background-color: #fff;
    margin-left: 24%;
}

.expire-date-cal-general-cancel {
    width: auto;
    height: 29px;
    border: 1px solid #979797;
    border-radius: 4px;
    color: #9b9b9b;
    font-family: "Knowledge Bold";
    font-size: 16px;
    line-height: 18px;
    margin-right: -92px;
    background-color: #fff;
    margin-left: 22%;
}

.my-keys-app-gateway-pos {
    margin-top: 10px;
}

.my-keys-submit-callback-btn {
    margin-top: -38px;
}

.errmsg {
    margin-bottom: 5px;
}


/* date picker starts here */

.expire-date-cal-general {
    background-color: #FA6400;
    color: #fff;
    margin-left: 31%;
    margin-top: 10%;
    border-radius: 4px;
    border: 1px;
    height: 29px;
    width: auto;
    padding: 0 8px 0 8px;
}

.expire-date-com-key-calendar {
    width: 20 px;
}

.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
    background: #FA6400;
    /*url('../img/dark_leather.png') repeat 0 0 #000;*/
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: linear-gradient(top, #ededed 0%, #dedede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}


/* date picker ends here  */


/*dvprt-516 - key rotation end*/

#external-links-onesource a:after {
    display: none;
}

.dis_hide_nav_tabs {
    display: none;
}

#nav_tabs_gear_icon {
    margin-right: 9%;
    cursor: pointer;
    float: right;
    margin-top: -36px;
    z-index: 999;
    position: relative;
}

#nav_tabs_gear_icon img {
    width: 25px;
    height: 25px;
}

/* DVPRT-765 Updating brandng colors - start*/

input.form-submit,
a.button,
div.exposed-filters input#edit-submit {
    background-color: #FA6400 !important;
}

.page-tr-api-company .btn-primary:active:hover,
.page-tr-api-company .btn-primary:active,
.page-tr-api-company .btn-primary:hover,
.page-tr-api-company .btn-primary {
    background-color: #FA6400 !important;
    border-color: #FA6400;
}

.views-display-top {
    background-color: #D0D0D0 !important;
}

/* DVPRT-765 Updating brandng colors - end*/
.dev-app-keys .dev-app-key-sample-buttons {
    margin-left: 17%;
}

.dev-comp-key .dev-comp-key-sample-buttons {
    margin-left: 14%;
}

.request-a-key .select-an-app .apps-dropdown label {
    font-family: "Knowledge Regular";
    color: #333333;
    font-weight: normal;
}

.dev-comp-key .company_dropdown label {
    color: #333333;
    font-weight: normal;
    font-family: "Knowledge Regular";
}

.request-a-key .select-an-app .dev-comp-key-sample-buttons .request-key-cancel-button {
    width: 164px;
}

.page-node-request-company-key .request-a-key .select-an-app .dev-comp-key-sample-buttons .request-key-submit-button {
    width: 174px !important;
}

.dev-app-keys .dev-app-key-sample-buttons .request-key-cancel-button {
    width: 164px !important;
}

.dev-app-keys .dev-app-key-sample-buttons .request-key-submit-button {
    width: 164px !important;
}

.request-a-key .select-an-app .dev-comp-key-sample-buttons .request-key-next-button {
    width: 174px !important;
}

.request-a-key .select-an-app .request-key-next-button {
    width: 164px;
}

.page-node-request-key .request-a-key .eula-display .eula-actions {
    padding-right: 0%;
    margin-top: 2%;
    margin-right: 2%;
}

.field-name-field-ciam-euid {
    display: none;
}

.my-apps-com-keys {
    margin-left: 40px;
}

.product-heading-title {
    width: 80%;
}

.my-apps-label .my {
    width: 640px;
    height: 50px;
    color: #4d4d4d;
    font-size: 38px;
    font-weight: 900;
    line-height: 50px;
    font-family: "knowledge2017regular";
}

.my-apps-label .apps {
    width: 640px;
    height: 50px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 38px;
    font-weight: 900;
    line-height: 50px;
    margin-left: 3px;
}

.my-apps-label {
    margin-bottom: 26px;
    height: 73px;
    border-bottom: 1px solid #ddd;
}

/* .my-keys-page {
     margin-top: 3%; 
    width: 95% !important;
    margin-left: 3%;
    
} */

div.my-apps .user-apps,
div.my-apps .app-details-right {
    overflow: auto;
    height: 600px;
}

#terms-and-condition-title {
    position: relative;
    padding-left: 18px;
    top: -19px;
    font-weight: 500;
}

.main-nav-anonymous-user .anonymous-user-login-page #openid-connect-login-form #edit-openid-connect-client-generic-login {
    display: inline-block;
    text-decoration: none !important;
    position: absolute !important;
    text-align: center !important;
    padding: 14px !important;
    font-family: knowledge2017Medium !important;
    color: #4d4d4d !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 18.7px !important;
    width: 114px !important;
    height: 45px !important;
    border-radius: 5px !important;
    right: 10.5%;
    z-index: 998 !important;
    border: 1px solid !important;
    background-color: #ffffff !important;
    border-color: #4d4d4d !important;
    top: 21px;
}

.form-item-agree-terms {
    margin: 1% 8% 0;
}

.tr-tc-buttons-submit,
.tr-tc-buttons-cancel {
    margin-left: 1%;
    float: right;
}

.tr-tc-buttons-cancel {
    margin-right: 103px;
}

.tr-status-msgs-close {
    display: none;
}

/* div.status-messages div{
	margin-top: 17px;
    margin-bottom: 27px;
    line-height: 42px;
    padding-left: 5px;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: relative;
    top: 0px;
} */
/******/
.onsource-node-product-links-overview.add {
    width: 299px;
    height: 62px;
    border-top: 2px solid #d0d0d0;
    margin-top: -5px;
    margin-left: -21px;
    padding-left: 0px;
    list-style: none;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.onsource-node-product-links-overview a {
    width: 299px;
    height: 24px;
    color: #4d4d4d;
    font-family: "Knowledge2017Medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px;
    display: inline-block;
    text-decoration: none;
    padding-left: 0px;
}

.node-product-links-api-page {
    margin: 20px;
    font-size: 14px;
    font-weight: 900;
}

.no-gear-icon {
    margin-top: 34px !important;
}

.toolbar-tray-horizontal .menu-item {
    background-color: #f5f5f2;
}

.page-node-type-help_documents .help-document #nav_tabs_gear_icon {
    margin-right: 9%;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    z-index: auto;
    position: relative;
}

.page-node-type-help_documents #block-devportal-local-tasks {
    margin: 3% 6% 1%;
    margin-top: 2%;
}

.page-node-type-help_documents .help-document .product-related-list {
    margin: 60px 0 0 5px;
    margin-top: 28%;
}

#tr-apigee-company-modify-user-roles #edit-actions #company_modify-cancel {
    background-color: #404040 !important;
    color: white;
}

#edit-company-admin-role .js-form-item-company-admin-role-company-admin #edit-company-admin-role-company-admin {
    margin-left: 17px;
}

.search-site-page .field-content .api a:before {
    content: url(/sites/all/themes/custom/devportal/imgs/api-icon.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.search-site-page .views-row {
    margin: 15px 0px;
    border-bottom: 1px solid #ddd;
}

.search-site-page #facet_content_type {
    padding-left: 0px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    list-style: none;
}

.search-site-page .facets-widget-links ul>li {
    list-style: none;
    padding: 10px 0px;
    border-bottom: 1px solid #dddddd;
    margin-left: -15%;
    width: 100%;
}

.search-site-page .facets-widget-links ul>li a {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.search-site-page .facets-soft-limit-link[aria-expanded=false]:after {
    content: url(/sites/all/themes/custom/devportal/imgs/down-chevron-orange.png);
    padding: 7px;
}

.search-site-page .facets-soft-limit-link[aria-expanded=true]:after {
    content: url(/sites/all/themes/custom/devportal/imgs/up.png);
    padding: 7px;
}

.search-site-page .facets-soft-limit-link {
    padding-left: 0px;
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

#block-facetcontenttype h2,
#block-contenttype h2,
#block-addproductgroupsparagraphbusiness h2,
#block-addproductgroupsparagraphproduct h2,
#block-addproductgroupsparagraphapi h2,
#block-dynamictags h2 {
    height: 20px;
    color: #666666;
    font-family: "knowledge2017black";
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #dddddd;
    padding: 0px 0px 30px 0px;
    width: 87%;
}

.search-site-page {
    margin-top: 3%;
}

.search-site-page #block-currentsearch {
    border: 1px solid #dad8d8;
    width: 87%;
}

.search-site-page #block-currentsearch ul>li {
    list-style: none;
    font-family: knowledge2017medium;
    padding-bottom: 10px;
}

.source-summary-item {
    display: none;
}

.search-site-page #block-currentsearch .facet-summary-item--facet a .js-facet-deactivate {
    float: right;
    margin-right: 15px;
    content: url(/sites/all/themes/custom/devportal/imgs/remove-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    pointer-events: visible;
}

.search-site-page #block-currentsearch h2 {
    height: 20px;
    color: #666666;
    font-family: "knowledge2017black";
    font-size: 11px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0px 0px 30px 25px;
}

.search-site-page #block-currentsearch ul>li a .facet-item__value {
    color: #4d4d4d;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    font-family: "knowledge2017medium";

}

.search_site #solr-search-box {
    display: -webkit-inline-box;
    border-radius: 3px;
    width: 15em;
    transition: width .3s;
    padding: .6em .75em;
    border-width: 1px;
    border: 1px solid #d0d0d0;
    outline: none !important;
}

.search-site-page #edit-submit-search {
    color: #fff;
    position: relative;
    border-color: #2e6da4;
    background-color: #ff8000 !important;
    height: 50px;
    margin-left: 79%;
    width: 100px;
    top: -107px;
    font-family: knowledge2017regular !important;
    font-size: 18px !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

.search-site-page #edit-search-api-fulltext {
    width: 364px;
    height: 50px;
    margin-top: 0%;
    margin-bottom: -2%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
}

.search-site-page .search-page-label {
    position: absolute;
    margin-top: -3%;
}

.search-site-page .js-form-item-sort-by [for=edit-sort-by] {
    display: none;
}

.search-site-page .js-form-item-sort-order [for=edit-sort-order] {
    display: none;
}

.search-site-page #edit-sort-by {
    width: 185px;
    height: 50px;
    top: -36px;
    margin-bottom: -2%;
    position: relative;
    margin-left: 45%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.search-site-page #edit-sort-order {
    width: 84px;
    height: 50px;
    top: -72px;
    margin-bottom: -2%;
    position: relative;
    margin-left: 68%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.search-site-page .search-reset-button a {
    /* z-index: 999;
    position: relative; */
    color: #fff;
    position: relative;
    border-color: #2e6da4;
    background-color: #404040;
    height: 50px;
    margin-left: 95%;
    width: 100px;
    top: 49px;
    font-family: knowledge2017regular !important;
    font-size: 18px !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

.search-site-page #views-exposed-form-search-serch-site {
    margin-bottom: -11%;
}

.search-site-page #views-exposed-form-search-search {
    margin-top: 6%;
    margin-bottom: -90px;
}

.search-site-page .views-field-field-dynamic-tags .field-content li {
    margin-top: 6px;
    display: inline-block;
    width: auto;
    height: 32px;
    margin-right: 15px;
    border-radius: 16px;
    background-color: #f6f8fc;
    padding: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.search-site-page .views-field-field-dynamic-tags .field-content ul {
    margin-left: -43px;
}

.search-site-page .views-field-field-dynamic-tags {
    margin-bottom: auto;
}

/* For Breadcrumb */
#block-breadcrumbs {
    margin: 0 auto;
    padding-left: 1.5em;
}

ul.bd {
    padding: 10px 16px;
    list-style: none;
}

/* Display list items side by side */
ul.bd li {
    display: inline;
}

/* Add a slash symbol (/) before/behind each list item */

ul.bd li+li:before {
    padding: 5px;
    color: black;
    content: "/\00a0";
}

ul.bd li a {
    text-decoration: underline;
}

ul.bd li a:hover {
    text-decoration: underline;
}

.search-site-page .facet-item .is-active {
    width: 100%;
    padding: 10px;
    display: inline-block;
    background-color: #f4f4f4;
    text-decoration: none;
    margin-bottom: -9px;
    margin-top: -7px;
    position: relative;
}

.search-site-page .js-facet-deactivate {
    float: right;
    margin-right: 15px;
    content: url(/sites/all/themes/custom/devportal/imgs/remove-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}

.search-site-page #block-currentsearch .facet-summary-item--facet a {
    pointer-events: none;
    text-decoration: none;
}

.search-site-page #edit-search-api-fulltext:after {
    float: right;
    margin-right: 15px;
    content: url(/sites/all/themes/custom/devportal/imgs/remove-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    pointer-events: visible;
}

.search-site-page .prod-grp-bread h6 a {
    font-family: knowledge2017regular !important;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333;
    pointer-events: none;
}

.search-site-page .field-content .documents a:before {
    content: url(/sites/all/themes/custom/devportal/imgs/document.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.search-site-page .field-content .download a:before {
    content: url(/sites/all/themes/custom/devportal/imgs/downloads.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.search-site-page .field-content .tutorials a:before {
    content: url(/sites/all/themes/custom/devportal/imgs/tutorials.png);
    position: relative;
    z-index: initial;
    right: 8px;
    top: 3px;
    padding: 7px;
}

.search-site-page .login-anon-alert {
    margin-bottom: 17px !important;
    margin-top: 25px;
}

.sub-button {
    border: none;
    background: #FA6400;
    color: #ffffff;
    border-radius: 5px;
    display: none;
    text-decoration: none;
    font-size: 16px;
    width: 156px;
    height: 45px;
    font-style: normal;
    font-family: knowledge2017regular;
    font-weight: 500;
    font-size: 16px;
    text-transform: lowercase;
    text-align: center;
    float: right;
    margin-right: 119px;
    position: absolute;
    right: 14px;
    top: 0px;
}

.sub-button:first-letter {
    text-transform: capitalize;
}

.sub-button-2 {
    border: none;
    background: gray;
    color: #ffffff;
    border-radius: 5px;
    display: none;
    text-decoration: none;
    width: 156px;
    height: 45px;
    font-size: 16px;
    font-style: normal;
    font-family: knowledge2017regular;
    font-weight: 500;
    text-align: center;
    text-transform: lowercase;
    float: right;
    margin-right: 119px;
    position: absolute;
    right: 14px;
    top: 0px;
}

.sub-button-2:first-letter {
    text-transform: capitalize;
}

.page-node-1 .login-anon-alert {
    margin-bottom: -35px !important;
    margin-top: 25px;
}

.workato-about-integration-overview .api-header {
    margin-top: -35px;
}

.release-note-content.panel-title.products-type {
    margin-bottom: 10px !important;
}