:root {
    --main-color:  #43C654;
    --main-color-transparent:  #43C6545d;
    --main-color-transparent-2:  #43C65419;
    --dark-color:  #3A963A;
}

app-menu {
    background: var(--main-color);
}

a {
    color: var(--main-color);
}

a:hover {
    color: var(--dark-color);
}

.card-img-top {
    padding-bottom: 0 !important;
}

.bg-gradient-primary {
    background-color: var(--main-color);
    background-image: linear-gradient(180deg,var(--main-color) 10%,var(--main-color) 100%);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: var(--main-color) !important;
}

.navbar-brand {
    margin-right: 0;
    text-align: left;
}

.topbar .dropdown-list .dropdown-header {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

.btn-danger{
    color: #fff !important;
}

.btn-search-menu {
    background-color: #FFFFFF !important;
}

.btn-search-menu:hover {
    background-color: var(--dark-color) !important;
}

.btn btn-success btn-tab dropdown-toggle{
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

.btn-success {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-success:hover {
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

.btn-outline-success {
    color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle,
.btn-outline-success:active {
    background-color: var(--dark-color) !important;
    background-color: var(--dark-color);
    border-color: var(--dark-color);
    color: #fff;
}

.btn-outline-info {
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    background-color: var(--dark-color) !important;
    border-color: var(--dark-color) !important;
    color: #fff;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: var(--dark-color);
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.2rem var(--main-color-transparent-2);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--main-color-transparent-2);
}

#wrapper #content-wrapper {
    background-color: #f8f9fc;
}

.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link, 
.nav-pills .nav-link:hover {
    background-color: var(--main-color);
    color: #FFFFFF !important;
}

.nav-pills .nav-link {
    color: var(--main-color) !important;
    border: 1px solid var(--main-color);
}

@media (max-width: 767px){

    app-header nav {
        background-color: var(--main-color) !important;
        color: #FFF !important;    
    }

    .nav-item .text-gray-600 {
        color: #FFF !important;
    }
}

.inative_row {
    text-decoration: line-through;
    color: #999ff9;
}

.now-row {
    color: #1b5ac3;
}

.paied-row {
    color: #1cc88a;
}

.overdue-row {
    color: red;
}

.required:after {
    color: red;
}

.nav-tabs li a {
    color: var(--main-color);
}

.nav-tabs .nav-link {
    color: #9FA3AF;
}

.nav-tabs .nav-link.disabled {
    color: #C9CBDA;
}

.breadcrumb-item a,
.breadcrumb-item a:hover {
        color: #6e707e;
}
.breadcrumb{
background-color: #f8f9fc;
}

.info-pane p {
    color: blue;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--main-color-transparent);
    background-color: var(--main-color-transparent);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--main-color-transparent);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem var(--main-color-transparent-2);
}

.my-bt-search-menu {
    border: solid 1px #fff;
}

.my-input-search-menu{
    border: solid 1px #fff;
}

.badge-calendar {
    color: #fff;
    background-color: var(--main-color);
}

.badge-calendar:hover {
    background-color: var(--dark-color);
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--main-color);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: var(--main-color-transparent-2);
}

.page-link:hover {
    color: var(--dark-color);
}

.dropdown-menu.main {
    background: var(--main-color);
}

.page-item.dropup>.page-link{
    color: var(--main-color);
}

/* checkbox */

.checkbox-field input[type='checkbox']:checked ~ .checkbox-field__checkmark {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}