
.cp-form{width:100%;margin:0 0 16px 0;}
.cp-form-group{margin-top:10px;padding-top:6px;border-top:1px solid #f0f0f0;}
.cp-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px);column-gap:16px;align-items:center;padding:6px 0;}
.cp-form-label{font-size:14px;}
.cp-form-label h6{display:inline;font-weight:normal;}
.cp-form-field{text-align:right;}
.cp-form-field select,.cp-form-field input[type="text"]{width:100%!important;max-width:320px;min-height:32px;padding:4px 8px;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:3px;}
.cp-form-inline-note{font-size:11px;white-space:nowrap;margin-left:4px;}
.cp-date-wrapper{position:relative;display:inline-block;width:100%;}
.cp-date-input{width:100%!important;padding-right:30px;}
.cp-date-wrapper .ui-datepicker-trigger{position:absolute;top:50%;right:8px;transform:translateY(-50%);margin:0;border:0;padding:0;background:none;cursor:pointer;}
.cp-date-wrapper input[disabled]+.ui-datepicker-trigger{display:none;}
.cp-checkbox-label{display:inline-flex;align-items:center;cursor:pointer;margin-left:2px; margin-top: 6px;}
.cp-checkbox-label .cp-form-inline-note{margin-left:4px;}
.cp-form-field select,.cp-form-field input[type="text"],.cp-acc-body select,.cp-acc-body input[type="text"]{width:100%!important;max-width:320px;min-height:32px;padding:4px 8px;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:3px;}
.cp-radio-label{display:inline-flex;align-items:center;cursor:pointer;margin-bottom:4px;gap:6px;font-size:14px;}
.cp-inline-fields{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 8px 0;}
.cp-inline-fields select{max-width:210px;}
.cp-inline-fields .cp-date-wrapper{max-width:120px;position:relative;}
.cp-date-trigger-icon{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-family:use-web;font-size:1.8rem;cursor:pointer;}
.cp-date-wrapper input[disabled]+.cp-date-trigger-icon{display:none;}


.cp-edit-header{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:1.5rem;margin:2rem 0;}
.cp-edit-header-col{flex:1 1 0;min-width:0;}
.cp-edit-header-col-right{text-align:right;}

.cp-acc{border-top:1px solid #eee;}
.cp-acc-header{color:#465567;font-weight:bold;display:flex;align-items:center;overflow:hidden;padding:0.9rem 0;position:relative;text-align:left;cursor:pointer;}
.cp-acc-title{flex:1 1 auto; font-weight: bold; color: #005;}
.cp-acc-meta{margin-left:auto;font-weight:normal;font-size:12px;color:#777;display:flex;align-items:center;gap:4px;white-space:nowrap;}
.cp-acc-meta-green{color:#008a00;}
.cp-acc-meta-red{color:#c00000;}
.cp-acc-meta-icon{font-family:use-web;font-size:1.8rem;line-height:1;display:inline-block;}
.cp-acc-header:after{font-weight:normal;border-left:1px solid transparent;transition:all 120ms ease 0s;transform:rotate(45deg);content:'ı';margin-left:10px;flex-shrink:0;font-family:use-web;font-size:1.6rem;width:2.4rem;text-align:center;}
.cp-acc-header.cp-acc-open:after{transform:rotate(90deg);}
.cp-acc-body{display:none;padding:0.4rem 0 1.2rem 0;}
.cp-acc-body-inner{padding:0.2rem 0;}

.cp-invoice-positions{margin:0 0 16px 0;}
.cp-pos-header-row{display:grid;grid-template-columns:60px minmax(0,1fr) 180px;column-gap:10px;font-size:12px;margin-bottom:4px;}
.cp-pos-header-cell{color:#444;}
.cp-pos-header-handle{text-align:left;}
.cp-pos-header-text{text-align:left;}
.cp-pos-header-price{text-align:right;}
.cp-pos-list{margin:0;padding:0;list-style:none;}
.cp-pos-row{display:grid;grid-template-columns:60px minmax(0,1fr) 180px;column-gap:10px;margin-bottom:6px;padding:10px;background:#dde8f4;border-radius:4px;}
.cp-pos-row:nth-child(odd){background:#e6eef7;}
.cp-pos-cell{font-size:13px;}
.cp-pos-cell label{display:block;font-size:11px;color:#555;margin-bottom:2px;}
.cp-pos-handle{display:flex;flex-direction:column;align-items:center;gap:4px;}
.cp-pos-handle-icon{cursor:move;font-size:18px;line-height:1;}
.cp-pos-index{font-weight:bold;font-size:13px;}
.cp-pos-remove{border:0;background:none;color:#a00;font-size:16px;cursor:pointer;line-height:1;padding:0;}
.cp-pos-main{align-self:stretch;}
.cp-pos-main-inner{display:flex;flex-direction:column;gap:4px;height:100%;}
.cp-pos-label{font-weight:normal;}
.cp-pos-textarea{width:100%;min-height:32px;resize:none;padding:4px 4px; margin: 0px; box-sizing:border-box;border:1px solid #c3ccd7;border-radius:3px;font-size:13px;background:#fff;}
.cp-pos-textarea-special{background:#f8fdaf;}
.cp-pos-inline-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.cp-pos-inline-field{display:flex;flex-direction:column;flex:0 0 auto;}
.cp-pos-inline-field input[type="text"] {padding:4px 6px;box-sizing:border-box;border:1px solid #c3ccd7;border-radius:3px; font-size:12px;}
.cp-pos-inline-field select{padding:3px 3px;box-sizing:border-box;border:1px solid #c3ccd7; border-radius:3px; font-size:12px;}
.cp-pos-inline-kulanz{min-width:40px;align-items:flex-start;}
.cp-pos-inline-kulanz label{margin-bottom:1px;}
.cp-pos-inline-kulanz input[type="checkbox"]{margin-top:2px; padding: 3px 3px;}
.cp-pos-price{align-self:stretch;}
.cp-pos-price-inner{display:flex;flex-direction:column;margin-bottom:4px;}
.cp-pos-price-inner input[type="text"]{width:100%;padding:4px 6px;box-sizing:border-box;border:1px solid #c3ccd7;border-radius:3px;font-size:13px;text-align:right;}
.cp-pos-sum{font-weight:bold;background:#f7f7f7;}
.cp-pos-actions{margin-top:8px;}
.cp-pos-add-btn{display:inline-block;padding:6px 12px;border:0;border-radius:3px;background:#597da3;color:#fff;font-size:13px;cursor:pointer;}
.cp-pos-add-btn:hover{background:#49688a;}
.cp-pos-totals{margin-top:10px;font-size:13px;text-align:right;}
.cp-pos-totals input[type="text"]{padding:4px 6px;box-sizing:border-box;border:1px solid #c3ccd7;border-radius:3px;font-size:13px;text-align:right;background:#f7f7f7; font-weight: bold;}

.use-webfont{font-family:"use-web","Arial",sans-serif;}


@media(max-width:768px){
    .cp-acc-header{padding:0.8rem 0;}
    .cp-acc-meta{font-size:11px;}
    .cp-pos-header-row{display:none;}
    .cp-pos-row{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;}
    .cp-pos-textarea{font-size:11px;min-height:22px; width: 100px;}
    .cp-pos-inline-fields{flex-wrap:nowrap;gap:4px;}
    .cp-pos-inline-field{min-width:58px;}
    .cp-pos-inline-field input[type="text"],.cp-pos-inline-field select{font-size:11px;padding:2px 3px; width: 30px; }
    .cp-pos-inline-kulanz{min-width:36px;}
    .cp-pos-price{margin-top:6px;}
    .cp-pos-price-inner input[type="text"]{font-size:12px;padding:2px 4px;}
    
}


@media(max-width:768px){
  .cp-form-row{grid-template-columns:1fr;}
  .cp-form-field{text-align:left;margin-top:4px;}
  .cp-form-field select,.cp-form-field input[type="text"]{max-width:100%;}
  .cp-date-input{padding-right:34px;}
}

@media only screen and (max-width:40em){.cp-edit-header{gap:1rem;margin:1.5rem 0;}.cp-edit-header-col{flex:1 1 0;min-width:0;}}

