.login-form form {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
}

.login-form form h2 {
    color: #32325D;
    font-size: 1.5rem;
}

.login-form form label{
    margin-bottom: 10px;
    font-size: 14px;
}

.login-form .form-item-read-terms label {
    margin-bottom: 0 !important;
}

.login-form form input, .login-form form input::placeholder {
    font-size: 14px;
}

.login-form form .inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.name-surname-wrapper, .email-phone-wrapper, .company-wrapper, .tax-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.login-form form .form-item-phone {
    position: relative;
}

.login-form form .form-item-phone::before {
    left: 4% !important;
}

.login-form form .form-item-phone input {
    padding-left: 45px;
}

.login-form form .form-submit {
    width: 100%;
    border-radius: 10px !important;
    background-color: #32325D !important;
    border: 1px solid #32325D !important;
    margin-top: 20px !important;
    padding: 14px;
    font-size: 1rem;
}

.login-form form .form-submit:hover {
    background-color: #fff !important;
    color: #32325D !important;
}

.otp-info {
    background-color: #F5F5F5;
    padding: 5px;
    border-radius: 3px;
}

.otp-info .warning {
    color: #e50303;
}

#otp {
    font-weight: 600;
    color: #298b58;
}

.messages--error {
    display: none !important;
}

.form-item-employee-excel .messages--error {
    display: block !important;
    color: #f9103c;
    font-size: 0.875rem;
}

.form-item-employee-excel .messages--error em {
    font-weight: 600;
}

.employee-excel-upload{
    width: min-content;
}

/* Application Form */
form .hover-primary {
    background-color: #fff !important;
    color: #253858 !important;
    border: 1px solid #253858 !important;
    border-radius: 10px !important;
} 

form .hover-primary:hover {
    background-color: #253858 !important;
    border-color: #253858 !important;
    color: #fff !important;
}

form .hover-white {
    background-color:  #253858 !important;
    color: #fff !important;
    border: 1px solid #253858 !important;
    border-radius: 10px !important;
}

form .hover-white:hover {
    background-color: #fff !important;
    border-color: #253858 !important;
    color: #253858 !important;
}

form .ratio-16x9 {
    --bs-aspect-ratio: 25.25% !important;
}

.logo-wrapper img {
    width: 65%;
}

#wizard-page-indicator {
    display: table;
    height: 200px;
    width: 80%;
    margin: auto;
    table-layout: fixed;
    position: relative;
}

#wizard-page-indicator * {
    user-select: none;
}
  
#wizard-page-indicator .step {
    color: #000;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    overflow: visible;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    padding-top: 100px;
}
  
#wizard-page-indicator .step:not(:last-child):before {
    background-color:  #F0F0F2;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 40px;
    height: 5px;
    margin-top: 16px;
    width: 100%;
}
  
#wizard-page-indicator .step.complete .stepName {
    color: #fff;
    border-color: #00b988;
    background-color: #00b988;
}
  
#wizard-page-indicator .step.complete:before {
    background-color: #00b988;
}
  
#wizard-page-indicator .step.in-progress:before {
    background: linear-gradient(90deg, rgba(93, 177, 133, 1) 0%, rgba(93, 177, 133, 1) 30%, rgba(240, 240, 242, 1) 30%, rgba(240, 240, 242, 1) 100%);
}
  
#wizard-page-indicator .step.in-progress .stepName {
    border-color: #00b988;
    background-color: #00b988;
    color: #fff;
}
  
#wizard-page-indicator .step .stepName {
    display: inline-block;
    background-color: #F0F0F2;
    border-radius: 32px;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -32px;
    font-weight: 200;
    font-size: 14px;
    line-height: 40px;
}

.application-form-wrapper {
    background-color: #fafbfc;
    position: relative;
}

.ff-helvetica {
    font-family: "Helvetica Neue", sans-serif !important;
}

/* Firma Kaydi */
.company-registration-wrapper {
    gap: 15px;
}

.application-form-wrapper .form-item:not(.form-item-error) {
    position: relative;
}

.application-form-wrapper .form-item label {
    margin: 10px 0 5px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: bolder;
    color: #474040;
}
.application-form-wrapper .form-item:not(.form-item-auto-monthly-payment, .form-item-virtual-card-1, .form-item-auto-order-1) label::after {
    content: "*";
    color: #40db8a;
    position: absolute;
    right: 0;
}

.form-item-is-delivery-address-different {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.optional-note {
    font-size: 13px;
}

/* employee */
.employee-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}

.employee-wrapper input {
    border-radius: 10px !important;
    font-size: 14px;
    color: #32325D;
    height: 100%;
}

.employee-wrapper input::placeholder {
    color: #32325D;
}

.form-item-total-balance label {
    position: absolute;
    top: -30px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 100 !important;
    color: #676767 !important;
}

.form-item-total-balance label::after {
    content: unset !important;
}

.form-item-total-balance input, .employee-item .form-type-number input {
    min-width: 150px;
    padding-left: 30px;
    border: 1px solid #DFE1E6;
}

.form-item-total-balance::before, .employee-item .form-type-number::before {
    content: '';
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAABlhgAAZYYB2Me0JQAAAAd0SU1FB+kEEQsaMHobU0YAAAEASURBVCjPbdG9K8QBHAbwz7kTdUKHSzGYSJRyZTHYGGQyGGRRXv4GRf4EC5PsStx1FhNZyELnpssNykUnJslbznL8TnfP9PQ8T32fni+/CNlxIoo24T9V3R8Li2vXYMaBgVoBSiKWbbp1pwbCkr692BBVE61OfVrVY8VQtd1mW0lGQlrBKFpEArvbvqIH967kTaDPsamg5KRBiy50Cpl1hCYjEkFgz7hXwwrmnYOIkvcg8CRhR5dH+fLRMfUyQYcxRbvOXIuBPjfOyxz0WtIhJSuGuLRX09VDHcpq1iPpy1rlP5RrpeUsuPRmXWP1VBEpJR9y5ionChCy5dmW/v/yD1RIPm6Rq47EAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTA0LTE3VDExOjI2OjI2KzAwOjAw4Dxs1AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wNC0xN1QxMToyNjoyNiswMDowMJFh1GgAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDQtMTdUMTE6MjY6NDgrMDA6MDBQJIdtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 30%;
    left: 5%;
}

.form-type-tel input {
    padding-left: 35px;
    min-width: 170px;
}

.form-type-tel::before {
    content: '';
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAANCAMAAAB8UqUVAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAB4UExUReMKF+MHFeQQHeMJFulCTPSboPOXnO1faOUeKupETvve3/OUmecuOeYkMOYkL+MOGuMIFeMMGfWprfnIy+QXI+MHFOMIFucwO+1ja+cqNeQUIPnKzPShpuQPHPB3f/zl5utMVvWorfvd3/OUmuYlMOlBS+QQHP///9x4GaUAAAABYktHRCctD6gjAAAAB3RJTUUH6QQRCx8gGtu3ZwAAAFhJREFUGNNjYCABMDIwMTCjCjGzsLKxc6AIMnJycfPw8vEzCyDEBIWERUTFBMQlJOFKmaWkZYAqZOXkFUQR6hQx1AHNU1LmUUE1j4FZFcNekPvU0N1HDAAAHY4EU7cE1f8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDQtMTdUMTE6MzE6MTYrMDA6MDBN4a+OAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTA0LTE3VDExOjMxOjE2KzAwOjAwPLwXMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wNC0xN1QxMTozMTozMiswMDowMN3DFYMAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 13px;
    position: absolute;
    top: 33%;
    left: 5%;
}

.company-registration-wrapper .form-type-tel::before {
    top: 65%;
    left: 1%;
}

form .add-employee-btn {
    background-color: #32325D !important;
    color: #fff !important;
}

.employee-count {
    width: 100px;
    margin-top: 60px;
}

.employee-count span {
    font-size: 15px;
    gap: 15px;
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid #DFE1E6;
    border-radius: 10px;
    margin-top: 8px;
}

.employee-count span::before {
    content: '';
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB+kEEQoZB+hJz70AAADHSURBVCjPjdAxTgJxEMXhz0USN4iJNEq1UmjiDUjAGmNn9Cp6A+AyUpN4AKGWhJpYk1hY0CxZC+S/LkuiU70385uXzPBHHey4U3zK9gOJR3V8GVmUs8703YjFugbOt+1KAO4tvEqlPhy79r5pRwFomgc919zKHFhpBN2wKgMTPSeg7tZk3xUP7rzJdIy9lBNarixlWLrU2j0yMdQOrm3o4vc48qRbWOh43rwg+tmPTQvA1JEkB2pm0gKwNlPLbUW19PqqQ/+pb6C0IvnpMAscAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTA0LTE3VDEwOjI0OjU2KzAwOjAwM5psdQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wNC0xN1QxMDoyNDo1NiswMDowMELH1MkAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDQtMTdUMTA6MjU6MDcrMDA6MDAUh5v4AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.alert-danger {
    color: #fff;
    background-color: #F7374F;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
}

.alert-success {
    color: #fff;
    background-color: #00b988;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
}

.form-item-virtual-card-1, .form-item-auto-order-1, .form-item-read-terms, .form-item-issalescontractapproved {
    display: flex;
    align-items: center;
    gap: 10px;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .form-item-virtual-card-1 input[type=checkbox], .form-item-auto-order-1 input[type=checkbox], .form-item-read-terms input[type=checkbox] {
        --active: #4e4e86 ;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #4e4e86 ;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .form-item-virtual-card-1 input[type=checkbox]:after, .form-item-auto-order-1 input[type=checkbox]:after, .form-item-read-terms input[type=checkbox]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .form-item-virtual-card-1 input[type=checkbox]:checked, .form-item-auto-order-1 input[type=checkbox]:checked, .form-item-read-terms input[type=checkbox]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .form-item-virtual-card-1 input[type=checkbox]:disabled, .form-item-auto-order-1 input[type=checkbox]:disabled, .form-item-read-terms input[type=checkbox]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .form-item-virtual-card-1 input[type=checkbox]:disabled:checked, .form-item-auto-order-1 input[type=checkbox]:disabled:checked, .form-item-read-terms input[type=checkbox]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .form-item-virtual-card-1 input[type=checkbox]:disabled + label, .form-item-auto-order-1 input[type=checkbox]:disabled + label, .form-item-read-terms input[type=checkbox]:disabled + label {
        cursor: not-allowed;
    }
    .form-item-virtual-card-1 input[type=checkbox]:hover:not(:checked):not(:disabled), .form-item-auto-order-1 input[type=checkbox]:hover:not(:checked):not(:disabled), .form-item-read-terms input[type=checkbox]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }
    .form-item-virtual-card-1 input[type=checkbox]:focus, .form-item-auto-order-1 input[type=checkbox]:focus, .form-item-read-terms input[type=checkbox]:focus {
        box-shadow: 0 0 0 var(--focus);
    }
    .form-item-virtual-card-1 input[type=checkbox]:not(.form-checkbox), .form-item-auto-order-1 input[type=checkbox]:not(.form-checkbox), .form-item-read-terms input[type=checkbox]:not(.form-checkbox) {
        width: 21px;
    }
    .form-item-virtual-card-1 input[type=checkbox]:not(.form-checkbox):after, .form-item-auto-order-1 input[type=checkbox]:not(.form-checkbox):after, .form-item-read-terms input[type=checkbox]:not(.form-checkbox):after {
        opacity: var(--o, 0);
    }
    .form-item-virtual-card-1 input[type=checkbox]:not(.form-checkbox):checked, .form-item-auto-order-1 input[type=checkbox]:not(.form-checkbox):checked, .form-item-read-terms input[type=checkbox]:not(.form-checkbox):checked {
        --o: 1;
    }
    .form-item-virtual-card-1 input[type=checkbox] + label, .form-item-auto-order-1 input[type=checkbox] + label, .form-item-read-terms input[type=checkbox] + label {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .form-item-virtual-card-1 input[type=checkbox] + label::after, .form-item-auto-order-1 input[type=checkbox] + label::after, .form-item-read-terms input[type=checkbox] + label::after {
        content: unset !important;
    }
    
    .form-item-virtual-card-1 input[type=checkbox]:not(.form-checkbox), .form-item-auto-order-1 input[type=checkbox]:not(.form-checkbox), .form-item-read-terms input[type=checkbox]:not(.form-checkbox) {
        border-radius: 7px;
    }
    .form-item-virtual-card-1 input[type=checkbox]:not(.form-checkbox):after, .form-item-auto-order-1 input[type=checkbox]:not(.form-checkbox):after, .form-item-read-terms input[type=checkbox]:not(.form-checkbox):after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .form-item-virtual-card-1 input[type=checkbox]:not(.form-checkbox):checked, .form-item-auto-order-1 input[type=checkbox]:not(.form-checkbox):checked, .form-item-read-terms input[type=checkbox]:not(.form-checkbox):checked {
        --r: 43deg;
    }
    .form-item-virtual-card-1 input[type=checkbox].form-checkbox , .form-item-auto-order-1 input[type=checkbox].form-checkbox, .form-item-read-terms input[type=checkbox].form-checkbox {
        width: 38px;
        border-radius: 11px;
    }
    .login-form-wrapper .form-item-read-terms input[type=checkbox].form-checkbox {
        width: 48px !important;
    }
    .form-item-virtual-card-1 input[type=checkbox].form-checkbox:after, .form-item-auto-order-1 input[type=checkbox].form-checkbox:after, .form-item-read-terms input[type=checkbox].form-checkbox:after {
        /* left: 2px; */
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .form-item-virtual-card-1 input[type=checkbox].form-checkbox:checked, .form-item-auto-order-1 input[type=checkbox].form-checkbox:checked, .form-item-read-terms input[type=checkbox].form-checkbox:checked {
        --ab: var(--active-inner);
        --x: 17px;
        min-width: 37px;
    }
    .form-item-virtual-card-1 input[type=checkbox].form-checkbox:disabled:not(:checked):after, .form-item-auto-order-1 input[type=checkbox].form-checkbox:disabled:not(:checked):after, .form-item-read-terms input[type=checkbox].form-checkbox:disabled:not(:checked):after {
        opacity: 0.6;
    }
}

.employee-list {
    background-color: #fff;
    padding: 10px;
}

.employee-list .employee-item {
    display: flex;
    gap: 8px;
}

form .delete-employee{
    background-color: #fff !important;
    color: #F7374F !important;
    border: 1px solid #F7374F !important;
    border-radius: 10px !important;
    min-width: 20px !important;
}

form .delete-employee:hover {
    background-color: #F7374F !important;
    color: #fff !important;
    border: 1px solid #F7374F !important;
}

form .update-employee{
    background-color: #fff !important;
    color: #00b988 !important;
    border: 1px solid #00b988  !important;
    border-radius: 10px !important;
    min-width: 20px !important;
}

.total-amount-wrapper {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

.total-amount-wrapper .form-item{
    display: flex;
    gap: 50px;
}

.total-amount-wrapper .form-item img {
    max-width: 200px;
}

p.total-amount::after {
    content: '';
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAmhJREFUSEvllMFLVFEUxn/nvmwjtSmCrKBAaBMUOVmLHinmjIptoqJdtGhVu7J50qLnxmmUaNGinUL9AS1a6JugiByaFqaEuUsoCMKFlBBKNu/Um3nqS53HOLnrwoXHO/d837nfPecTKq2RjIslZ0rhor6is9eteDYmILEERu6W4r72/QcE3uARUj1TaxWpXSJvsB79ZWPERtUGsUk56/A2RzCSPYz4NiI2EOxDkYrHSTmJ2m6AuAhhpWwvgQjTKAXQt8A4Vt0CZ29NxxOMPtiLLDXhFxMYOf4n8dxKgsinEmCwLQq0pwuMZFqAllI7Ky0bS+QNdEcAm4CGMqjOg+wsf4sL5hGylMA3AXkTqoEcy2enEFMgmb62/gbBQC33O8yijCHq4dMQ+f8MiJAzi0gBP5BH3jC/kOeS+3OjmRICAjHfEP81xfopzGIz4p8EaQa9uJqkecSMoZpHF/N0uHPVTLaQ6+9C5SgiJ4BmlH1h4g+g/t8neVWi76CTqEyiOonhIIRWEbxBKt1XTcXkMg9RuRG+3fVQIpnAYoJ25/MKiJdxVwg240W5ey9LHVX2sNbKg1YLgXf/ACx9AHaUXdjfs7UEUXmUx3Q4V7aOwMu2g+YiXddGqvfF1hA8z57C1ydAY2gjT0k658uOUmlFBzDukb3+bsQMo+wOwb+QdPYvw9ZOkBs4BnoZ1ZvAtrAt86TSp6M1b45gNNMIxka0C7iwCiRFRLMknTvxbhqN/u1R74DAXdeueZRh1Bqis+f9xl5UzRusPaN8BYaoM0O03f4YN+HxEkUzjZkDmcEyM1i7Zmi9uliNdfwGT0Ebo+Is+xYAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
}

.excel-upload-section .accordion-item{
    padding: 20px;
    background-color: #fff;
}

.excel-upload-section .accordion-button:not(.collapsed) {
    background-color: #fff !important;
}

.excel-upload-section .accordion-button {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0;
}

.excel-upload-section .accordion-collapse {
    border-top: 1px solid #DFE1E6;
    margin-top: 10px;
    padding-top: 10px;
}

.template-wrapper a {
    margin-right: 10px;
}

.upload-wrapper {
    gap: 10px;
}

.upload-wrapper .form-item-employee-excel input[type="submit"] {
    background-color: #f7374f33 !important;
    color: #F7374F !important;
    border-color: #F7374F !important;
}

.upload-wrapper .hover-green {
    background-color: #11e1aa17 !important;
    color: #00b988 !important;
    border: 1px solid #00b988 !important;
    border-radius: 10px !important;
}

.upload-wrapper input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.custom-file-upload {
    display: inline-flex;
    align-items: center;
    border: 1px solid #DFE1E6 !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin-right: 5px;
    overflow: hidden;
}

.custom-file-upload .file-select-btn {
    display: inline-block;
    padding: 8px 16px;
    background-color: #f0f0f0;
    border-right: 1px solid #DFE1E6;
    color: #32325D;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.custom-file-upload .file-select-btn:hover {
    background-color: #e0e0e0;
}

.custom-file-upload .file-name-label {
    font-size: 14px;
    color: #6b778c;
    padding: 6px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.custom-file-upload .file-name-label.has-file {
    color: #32325D;
}

/* UI Dialog */
.ui-widget-content {
    border: unset !important
}

.ui-widget-content .ui-button:not(.ui-dialog-titlebar-close) {
    border-radius: 10px !important;
    padding: 10px 20px !important;
}

.ui-widget-content .ui-button:not(.ui-dialog-titlebar-close):nth-child(2) {
    background-color: #00b988 !important;
    color: #fff !important;
    border: 1px solid #00b988 !important;
}

/* Payment Page */
.payment-wrapper .payment-header {
    background-color: #fff;
    padding: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.payment-wrapper .payment-header p{
    color: #3C3D37 !important;
}

.payment-wrapper .payment-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.gap-3 {
    gap: 30px;
}

.payment-wrapper .payment-header img{
    width: 80px;
}

.payment-body {
    border-top: 3px solid #f2f3f5;
    border-bottom: 3px solid #f2f3f5;
}

.payment-wrapper .tl-icon::before {
    content: '';
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAABlhgAAZYYB2Me0JQAAAAd0SU1FB+kEEQsaMHobU0YAAAEASURBVCjPbdG9K8QBHAbwz7kTdUKHSzGYSJRyZTHYGGQyGGRRXv4GRf4EC5PsStx1FhNZyELnpssNykUnJslbznL8TnfP9PQ8T32fni+/CNlxIoo24T9V3R8Li2vXYMaBgVoBSiKWbbp1pwbCkr692BBVE61OfVrVY8VQtd1mW0lGQlrBKFpEArvbvqIH967kTaDPsamg5KRBiy50Cpl1hCYjEkFgz7hXwwrmnYOIkvcg8CRhR5dH+fLRMfUyQYcxRbvOXIuBPjfOyxz0WtIhJSuGuLRX09VDHcpq1iPpy1rlP5RrpeUsuPRmXWP1VBEpJR9y5ionChCy5dmW/v/yD1RIPm6Rq47EAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTA0LTE3VDExOjI2OjI2KzAwOjAw4Dxs1AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wNC0xN1QxMToyNjoyNiswMDowMJFh1GgAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDQtMTdUMTE6MjY6NDgrMDA6MDBQJIdtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.payment-wrapper .tl-lg-icon::before {
    content: '';
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAAXNSR0IArs4c6QAAAiVJREFUSEvtlT1oFUEUhb/TGQsFG61FRIlY+IOiCKlUiLFQxMJgKTYxpLNTK7tUAYmNNoooYiTBRFAIYiEWioV22ijYiGBje3w33Aebfbu+fT+FhRcuy8zsnDNzf86IGrN9vbgkad24bl95Xl0IruX6jf8EHZHKHPwbIbJ9HBiXND20JNseC9D03QGsViUMRGD7SAKeAvZ2gA1CkMAHKsr6LjAv6U1VyTftg/LeBwm6ansPcDpc0uG/hsj2fuBSevnfhQRdsb0NOJvAkeA1q8xBF9D23rVOtn0COJe+qXSCRUlxk3WmUr3H4jfgeX7bfRA6FMCjZVDgtqSlOskJggCZBJbDJS3b3gJcAdoExf2LwNNwST+6iV4QjElajR9tXwCmWkSHShs/AveBBUmfuoEW14MgwAI0wIv2G9iYE/2raUUOXsVJgc2FEDUmsD0LzOTBpttJPg88yRC8zXBFYnsWO9uPgTNJMBEEJ1sNslKOa79qavtDQUZGm3ZyoxBlA34BRvLAI8MmuArcTPBnksaHRmB7A/Ae2JUEk5LuDZPgMnArwX8B2yX9HApBvmjR3XGLsDlJ0VsMTGD7IBDysTXBvwJHJcV3MIJ8NudbMrKzUOZTkuba475vUKEAgdlRzj0R2N4BHAMuAvHoF62yV5oSvAP21ahoVMyMpDtV600J6hT6ETBb9+D3kuQiwetWmF4CD5u8Dd1uUAT+DLyQ9L3uOlXzfwClHB0QHce8ewAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 32px;
    margin-right: 10px;
}

.payment-form-wrapper {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.payment-form-wrapper label {
    font-weight: normal !important;
}

.payment-form-wrapper label::after {
    color: #00b988 !important;
    position: unset !important;
    vertical-align: middle;
    margin-left: 3px;
    font-size: 1.25rem;
    font-weight: bold;
}

.payment-form-wrapper .form-item input:not(.form-checkbox) {
    border-radius: 5px !important;
    font-size: 14px;
    color: #32325D;
    background-color: #eff4f7;
    font-weight: 600;
}

.payment-form-wrapper .form-item input::placeholder {
    font-weight: 400;
}

.expiry-date-wrapper {
    gap: 20px;
}

.form-item-issalescontractapproved {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

@media screen and (max-width:768px) {
    .login-form form {
        padding: 30px 20px;
    }

    #wizard-page-indicator {
        width: 100%;
    }

    .template-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .upload-wrapper {
        flex-direction: column;
        gap: 10px;
    }
}

label[for="edit-virtual-card"]::after,label[for="edit-auto-order"]::after {
    content: unset !important;
}
.ratio:has(iframe[style*="display: none"]), .ratio:has(iframe[style*="visibility: hidden"]) {
    display: none !important;
}