body {
    color: #3a3b45;
}

.font-prompt {
    font-family: Prompt, sans-serif;
}

.font-sarabun {
    font-family: Sarabun, sans-serif;
}

.btn-primary {
    color: #fff !important;
    background-color: #1E5091 !important;
    border-color: #1E5091 !important;
}

.bg-primary {
    background-color: #1E5091 !important;
}

.text-primary {
    color: #1E5091 !important;
}

.text-black {
    color: #282929 !important;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-pills>.nav-item>.nav-link.active {
    color: #fff !important;
    background-color: #1E5091 !important;
}

.sticker-hospital {
    font-size: 9px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker_department {
    font-size: 9px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker-set {
    font-size: 12.5px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker-created {
    font-size: 9px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker_machine {
    font-size: 9px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker-user {
    font-size: 8.7px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker_preparer {
    font-size: 8.7px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker_approver {
    font-size: 8.7px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker_sterilized_user {
    font-size: 8.7px;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker-expiredate {
    font-size: 12px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
}

.sticker-amount {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.sticker_code {
    font-size: 7px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -5px;
}

#print_image1, #print_image2 {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.link:hover {
    text-decoration: underline;
}

.sticker-big-size {
    width: 88mm;
    height: 38mm;
    transform: scale(1.6);
    margin-top: 55px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    font-weight: normal;
    font-family: 'Sarabun', sans-serif !important;
    border-width: 2px;
    border-style: dashed;
    border-color: #CACACA;
    background-color: #FFFFFF;
    padding: 1mm 1.2mm;
}

.sticker-medium-size, .sticker-empty-size {
    width: 52mm;
    height: 45mm;
    transform: scale(1.6);
    margin-top: 55px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    font-weight: normal;
    font-family: 'Sarabun', sans-serif !important;
    border-width: 2px;
    border-style: dashed;
    border-color: #CACACA;
    background-color: #FFFFFF;
    padding: 1mm 1.2mm;
}

.sticker-small-size {
    width: 35mm;
    height: 30mm;
    transform: scale(1.6);
    margin-top: 55px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    font-size: 7px;
    font-weight: normal;
    font-family: 'Sarabun', sans-serif !important;
    border-width: 2px;
    border-style: dashed;
    border-color: #CACACA;
    background-color: #FFFFFF;
    padding: 1mm 1.2mm;
}

.sticker-big-size .sticker-set, .sticker-big-size .sticker-created, .sticker-big-size .sticker-expiredate {
    font-size: 12px;
    font-weight: bold;
}

.barcode-blur {
    background-color: #EAECF4;
}

@media(max-width: 1199px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.5);
    }
}

@media(max-width: 1150px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.4);
    }
}

@media(max-width: 1070px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.3);
    }
}

@media(max-width: 991px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.7);
    }
}

@media(max-width: 830px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.6);
    }
}

@media(max-width: 795px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.5);
    }
}

@media(max-width: 650px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.4);
    }
}

@media(max-width: 615px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.3);
    }
}

@media(max-width: 585px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.2);
    }
}

@media(max-width: 550px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.1);
    }
}

@media(max-width: 532px) {
    .sticker-big-size, .sticker-medium-size, .sticker-small-size, .sticker-empty-size {
        transform: scale(1.0);
    }
}

input.disabled, .custom-file-label.disabled {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}

select.disabled {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}

label.disabled {
    pointer-events: none;
}

div.disabled > .form-group > label, .form-group.disabled > label, div.disabled > div > div.custom-control > label {
    pointer-events: none;
}

div.disabled > .form-group > div > input, .form-group.disabled > div > input {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}

div.disabled > .form-group > div > select, .form-group.disabled > div > select {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}

div.disabled > div > div.custom-control > input {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}

/* disable input inside form */
form.disabled > div > div > div > .form-group > div > input, form.disabled > div > div > div > .form-group > div > select, form.disabled > div > div > div > .form-group > div > div.custom-control > input {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}

a.disabled {
    pointer-events: none;
    background-color: #E9ECEF;
    color: #6C757D;
}