@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.oneEM {
    font-size: 1em;
}

.validation-message {
    color: red;
}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

.nav-item a.active::after {
    content: "*";
    margin-left: 1em;
}


.parcelData {
    float: left;
    width: 60%;
}

.userParcelRow {
    width: 100%;
}

.userParcelRowLabel {
    float: left;
    font: bolder;
}

.userParcelRowValue {
    float: left;
    border-spacing: 15px
}

.qrCode {
    float: left;
    width: 40%;
}

.imgQrCode {
}

.parcelText {
    width: 765px;
}

.userParcelModal {
    width: 800px !important;
}

.modal {
    /*margin-top: 250px !important;*/
    width: 800px !important;
    max-width: 800px !important;
}

.modal-dialog {
    width: 800px !important;
    max-width: 800px !important;
}

.modal-body {
    width: 800px !important;
}

.modal-content {
    width: 800px !important;
}


.box {
    float: left;
    padding: 10px;
}

.is-grouped > .button:not(:last-child) {
    margin-right: 40px;
    padding-right: 40px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#newspaper-b {
    border-collapse: collapse;
    border-color: #B7DDF2;
    border-style: solid;
    border-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    text-align: left;
    width: 480px;
}

    #newspaper-b th {
        background: none repeat scroll 0 0 #EBF4FB;
        border-color: lightgray;
        font-size: 11px;
        font-weight: bold;
        padding: 15px 10px 10px;
    }

    #newspaper-b tbody tr td {
        background: none repeat scroll 0 0 #FFFFFF;
    }

    #newspaper-b td {
        border-top: 1px dashed #FFFFFF;
        color: #000000;
        padding: 10px;
    }

    #newspaper-b tbody tr:hover td {
        background: none repeat scroll 0 0 #FFCF8B;
        color: #000000;
    }

    #newspaper-b tbody tr.selected td {
        background: none repeat scroll 0 0 #FFCF8B;
        color: #000000;
    }

.cta-add {
    height: contain;
    width: contain;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoBAMAAACIy3zmAAAAFVBMVEXu7u4AAAD///+ZmZlQUFD29vbNzc15+1CoAAAEw0lEQVR42u3dT2/iOBjHcZPd7BlPUs6uIZw3WcR5QrX3THbnvgSp7/8lbAKUKX9CrDatnmfm+7sxI8FHkeP4ce3Y+EOcOWSMj7F3u1Vpbfq0rsf9ZjP+d/mX7FrxIenaZyrQLrevkkSZArQr7VnSxolHX5pPasno3F4liSrZ6K29kVkmGj23N1NUktH5bXTiBaMXtidfnVj0dc9xSiMW/dhrtlMnFd1/oW1ay0THC3snG5noOr+HTsZEHxMd//0dH5f2bprRfsiPiJ7cR0+dRHR5H51mAtEDraN9lgtEPw6hHyp56HwInTh5aDuYTBx6PowuxKEXw+hNJQ09GUbPnDR0PoxOxKFtQKShsxB0JAw9D0EXwtCLEPRmLPQ4w9w4DC2rCIgnIegvstDRNgQ91YiegX4/Ov9p0Qlo0KBBg/410CONp8PQTlYRABo0aNCgQYMGDVoUmiIANGjQoEGDBg0aNLOmVC6gQYMGDRo0aNCgmTUFDRo0aNCgQYMGzawplQto0KBBgwYNGjRoZk1BgwYNGjRo0KBBM2tKEQAa9K+A/u7fluAu700ZQLvn3V9vSRmCTt/01c//vfTQt9HZKujHPzvpU+SrPvRvVmzWnfoWemUF56lV30DnVnSSurpGb63wJP4SXf9uxefrRQ8YL62CNBezprkGdOLPxtcLqyJ/u1forNSBTqNX6IlVkpn7gS61oI+XWlGL7rJ/L7tR03UcO5DsiJ5bRekOlurQW03o/a3ow97hLifRHj3XhT4cPDbRhe7ah6JO+thVt/2HX1plaVr0Qhu6fb5EE23oqQ+cWRY2qq6tuniz1IduzD/60IVZ6ENvzEQf+sFs9aFnJteHTnSiS33oVCfaKgxo0KAloOmnPwvN2OOz0CqHpt/0oac6y625PnShcwrB60NnRtNfiY49njPa5tT3s+qxvqleb/TdiU2LrpUNmdJukUrYcZ2CnocdOtb2J7n9cqBKF/qwhklX+5gd0LraR3FcLVYreigmL0vcND1fNqd1eU5TJ/2C1nMrTn+gY6fkqZjWr5ZtRv8qatGntaZalm2erzXVsUC2Ot/LlWlYipxd7pKT30Bm11v74iwX36Cv9yPG0jcy3NxEGfudXPOffTs/Y+9WIp8y3eac/u2q7f/98SxtG9T6OQrbYytrw9l3djODBg2aHfqgQYMGDRo0aNCgea8pRQBo0KBBgwYNGjRoZk2pXECDBg0aNGjQoJk1pQgADRo0aNCgQYMGzawplQto0KBBgwYNGjSzphQBoEGDBg0aNGjQoJk1pXIBDRo0aNDbnxY9A/3+75poRD+GoKeVLHTQO4o3Y6HHGU+HnfuxkVUEhJ37UQhDB70NuhaGjkLQXho6DysRZaEDni5TaeiQ97JvpKFDuo9CHLoOuw9loYfvxEQeOv42hP4iED3YqBt56MHDbFIvED10RPyDRPTQYUfNiOiRxtNt7r+UPclG+yE/Ivp+IdAVABLRvrx3GxqZ6Hu34oNUtFn2Xuo0Eouue8+i2NRi0b2HlSTjKD8G3fcsLySjTX2zgJl50ejY5X1jUrloE1/3IGkkHW3qS3XaePFoU5+3kGRE5cehTe13p4udrn2tAt1+zHarsjvRZB356gOu9P/4BVppXOy81AAAAABJRU5ErkJggg==) right no-repeat transparent;
}

.cta-default {
    font: italic normal 500 16px/1.25em "Roboto", sans-serif;
    line-height: 19px;
    padding: 8px 60px 8px 15px;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    border: 0px solid;
    cursor: pointer;
    outline: 0;
}

.pull-right {
    float: right !important;
}

.floatDiv {
    float: left;
}
.divWidth33Percent{
    width:33%;
}
.divWidth20Percent {
    width: 20%;
}

.divWidth10Percent {
    width: 10%;
}

.cta-green_noimage {
    color: black;
    background-color: lawngreen;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAjCAYAAABIHHT3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAupJREFUeNrs3D1MVWcYwPHnECxE7QfKZJMOvVPbqdipOjjI4KRupqQJi5qmQ4MxqaRpxUYFEyOJg4kOxs+2aUgatjYsNtGmDtRJ20HapB1LaaulAUSuHG7AakG4cO6FQ36/ATiX93BOuMs/z3tzkuJAFAMAgKzcTAQWAECmdtT4HwAAZOZmUoivBRYAQHY60i8CCwAgG1PTK4EFAJCdQ9M/CCwAgKX7NinENYEFAJCdjv8eCCwAIFf6btTHq9s3xSvbXp76nh4vsyemVwILAMid5i0jcenEH1FfV4zx8ST2frwxvupbu5y31PH0CwILAMidrZtH40JnKbImJiLaOhuWK7L6np5eCSwAILfebhqNz08Nxvp1pcj64FhDXO5dV+3b+GS2FwUWAJBbm98Yi6snS5GV+qj7pWpG1jdJIb4XWADAqvPma2PRc/r32PDixExknfns+WpcumOuXwgsACD3Xi88iC+6B2ciq+vcC5WOrDmnV6mkOBBFbwsAsJLcvrtmUef98lttHOhqiJHRZOr4vXfuR/u+e5W4xbcmA6tfYAEAuZE+4yorFYis3sm42vWsBbYIAQDKc2S+BSZYAMCKs4K3COedXgksAGDV+OnnNbGnrTGG/i5t0H24916833I/68s0TQbWrfkW2SIEAHLvzsCTcXVoX0XiqmchcZWq9ZYAAHl268fnouVgY/wzXNoWPNb2V7y7czjry6Q7focXutgECwDIrf7bVYmr1JdJIe4sdLEJFgCQS9/9UBet7RunPtBeUxPR3f5n7G7+txKXSqdXn5ZzggkWAJA71/urFlepsqZXKRMsACBX+m7Ux/7DG2J8PIna2mKcPTIUzVtGKnW5h1HGZ6+meUwDAMDcLiaFaC33JFuEAACzS6dXRxdzosACAJjdlaQQdwUWAEA2Fj29ElgAALO7sNjplcACAPi/B1Hmc68EFgDAs51PCvGrwAIAyEY6vTq+1D8isAAAHlvy9Cr1SIABADIDxXaM10MHAAAAAElFTkSuQmCC) right no-repeat transparent;
}

.cta-purple {
    /*background-position: right;
    background-repeat: no-repeat;
    
    line-height: 1.25em !important;
    line-height: 19px !important;
    padding: 8px 60px 8px 15px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    border: 0px solid !important;
    cursor: pointer !important;
    outline: 0 !important;
    color: black;
    background-color: #ffdd00;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAjCAYAAABIHHT3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAupJREFUeNrs3D1MVWcYwPHnECxE7QfKZJMOvVPbqdipOjjI4KRupqQJi5qmQ4MxqaRpxUYFEyOJg4kOxs+2aUgatjYsNtGmDtRJ20HapB1LaaulAUSuHG7AakG4cO6FQ36/ATiX93BOuMs/z3tzkuJAFAMAgKzcTAQWAECmdtT4HwAAZOZmUoivBRYAQHY60i8CCwAgG1PTK4EFAJCdQ9M/CCwAgKX7NinENYEFAJCdjv8eCCwAIFf6btTHq9s3xSvbXp76nh4vsyemVwILAMid5i0jcenEH1FfV4zx8ST2frwxvupbu5y31PH0CwILAMidrZtH40JnKbImJiLaOhuWK7L6np5eCSwAILfebhqNz08Nxvp1pcj64FhDXO5dV+3b+GS2FwUWAJBbm98Yi6snS5GV+qj7pWpG1jdJIb4XWADAqvPma2PRc/r32PDixExknfns+WpcumOuXwgsACD3Xi88iC+6B2ciq+vcC5WOrDmnV6mkOBBFbwsAsJLcvrtmUef98lttHOhqiJHRZOr4vXfuR/u+e5W4xbcmA6tfYAEAuZE+4yorFYis3sm42vWsBbYIAQDKc2S+BSZYAMCKs4K3COedXgksAGDV+OnnNbGnrTGG/i5t0H24916833I/68s0TQbWrfkW2SIEAHLvzsCTcXVoX0XiqmchcZWq9ZYAAHl268fnouVgY/wzXNoWPNb2V7y7czjry6Q7focXutgECwDIrf7bVYmr1JdJIe4sdLEJFgCQS9/9UBet7RunPtBeUxPR3f5n7G7+txKXSqdXn5ZzggkWAJA71/urFlepsqZXKRMsACBX+m7Ux/7DG2J8PIna2mKcPTIUzVtGKnW5h1HGZ6+meUwDAMDcLiaFaC33JFuEAACzS6dXRxdzosACAJjdlaQQdwUWAEA2Fj29ElgAALO7sNjplcACAPi/B1Hmc68EFgDAs51PCvGrwAIAyEY6vTq+1D8isAAAHlvy9Cr1SIABADIDxXaM10MHAAAAAElFTkSuQmCC) right no-repeat transparent;*/
}
.pakadooButtonStyle {
    background-position: right;
    background-repeat: no-repeat;
    line-height: 1.25em !important;
    line-height: 19px !important;
    padding: 8px 60px 8px 15px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    border: 0px solid !important;
    cursor: pointer !important;
    outline: 0 !important;
    color: black;
    background-color: #ffdd00;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAjCAYAAABIHHT3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAupJREFUeNrs3D1MVWcYwPHnECxE7QfKZJMOvVPbqdipOjjI4KRupqQJi5qmQ4MxqaRpxUYFEyOJg4kOxs+2aUgatjYsNtGmDtRJ20HapB1LaaulAUSuHG7AakG4cO6FQ36/ATiX93BOuMs/z3tzkuJAFAMAgKzcTAQWAECmdtT4HwAAZOZmUoivBRYAQHY60i8CCwAgG1PTK4EFAJCdQ9M/CCwAgKX7NinENYEFAJCdjv8eCCwAIFf6btTHq9s3xSvbXp76nh4vsyemVwILAMid5i0jcenEH1FfV4zx8ST2frwxvupbu5y31PH0CwILAMidrZtH40JnKbImJiLaOhuWK7L6np5eCSwAILfebhqNz08Nxvp1pcj64FhDXO5dV+3b+GS2FwUWAJBbm98Yi6snS5GV+qj7pWpG1jdJIb4XWADAqvPma2PRc/r32PDixExknfns+WpcumOuXwgsACD3Xi88iC+6B2ciq+vcC5WOrDmnV6mkOBBFbwsAsJLcvrtmUef98lttHOhqiJHRZOr4vXfuR/u+e5W4xbcmA6tfYAEAuZE+4yorFYis3sm42vWsBbYIAQDKc2S+BSZYAMCKs4K3COedXgksAGDV+OnnNbGnrTGG/i5t0H24916833I/68s0TQbWrfkW2SIEAHLvzsCTcXVoX0XiqmchcZWq9ZYAAHl268fnouVgY/wzXNoWPNb2V7y7czjry6Q7focXutgECwDIrf7bVYmr1JdJIe4sdLEJFgCQS9/9UBet7RunPtBeUxPR3f5n7G7+txKXSqdXn5ZzggkWAJA71/urFlepsqZXKRMsACBX+m7Ux/7DG2J8PIna2mKcPTIUzVtGKnW5h1HGZ6+meUwDAMDcLiaFaC33JFuEAACzS6dXRxdzosACAJjdlaQQdwUWAEA2Fj29ElgAALO7sNjplcACAPi/B1Hmc68EFgDAs51PCvGrwAIAyEY6vTq+1D8isAAAHlvy9Cr1SIABADIDxXaM10MHAAAAAElFTkSuQmCC) right no-repeat transparent;
}
.pointer {
    cursor: pointer;
}
div .blazored-modal-container, div .blazored-modal {
    z-index: 1070;
}
.text-ellipsis {
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.w-100 {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-4 {
    margin-bottom: 20px;
}

.mr-2 {
    margin-right: 10px;
}

.mr-3 {
    margin-right: 15px;
}