:root{
    --theme-color: rgba(69, 55, 143, 1);
}
@page{
    size: A4 !important;
}
/* Main style */
#bill_no_fix{
    max-width: 15% !important;
    padding: 0px !important;
    /* margin-top: 8px !important; */
}
#dated_label_fix{
    max-width: 15% !important;
    padding: 0px !important;
}
#pr_buility_label_fix{
    max-width: 15% !important;
    padding: 0px !important;
}
.print_wrapper{
    visibility: hidden;
    margin-top: 20px;
}
.is_enclosed{
    color: var(--theme-color) !important;
    font-weight: bolder !important;
}
/* Setting up main title header */
.logo-container{
    /* Abstract */
}
.logo-layout{
    padding-right: 0px !important;
}
img.logo{
    margin-top: 20px;
    display: inline-block;
    max-width: 60px !important;
}
.slogan-container{
    display: inline-block;
}
.slogan{
    display: inline-block;
    color: var(--theme-color);
    font-family: 'Dancing Script', cursive;
    font-size: 50px;
    font-weight: bolder;
}
.slogan-underline{
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 5px !important;
    border-color: var(--theme-color) !important;
}
.slogan-container{
    position: relative !important;
    left: 55px !important;
}
.slogan-description-container{
    display: inline-block;
}
.slogan-description{
    font-size: 15px !important;
    color: var(--theme-color) !important;
}
/* End of setting up main title header */
.theme-color{
    color: var(--theme-color) !important;
}
label.label-control{
    margin-top: 8px !important;
}
input.form-control{
    border-radius: 0px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none;
    border-bottom: 1px solid var(--theme-color) !important;
}
input.form-control:focus{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--theme-color) !important;
}
/* Title class */
.title{
    margin-left: 50%;
    font-size: 25px;
    font-weight: bolder;
    color: var(--theme-color);
    transform: translateX(-5%);
}
/* Style on print */
/* Invoice specific style */
#sr_no{
    border: none !important;
}
#date{
    margin-left: 0px !important;
}
#date-control {
    margin-left: -25px;
}
.invoice-head-inner{
    margin-top: 20px;
}
.margin-top-10{
    margin-top: 10px !important;
}
.font-10{
    font-size: 10px !important;
}
.font-8{
    font-size: 8px !important;
}
#sr_no_container{
    padding: 0px !important;
}
#sr_input_container{
    padding: 0px !important;
}
#sr_no{
    font-weight: bolder;
}
#buyers_name_label{
    padding-right: 0px !important;
}
#supply_label{
    padding: 0px !important;
}
/* End of invoice specific style */
@media print{
    /* Setting up page perameteres */
    @page{
        size: A4 !important;
    }
    .print_wrapper{
        visibility: visible;
    }
    a[href]:after { content: none !important; }
    table.table tr, table.table td, table.table th{
        border: 1px solid var(--theme-color) !important;
    }
    table tr.invoice-row{
        border: none !important;
    }
    table tr.invoice-row:last-child{
        border-bottom: 1px solid var(--theme-color) !important;
        outline: 1px solid var(--theme-color) !important;
        outline-offset: 5px;
    }
    table td.invoice-data{
        border: none !important;
        border-right: 1px solid var(--theme-color) !important;
    }
    table td.invoice-data:last-child{
        border: none !important;
    }
    input::placeholder{
        opacity: 0 !important;
    }
    /* Setting up main title header */
    .logo-container{
        /* Abstract */
    }
    .logo-layout{
        padding-right: 0px !important;
    }
    img.logo{
        margin-top: 20px;
        display: inline-block;
        max-width: 80px !important;
    }
    .slogan{
        display: inline-block;
        color: var(--theme-color) !important;
        font-family: 'Dancing Script', cursive;
        font-size: 40px;
        font-weight: bolder;
    }
    .slogan-underline{
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 5px !important;
        border-color: var(--theme-color) !important;
    }
    .slogan-underline-invoice{
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 5px !important;
        border-color: var(--theme-color) !important;
        width: 100%;
    }
    .slogan-container{
        position: relative !important;
        left: 55px !important;
    }
    .slogan-description-container{
        display: inline-block;
    }
    .slogan-description{
        max-width: 70% !important;
        font-size: 10px !important;
        color: var(--theme-color) !important;
    }
    .contact-info-container{
        margin-top: 20px !important;
    }
    .header-contact-info{
        color: var(--theme-color) !important;
    }
    /* invoice header */
    .invoice-head{
        /* Abstract */
    }
    .slogan-layout{
        padding-left: -50px !important;
    }
    /* End of setting up main title header */
}