.main-transition {
       -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.cbl-tab-button-base {
    font-size: 19px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 3px solid @mainBlackColor;
}

#pac-input {
    font-size: 18px;
    padding: 7px;
    margin-top: 10px;
    border: 2px solid #ccc;
}

.cbl-property-list-base {
    .ui-border-all-main;
}

.ui-background-color-accent {
    background-color: @accentColor;
}
.ui-background-color-alternate {
    background-color: @alternateColor;
}
.ui-background-color-main {
    background-color: @mainColor;
}

.ui-text-color-main {
    color: @mainColor;
}
.ui-text-color-accent {
    color: @accentColor;
}


.ui-border-left-main {
    border-left-color: @mainColor;
    border-left-style: solid;
}
.ui-border-all-main {
    border-style: solid;
    border-color: @mainColor;
}
.ui-border-bottom-main {
    border-bottom-style: solid;
    border-bottom-color: @mainColor;
}
.ui-border-bottom-accent {
    border-bottom-style: solid;
    border-bottom-color: @accentColor;
}
.ui-border-all-accent {
    border-style: solid;
    border-color: @accentColor;
}


.cbl-accordion-header {
    .ui-background-color-accent;
}

#helpTopHeader {
    .ui-border-bottom-accent;
}

.navbar {
    background: @whiteColor;
    border-bottom: 4px solid @accentColor;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: @accentColor;
    color: @whiteColor;
}

#cbl-top-header {
    .ui-border-bottom-main;
}

.cbl-link-alternative {
    color: @alternateColor;
    text-decoration: underline;
}
.cbl-link-alternative:hover {
    color: @whiteColor;
}

.cbl-property-list-type-selected {
    background-color: @mainColor;
    color: @whiteColor;
    border-color: @mainColor;
}
.cbl-property-list-type:hover {
    background-color: @alternateColor;
    cursor: pointer;
    color: @mainBlackColor;
}

.menu-button-selected {
    color: @alternateColor;
    font-weight: 900;
}
.sub-menu-button-selected {
    color: @alternateColor;
    font-weight: 900;
}



.cbl-tab-button:hover {
    .cbl-tab-button-base;
    background-color: @alternateColor;
    color: @mainBlackColor;
}
.cbl-tab-button-selected {
    .cbl-tab-button-base;
    background-color: @mainColor;
    color: @whiteColor;
}



.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:active {
    .main-transition;
    background-color: @mainColor;
    color: @whiteColor;
    border: 0;
}

.nav-tabs > li > a:hover {
    .main-transition;
    background-color: @alternateColor;
}



.cbl-base-button:hover {
    .main-transition;
    background-color: @alternateColor !important;
    color: @mainBlackColor;
    .ui-border-all-accent;
}
.cbl-button-default:hover {
    .main-transition;
    background-color: @alternateColor;
    color: @mainBlackColor;
}

.cbl-nav-left-menu-item:hover {
    background-color: @alternateColor !important;
    color: @mainBlackColor;
}
.cbl-nav-left-menu-item-active a {
    background-color: @mainColor;
    color: @whiteColor;
}
.cbl-nav-left-menu-property-item-active a {
    background-color: @accentColor;
    color: @whiteColor;
}
.cbl-filter-section {    
    background-color:@whiteColor;
}
.cbl-button-filter-section
{
     background-color:@filterBackgroundColor; 
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
    background-color: @filterBackgroundColor;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active,
.nav-side-menu li .sub-menu li.active a,
.nav-side-menu ul .sub-menu li.active a {
    background-color: @filterBackgroundColor;
   
}