body 
{
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, @kdBgGradient),
        color-stop(0.25, #FFFFFF)
    );
    background-image: -o-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: -moz-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: -webkit-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: -ms-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: linear-gradient(to bottom, @kdBgGradient 0%, #FFFFFF 6%);

}

.kdDialog {
    border-color: @kdHighlight;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, @kdBgGradient),
        color-stop(0.25, #FFFFFF)
    );
    background-image: -o-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: -moz-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: -webkit-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: -ms-linear-gradient(bottom, @kdBgGradient 0%, #FFFFFF 6%);
    background-image: linear-gradient(to bottom, @kdBgGradient 0%, #FFFFFF 6%);
}

.kdDialog_footer {
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); */
    background-color: #F6F6FF;
    background-image: linear-gradient(bottom, @kdBgGradient 10%, #FFFFFF 90%);
    background-image: -o-linear-gradient(bottom, @kdBgGradient 10%, #FFFFFF 90%);
    background-image: -moz-linear-gradient(bottom, @kdBgGradient 10%, #FFFFFF 90%);
    background-image: -webkit-linear-gradient(bottom, @kdBgGradient 10%, #FFFFFF 90%);
    background-image: -ms-linear-gradient(bottom, @kdBgGradient 10%, #FFFFFF 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='@kdBgGradient');
    background-image: -webkit-gradient(
         linear,
         left bottom,
         left top,
         color-stop(0.1, @kdBgGradient),
         color-stop(0.9, #FFFFFF)
         );
     text-align: left;
    
}

.kdForm .kdLeftNavFilters h3,
.kdForm.kdLeftNavFilters h3 {
	color: @kdHighlight;
}

.kdModal h3,
.kdForm h3 {
	color: @kdSecondary;
}

.kdDialog .kdDialog_content h2, 
.kdDialog .kdDialog_subTitle h2 {
	color: @kdSecondary;
}

#kdFeedTitle {
	color: @kdHighlight;
}

.kdDialog .kdDialog_content h3 {
	color: @kdHighlight;
}

input[type='text'].kdSliderOverride {
	color: @kdHighlight;
}

table.kdApiCustomBigTable thead tr th:first-child + th + th,
table.kdApiCustomBigTable tbody tr th:first-child + th + th {
	color: @kdHighlight;
}


a,
a:visited {
    color:@kdLink;
}

a:hover {
    color:@kdLinkHover;
}

.kdCompanyPipelineVizCount a:hover {
    color:@kdLinkHover;
}

.kdApiCustomBigTable h3 a, 
.kdApiCustomBigTable p a:hover {
    color:@kdLinkHover;
}
.kdPageTypeAccount section .kdHelpPanel p a, 
.kdHelpPanel p a
{
    color:@kdLink;
}
p {
    color: @kdText;
}

.kdFooter {
	background-color: @kdPrimary;
}


h1,
h1 a {
	color: @kdPrimary;
}

.kdPageApp .kdApiAppHeader h1 {
	color: @kdPrimary;
}

.kdPageApp h2 {
	color: @kdPrimary;
}

.kdFeed > div h3 a
{
	color: @kdPrimary;
}

ul.kdSideNav li {
    background-color: @kdLeftNavBarBg;
    border-bottom: 1px solid @kdLeftNavBarBg;
}
ul.kdSideNav h3 {
    color: @kdLeftNavBarText;
}

.kdCardSummaryBlock h1, .kdCardSummaryBlock h1 a {
    color: @kdPrimary;
}

.kdFlyOut h1 a {
    color: @kdPrimary;
}

#kdStickyFooter {
    background-color: @kdFooterBg;
    color: @kdFooterText;
}
#kdStickyFooter ul.kdSecondary li:before, 
#kdFooter ul.kdSecondary li:before {
    color: @kdFooterText;
}

.kdModal h1,
.kdSubPage h1 {
	color: @kdPrimary;
}

.kdSubPage h2, .kdSubPage h2 a {
	color: @kdPrimary;
}
.kdSubPage .kdLayoutPage .kdMarketingChecklist li, .kdSubPage h3 {
	color: @kdPrimary;
}
.kdSubPage h4, .kdSubPage h4 a {
	color: @kdPrimary;
}

.kdTopStat h1, .kdTopStat h1 a, .kdTopStat h1 a:hover {
	color: @kdHighlight;
}

.kdFeed > div h2 {
    color: @kdHighlight;
}

.kdFeed > div h3 a:hover {
    color: @kdHighlight;
}

.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary,
a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
.nav>li>a.btn-primary:focus,
.kdHomeFloatingNav.navbar-default .nav > li > a.btn-primary,
.btn-primary.focus, 
.btn-primary:focus
{
    background-color: @kdBtnPrimaryBg;
    border-color: @kdBtnPrimaryBg;
    color: @kdBtnPrimaryText;
}

.btn-primary:hover,
a.btn-primary:hover, 
.nav>li>a.btn-primary:hover,
.kdHomeFloatingNav.navbar-default .nav > li > a.btn-primary:hover
{
    background-color: @kdBtnPrimaryHoverBg;
    border-color: @kdBtnPrimaryHoverBg;
    color: @kdBtnPrimaryText;
}


.btn-success.active.focus, 
.btn-success.active:focus, 
.btn-success.active:hover, 
.btn-success:active.focus, 
.btn-success:active:focus, 
.btn-success:active:hover, 
.open>.dropdown-toggle.btn-success.focus, 
.open>.dropdown-toggle.btn-success:focus, 
.open>.dropdown-toggle.btn-success:hover,
.btn-success,
a.btn-success,
a.btn-success:link,
a.btn-success:visited,
.nav>li>a.btn-success:focus,
.kdHomeFloatingNav.navbar-default .nav > li > a.btn-success,
.btn-success.focus, 
.btn-success:focus
{
    background-color: @kdBtnSuccessBg;
    border-color: @kdBtnSuccessBg;
    color: @kdBtnSuccessText;
}

.btn-success:hover,
a.btn-success:hover, 
.nav>li>a.btn-success:hover,
.kdHomeFloatingNav.navbar-default .nav > li > a.btn-success:hover
{
    background-color: @kdBtnSuccessHoverBg;
    border-color: @kdBtnSuccessHoverBg;
    color: @kdBtnSuccessText;
}


.kdPageApp h3 {
    color: @kdHighlight;
}
.kdPageTypeAccount section h3 {
    color: @kdHighlight;
}
.kdPageApp .kdApiAppHeader h1 span {
    color: @kdHighlight;
}

.kdPageApp .kdApiBlankBoxWrapper h1, 
.kdApiBlankBoxWrapper h1, 
.kdPageApp .kdApiBoxWrapper h1, 
.kdApiBoxWrapper h1 {
    color: @kdHighlight;
}

.kdPageApp .kdSliderRangeLabels label {
    color: @kdHighlight;
}

.kdSlider .ui-widget-header {
    background-color: @kdHighlight;
}


ul.kdSideNav li.kdSelected {
    background-color: @kdHighlight;
}

.kdHomeFloatingNav.navbar-default .nav > .active > a, 
.kdHomeFloatingNav.navbar-default .nav > .active > a:hover, 
.kdHomeFloatingNav.navbar-default .nav > .active > a:focus,
.kdHomeFloatingNav.navbar-default .nav li.dropdown.open > .dropdown-toggle, 
.kdHomeFloatingNav.navbar-default .nav li.dropdown.active > .dropdown-toggle, 
.kdHomeFloatingNav.navbar-default .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: @kdHighlight;
}

.kdMarketing h1 span, 
.kdMarketing h2 span {
    color: @kdHighlight;
}

.kdSubPage h5, 
.kdSubPage h5 a {
    color: @kdHighlight;
}

.kdInputWidget .kdSelectTiny:hover, 
.kdSelectTiny:hover {
    color: @kdHighlight;
    background: url("/Content/images/icons/select_tinydropdown_wcg.png") right no-repeat, #EEE;
}
.kdIconDropDownList:hover, 
a:hover .kdIconDropDownList {
    background: url("/Content/images/icons/select_fromList_wcg.png");
}
.kdAutoCompleteContainer .ui-widget-content .ui-state-focus {
    
    color: #fff;

    background: @kdHighlight; /*needs to be background and not background-color to override image*/

    border-color: @kdHighlight;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
    border-color: @kdHighlight;
}
.ui-widget-header {
    border: 1px solid @kdPrimary;
    background: @kdPrimary;
}

.kdDialog .ui-dialog-titlebar {
    color: @kdPrimary;
}
.kdMultiSelect .ui-widget-content .ui-state-hover {
    color: @kdHighlight;
}

.kdFlyOut .kdFlyOutHeader h5, 
#kdPageSettings .kdFlyOut .kdFlyOutHeader h5
{
    color: @kdSecondary;
}

.kdFeed > div > .kdHelpPanel h3, 
.kdHelpPanel h3, 
#kdPageDownloadList .kdHelpPanel h3 {
    color: @kdPrimary;
}

textarea:focus, input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
    border-color: @kdHighlight;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px @kdHighlight, 0 0 8px @kdHighlight;
    -moz-box-shadow: inset 0 1px 1px @kdHighlight, 0 0 8px @kdHighlight;
    box-shadow: inset 0 1px 1px @kdHighlight, 0 0 8px @kdHighlight;
}

.kdCardTile h3, 
.kdPageApp .kdCardTile h3 {
    color: @kdSecondary;
}