@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
/* Inter UI Font */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/Inter-Regular.woff2?v=3.13") format("woff2"), url("/fonts/Inter-Regular.woff?v=3.13") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/Inter-Italic.woff2?v=3.13") format("woff2"), url("/fonts/Inter-Italic.woff?v=3.13") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/Inter-SemiBold.woff2?v=3.13") format("woff2"), url("/fonts/Inter-SemiBold.woff?v=3.13") format("woff");
}

/*
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/Inter-Regular.woff2?v=3.13") format("woff2"), url("/fonts/Inter-Regular.woff?v=3.13") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url("/fonts/Inter-Italic.woff2?v=3.13") format("woff2"), url("/fonts/Inter-Italic.woff?v=3.13") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-Thin-BETA.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-ThinItalic-BETA.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-ExtraLight-BETA.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 200;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-ExtraLightItalic-BETA.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-Light-BETA.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-LightItalic-BETA.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 500;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 600;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 800;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-ExtraBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-Black.woff') format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 900;
    src: local('Inter'), url('https://fonts.cdnfonts.com/s/19795/Inter-BlackItalic.woff') format('woff');
}*/

html, body {
    font-family: 'Inter', sans-serif !important;
}
a, .btn-link {
    color: #0366d6;
}
/* Remove rounding of input fields on Safari */
input {
    -webkit-border-radius: 0;
}
input:required {
    background: white;
}
/*input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }*/
/* Firefox */
/*input[type=number] {
        -moz-appearance: textfield;
    }*/
/* Prevent selection ot text on page */
p, ul, li, h1, h2, h3, h4, div, span {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
app {
    position: relative;
    display: flex;
    flex-direction: column;
}
.e-pdfviewer .e-pv-cursor {
    cursor: text;
    background: transparent !important;
}
.top-row {
    /*height: 7.5rem;
    display: flex;
    align-items: flex-start;*/
}
.un-show-viewer {
    pointer-events: none;
    opacity: 0.4;
}
.main {
    flex: 1;
}
.main .top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
}
.main .top-row > a, .main .top-row .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
}
.main .top-row a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}
.required-fields-left {
    padding: 1px 8px;
    background-color: #00b3e6;
    color: #fff;
    border-radius: 12px;
    display: inline-block;
    margin-left: 4px;
}
.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
.sidebar .top-row {
    background-color: rgba(0,0,0,0.4);
}
.sidebar .navbar-brand {
    font-size: 1.1rem;
}
.sidebar .oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}
.sidebar .nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}
.sidebar .nav-item:first-of-type {
    padding-top: 1rem;
}
.sidebar .nav-item:last-of-type {
    padding-bottom: 1rem;
}
.sidebar .nav-item a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}
.sidebar .nav-item a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}
.sidebar .nav-item a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
.content {
    padding-top: 1.1rem;
}
.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}
.invalid {
    outline: 1px solid red;
}
.validation-message {
    color: red;
}
#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;
}
.pageA4 {
    /*width: 40vw;*/
    page-break-before: always;
    min-height: 140vw;
    padding: 1vw 6vw 1vw;
    margin: 15px;
    border: 1px #D3D3D3 solid;
    background: white;
    box-shadow: 0 0 5px rgb(0 0 0 / 35%);
    position: relative !important;
}
.headerA4 {
    height: 15vw;
    padding-left: 3vw;
    vertical-align: bottom;
    display: table-cell;
}
.main-pageA4 {
    min-height: 40vw;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.6vw !important;
}
.am-toll-free {
    float: right;
    text-align: center;
    font-family: 'Inter', sans-serif !important;
    color: #000;
    font-style: normal;
    font-weight: 900;
    font-size: 1.8vw;
    line-height: 2vw;
}
.am-best-price {
    float: right;
    text-align: center;
    font-weight: 900;
    line-height: 1.8vw;
    font-family: 'Inter', sans-serif !important;
    color: #000;
    font-size: 1.8vw;
}
.textbox {
    border-width: 1px;
    border-radius: 2px;
    height: 3vw !important;
    background: yellow !important;
}
.e-ddl.e-input-group, .e-ddl.e-input-group.e-input-focus:focus {
    height: 3vw !important;
}
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
    border-color: #605e5c !important;
    height: 3vw !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.4vw !important;
}
p {
    margin-top: 0;
    margin-bottom: 0.5vw !important;
}
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    min-height: unset !important;
}
.e-btn, .e-css.e-btn {
    -webkit-font-smoothing: antialiased;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.4vw !important;
    font-weight: 600;
    justify-content: center;
    line-height: 1.572em;
    outline: none;
    padding: 3px 10px !important;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
/*.top-btn {
    padding-left: 20px !important;
    padding-right: 20px !important;
    height: 30px;
    border-width: 0px !important;
    border-radius: 5px !important;
    font-size: small;
    font-weight: 600;
    background-color: white;
    background-color: #f3f2f1 !important;
    border-color: #8a8886;
    box-shadow: none;
    color: #323130;
    margin-top: -0.5vw !important;
}*/
.btn-initials-css {
    width: 8vw;
    height: 3vw;
    background-repeat: no-repeat;
    background-size: 8vw 3vw;
    font-size: 0.8vw !important;
    padding: 3px 0px !important;
    background-color: yellow !important;
}
.btn-signature-css {
    width: 20vw;
    height: 5vw;
    background-repeat: no-repeat;
    background-size: 20vw 5vw;
    background-color: yellow !important;
}
.dia-btn {
    font-size: 14px !important;
    height: 50px;
}
.dia-ckb {
    float: left !important;
}
.e-dialog .e-dlg-content {
    overflow-y: hidden !important;
    flex: initial !important;
}
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    align-items: center;
    border: 0 solid;
    border-width: 0;
    box-sizing: content-box;
    cursor: pointer;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    min-height: 30px;
    min-width: 15px !important;
    padding: 0;
    text-align: center;
}
.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
    font-size: 1.4vw !important;
    overflow-y: hidden !important;
    visibility: visible !important;
    line-height: 2vw !important;
    min-height: 2vw !important;
    padding-right: 6px !important;
    text-indent: 1.4vw !important;
}
.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
    font-size: 2vw !important;
    /*display: none;*/
}
.e-popup.e-popup-open {
    display: block;
    height: auto !important;
}
.e-close-icon::before {
    content: '\e7e7';
}
.input-required {
    /*border: none !important;*/
    background: white !important;
}
.top-middle-required {
    display: flex;
    justify-content: flex-start;
    float: left;
    margin-bottom: -2px;
    width: 40%;
}
.header-pdf-info {
    font-size: 1vw;
    line-height: 1vw;
}
.header-pdf-am-best {
    float: left;
    height: 11px;
    padding-top: 3vw;
    padding-left: 15vw;
}
.main-header {
    line-height: 1vw;
    text-align: center;
    font-size: 1.6vw;
    font-weight: bold;
}
.font-content {
    font-size: 1.4vw;
}
.style-ul-li {
    font-size: 1.4vw;
}
@media (max-width: 767.98px) {
    .main .top-row:not(.auth) {
        display: none;
    }
    .main .top-row.auth {
        justify-content: space-between;
    }
    .main .top-row a, .main .top-row .btn-link {
        margin-left: 0;
    }
    .top-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        /*flex-direction: column-reverse;*/
    }
    .pdf-viewer {
        padding: 0px;
        margin: 0px;
        height: calc(100vh - 140px);
        overflow-y: auto;
    }
}
@media (min-width: 768px) {
    app {
        flex-direction: row;
    }
    .top-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0px;
        padding-left: 100px;
        padding-right: 100px;
    }
    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    .main .top-row {
        position: sticky;
        top: 0;
    }
    .main > div {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .navbar-toggler {
        display: none;
    }
    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    .pdf-viewer {
        padding: 0px;
        margin: 0px;
        height: calc(100vh - 145px);
        overflow-y: auto;
    }
}
@media (min-width: 639px) {
    .top-middle {
        background-color: #005cb9;
        padding-left: 50px;
        padding-right: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        height: 55px;
    }
    .top-middle-submit {
        margin-bottom: 0px;
        width: 30%;
        text-align: left;
    }
    .header-center-left{
        width: 100%;
        text-align: right !important;
    }
    .title-header {
        font-size: larger;
        font-weight: bold;
    }
    .btn-top {
        padding-left: 20px;
        padding-right: 20px;
        height: 45px;
        border-width: 0px;
        border-radius: 5px;
        font-size: large;
        font-weight: 800;
        background-color: white;
    }
    .lbl-top {
        font-weight: normal;
        color: white;
        padding-bottom: 0px;
        margin: 0px;
        font-size: 20px;
    }
    .img-top {
        position: relative;
    }
    .img-top-mid {
        width: 80px;
    }
    .img-top-mid-text {
        position: absolute;
        top: -5px;
        font-size: 20px;
        font-weight: bold;
        left: 10px;
    }
    .e-fixed-initials .e-popup.e-popup-open {
        max-height: 698px !important;
        z-index: 2147483647 !important;
        width: 570px !important;
        height: 350px !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 350px !important;
        position: relative !important;
    }
    .e-fixed-almost-done .e-popup.e-popup-open {
        max-height: 150px !important;
        z-index: 2147483647 !important;
        width: 570px !important;
        height: 165px !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 165px !important;
        position: relative !important;
    }
    .e-fixed-signature .e-popup.e-popup-open {
        max-height: 698px !important;
        z-index: 2147483647 !important;
        width: 570px !important;
        height: 350px !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 350px !important;
        position: relative !important;
    }
    .e-fixed-i-agress .e-popup.e-popup-open {
        max-height: 24vw !important;
        z-index: 2147483647 !important;
        width: 40vw !important;
        height: 20vw !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 12vw !important;
        position: relative !important;
    }
    .dia-lbl {
        font-size: 15px !important;
        float: left !important;
    }
    .canvas-initials-dialog {
        width: 100%;
        height: 219px;
        border: 1px solid black;
    }
    .canvas-signature-dialog {
        width: 100%;
        height: 175px;
        border: 1px solid black;
    }
    .btn-footer {
        float: right;
        margin-top: 5px;
    }
    .icon-sty {
        margin-right: 0.5vw;
        color: #fdf500;
    }
    .e-icons.e-large {
        font-size: 20px !important;
    }
    .lbl-footer {
        float: left;
        font-weight: bold;
        font-size: 12pt;
        font-weight: 400;
    }
    .img-per-header {
        height: 40px !important;
    }
    .footerA4 {
        height: 3vw;
        text-align: end;
        font-size: 1.6vw !important;
        font-family: 'Inter', sans-serif !important;
        position: absolute !important;
        width: 85% !important;
        bottom: 6vw;
    }
    .footerA4-3Yr {
        height: 3vw;
        text-align: end;
        font-size: 1.6vw !important;
        font-family: 'Inter', sans-serif !important;
        position: absolute !important;
        width: 85% !important;
        bottom: 5vw;
    }
    .dialog-top-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .btn-close {
        height: 30px;
        width: 30px;
        line-height: 15px;
        border: none !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }
    .logo-img-header {
        width: 8vw;
    }
    .img-icon-history {
        text-align: left;
        float: left;
        width: 10%;
    }
    .date-history {
        float: left;
        width: 30%;
    }
    .content-history {
        float: left;
        width: 60%;
    }
    .history-line {
        clear: both;
        padding: 2vw 0px;
    }
    .header-dialog-iagress {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }
    .header-dialog-iagress-logo {
        float: left;
        width: 95%;
    }
    .header-dialog-iagress-close {
        float: left;
        width: 5%;
    }
    .dia-padding {
        padding-left: 20px !important;
    }
    .img-history {
        width: 15%;
        padding-top: 20%;
    }
}
@media (max-width: 640px) {
    .top-middle {
        background-color: #005cb9;
        padding-left: 10px;
        padding-right: 10px;
        /*padding-left: 100px;
        padding-right: 100px;*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        /*flex-direction: column;*/
        height: 8vw;
    }
    .top-middle-required {
        display: block;
        float: left;
        margin-bottom: -2px;
        width: 50%;
    }
    .top-middle-submit {
        margin-bottom: 3px;
    }
    .title-header {
        font-size: 2.3vw;
        font-weight: bold;
    }
    .btn-top {
        padding-left: 20px;
        padding-right: 20px;
        height: 5vw;
        border-width: 0px;
        border-radius: 5px;
        font-size: 2.5vw;
        font-weight: 800;
        background-color: white;
    }
    .lbl-top {
        font-size: 3vw;
        font-weight: normal;
        color: white;
        padding-bottom: 0px;
        margin: 0px;
    }
    .img-top {
        position: relative;
    }
    .img-top-mid-text {
        position: absolute;
        top: 5px;
        left: 2px;
        font-size: 2.5vw;
        font-weight: bold;
    }
    .img-top-mid {
        width: 35px;
        /*margin-top: 5px;*/
    }
    .e-fixed-initials .e-popup.e-popup-open {
        /*max-height: 74vw !important;*/
        /*z-index: 2147483647 !important;
        width: 95% !important;*/
        /*height: 64vw !important;*/
        /*left: 0px !important;
        top: 0px !important;*/
        /*min-height: 64vw !important;*/
        /*position: relative !important;*/

        max-height: 74vw !important;
        z-index: 2147483647 !important;
        width: 95% !important;
        height: 66vw !important;
        left: 0px !important;
        top: 0px !important;
        /*min-height: 64vw !important;*/
        position: relative !important;
    }
    .e-fixed-almost-done .e-popup.e-popup-open {
        max-height: 74vw !important;
        z-index: 2147483647 !important;
        width: 30vw !important;
        height: 64vw !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 64vw !important;
        position: relative !important;
    }
    .e-fixed-signature .e-popup.e-popup-open {
        max-height: 74vw !important;
        z-index: 2147483647 !important;
        width: 95% !important;
        height: 66vw !important;
        left: 0px !important;
        top: 0px !important;
        /*min-height: 64vw !important;*/
        position: relative !important;
    }
    .e-fixed-i-agress .e-popup.e-popup-open {
        max-height: 74vw !important;
        z-index: 2147483647 !important;
        width: 30vw !important;
        height: 15% !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 20vw !important;
        position: relative !important;
    }
    .thanks-end{
        font-size: 2vw !important;
    }
    .thanks-end-text {
        font-size: 2vw !important;
    }
    .dia-lbl {
        font-size: 2vw !important;
        margin-right: -10px;
        float: left !important;
    }
    .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
        cursor: pointer;
        display: inline-block;
        font-family: 'Inter', sans-serif !important;
        font-size: 2vw !important;
        font-weight: normal;
        line-height: 20px;
        user-select: none;
        vertical-align: middle;
        white-space: normal;
        text-align: left;
    }
    .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
        border-color: #605e5c !important;
        height: 3vw !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 1.8vw !important;
        margin-left: -7px !important;
        margin-top: -1px !important;
    }
    .e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
        height: 3vw !important;
        line-height: 15px !important;
        width: 3vw !important;
    }
    .e-checkbox-wrapper:hover .e-frame:not(.e-check), .e-checkbox-wrapper:hover .e-frame:not(.e-stop)::before, .e-css.e-checkbox-wrapper:hover .e-frame:not(.e-check), .e-css.e-checkbox-wrapper:hover .e-frame:not(.e-stop)::before {
        content: "\e774";
        font-size: 2vw !important;
    }
    .canvas-initials-dialog {
        width: 100%;
        height: 26vw;
        border: 1px solid black;
    }
    .canvas-signature-dialog {
        width: 100%;
        height: 35vw;
        border: 1px solid black;
    }
    .dia-btn {
        font-size: 2.5vw !important;
        height: 9vw;
    }
    .e-dialog .e-footer-content {
        margin-left: 0px !important;
        float: left;
        text-align: left !important;
    }
    .e-dialog .e-footer-content .e-btn {
        margin-left: 0px !important;
        float: left;
    }
    .btn-footer {
        clear: both;
        float: right;
        margin-top: 5px;
    }
    .e-dialog .e-dlg-header {
        font-size: 3vw !important;
    }
    .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
        font-size: 3vw !important;
        width: 3vw !important;
    }
    .e-dialog .e-dlg-header-content {
        border-bottom: 0 solid #edebe9;
        padding: 10px 24px 5px !important;
    }
    .icon-sty {
        margin-right: 1vw;
        color: #fdf500;
    }
    .e-icons.e-large {
        font-size: 3vw !important;
    }
    .top-middle-lbl {
        font-size: 2vw !important;
        width: 35% !important;
        display: none;
    }
    .e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
        font-size: 2vw !important;
        overflow-y: hidden !important;
        visibility: visible !important;
        line-height: 16px !important;
        min-height: 16px !important;
        padding-right: 6px !important;
        text-indent: 2px !important;
    }
    .ddl-style {
        height: 3vw !important;
    }
    .lbl-footer {
        float: left;
        font-weight: bold;
        font-size: 2.5vw;
        font-weight: 400;
    }
    .logo-img-header {
        width: 15vw;
        float: none !important;
    }
    .img-per-header {
        height: 30px !important;
    }
    .footerA4 {
        height: 3vw;
        text-align: end;
        font-size: 2vw !important;
        font-family: 'Inter', sans-serif !important;
        position: absolute !important;
        width: 85% !important;
        bottom: 30px;
    }
    .footerA4-3Yr {
        height: 3vw;
        text-align: end;
        font-size: 2vw !important;
        font-family: 'Inter', sans-serif !important;
        position: absolute !important;
        width: 85% !important;
        bottom: 17px;
    }
    .style-ul-li {
        padding-left: 18px !important;
        font-size: 1.8vw !important;
    }
    .btn-close {
        height: 4vw;
        width: 2vw;
        line-height: 15px;
        border: none !important;
        font-size: 1vw !important;
        margin-top: -4vw;
    }
    .dia-padding {
        padding-left: 0px !important;
        text-align: center;
    }
    .img-icon-history {
        text-align: left;
        float: left;
        width: 15%;
    }
    .date-history {
        float: left;
        width: 25%;
    }
    .content-history {
        float: left;
        width: 60%;
    }
    .history-line {
        clear: both;
        padding: 2vw 0px;
    }
    .img-history {
        width: 15%;
        padding-top: 20%;
    }
    .e-dialog .e-dlg-content {
        padding: 20px 10px 16px !important;
    }
    .header-dialog-iagress {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }
    .header-dialog-iagress-logo {
        float: left;
        width: 92%;
    }
    .header-dialog-iagress-close {
        float: left;
        width: 8%;
    }
    .header-dialog-iagress {
        height: 10vw !important;
    }
    .header-pdf-info {
        font-size: 2vw;
        line-height: 2vw;
    }
    .header-pdf-am-best {
        float: left;
        height: 11px;
        padding-top: 3vw;
        padding-left: 5vw;
    }
    .main-header {
        line-height: 1.5vw;
        text-align: center;
        font-size: 2vw;
        font-weight: bold;
    }
    .main-pageA4 {
        min-height: 40vw;
        font-family: 'Inter', sans-serif !important;
        font-size: 2vw !important;
    }
    .font-content {
        font-size: 1.8vw;
    }
    .pageA4 {
        /*width: 40vw;*/
        page-break-before: always;
        min-height: 180vw;
        padding: 1vw 6vw 1vw;
        margin: 15px;
        border: 1px #D3D3D3 solid;
        background: white;
        box-shadow: 0 0 5px rgb(0 0 0 / 35%);
        position: relative !important;
    }
    .btn-initials-css {
        width: 12vw;
        height: 5vw;
        background-repeat: no-repeat;
        background-size: 11vw 5vw;
        font-size: 1.5vw !important;
        padding: 3px 0px !important;
        background-color: yellow !important;
    }
    .btn-ok{
        width:13vw;
    }
    #id_phone_shipping {
        margin-left: 0px !important;
    }
}
@media (max-height: 540px) {
    .e-fixed-initials .e-popup.e-popup-open {
        max-height: 40vw !important;
        z-index: 2147483647 !important;
        width: 370px !important;
        height: 40vw !important;
        left: 0px !important;
        top: 0px !important;
        min-height: 40vw !important;
        position: relative !important;
    }
    .e-dialog .e-dlg-header {
        font-size: 1.8vw !important;
    }
    .dia-lbl {
        font-size: 1.5vw !important;
        float: left !important;
    }
    .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
        font-size: 1.5vw !important;
    }
    .dia-btn {
        font-size: 1.4vw !important;
    }
    .e-dialog .e-dlg-header-content {
        height: 6vw !important;
    }
    .e-dialog .e-dlg-header-content + .e-dlg-content {
        padding-top: 0;
        height: 30% !important;
    }
    .canvas-initials-dialog {
        width: 100%;
        height: 100% !important;
        border: 1px solid black;
    }
}