:root {
    --main-bg-color: #7e9785;
    /*#7e9785;*/
    --main-bg-color-light: #bbd3cb;
}

.w-10{
    width: 10%;
}

.w-15{
    width: 15%;
}
.w-20{
    width: 20%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-50{
    width: 50%;
}
.w-60{
    width: 60%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-90{
    width: 90%;
}
.w-100{
    width: 100%;
}

.cursor{
    cursor: pointer;
}

.tata-ajax-loader-img{
    background-image: url(../img/loading.gif);
}

.alink:link {
    color: #0062cc;
    background-color: transparent;
    text-decoration: none;
}
.alink:visited {
    color: #008000;
    background-color: transparent;
    text-decoration: none;
}
.alink:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
.alink:active {
    color: #gcb49c;
    background-color: transparent;
    text-decoration: underline;
}
td{
    vertical-align: middle !important;
}
th{
    vertical-align: middle !important;
}

.table .thead-dark th {
    color: white;
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color-light);
}

.table tbody td {
    color: var(--main-bg-color);
    background-color: white;

}

table.dataTable tfoot th, table.dataTable tfoot td{
    border-top-color:  var(--main-bg-color);
    color: var(--main-bg-color);
}


.card-secondary:not(.card-outline) > .card-header {
    background-color: var(--main-bg-color);
}


.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--main-bg-color);
}
.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active:hover {
    background-color: var(--main-bg-color-light);
}

.navbar-user{
    background-color: var(--main-bg-color);
}
body{
    background-color: var(--main-bg-color);
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
    background-color: var(--main-bg-color-light);
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    color: var(--main-bg-color);
}

.modal-header{
    background-color: var(--main-bg-color);
    color:white;
}

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

.card-user.card-outline {
    border: 4px solid #7e9785;
}

.btn-user {
    background-color: var(--main-bg-color);
    color:white;
}

.btn-user:hover {
    background-color: var(--main-bg-color-light);
}

.card-user.card-tabs {
    background-color: var(--main-bg-color-light);
}

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--main-bg-color);

}


.ui-menu-item
{
    border: none !important;
    background-color: #e1e1e1;
    list-style: none;
    width: 700px;
}

.ui-menu-item:hover
{
    border: none !important;
    background-color: var(--main-bg-color);
    list-style: none;
    width: 700px;
}

.alert-user{
    border-radius: 10px;
    border: 1px solid #7e9785;
    text-align: center;
    font-weight: bold;
    background-color: #d4d4d6;
}

input.form-control[readonly] {
    background-color: #d6d6d6;
    cursor: not-allowed;
}
textarea.form-control[readonly] {
    background-color: #d6d6d6;
    cursor: not-allowed;
}

legend {
    display: block;
    padding: 0px 5px;

    margin-bottom: .5rem;
    font-size: .9vw;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

fieldset, .fieldset {
    border: 1px #c6c4c4 solid;
    background: #FFF;
    margin-bottom: .5em;
    padding: 16px 10px;
    border-radius: 5px;
}