.label-as-textbox {
    width: 100%;
    border: 1px solid #efefe4;
    padding: 0.626rem 1.1875rem;
}
.modal-dialog {
    margin-top: 100px;
}
.modal-open .modal {
    transition: all 0.5s linear;
}
/*.breadcrumb-item + .breadcrumb-item:before {
    font-family: "Battambang", system-ui;
}*/
td.btn-action a,
td.btn-action button,
.action-bar a,
.action-bar button,
.modal-body button,
.tx-chhouk-app button {
    position: relative;
}
.tx-chhouk-app .result td .btn {
    margin-bottom: 5px;
}
.certificate-preview {
    font-family: "Poppins", "Battambang", sans-serif;
    font-size: .9125rem;
}
.print-background {
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto;
}
.print-background.birth {
    background: url(../images/birth-background.jpg) top center no-repeat;
    background-size: 100% auto;
    min-height: 300mm;
}
.print-background.birth-confirm {
    background: url(../images/birth-confirm-background.jpg) top center no-repeat;
    background-size: 100% auto;
}
.print-background.married {
    background: url(../images/married-background.jpg) top center no-repeat;
    background-size: 100% auto;
}
.print-background.married-confirm {
    background: url(../images/married-confirm-background.jpg) top center no-repeat;
    background-size: 100% auto;
}
.print-background.death {
    background: url(../images/dead-background.jpg) top center no-repeat;
    background-size: 100% auto;
    margin: 4px auto 0;
}

.modal-open .modal {
    display: block!important;
    transition: all 2s linear
}

.modal-open .modal.show .modal-dialog {
    z-index: 999
}

.loading {
    content: "";
    position: absolute;
    top: 0;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    height: 100%
}


.birth-header {
    padding: 162px 0 0 170px
}

.birth-header ul {
    list-style: none;
    padding-left: 50px
}

.birth-header ul li {
    padding: 0;
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 12px
}

.heading-font {
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 13px
}

.head-font {
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 12px;
    padding-top: 50px
}

.bold-text {
    font-family: Moul,serif;
    color: #000
}

.second-birth-data {
    width: 174mm;
    margin: 9mm auto 0
}

.birth-data {
    width: 180mm;
    margin: 20mm auto 0
}

.first-birth-data {
    width: 174mm;
    margin: 0 auto
}

.first-birth-data td,.second-birth-data td,.birth-data td {
    line-height: 2.15;
    color: #000
}

.birth .address,
.birth-confirm .address {
    text-align: center;
    height: 85px;
    vertical-align: top;
    padding-top: 10px;
    line-height: 1.6!important;
    padding-right: 4px;
    padding-left: 4px
}

.pre-data {
    width: 66mm
}

.action-bar {
    width: 210mm;
    margin: 0 auto;
    max-width: 100%;
}

.text-right {
    text-align: right
}

.print-background {
    min-height: 297mm
}

.footer-certificate {
    padding: 8px 60px
}

.footer-certificate p,.footer-certificate {
    color: #000
}

.footer-certificate p {
    margin: 0
}

.signature {
    padding-left: 30px;
    display: flex
}

.signature .current_place {
    width: 140px;
    text-align: center
}

.authorization {
    margin: 32px 0 0 40px;
    text-align: center
}

.authorization-footer {
    margin: 10px 0 0 40px;
    text-align: center
}

.authorization_name {
    margin: 27px 0 0 40px;
    text-align: center
}

.authorization_role {
    margin: 0 0 0 9px;
    text-align: left
}

.footer-font {
    font-family: Freehand,cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.8
}

/** Married certificate **/
.modal-open .modal {
    display: block!important;
    transition: all 2s linear
}

.modal-open .modal.show .modal-dialog {
    z-index: 999
}

.loading {
    content: "";
    position: absolute;
    top: 0;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    height: 100%
}

.married-header {
    padding: 144px 0 0 180px;
}

.married-confirm .married-header {
    padding: 130px 0 0 125px;
}

.married-header ul {
    list-style: none;
    padding-left: 30px
}

.married-header ul li {
    padding: 0;
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 12px
}

.bold-text {
    font-family: Moul,serif;
    color: #000;
    font-size: 13px;
    width: 62mm
}

.pre-indent {
    padding-left: 15mm!important
}

.second-married-data {
    width: 180mm;
    margin: 6mm auto 0
}

.married-data {
    width: 180mm;
    margin: 8mm auto 0
}

.first-married-data {
    width: 180mm;
    margin: 7mm auto 0
}

.first-married-data td,.second-married-data td,.married-data td {
    line-height: 1.9;
    color: #000;
    padding-left: 4mm;
    padding-right: 4mm;
    font-size: 13px
}
.married-confirm .first-married-data td {
    line-height: 2.04;
}
.married-confirm .address,
.married .address {
    text-align: center;
    height: 17mm!important;
    vertical-align: top;
    padding-top: 5px;
    line-height: 1.8!important
}

.married .pre-data {
    width: 62mm
}

.action-bar {
    width: 210mm;
    margin: 0 auto
}



.footer-certificate {
    padding: 20px 60px
}

.footer-certificate p,.footer-certificate {
    color: #000
}

.footer-certificate p {
    margin: 0
}

.signature {
    padding-left: 26px;
    display: flex
}

.signature .current_place {
    width: 140px;
    text-align: center
}

.authorization {
    margin: 31px 0 0 40px;
    text-align: center
}

.authorization_name {
    margin: 27px 0 0 40px;
    text-align: center
}

.heading-font {
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 13px
}

.authorization_role {
    margin: 0 0 0 9px;
    text-align: left
}

.authorization-footer {
    margin: 10px 0 0 40px;
    text-align: center
}

.footer-font {
    font-family: Freehand,cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.8
}

.head-font {
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 12px;
    padding-top: 50px
}

/** Death certificate **/
.modal-open .modal {
    display: block!important;
    transition: all 2s linear
}

.modal-open .modal.show .modal-dialog {
    z-index: 999
}

.loading {
    content: "";
    position: absolute;
    top: 0;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    height: 100%
}

.dead-header {
    padding: 184px 0 0 170px
}

.dead-header ul {
    list-style: none;
    padding-left: 50px
}

.dead-header ul li {
    padding: 0;
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 12px
}

.bold-text {
    font-family: Moul,serif;
    color: #000
}

.second-dead-data {
    width: 180mm;
    margin: 0 auto
}

.dead-data {
    width: 180mm;
    margin: 13mm auto 0
}

.first-dead-data {
    width: 180mm;
    margin: 0 auto
}

.first-dead-data td,.second-dead-data td,.dead-data td {
    line-height: 2.15;
    color: #000;
    padding-left: 4mm;
    padding-right: 4mm;
    font-size: 14px
}

.death .address {
    text-align: center;
    height: 85px;
    vertical-align: top;
    padding-top: 10px;
    line-height: 2!important
}

.pre-data {
    width: 68mm
}

.action-bar {
    width: 210mm;
    margin: 0 auto
}

.footer-certificate {
    padding: 16px 60px
}

.footer-certificate p,.footer-certificate {
    color: #000
}

.footer-certificate p {
    margin: 0
}

.signature {
    padding-left: 26px;
    display: flex
}

.signature .current_place {
    width: 140px;
    text-align: center
}

.authorization {
    margin: 26px 0 0 40px;
    text-align: center
}

.authorization_name {
    margin: 27px 0 0 40px;
    text-align: center
}

.authorization_role {
    margin: 0 0 0 9px;
    text-align: left
}

.heading-font {
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 13px
}

.authorization-footer {
    margin: 10px 0 0 40px;
    text-align: center
}

.footer-font {
    font-family: Freehand,cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.8
}

.head-font {
    line-height: 2.1;
    font-family: Moul,serif;
    color: #000;
    font-size: 12px;
    padding-top: 50px
}

.certificate-preview .card {
    overflow: scroll;
}

@media (max-width: 767px) {
    .card-body.action-bar .text-right {
        text-align: left !important;
        margin-top: 5px;
    }
  }