/*!
 *   custom css
*/

 :root{
 	--color-orange:#ee7027d4;
 	--color-orange-hover:#da5c05c9;
 	--color-dark-orange:#aa572e; /* aa572e */
 	--color-dark-orange-hover:#933d05d9;
 	--very-dark-orange:#6d3816;
 	--color-blanco:#ffffff;
 	--color-negro:#111111;
 	--color-blanco-hover:#dadddd;
 	--color-blanco-border-hover:#545b62;
    --bs-btn-hover-bg:#e78b56d4;
 }
 
 
.card-primary:not(.card-outline)>.card-header, .card-header, .input-group-text, .dark-mode .bg-dark, div.bg-dark{
    background-color:var(--color-orange) !important;
}

.dark-mode input.form-control{
	background-color:var(--color-negro) !important;
}

.white-mode input.form-control{
	background-color:#e2e2e2 !important;
}

button.btn.btn-link.logout {
    padding: 14px;
    color: #ff7777;
}

.panel-primary > .panel-heading.panel-primary{
	    background-color: var(--color-orange);
	    border-color: var(--color-orange);
}

.panel.panel-primary {
	border-color: var(--color-orange);
}

a{
	/*color: var(--color-dark-orange) !important;*/
}

a:hover{
	color: var(--color-orange-hover) !important;
}

a.btn.btn-primary {
    color: #fff !important;
	background-color: var(--color-orange);
	border-color: var(--color-orange);
}
a.btn.btn-primary:hover {
    background-color: var(--color-orange-hover);
}

a.btn.btn-info, .dark-mode .btn-primary {
    color: #fff !important;
    background-color: var(--color-dark-orange);
    border-color: var(--color-dark-orange);
}

a.btn.btn-info:hover, .dark-mode .btn-primary:hover{
	background-color: var(--color-dark-orange-hover);
	border-color: var(--color-negro);
}

a.btn.btn-info:hover {
    background-color: var(--color-dark-orange-hover);
}

.pagination > .active > a{
    background-color: var(--very-dark-orange) !important;
    border-color: #fff !important;
    color:#FFF !important;
}

div.card-footer button.btn-primary{
	--bs-btn-bg: var(--color-orange);
	--bs-btn-border-color: var(--color-orange);
    --bs-btn-hover-bg: var(--color-orange);
    --bs-btn-hover-border-color: var(--color-orange);
}

img.img-logo {
    height: 60px;
}

.btn-tool {
    color: #da5b06;
}

.dark-mode a.btn.btn-secondary, .dark-mode .btn-app, .dark-mode .btn-default{
	background-color: var(--color-blanco);
	border-color: var(--color-blanco);
}

.dark-mode a.btn.btn-secondary:hover, .dark-mode .btn-app:hover, .dark-mode .btn-default:hover{
	background-color: var(--color-blanco-hover);
	border-color: var(--color-blanco-border-hover);
}

.dark-mode span.bg-info{
    background-color: #da5e04!important;
}

div.card {
    border: 0;
}

.card-title{
    font-weight: 700;
}

.dark-mode .content-wrapper{
	background-color: #595959;
}

.card-header a {
    color: #fff !important;
}

.dark-mode .card .card{
	background-color: #111111;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 5%);
}

.dark-mode thead.kv-table-header.companyGrid {
    background: linear-gradient(to bottom, #252424 0%, #212121 100%);
}


/*color de background por defecto*/
.dark-mode table.kv-grid-table {
    background-color: #040404;
}

/*cambia el background de las filas par de list*/
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 12%);
}

/*color de texto por defecto de la tabla list*/
.dark-mode .table {
    color: #cac6c6;
}

.white-mode .table {
    color: #363636;
}

/*color de texto de las filas par de list*/
.dark-mode table.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #9f9f9f;
}

.dark-mode .table-hover tbody tr:hover{
	background-color: #3a4047 !important;
}

.dark-mode .table-hover > tbody > tr:hover > *{
	color:#ffffff !important;
}

.dark-mode .page-item:not(.active) .page-link, .dark-mode .page-item.disabled .page-link, .dark-mode .page-item.disabled a{
	border-color: #ffffff !important;
}

.dark-mode .page-item.disabled .page-link, .dark-mode .page-item.disabled a{
	color: var(--color-orange) !important;
}

.dark-mode .dropdown-header{
	color:#ffffff;
}

.white-mode .btn.btn-default {
  border-color: #000;
  
}

.white-mode .btn.btn-default:hover{
	background-color: #eeecec;
}


.vertical-tab{
    display: grid;
    grid-template-columns: 200px 1fr;
    position: relative;
}

.vertical-tab nav{
    padding-right: 10px;
}

.nav-sidebar{
    background-color: #56606a;
    border-radius: 6px;
    overflow: hidden !important;
    margin-bottom: 20px;
}

.nav-sidebar li{
    background-color: #242323;
}

.dark-mode .nav-tabs .nav-link.active{
    background-color: #4a525a8f !important;
}
.nav-sidebar .nav-item > .nav-link{
    margin:0;
    border-radius: 0px !important;
}
.nav-sidebar .nav-item > .nav-link > i {
    margin-right: 5px;
    color: #8b451c;
    width: 20px;
}

.nav-sidebar > .nav-item {
    margin: 1px 0 0px 0;
}

.nav-sidebar > .nav-item:first-child {
    margin: 0;
}




.nav-sidebar > .nav-item > .nav-treeview > .nav-item > a.nav-link i:first-child{
    font-size: 20px;
    font-weight: bold;
    margin-right: 20px;
    color: #595959;
}

a.nav-link i.right{
    color: #595959;
    font-size: 20px;
    font-weight: bold;
}

.nav-sidebar > .nav-item > .nav-treeview > .nav-item > a.nav-link {
    border-top: 1px;
    border-top-style: dotted;
    border-top-color: #5a5d60;
}

.nav-pills .nav-link.active{
    background-color: #fff !important;
}

.white-mode .nav-sidebar li {
    background-color: #ffffff;
}


.white-mode .nav-pills .nav-link.active {
    background-color: #c5c3c3 !important;
}

.white-mode .nav-pills .nav-link:hover{
    background-color: #d8d7d7 !important;
}

.white-mode .nav-sidebar .nav-item > .nav-link > i{
    color: #632a09;
}

.dropdown-item.active, .dropdown-item:active{
    background-color:#fff !important;
}

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

@media only screen and (max-width: 479px){
    .vertical-tab{
        grid-template-columns: 1fr;
    }
    .vertical-tab nav{
        padding-right: 0px;
    }
}