﻿body {
}

.small-checkbox input {
    width: 50px !important;
    height: inherit !important;
}

.small-checkbox label {
    font-size: 11pt !important;
    color: #061d3d !important;
}

.btn-custom {
    display: inline-block;
    background-color: #061d3d !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: all .3s;
    border: none;
    outline: none;
    width: 250px !important;
    cursor: pointer !important;
}

.errorLabel{
    color: red;
    font-weight: bold;
    font-size: 10pt;
}

.subtext {
    font-size: 11pt !important;
    color: #061d3d !important;    
}

.subtext2 {
    font-size: 10pt;
    background: #dae0da;
    padding: 0.5em;
}

.captcha-text {
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    padding-top: 1em;
}

@font-face {
    font-family: code39;
    src: url(fonts/Code-39-Logitogo.ttf);
}

@font-face {
    font-family: '3 of 9 Barcode';
    font-style: normal;
    font-weight: normal;
    src: local('3 of 9 Barcode'), url('../fonts/3OF9_NEW.woff') format('woff');
}

@font-face {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow'), url('../fonts/ArialNarrow.woff') format('woff');
}

@font-face {
    font-family: 'ArialBold';
    src: url('../fonts/ArialBold.woff') format('woff');
}

@font-face {
    font-family: 'arial-black';
    src: url('../fonts/arial-black.woff') format('woff');
}

.redtext {
    color: red;
}

.a4_Attachment {
    width: 100%;
    height: 842px;
}

.badge-font {
    font-family: 'Arial Narrow';
}

.formMsg {
    width: 100%;
    font-size: 12pt;
    text-align: center;
}

    .formMsg p {
        padding-bottom: 1em;
    }

@media screen and (max-width: 485px) {

    .prefix_value input {
        width: 80px;
        padding: 0 15px;
    }

    .ph_value {
        width: 100% !important;
    }

    .badge-text {
        font-family: 'arial-black';
        font-weight: 900;
        font-size: 24pt;
    }

    .badge-company-text {
        font-size: 22pt;
        margin: 0 25px;
    }

    .barcode-img-font {
        font-family: '3 of 9 Barcode';
        font-weight: normal;
        font-size: 52pt;
    }
}

.flex-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}

::placeholder {
    color: #0513418a !important;
    text-align: right;
}

input:focus {
    border: 2px solid #DAA545 !important;
}

.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

    .fa:hover {
        opacity: 0.7;
    }

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-envelope {
    background: #D44638;
    color: white;
}

.fa-whatsapp {
    background: #25D366;
    color: white;
}