/* Form */
.clickdform.mainDiv {
    overflow: visible !important;
    padding: 0 !important;
}
.clickdform #clickdimensionsForm .requiredStar {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem !important;
    color: #f00 !important;
}
#clickdimensionsForm {
    max-width: none !important;
    padding: 15px 30px 5px !important;
    border-radius: 10px;
    background-color: var(--white);
    border: 2px solid var(--light-blue);
    box-shadow: rgba(124, 122, 153, 0.15) 0 5px 50px;
}
#clickdimensionsForm .maxSize2:has(.form-title) {
    line-height: 0;
}
#clickdimensionsForm .maxSize2 .form-title {
    padding-bottom: 15px;
    line-height: normal;
    text-align: center;
    font-size: 1.4rem;
}
#clickdimensionsForm .responsiveCellSize1 {
    width: 50% !important;
    min-width: auto;
}
#clickdimensionsForm .responsiveCellSize1:first-of-type {
    padding-right: 10px !important;
}
#clickdimensionsForm .responsiveCellSize1:nth-of-type(2) {
    padding-left: 10px !important;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select,
#clickdimensionsForm select option,
#clickdimensionsForm textarea,
#clickdimensionsForm .responsiveCell>.alignBottom>span,
#clickdimensionsForm input[type=checkbox]~span,
#clickdimensionsForm #btnSubmit {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: var(--dark-blue) !important;
}
#clickdimensionsForm .requiredInfo {
    font-family: 'Roboto', sans-serif !important;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select {
    height: 2.4rem !important;
}
#clickdimensionsForm #btnSubmit {
    margin: 20px 0 0 !important;
    padding: 12px 30px !important;
    border: 0 !important;
    height: auto !important;
    font-weight: bold !important;
    color: white !important;
    border: none;
    cursor: pointer;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select,
#clickdimensionsForm textarea,
#clickdimensionsForm #btnSubmit {
    border-radius: 3px !important;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select,
#clickdimensionsForm textarea {
    border: 1px solid #ddd;
    background-color: #f5f8fa !important;
    box-shadow: rgba(124, 122, 153, 0.05) 0 5px 50px;
}
#clickdimensionsForm #btnSubmit {
    background-color: var(--light-blue) !important;
    transition: background-color 250ms ease-in-out;
}
#clickdimensionsForm #btnSubmit:hover {
    background-color: var(--dark-blue-10) !important;
}
#clickdimensionsForm .responsiveCellSize2 {
    padding: 10px 0 0 !important;
}
#clickdimensionsForm span.maxSize1 {
    margin: 5px 0 !important;
}
#clickdimensionsForm span.maxSize1,
#clickdimensionsForm span.maxSize2 {
    line-height: 1.6em;
}
#clickdimensionsForm .requiredInfo {
    line-height: 2em;
}
#clickdimensionsForm div:has(> input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 10px;
}
#clickdimensionsForm div:has(> input[type="checkbox"]) span {
    margin: 0 !important;
    line-height: 1.6em;
}
#clickdimensionsForm input[type="checkbox"] {
    margin: 0 !important;
}
#clickdimensionsForm div:has(> .buttonContainer) {
    text-align: left !important;
}
#clickdimensionsForm .buttonContainer {
    margin: 0 !important;
}

@media (min-width: 981px) {
    .contact-us-page .clickdform.mainDiv {
        margin-top: -120px;
    }
}

@media (max-width: 767px) {
    #clickdimensionsForm .responsiveCellSize1 {
        width: 100% !important;
    }
    #clickdimensionsForm .responsiveCellSize1:first-of-type {
        padding-right: 0 !important;
    }
    #clickdimensionsForm .responsiveCellSize1:nth-of-type(2) {
        padding-left: 0 !important;
    }
    #clickdimensionsForm {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #clickdimensionsForm input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        min-width: 32px;
        border: 2px solid var(--medium-blue-10);
        border-radius: 4px;
        background-color: #fff;
        cursor: pointer;
        display: inline-grid;
        place-content: center;
    }
    #clickdimensionsForm input[type="checkbox"]:checked::after {
        content: "✓";
        font-size: 22px;
        color: var(--dark-blue);
        line-height: 1;
    }
}
/* Form - Refer a Friend - fixes */
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(1),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(2),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(3),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(4),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(5),
.refer-a-friend #clickdimensionsForm .responsiveCell.responsiveCellSize1.emptyCell {
    display: none;
}
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCell div.alignTop {
    display: block;
}
.refer-a-friend .clickdform #clickdimensionsForm .minSize1,
.refer-a-friend .clickdform #clickdimensionsForm .minSize2,
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize2 {
    width: auto;
    min-width: auto;
}
.refer-a-friend .clickdform #clickdimensionsForm .maxSize1 {
    max-width: none;
}
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(select),
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(textarea),
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(input[aria-label="Referrer: Name"]),
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(input[aria-label="Referrer: Company Name"]),
#clickdimensionsForm div:has(> .buttonContainer) {
    width: 100% !important;
    padding-right: 0 !important;
}
.refer-a-friend #clickdimensionsForm #btnSubmit {
    margin: 0 !important;
}

/* Form - Request a Demo - fixes */
.request-demo-form-wrap #clickdimensionsForm .responsiveRow:nth-of-type(1),
.request-demo-form-wrap #clickdimensionsForm .responsiveRow:nth-of-type(2),
.request-demo-form-wrap #clickdimensionsForm .responsiveRow:nth-of-type(3),
.request-demo-form-wrap #clickdimensionsForm .responsiveRow:nth-of-type(4),
.request-demo-form-wrap #clickdimensionsForm .responsiveRow:nth-of-type(5),
.request-demo-form-wrap #clickdimensionsForm .responsiveCell.responsiveCellSize1.emptyCell {
    display: none;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .minSize1 {
    display: block;
    width: 100% !important;
    min-width: auto;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .maxSize1,
.request-demo-form-wrap .clickdform #clickdimensionsForm .maxSize2 {
    max-width: none !important;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCellSize1:has(textarea),
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCellSize1:has(select[aria-label="How Did You Hear About Us?"]) {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCellSize1:has(select[aria-label="How Did You Hear About Us?"]) .maxSize1.minSize1 {
    margin-top: 0 !important;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCellSize1:has(textarea) .alignTop.minSize1,
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCellSize2:has(textarea) .alignTop.minSize2 {
    display: block;
    width: 100% !important;
    line-height: normal;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .minSize2,
.request-demo-form-wrap #clickdimensionsForm .responsiveCell.responsiveCellSize2 {
    width: auto;
    min-width: auto;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCell.responsiveCellSize2 {
    width: 100%;
}
.request-demo-form-wrap .clickdform #clickdimensionsForm .responsiveCell.responsiveCellSize2 .minSize2 {
    display: block;
}
.request-demo-form-wrap #clickdimensionsForm #btnSubmit {
    margin: 0 !important;
}
@media (max-width: 767px) {
    .request-demo-form-wrap #clickdimensionsForm div:has(> input[type="checkbox"]) {
        padding-top: 10px;
    }
}

/* Form - Comparison pages - fixes */
.comparison-demo-form .clickdform #clickdimensionsForm .responsiveCellSize1:has(select) {
    padding-right: 0 !important;
}
.comparison-demo-form #clickdimensionsForm div.responsiveCellSize2:has(input[type="checkbox"]) {
    margin: 0 0 15px;
}
.comparison-demo-form #clickdimensionsForm .responsiveCellSize1:first-of-type {
    padding-right: 0 !important;
}
.comparison-demo-form #clickdimensionsForm .responsiveCellSize1:nth-of-type(2) {
    padding-left: 0 !important;
}
@media (max-width: 767px) {
    .comparison-demo-form .mainDiv.clickdform .responsiveRow {
        flex-direction: column;
    }
}