/**
 * Copyright: 2007-2022, FlexDealer Solutions Ltd
 * This code is property of FlexDealer Solutions Ltd. All rights reserved.
 * May not be re-used, re-distributed or modified without permission.
*/

.navbar-inverse {
	background-color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 850px) {
	.navbar-inverse {
		background-color: rgba(0, 0, 0, 1);
	}
}

.navbar-inverse .navbar-inverse {
	background-color: transparent;
}

.navbar-inverse .dropdown-menu {
	background-color: transparent;
	border: 0;
}

.navbar-inverse .navbar-nav > li {
	background-color: transparent;
}

.navbar-inverse .dropdown-menu > li {
	background-color: rgba(39, 39, 39, 1);
}


.navbar-inverse .navbar-nav > li > a {
	color: #dbdada;
}
.navbar-inverse .dropdown-menu > li > a {
	color: #dbdada;
	font-weight: 400;
}
.navbar-inverse .navbar-nav > li > a
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li.active > a {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.top-bg-color
{
	background-color: #77bb00 !important;
}

.dropdown.open > .dropdown-toggle
{
	background-color: #77bb00 !important;
}

.AV-WNavigation-3 .navbar-inverse .navbar-nav > .active,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .active > a,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .active > a:hover,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .active.open,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .active.open > a,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .active.open > a:hover
{
	background-color: #77bb00;
    color: #fff;
}
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .open,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > .open > a/**/,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > li > a:hover,
.AV-WNavigation-3 .navbar-inverse .navbar-nav > li:not(.active):hover
{
    background-color: inherit;
    color: #fff;
}


@media screen and (max-width: 768px) {
	.navbar-inverse,
	.navbar-inverse .navbar-inverse {
		background-color: #2c2c2c;
	}
}


.text-alert {
	color: #de4f4e;
}
a.text-alert:hover {
    color: #de4f4e;
}

.text-success {
	color: #c4cc31;
}

.container-fluid .widget a:not(.btn) {
	/*color: #337ab7;*/
}

.heading {
	font-weight: 400;
	font-family: Lato, sans-serif;
	font-size: 20px;
	margin-top: 0;
}



.light {
	background-color: #ffffff;
	color: #313133;
}

.light .heading { color: #313133; }

.light .widget-body { background-color: #f9fafb; }

.light .fd-icon { color: #66686a; }

.light .title    { color: #4b4b4b; }
.light .subtitle { color: #898989; }

.light .detail { color: #616161; }

.light .label         { color: #8f8f8f; }
.light .label-primary { color: #616161; }




.medium {
	background-color: #f3f3f3;
	color: #313133;
}

.medium .heading { color: #313133; }

.medium .widget-body { background-color: #ffffff; }

.medium .fd-icon { color: #b9bbbc; }

.medium .title    { color: #4b4b4b; }
.medium .subtitle { color: #898989; }

.medium .detail { color: #616161; }

.medium .label         { color: #8f8f8f; }
.medium .label-primary { color: #616161; }



.dark {
	background-color: #66686a;
	color: #ffffff;
}

.dark .heading { color: #ffffff; }

.dark .widget-body { background-color: #ffffff; }

.dark .fd-icon { color: #b9bbbc; }

.dark .title    { color: #4b4b4b; }
.dark .subtitle { color: #898989; }

.dark .detail { color: #616161; }

.dark .label         { color: #8f8f8f; }
.dark .label-primary { color: #616161; }

.dark .AV-WText-3 a {
	color: cyan;
}

.dark .datepicker {
	color: #333;
}

.form-control:focus {
	border-color: #77bb00;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px #77bb00;
	        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px #77bb00;
}



.btn-primary {
	background-color: #77bb00;
	border-color: #77bb00;
	-webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0);
	        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0);
	-webkit-transition: box-shadow 350ms ease;
       -moz-transition: box-shadow 350ms ease;
         -o-transition: box-shadow 350ms ease;
            transition: box-shadow 350ms ease;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
	background-color: #77bb00;
	border-color: #77bb00;
	-webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.175);
	        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.175);
}

.btn-default {
	background-color: #e8ebed;
	border: none;
	border-radius: 4px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	color: #66686a;
}


.theme-bkg {
	background-color: #77bb00;
}


/* unified buttons */
.btn.btn-filled {
	background-color: #77bb00;
	color: #fff;
}
.btn.btn-filled:active,
.btn.btn-filled:hover {
	background-color: #b33939;
}


.btn.btn-filled-alt {
	background-color: #eaeced;
	color: #2b2b34;
}
.btn.btn-filled-alt:active,
.btn.btn-filled-alt:hover {
	background-color: #77bb00;
	color: #fff;
}


.btn.btn-stroke {
	border: 2px solid #77bb00;
	color: #77bb00;
}
.btn.btn-stroke:active,
.btn.btn-stroke:hover {
	background-color: #77bb00;
	color: #fff;
}


.btn.btn-alt
{
	background-color: #eaeced;
	color: #2b2b34;
}

.btn.btn-alt:active,
.btn.btn-alt:hover
{
	background-color: #77bb00;
	color: #fff;
}

.hover.active,
.hover:active,
.hover:focus,
.hover:hover {
	background-color: #77bb00 !important;
	color: #fff !important;
	text-decoration: none;
}

.medium .btn-filled-alt
{
	background: #dfdfdf;
}

.fa-solid.open {
	color: #42d43b;
}
.fa-solid.closed {
	color: #77bb00;
}

/* green shortcode button */
.shortcode.green-button.btn.btn-filled
{
	background-color: #accc17;
	color: #fff;
}
.shortcode.green-button.btn.btn-filled:active,
.shortcode.green-button.btn.btn-filled:hover {
	background-color: #9bb815;
}


/* blue shortcode button */
.shortcode.blue-button.btn.btn-filled
{
	background-color: #3997d6;
	color: #fff;
}
.shortcode.blue-button.btn.btn-filled:active,
.shortcode.blue-button.btn.btn-filled:hover {
	background-color: #3388c1;
}


/* red shortcode button */
.shortcode.red-button.btn.btn-filled
{
	background-color: #d94545;
	color: #fff;
}
.shortcode.red-button.btn.btn-filled:active,
.shortcode.red-button.btn.btn-filled:hover {
	background-color: #b33939;
}


/* purple shortcode button */
.shortcode.purple-button.btn.btn-filled
{
	background-color: #AB3FD7;
	color: #fff;
}
.shortcode.purple-button.btn.btn-filled:active,
.shortcode.purple-button.btn.btn-filled:hover {
	background-color: #9E38C7;
}