.form.form--contact {
    padding: 1rem;
    margin-top:1rem;
}

.form.form--contact fieldset{
    border:none;
}

.form.form--contact fieldset legend {
        color: #0086a9;
        font-size: 18px;
        font-weight: bold;
        padding: 0;
        margin-bottom: 2rem;
}


.custom-form-flex {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
    margin: 10px 0;
}
.custom-form-childs {
    width: 45%;
}
.custom-input-column {
    display: flex;
    gap: 2px;
    flex-direction: column;
}
.input-with-button {
    display: flex;
}
.view-application .custom-input-column {
    margin-bottom:14px;
}

.view-application .label-download-attachment {
    margin-bottom: 0px;
}


.custom-input-column .input-group-btn .btn-icons,
.input-group-btn .btn-success,
.input-group-btn .btn-success:hover,
.input-group-btn .btn-success:focus {
    color: #fff !important;
    background-color: #0086a9 !important;
    border-color: #0086a9;
}

.custom-input-column .input-group-btn .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.custom-input-column .input-group-btn .btn-danger.btn-icons {
    color: #fff;
    background-color: #dc3545!important;
    border-color: #dc3545;
}

.custom-input-column .input-group-btn .btn-icons:hover,
.custom-input-column .input-group-btn .btn-icons:focus {
        color: #fff;
        background-color: #036b84;
        border-color: #036b84;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff !important;
    cursor: no-drop;
}
.custom-input-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
}
.custom-input-group-new-brand {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
}
.custom-input-checkbox{
    width:100%
}
.custom-input-checkbox label{
    display:flex;
    align-items:center;
    /*gap:15px;*/
}
.tire-dimensions .tire-dimensions-childs {
    width:15%
}
.container-field-with-inputs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.container-field-with-inputs > fieldset,
.container-field-with-inputs > .custom-form-flex{
        width:45%
}

.container-field-with-inputs > fieldset .custom-form-childs {
        width: 40%
}
.span-input {
    width: 5%
}
.container-field-with-inputs > .custom-form-flex .custom-form-childs .space-div {
    height: 2px;
    width: 100%;
    margin-bottom: 2rem;
}
.span-input label {
    font-size: 25px;
    text-align: center !important;
    margin-top: 25px;
}
.Importer-Information{
    justify-content:flex-start;
}
.Importer-Information .Importer-Information-childs {
    width: 24%;
}

.important-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 2rem 10px;
}
.Importers-table{
    margin-bottom:1.5rem;
}

.Importers-table .form-control {
    width: 300px;
}
.custom-table tr:first-child {
    background: #0086a9 !important
}
.custom-table tr:first-child th{
    color:#fff;
}

.lblUploadImg label {
    width: 100%;
    border:none;
    cursor: pointer;
}

    .lblUploadImg label span {
        font-size: 40px;
        padding: 25px 115px;
    }

    .lblUploadImg label div {
        display: grid;
    }

    .lblUploadImg label div {
        display: grid;
    }

        .lblUploadImg label div input {
            grid-column: 1;
            grid-row: 1;
        }

        .lblUploadImg label div div {
            grid-column: 1;
            grid-row: 1;
            height: 40px;
            width: 107px;
            background-color: #f6f9fd;
        }

.lblUploadImg .pdfw {
    margin: 2rem 0;
    display: inline-block;
}
.fa-edit,
.fa-edit:hover, .fa-edit:focus {
    background-color: transparent !important;
    border-color: unset !important;
    padding: 0px 8px !important; /* old 5px 8px */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff !important;
}
.fa-edit:before {
    content: "\f304";
    color: #0086a9;
    font-size: 22px;
}
.input-group .fa-edit {
    display: inline-block;
}
.input-group .fa-edit {
    display: inline-block;
}
.check-box-container .check-box-childs {
    width: 45%;
}
.check-box-container .check-box-childs:first-child {
    width: 30px;
}
.check-box-container .check-box-childs #MainContent_lblManufacturerName {
        display: none;
}

.check-box-container .check-box-childs label {
        line-height: 1.5;
}

.form-btn-container {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 2rem 10px;
}

@media only screen and (max-width:767px) {
    .custom-form-flex {
        padding: 0;
        gap: 0.5rem;
        margin: 15px 0;
    }
    .custom-form-childs {
        width: 100%;
    }
    .container-field-with-inputs > fieldset,
    .container-field-with-inputs > fieldset > .custom-form-flex,
    .container-field-with-inputs > .custom-form-flex {
        width: 100%;
        margin: 0;
    }
  /*  .span-input {
        position: relative;
        bottom: 15px;
    }*/

    .span-input {
        width:auto;
    }
    .span-input label {
        margin:0!important;
    }


 /*-----load index*/


/*---- end load index*/
    .container-field-with-inputs > .custom-form-flex .custom-form-childs .space-div{
        display:none;
    }


    .tire-dimensions .tire-dimensions-childs {
        width: 40%
    }
    .check-box-container .check-box-childs {
        width: 100%;
    }
    .Importer-Information .Importer-Information-childs {
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .Importer-Information .Importer-Information-childs {
        width: 30%;
    }
}

@media only screen and (max-width:400px){
   /* .span-input {

        bottom: 35px;
    }*/
    .container-field-with-inputs > fieldset .custom-form-childs{
        width:35%;
    }
}

.btnCancelBrand .btn.btn-danger {
   /* min-height: 34px;*/
    font-size: 15px;
    margin-top: 5px;
}
.required-field {
    color: red;
    font-size: 15px;
}

/*not found text*/
.customSearchEmpty h4 {
    color: red #8c8c8c;
}

/* terms and condition box*/
.check-box-container .form-control{
    border:0px !important;
}

.terms-checkbox-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.terms-checkbox-flex input[type=checkbox] {
    margin-right: 10px;
    margin-top: 3px;
}
.text-right {
    text-align: right;
}
.dir-rtl{
    direction: rtl;
}





/* OLD STYLE INVOICE RECEIPT */
/*=================================*/
/*-----  reciept page -  invoice page  --------*/
.ReceiptPage hr.hr-custom {
    margin-top: 5px;
    margin-bottom: 0;
}

.custom-address {
}

    .custom-address strong span {
        line-height: 1.5;
    }

.btns-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 10px;
    flex-wrap:wrap;
}

.btns-container .btn {
    margin: 5px 10px;
    min-width:150px;
}
.invoice-btns .btn.btn-custom-primary {
    width: 150px;
}
/* -----   invoice page ----*/
.invoice-container {
    background: #fff;
    padding: 40px;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.3;
}

    .invoice-container .container.container--smaller.form-box {
        margin-top: 50px;
        background: #fff;
        width: 778px;
        display: block;
        border: 1px solid #c4c7c7;
        padding: 30px 40px 40px 40px;
        border-radius: 0;
        position: relative;
        z-index: 0;
    }

    .invoice-container.product-review-container {
        margin-top: 30px;
        background: #fff;
        width: 778px;
        display: block;
        border: 1px solid #c4c7c7;
        padding: 30px 40px 40px 40px;
        border-radius: 0;
        position: relative;
        z-index: 0;
        margin: 0 auto;
    }


.invoice-header {
    display: flex;
    justify-content: space-between;
}

.invoice-table-head {
    background-color: #e7ebee;
}

.hr-invoice-footer {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    border: none;
    background: none;
    border-bottom: 1px solid #d6dde2
}

.p-invoice-footer {
    color: #a1a7ac;
    position: relative;
    text-align: left;
    float: left;
    margin-top: 10px;
}

h2.invoice-title {
    color: #0086a9;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
}



/*********  NEW STYLE  INVOICE RECEIPT *********/
.marginTop50 {
    margin-top: 50px;
    min-height: 400px;
}

.auto-width {
    width: auto !important;
}
.tp-marg-2{
    margin-top:2px;
}
.green-text {
    color: #468847 !important;
}

.receipt-box {
    border: 1px solid #dddddd;
    border-radius: 5px !important;
    padding: 20px !important;
    min-height: 255px !important;
    margin-top: 20px;
}

h1.receipt-title {
    font-size: 18px;
    font-weight: 600;
    color: #0086a9;
    margin: 0px;
}

.receipt-text-header {
    color: #6e6e6e;
    font-size: 13px;
    line-height: 1.42857143;
}
.receipt-box-title {
    font-weight: 500;
    color: #0086a9;
    line-height: 24px;
    font-size: 14px;
}
.address-box-data {
    margin-bottom: 18px;
    margin-top:7px;
    font-style: normal;
    line-height: 1.8;
    font-size: 12px;
    color: #5a5d5a;
}

.non-bt-pad {
    padding-bottom: 0 !important;
}
.btn-print {
    
    padding: 8px 12px !important;
    min-height: 40px !important;
    border: 1px solid #0086a9;
}
.btn-print:hover {
    background: #0086a9;
    color: #fff;
    border: 1px solid #0086a9;
    opacity: 0.8;
}
.table-head {
    background-color: #0086a9 !important;
    color: white !important;
    padding: 10px;
    text-transform:uppercase;
}  
.hide{
    display:none !important;
}
.bt-marg-75{
    margin-bottom: 75px;
}
.note-text {
    margin: 10px 0;
    color: #6e6e6e;
    font-weight: 500;
    font-size: 12px;
}
.note-text.non-tp-marg {
    font-weight: 600;
}

.non-tp-marg {
    margin-top: 0 !important;
}
.order-list li{
    list-style: auto;
    margin: 10px 30px;
}
.payment-methods {
    color: #6e6e6e;
    font-weight: 500;
    font-size: 12px;
}

a.btn-visaPay {
    float: right;
    color: #fff;
    background-color: #e8b32e;
}
.btn-info.btn-visaPay:hover {
    color: #fff;
    background-color: #e8b32e;
    border-color: #e8b32e;
    opacity: 0.9;
}
a.btn-visaPay .btn-label {
    margin-right:2px;
}

/*----- responsive reciept page -  invoice page  --------*/
@media only screen and (max-width: 767px) {
    /*  .btns-container {
        flex-direction: column;
    }*/
}
@media (min-width:480px) {
    .width50-print {
        width: 50%;
    }

    .width100-print {
        width: 100%;
    }
}

/*  ================== print ===================*/
@media print {
    /* hide header and footer */
    .header.header--home{
        display:none;
    }
    .breadcrumb-container {
        display: none;
    }
    .footer.footer--home {
        display: none;
    }

    body {
        -webkit-print-color-adjust: exact !important;
    }

    .invoice-info-footer {
        margin-top: 0px;
    }

    input[type="submit"].btn-print, input[type="button"].btn-print {
        display: none !important;
    }
    input[type="submit"].btn-generateInvoice, input[type="button"].btn-generateInvoice, input[type="submit"].btn-cancelInvoice, input[type="button"].btn-cancelInvoice {
        display: none !important;
    }
    a.btn-visaPay {
        display: none !important;
    }
    

    .paymenttable th {
        -webkit-print-color-adjust: exact !important;
        color: #fff !important;
        background-color: #0086a9 !important;
    }


    .text-left {
        text-align: left;
    }

    h2.formTitle-invoice,
    .new-invoice .formTitle-invoice {
        color: #0086a9 !important;
        -webkit-print-color-adjust: exact !important;
    }

   

}

/*---------------------------------------------------------*/
/* for prevent any pointer click in the view pages 
    (effect in application: viewApp viewExmptedApp and labels: viewApp and viewExmptedApp) */
.view-application input, .view-application textarea, .view-application .form-group > .dropdown {
    cursor: no-drop;
 /*   pointer-events: none;*/
}
.view-application label.checkbox-input {
    cursor: no-drop;
    pointer-events: none;
}
.view-application input[type=submit] {
    cursor: pointer;
    pointer-events: auto;
}

/*--------------------------------------------------*/
/*--- ReViewTyresApplication ----*/
.ImporterInfoClass .form-group {
    margin-bottom: 5px !important;
}
.Importer-Information .form-group {
    margin-bottom: 5px !important;
}
.ImporterInfoClass section {
    margin-bottom: 10px !important;
}

/*----------------------------------*/

@media (max-width:768px) { 
    .custom-form-flex.tire-dimensions {
        flex-direction: column !important;
    }

    .tire-dimensions .tire-dimensions-childs {
        width: 100%;
    }
    .ui.dropdown.sls .text{
        font-size:12px !important;
    }
    

}


/*select*/
.ui.dropdown.sls .text {
    font-size: 12px !important;
}
.ui.dropdown.sls .menu .item {
    font-size: 12px !important;
}


/* fixed muti line valid msg */
.valid-in-line {
    margin-bottom:10px;
}
.valid-in-line span{
    position: absolute;
}

/*new application*/
.custom-input-column.custom-form-childs textarea {
    line-height: 29px;
}
.loading-page {
    display: none
}

.loading-icon {
    position: fixed;
    width: 100%;
    display: grid;
    align-items: center;
    height: 100vh;
    top: 0;
    background-color: rgb(255 255 255 / 72%);
    z-index: 99999;
    text-align: center;
}

    .loading-icon i {
        font-size: 60px;
        color: #0086A9;
    }