@import url('https://fonts.googleapis.com/css?family=Moul&display=swap');
@media print {
    .title h1,.title p
    {
        color: #051f7d!important;
    }
    div.layout-print {
        margin: 10px 0 10px 0;
    }
    div.layout-print .header .title {
        margin-bottom: 5px!important;
    }
    .layout-print .blog {
        height: 35px!important;
    }
    .layout-print .border-bottom {
        margin-bottom: 15px!important;
    }
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        text-align: center;
    }
    .font
    {
        font-family: 'Khmer OS Battambang', cursive;
        vertical-align: middle !important;
        font-size: 12px !important;
        border: 1px solid #000000 !important;
    }
    .borderss
    {
        width: 50%;
    }
    .borders1
    {
        border: 1px solid #000000!important;
    }
}
div.title h1
{
    text-align: center;
}
.title h1
{
    color: #000000 !important;
    font-family: 'Moul', cursive;
    padding-top: 10px;
}
.tables{
    width: 100%;
}
.border-round{
    border: solid 1px #000000;
}
.table {
    width: 99%;
    max-width: 100%;
    margin-bottom: 10px;
}
.table-col {
    width: 99.4%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: -20px;
    height: 70px;
    vertical-align: middle;
    margin-left: 10px;
}
.title h2
{
    color: #000000 !important;
    font-family: 'Moul', cursive;
    /*text-align: right;*/
    font-size: 12px;
    padding-top: -10px;
    line-height: 0px;
}
.titles p b
{
    color: #000000 !important;
    font-family: 'Moul', cursive !important;
}
.titles1 p
{
    color: #000000 !important;
    font-family: 'Moul', cursive !important;
    padding-left: 20px;
    font-size: 10px;
}
.font
{
    font-family: 'Khmer OS Battambang', cursive;
    /*background-color: #e1ebf9 !important;*/
    /*height: 30px;*/
    vertical-align: middle !important;
    font-size: 12px !important;
    border: 1px solid #000000 !important;
}
.heights
{
    height: 50px;
}
.borderss
{
    width: 50%;

}
.borders1
{
    border: 1px solid #000000 !important;
}
.font-styles
{
    font-style: italic !important;
}
div .heid
{
    line-height: 35px;
}
.title p
{
    color: #000000 !important;
    margin-top: 5px;
    text-align: center;
}
.phone
{
    margin-top: 10px;
    margin-right: 15px!important;
}
label
{
    color: #5a5a59!important;
    font-weight: normal!important;
}
p.account,p.receive,p.paid
{
    margin-bottom: -20px!important;
    text-align: center!important;
}
.col-account{
    margin-left: 15px!important;
    margin-right: 0!important;
    margin-bottom: 10px;
}
.col-receive
{
    margin-left: -5px!important;
    margin-bottom: 10px;
}
.col-paid
{
    margin-left: -15px!important;
    margin-bottom: 10px;
}
.input.input-remark {
    margin-left: 26px;
    width: 97%;
}
.acc-fill
{
    border-bottom: 2px solid #BDBDBD;
    width: 50%;
    margin-left: 65px!important;
}
.rec-fill
{
    border-bottom: 2px solid #BDBDBD;
    width: 50%;
    margin-left: 65px!important;
}
.pad-fill
{
    border-bottom: 2px solid #BDBDBD;
    width: 50%;
    margin-left: 65px!important;
}
.layout-print .footer-deposit {
    float: left;
    width: 100%;
}
.footer {
    left: 0;
    bottom: 0;
    text-align: center;
    color: #000000 !important;
}
.line-footer {
    border:solid 1px #fdca10 ;
    margin-bottom: 10px;
}