/* css form ui check starts*/
.need-features { max-width: 600px; margin: 0 auto; padding: 20px; }
.tac { text-align: center; }
.prd-slt { display: inline-block; margin: 10px 20px 10px 0; }
.prd-slt input { margin-right: 5px; }
.contactForm label { display: block; margin: 15px 0 5px; font-size: 14px; }
.contactForm label sup { color: red; }
.contactForm input.input, .contactForm textarea, .contactForm select { 
    width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; 
    font-size: 14px; box-sizing: border-box; 
}
.contactForm textarea { min-height: 80px; resize: vertical; }
.os-group { margin: 10px 0; }
.os-group input { margin-right: 5px; }
.error-field, .error-field1 { color: red; font-size: 12px; display: none; }
.dwn-priv { font-size: 12px; color: #666; margin: 15px 0; text-align: center; }
.fbutton { display: flex; gap: 10px; justify-content: center; margin-top: 20px; }
.fbutton input { padding: 10px 30px; border: none; border-radius: 4px; cursor: pointer; }
.fbutton .sub { background: #4a90d9; color: white; }
.fbutton .gdpr_reset { background: #eee; color: #333; }
/* css form ui check ends*/

.edi-btn inputgroup.prd-slt {
    display: flex;
    align-items: center;
    margin: auto;
    max-width: 600px;
    justify-content: center;
}

.edi-btn inputgroup.prd-slt .prd-slt-inner {
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: left;
    margin: 20px 20px 0;
}

.edi-btn inputgroup.prd-slt .prd-slt-inner label {
    transform: none;
    pointer-events: all;
    width: fit-content !important;
    color: #000;
}

.edi-btn inputgroup.prd-slt .prd-slt-inner input {
    width: 40px !important;
}

.os-group {
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
}

.os-group>inputgroup {
    width: auto;
}
.edi-btn inputgroup.half{
    margin: 8px 15px;
}
inputgroup#prdselect {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0px 0px;
    margin: 20px 0px 0px;
}

inputgroup#prdselect label {
    margin: 0px 20px 0px 0px;
    font-weight: 500;
    display: inline !important;
}

inputgroup#prdselect input {
    width: 20px !important;
    margin: 5px 0px;
    display: inline-block;
    min-width: 0px;
}

inputgroup#prdselect .prd-slt {
    display: inline-block;
}

.edi-btn {
    max-width: 875px;
}

.edi-btn inputgroup textarea {
    min-height: 90px;
}

.edi-btn inputgroup.half.focus textarea {
    border: solid #2a79bb .5px !important;
    outline: solid #2a79bb .5px !important;
}

.new-container h3 {
    margin: 0 0 10px !important
}

div#scroll {
    padding: 40px 0
}

.breadcrumb {
    display: none
}

.os-group {
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap
}

.os-group>inputgroup {
    width: auto
}

[data-attr="checklist_not_null"] label {
    position: static !important
}

[data-attr="form-subtitle"] {
    margin: 0 0 40px
}

[data-attr="form-field"]>label:has(+[data-attr="checklist_not_null"]),
[data-attr="checklist_not_null"] label {
    position: static;
    transition: none;
    display: inline-block !important;
    margin: 0 0 10px
}

inputgroup.os-sec {
    width: 30%
}

[data-attr="checklist_not_null"] input[type=checkbox] {
    width: 14px !important;
    min-height: auto;
    display: inline-block;
    margin: 0 5px 5px !important
}

[data-attr="form-field"] textarea {
    min-height: 100px;
    max-height: 130px
}

[data-attr="form-field"]>label:has(+textarea) {
    width: 95% !important;
    white-space: normal;
    background: #fff !important
}

[data-attr="form-field"].focus>textarea {
    background: red;
    padding-top: 50px !important
}

[data-attr="form-field"].inputgroup.focus label:has(+textarea) {
    transform: translate(3px, -14px) scale(.95) !important;
    padding: 7px 0 0
}