body {
    color : #6d6e71 !important;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: lighter;
}

a {
    color: #09b615;
}

.circle {
    border: 1px solid #c0c0c0;
    color: #09b615;
}

.circle:hover {
    color: #fff;
    background-color: #09b615;
    border-color: #09b615;
}

.circledescription {
    color: #81878a;
}

.highlight {
    color: #5c2d91;
}
h1, .h1, h2, .h2, .h3, .h3 {
    color: #222222 !important;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
}

#btnBackToTop
{
    background-color: #333333;
    border-color: #09b615;
    color: white;
}
#btnBackToTop:hover {
    background-color: #09b615;
}

.form-control{
    border-width: 2px;
    border-color: #09b61528;
    height: 48px;
}

.default-content-padding
{
    margin-top: 70px;
}

.wide-content-padding
{
    margin-top: 62px;
}

/*#region Nav Bar Customization********************************************************************/
.navbar-inverse {
    background-color: #fff !important;
    border-color: #cecece !important;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #b5b5b5 !important;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #6d6e71 !important;
    background-color: #fff;
    border-bottom: #09b615 solid 2px;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #666666 !important;
    background-color: #fff;
    border-bottom: #09b615 solid 2px;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #fbe3e4;
    padding: 20px;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #09b615 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a
{
    background-color: #09b615 ;
}

.navbar-nav > li > .dropdown-menu
{
     padding: 15px;
}

.dropdown-menu > li > a
{
    padding: 10px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #09b615 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #09b615;
}

.navbar-inverse .navbar-toggle {
    border: 0px !important;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle {
    background-color: #09b615 !important;
}

.navbar-toggle {
    color: #fff !important;
    padding: 0;
    height: 59px;
    line-height: 55px;
    width: 53px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px;
}
/*#endregion***************************************************************************************/

/*#region Panel Customization**********************************************************************/
.panel-default {
    border-color: #09b615 !important;
}

.panel-default > .panel-heading {
    background-color: #fff !important;
    color: #6d6e71 !important;
    padding: 5px 15px;
    border-color: #09b615;
}

.panel-title, .module-title {
    background: #fff;
    color: #09b615;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    font-weight: bolder;
}

.panel-default.focus {
    border-color: #09b615 !important;
}

.panel-default.focus > .panel-heading {
    background-color: #09b615 !important;
    color: #fff !important;
    padding: 5px 15px;
    font-weight: bold;
}

.panel-default.focus > .panel-heading:hover {
    background-color: #09b61498 !important;
    color: #fff !important;
    padding: 5px 15px;
    font-weight: bold;
    cursor: pointer;
}
/*#endregion***************************************************************************************/

/*#region Button Customizations********************************************************************/

.btn-primary {
    background-color: #09b615 !important;
    border-color: #09b615 !important;
}

.btn-primary:hover {
    background-color: #09b6148c !important;
    border-color: #09b615 !important;
}

.btn-default, .ui-widget-content a {
    color: #09b615;
    background-color: #fff;
    border-color: #09b615;
}

.btn-default:hover, .ui-widget-content a:hover {
    color: #fff;
    background-color: #09b615;
    border-color: #09b615;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #09b615;
    border-color: #09b615;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger.focus:active,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #6d6e71;
    border-color: #09b615;
}
/*#endregion***************************************************************************************/

/*#region Pagination Customizations****************************************************************/
.pagination > li > a,
.pagination > li > span {
    color: #09b615;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #09b615;
    border-color: #09b615;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #09b615;
}
/*#endregion***************************************************************************************/

/*#region stepper**********************************************************************************/
.steps-form .steps-row:before {
    background-color: #6d6e71;
}

.steps-form .steps-row .steps-step .btn-circle {
    border: 2px solid #6d6e71;
    background-color: white !important;
    color: #6d6e71 !important;
}

.steps-form .steps-row .steps-step .btn-circle.complete {
    border: 2px solid #09b615;
    background-color: #09b615 !important;
    color: #ffffff !important;
}

.steps-form .steps-row .steps-step .btn-circle.active {
    border: 2px solid #09b615;
    background-color: #bbbdc2 !important;
    color: #09b615 !important;
}
/*#endregion***************************************************************************************/

/*#region product-carousel*************************************************************************/

.carousel-content {
    border-bottom: 1px solid #09b615 !important;
}

.carousel.slide {
    background: #09b61526;
    border: 1px solid #09b615 !important;
}

.carousel-control{
    background: #5c2d91 !important;
}

/*#endregion***************************************************************************************/

.ui-dialog-titlebar {
    background: #333333 !important;
    color: white !important;
}

.max-embedded-view {
    width: 90%;
}