html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

#cxc-logo {
    width: 120px;
    margin-left: 15px;
}

#preslip-document{
    position: relative;
}

#generation-preslip-temp {
    position: relative;
}

#preslip-document-watermark {
    position: absolute;
    background: url('/images/cxc-logo-watermark-no-text-20.png');
    width: 100%;
    height: 100%;
    z-index: -1;
}

#cxc-watermark {
    width: 500px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

#pre-slip-header {
    border: 1px solid #ccc;
    position: relative;
}

#pre-slip-header p {
    font-weight: 700;
    margin: 0;
}

.pre-slip-table-header {
    font-weight: 600;
    background: rgba(204,204,204,.7);
    border: 1px solid #ccc;
    border-bottom: none;
}

.pre-slip-table-cell {
    margin: 0;
}

.pre-slip-table-items {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.pre-slip-table-items.last-item {
    border-bottom: 1px solid #ccc;
}

.pre-slip-table-items.subjects-table {
    font-size: 13px;
    /*font-size:9px;*/
}

.pre-slip-table-items.subjects-table.last-subject {
    border-bottom: 1px solid #ccc;
}

#qrcode img {
    margin: 0 auto;
}

#qrcodehr img {
    margin: 0 auto;
}

.pre-slip-text {
    font-size: 13px;
    margin: 0;
}

#accessed-time {
    position: absolute;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #a5a5a5;
    top: 15px;
}





/*.page-template > * {*/
  /*  position: absolute;*/
    /*left: 20px;
    right: 20px;
    font-size: 90%;
}

.page-template .header {
    top: 20px;
    margin-top:-400px;
}*/



.mobile-font-weight {
    font-weight: normal;
}



@media (max-width: 767px) {
    .mobile-font-weight{
        font-weight: bold;
    }
}








.pdf-only {
display:none;
}

@media print{
    .pdf-only {
        display: flex;
    }

    .pdf-only-watermark {
        top: 700px;
    }
}

body .k-pdf-export .pdf-only {
    display: flex;
}



@media screen {
    .pdf-only {
    display:none;
    }
}

.page-template .footer {
    bottom: 20px;
    color: #a5a5a5;
    /*border-top: 1px solid #a5a5a5;*/

    position: absolute;
    left: 20px;
    right: 20px;
    font-size: 90%;
}











@media only screen and (max-width: 1024px) {
    #cxc-watermark {
        top: 600px;
    }

    #preslip-document-watermark {
        top: 600px;
    }
}

@media only screen and (min-width: 1025px) {

    #cxc-watermark {
        top: 200px;
    }

    #preslip-document-watermark {
        top: 240px;
    }

}