/* CSS Custom - Bucomptapp CSS custom.css
 * Style principal de Bucomptapp
 * Namespace = module-bucomptapp
 *
 * ------Hub------
 *  1.  #General
 *  2.  #Utilities
 *  3.  #Navbar
 *  4.  #Grid, Cards, Containers
 *  5.  #Table
 *  6.  #Button
 *  7.  #Forms
 *  8.  #Navs, Tabs
 *  9.  #DatePickers
 *  10. #Modals
 */

/***************
 * 1.  #General
 ***************/


.login-wrapper{
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.logo > img{
    width: 160px;
}

/***************
 * 2.  #Utilities
 ***************/

.hidden-toggle{
    display: none;
}

.border-primary {
    border-color: #e7276f!important;
}

.border-tertiary {
    border-color:#2baab1!important;
}

.time-tracker-frozen{
    box-shadow: 1px 1px 10px 2px #2baab1!important;
}

.w-10 {
    width: 10%!important;
}

.w-20 {
    width: 20%!important;
}

.w-30 {
    width: 30%!important;
}

.w-40 {
    width: 40%!important;
}

.w-60 {
    width: 60%!important;
}

.w-70 {
    width: 70%!important;
}

.w-80 {
    width: 80%!important;
}

.w-90 {
    width: 90%!important;
}

/***************
 * 3. #Navbars
 ***************/
ul.nav-main li.nav-parent > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

ul.nav-main li.nav-parent.nav-expanded > a:after {
    content: '\f106';
}


/***************
 * 5. #Table
 ***************/
table.table-hover > tbody > tr {
    cursor: pointer;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected{
    background-color: #e7276f;
}

/***************
 * 6. #Buttons
 ***************/

.btn:disabled{
    cursor: not-allowed;
}


/***************
 * 7. #Forms
 ***************/
legend{
    color: #33353F;
    font-family: "Open Sans", Arial, sans-serif;
}

.input-group-text{
    border-radius: 0;
}

.input-daterange input:last-child {
    border-radius: 0;
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #e7acd0;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(170, 21, 72, 0.25);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: #e7276f;
}

.custom-control-input:checked~.custom-control-label::before{
    background-color: #e7276f;
}


/***************
 * 8.  #Navs, Tabs
 ***************/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #e7276f;
}

.nav-pills .nav-link{
    border-radius: 0;
}


/***************
 * 9.  #DatePickers
 ***************/
.datepicker table thead tr th.prev {
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
}

.datepicker table thead tr th.next {
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
}

/***************
 * 9.  #Modals
 ***************/

.modal-xl {
    max-width: 90%;
}

.modal {
    overflow-y: auto;
}

/***************
 * 10.  #Invoice
 ***************/

.invoice {
    font-family: "Maiandra GD";
    font-size: 19px;
    color: #000;
    background-color: white;
    padding: 40px 40px 20px 40px;
}

.invoice p{
    color: #000 !important;
}

.invoice .card-header.border {
    background-color: #DADADA !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice .card-body.border {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    -webkit-print-color-adjust: exact !important;
}


.invoice address{
    color: #000 !important;
}

.invoice .logo-container img{
    width: 275px;
}

.invoice table#table-invoice{
    border: 1px solid black !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice.table td, table#table-invoice.table th {
    -webkit-print-color-adjust: exact !important;
}


.invoice table#table-invoice > thead > tr > th{
    border: 1px solid #000000 !important;
    background-color: #DADADA !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice > thead td{
    border: 1px solid #000000 !important;;
    border-collapse: separate !important;;
    background-color: #DADADA !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice > tr.dark-row{
    border: 1px solid #000000 !important;
    background-color: #DADADA !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice > thead > tr > th{
    background-color: #DADADA !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice tr > td.dark-cell
{
    background-color: #DADADA !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice > tbody > tr.dark-row > td.dark-cell{
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    background-color: #DADADA !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice > tfoot > tr > td:not(.transparent-cell){
    border: 1px solid #000000 !important;
    -webkit-print-color-adjust: exact !important;
}

.invoice table#table-invoice > tfoot > tr > td.transparent-cell{
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-print-color-adjust: exact !important;
}



@media print {

    .invoice .logo-container{
        width: 225px;
        height: 225px;
    }
    /*
    .invoice .logo-container img{
        display: none;
    }*/
}