:root {
    --principal-muy-oscuro: #512f57;
    --principal-oscuro: #4a1554;
    --principal: #6d1f7c;
    --principal-claro: #9c62a7;
    --linea-negativa: #f7e2fb;

    --secundario-claro: #ffe26d;
    --secundario: #fccb00;

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

@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;
}

#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;
}
.datos-label {
    width: 150px;
}

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;
}

/* 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);
}

.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);
}

table.factura tr td {
    border: none;
}

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


/* 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;
}

/* Ocultar botones ckeditor */
.ck-file-dialog-button, .ck.ck-button.ck-source-editing-button.ck-on.ck-button_with-text, .ck.ck-dropdown{
    display: none;
}

* {
    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);
}
.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;
  }