/* LOGIN */
.hidden
{
    display:none;
}

.login-bg, .login-body {
    background: #008732;
}

.login-bg .radius-30 {
    border-radius: 5px !important;
}

.login-bg .card-title {
    font-weight: 900;
    color: #000000;
}

.login-bg button {
    text-transform: uppercase;
    font-weight: 500;
}

.login-bg form .search-icon .bi {
    font-size: 20px;
    margin-left: -2px;
    color: #000000;
}

/* BODY */

.nav-tabs {
    border-bottom: 1px solid #17a00e;
}

.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #007d24;
    font-family: LineIcons;
    content: "\ea5c";
}

.page-breadcrumb .breadcrumb-item a,
.card-header h5 {
    color: #007d24 !important;
}

.btn-success,
.bg-success,
.card.bg-success {
    background-color: #01833b!important;
}


.border-success {
    border-color: #01833b!important;
}

.apexcharts-canvas .apexcharts-subtitle-text {
    margin-bottom: 30px;
}

.apexcharts-legend.position-right {
    top: auto !important;
    font-family: Roboto, sans-serif!important;
}

text {
    font-family: Roboto, sans-serif!important;
    /* font-size: 14px!important; */ 
    /* font-weight: 400!important; */
}

.nav-success.nav-tabs .nav-link.active {
    color: #FFFFFF;
    background-color: #01833b;
    border-bottom: 1px solid #01833b;
    /* border-color: #01833b #01833b #fff; */
    font-weight: 500;
}

.nav-success.nav-tabs .nav-link:hover {
    color: #FFFFFF;
    background-color: #000000;
    border-bottom: 1px solid #000000;    
    font-weight: 500;
}

.nav-tabs {
    margin-bottom: 20px;
}

.page-breadcrumb .breadcrumb li.breadcrumb-item.b-perfil::before {
    color: #FFFFFF!important;
}


@media (max-width: 575.98px) { 
    
    .nav-tabs li {
        width: 100%;
        display: block;
    }

    #datos_personales .form-control {
        margin-bottom: 0px !important;
    }



}





label,
h6.chat-title,
.fw-500 {
    font-weight: 500;
}

form .form-control {
    margin-bottom: 15px;
}

.border-c {
    border: 1px solid #01833b!important;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #01833b!important;
    border-color: #01833b!important;
    font-weight: 500;
    padding-top: 12px;
    padding-bottom: 12px;
}

.add-formulario .bx-user-plus,
.f-color {
    color: #01833b!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;    
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;    
}

.tab-title {
    font-weight: 500;
}









/* TABLA */

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {    
    padding: 10px;
    background-color: #01833b;
    color: #FFFFFF;
    font-weight: 500;
}

.dx-datagrid .dx-header-filter-empty {
    color: #FFFFFF !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle !important;
}

.dx-datagrid-table tbody tr {
    font-weight: 500;
}

.dx-datagrid-table tbody tr:nth-child(2n+1) {
    background: rgb(1 131 59 / 15%);
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    cursor: inherit;
    text-shadow: none;
    color: #fff !important;
    border-color: transparent;
    background-color: #01833b !important;
}

.dx-treeview-node-container,
.dx-popup-title.dx-toolbar .dx-toolbar-items-container {  
    text-transform: uppercase;
}

.btns-tb a, 
.btns-tb btn,
.btns-tb button {
    text-transform: initial !important;
    font-weight: 500;
}

.ui-widget.ui-widget-content {
    z-index: 99999 !important;
}