/* Custom plugin Css Start */
.custom-plugin-outer h2 {
     margin: 19px 0 10px 0;
}
.custom-plugin-outer .form-table tr {
     border: 1px solid #c3c4c7;
     box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
     background: #fff;
     border: 1px solid #c3c4c7;
}
.custom-plugin-outer  .form-table {
     border-collapse: separate;
     border-spacing: 0 1.5em;
}
.custom-plugin-outer .form-table th {
     padding: 20px 10px 20px 20px;
}
.wp-core-ui .custom-plugin-outer .button-secondary {
     background: #2271b1;
     border-color: #2271b1;
     color: #fff;
}
.wp-core-ui .custom-plugin-outer .button-secondary:hover {
     background: #135e96;
     border-color: #135e96;
}
.custom-plugin-outer .form-table td {
     padding: 20px 10px;
}
.pdf-invoices-content {
     display: flex;
     gap: 60px;
}
.custom-plugin-outer .pdf-invoices-right img {
     max-width: 500px;
     width: 100%;
}
.pdf-invoices-left {
     width: 70%;
}
.pdf-invoices-left h1 {
    font-weight: 400 !important;
}
.pdf-invoices-right {
     width: 30%;
     padding-top: 68px;
}
 /* Custom plugin Css End */

 @media(max-width:1280px){
     .pdf-invoices-content {
          flex-direction: column;
          gap: 10px;
      }
      .pdf-invoices-left {
          width: 100%;
      }
      .pdf-invoices-right {
          width: 100%;
          padding-top: 0;
      }
 
}
@media(max-width:782px){
     .wp-core-ui .custom-plugin-outer .button-secondary {
          margin: 20px 0;
     }
}
@media (max-width:767px) {
    
     .custom-plugin-outer .form-table th {
          padding: 19px 10px 0 20px;
      }
}

.custom-plugin-outer .form-table th {
    white-space: nowrap;
}

.custom-plugin-outer .ck.ck-content.ck-editor__editable {
    height: 100px;
}

@media (max-width: 1440px) {
    .custom-plugin-outer .pdf-invoices-content .pdf-invoices-left form {
        overflow-x: hidden;
    }
}

.wc-action-icons {
    position: relative;
    display: inline-block;
}

.pop-up {
    display: none;
    position: absolute;
/*    top: -25px;*/
    width: max-content;
    left: 100%;
    transform: translateX(-50%);
    background-color: #000;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
    z-index: 99999;
}

.wc-action-icons .trigger {
    position: relative;
    display: block;
    text-decoration: none;
    color: inherit;
}

.wc-action-icons .trigger:hover .pop-up {
    display: block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::placeholder{
     font-size: 14px;
     line-height: 2;
     font-weight: 400;
     letter-spacing:0;
     color: gray;
     text-transform: inherit;
   }