body{
    font-family: 'Roboto', sans-serif;
}


.main-header .nav-link {
    height: auto;
}

.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 10;
}

.nav-sidebar .nav-item > .nav-treeview {
    /* padding: 15px;
    width: auto; */
}

.nav-sidebar .nav-item > .nav-treeview .nav-link{
    /* width: auto; */
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
    background-color: #0000004a;
}

[class*=sidebar-dark-] .nav-header {
    background-color: #0000001c;
    color: #ffffff42;
    margin: 0 -8px;
    margin-bottom: 3px;
}

[class*=sidebar-dark-] {
    background-color: #2A3F54;
    /* width: 200px; */
}

#sidebar-overlay {
    background-color: #0000009e;
}

.sidebar-mini .main-sidebar .nav-link, 
.sidebar-mini-md .main-sidebar .nav-link, 
.sidebar-mini-xs .main-sidebar .nav-link {
    transition: .2s easy;
}



[class*=sidebar-dark] .brand-link {
    border-bottom: 0;
    background-color: #00000047;
}

.brand-link {
    transition: none;
}



.page-link {
    color: #6d6d6d;
}

.page-item.active .page-link {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

.table .thead-dark th {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

#text_tipo_factura{
    color: #2a3f54;
}

.nav-link {
    padding: .3rem .9rem;
    font-size: 0.9em;
}

.sidebar .nav-item i {
    width: 15px;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: #1abb9c;
    color: #fff;
}




#tab-credito.nav-pills .nav-link.active, 
#tab-credito.nav-pills .show>.nav-link {
    background-color: #2a3f54;
}


#tab-credito.nav-pills .nav-link:not(.active):hover {
    color: #000;
}




.sidebar-open .content-wrapper,
.sidebar-open .main-header,
.sidebar-open .main-footer{
    filter: blur(5px);
}



.credit_limit {
    position: relative;
    background-color: #2a3f54;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 25px;
    font-weight: bold;
    color: #fff;
}

.credit_limit::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 25px;
    border-color: transparent transparent transparent #2a3f54;
    left: 20px;
    top: -23px;
}


.credit_limit.limit-danger {
    background-color: #dc3545;
    color: #fff;
}

.credit_limit.limit-danger::before {
    border-color: #0000 #0000 #0000 #dc3545;
}

form label:not(.form-check-label):not(.custom-file-label) {
    font-size: 12px;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 0.8rem;
    border-left-width: 3px;
    color: #747474;
    font-style: italic;
    margin-left: 0;
}


.form-control.is-valid, 
.was-validated .form-control:valid,
.form-control.is-invalid, 
.was-validated .form-control:invalid
{
    padding-right: .75rem;
    background-image: none;
}

.btn-popover{
    line-height: 0;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    padding: 0;
    margin-left: 5px;
    margin-top: -3px;
}

.bs-popover-auto[x-placement^=right]>.arrow::after, 
.bs-popover-right>.arrow::after {
    border-right-color: #2a3f54;
}

.bs-popover-auto[x-placement^=left]>.arrow::after, 
.bs-popover-left>.arrow::after{
    border-left-color: #2a3f54;
}

.popover-body {
    color: #fff;
    background-color: #2a3f54;
}

.login-page, .register-page {
    background: rgb(30,45,61);
    background: linear-gradient(58deg, rgba(30,45,61,1) 0%, rgba(26,187,156,1) 100%);
}

#preview_image{
    max-width: 200px;
    margin-top: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
}

#logo_empresa{
    margin: 0;
    height: 30px;
    width: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -10px;
    margin-right: 10px;
}

.custom-control-label::before, .custom-control-label::after {
    margin-top: -2px;
}

#tipo_factura_pills .nav-link {
    /* font-size: 11px; */
}

.os-padding {
    margin-bottom: 80px;
}

#tipo_factura_pills {
    flex-wrap: nowrap;
}