:root {
    --principal-muy-oscuro: #05658e;
    --principal-oscuro: #0586bd;
    --principal: #009EE0;
    --principal-claro: #77CBEE;
    --linea-negativa: #dff2fa;

    --secundario-claro: #D4D4D5;
    --secundario: #58585A;

    --negro: #000;
    --blanco: #fff;
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,500;1,300&display=swap');
@import url("https://fonts.googleapis.com/css?family=Raleway");

.form-group.required label:not(:empty):not(.form-check-label)::after,
span.required {
    content: ' *';
    color: #ff0000;
}

body {
    font-family: 'Ubuntu', sans-serif !important;
}

#input-img label:not(:empty):not(.form-check-label)::after {
    color: var(--negro) !important;
}

#label-img.custom-file-label::after {
    content: "Browse" !important;
    color: var(--negro) !important;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5);
    /* IE */
    -moz-transform: scale(1.5);
    /* FF */
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -o-transform: scale(1.5);
    /* Opera */
    transform: scale(1.5);
    padding: 10px;
}

.login-page {
    background-color: #82828a !important;
}

.login-logo {
    background-color: var(--principal);
    margin-bottom: 0px !important;
    padding-bottom: 5px;
}

.card-primary.card-outline {
    border-top: 3px solid var(--secundario);
}

/* boton login*/
.btn-login,
.btn-login:focus {
    color: var(--secundario);
    background-color: var(--principal);
    border-color: var(--principal);
    box-shadow: none;
}

.btn-login:hover {
    color: var(--principal);
    background-color: var(--secundario);
    border-color: var(--secundario);
}

.btn-login:not(:disabled):not(.disabled).active,
.btn-login:not(:disabled):not(.disabled):active,
.show>.btn-login.dropdown-toggle {
    color: var(--secundario);
    background-color: var(--principal);
    border-color: var(--principal);
}

/* .btn-login.focus, .btn-login:focus {
    color: var(--blanco);
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0 rgba(38,143,255,.5);
} */

/* boton login*/

.corporativo {
    background-color: var(--principal-claro);
}

.text-corporativo {
    color: var(--principal-claro);
}

.linea-negativa {
    background-color: var(--linea-negativa);
}

.linea-activa {
    background-color: #def7c6 !important;
}

.linea-no-activa {
    background-color: #fea1a4 !important;
}

.nav-sidebar>.nav-header,
.sidebar-form {
    color: #7290cd;
    font-weight: 800;
}


span#card_title.h1 {
    margin-top: .3em;
}

/* custom styles sidebar*/
.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: var(--principal);
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid var(--secundario);
    margin: 0 !important;
    padding: 1em !important;
    margin-top: 11px !important;

}

.brand-image .logo-xs {
    margin-right: 15px !important;
    background-color: red !important;
}

.main-sidebar {
    background-color: var(--principal);
}

[class*="sidebar-dark-"] .sidebar a {
    color: var(--blanco);
}

li.nav-header {
    background-color: var(--principal-oscuro) !important;
}

.sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--secundario);
    color: var(--principal-oscuro);
}

.sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active:hover,
.sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active:hover {
    background-color: var(--secundario-claro);
    color: var(--principal-muy-oscuro);
}

[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 {
    color: var(--secundario);
}

/* Detalle factura y presupuesto tabla */
table.table.factura {
    border-collapse: collapse;
}

table.factura tr td {
    border: none;
}

table.factura tr td.corporativo.text-white {
    border-bottom: #fff 1px solid;
}

td.borde_tabla {
    border-bottom: var(--principal) 1px solid !important;
}

/* Fin Detalle factura y presupuesto tabla */

.link-factura:hover {
    opacity: .7;
    cursor: pointer;
}


/* custom styles sidebar*/

/* navbar */

.navbar-dark {
    background-color: var(--principal) !important;
    border-color: var(--secundario) !important;
}

/* navbar */

/* Botones */
#btnCrearProducto:hover {
    background-color: var(--principal-muy-oscuro) !important;
}


* {
    box-sizing: border-box;
}

/* Botones navegación factura */
.button {
    position: relative;
    padding: 1em .8em;
    border: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    font-size: 11px;
    margin: .5em 0.8em;
}

.button.type2 {
    color: var(--principal);
}

.button.type2.type2:after,
.button.type2.type2:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--principal);
    transition: all 0.3s ease;
    transform: scale(0.85);
}

.button.type2.type2:hover:before {
    top: 0;
    transform: scale(1);
}

.button.type2.type2:hover:after {
    transform: scale(1);
}

.button.type2:nth-last-child(2) {
    margin-right: 5em;
}

/* Fin botones navegación factura */

.p-2.d-flex.justify-content-between {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

/* Contendedores factura */
#box_informacion_factura {
    padding-top: 3px;
    min-height: 40px;
}

#box_ultima_modificacion {
    min-height: 80px;
}

#box_detalle_producto {
    min-height: 197.3px;
}

#box_detalle_cliente {
    min-height: 197.3px;
}

.logo-xl.brand-image-xs,
.logo-xs.brand-image-xs {
    left: 5px !important;
}

nav>ul>li.nav-item:first-child {
    padding-top: 1em !important;
}

/* Fin Contendedores factura */
/* Quitar espacios en blanco en el texto enriquezido que crea automáticamente */
div.translate-tooltip-mtz.translator-hidden+p {
    display: none;
}
.boton_action{
    margin-right:20px;
    padding:10px; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    flex-grow: 1; 
    height: 3.0625rem;  
  }
  .boton_data{
    margin-left:10px;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column; 
    flex-direction: column;
    max-width: 100%;
    text-align: left;
    font-weight: 400;
    line-height: 1.3;
  }