@import "variables.css";
@import "welcome-screen.css";
@import "checkbox.css";
@import "dropdown.css";
@import "multiselect.css";
@import "renderer-core-button.css";
@import "driver.css";

.base-form-container p {
    margin: 0;
}

.base-form-container .quillforms-iframe {
    transition: height 0.05s;
    min-height: calc(100vh - 80px)!important
}

@media screen and (min-width: 992px) {
    .base-form-container .quillforms-iframe {
        height: calc(100vh - 80px) !important;
      }
}
.renderer-components-field-content {
    display: flex;
    justify-content: space-between;
    max-width: none !important;
    gap: 48px;
}

.renderer-components-block-label {
    font-size: 41px !important;
    font-weight: 700;
    margin-bottom: 24px;
}

.renderer-components-question-header {
    width: calc(50% - 24px);
}

.renderer-core-field-display-wrapper {
    width: calc(50% - 24px);
}

.renderer-components-block-counter {
    display: none;
}

.css-xruqei {
    margin-bottom: 24px ;
}

.optionListContainer {
    background: #2d2d2d !important;  
}

.renderer-components-child-block-label {
    margin-bottom: 10px;
}
.qf-blocklib-long-text-block-renderer__hint-text.css-tavfda {
    margin-top: 0;
    font-weight: 400;
    font-size: 12px;
}

.css-7vqaqa {
    min-height: auto;
}
.css-1v5cam0 {
    padding: 12px 24px;
    border: 1px solid rgba(244,244,244,.6) !important;
    background: rgba(45,45,45,.1) !important;
    font-size: 15px !important;
    flex-flow: row-reverse;
    justify-content: space-between;
}
.css-1v5cam0 svg {
    height: 26px;
    width: 26px;
}
.css-1hvyyvw {
    display: none;
}
input, textarea, .css-m7ybb3, .css-1g78beq, .css-cfqn12, .css-1e5z4pq  {
    padding: 12px 24px !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(244,244,244,.6) !important;
    background: rgba(45,45,45,.1) !important;
    box-shadow: none !important;
}
input::placeholder, textarea::placeholder{
    color: #f4f4f4;
    opacity: 1;
}

input:focus,
textarea:focus,
.css-1g78beq:focus,
.css-cfqn12:focus,
.css-g5ckgx:focus,
.css-1e5z4pq:focus, /* email */
.css-m7ybb3:focus{
    border: 1px solid rgba(244,244,244,.6) !important;
    box-shadow: none !important;
}

.multipleChoice__optionWrapper {
    padding: 6px 16px !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    border: 1px solid #F5F4F5 !important;
    border-radius: 30px !important;
    background: rgba(45,45,45,.2);
    min-width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}
.multipleChoice__optionLabel {
    padding: 0 !important;
    white-space: nowrap;
}
.multipleChoice__optionWrapper.selected {
    background-color: rgba(216, 17, 89, 1);
    color: #F5F4F5 !important;
}
.renderer-components-error-message-wrapper {
    background: none;
    color: rgb(175, 54, 54) !important;
}

.multipleChoice__optionClose {
    font-size: 12px !important;
    width: 11px;
}

.multipleChoice__optionWrapper.selected:hover .multipleChoice__optionClose {
    transform: scale(1.3);
}

.question__wrapper > *  {
    min-height: auto;
}

.renderer-core-field-navigation svg {
    fill: #2d2d2d;
}

.qf-thankyou-screen-block__content-wrapper {
    align-items: start !important;
    text-align: start !important;
}

.qf-thankyou-screen-block__content-wrapper .renderer-components-block-label {
    line-height: 48px !important;
}

.qf-thankyou-screen-block__content-wrapper .renderer-components-block-description {
    font-size: 18px !important;
    line-height: 24px !important;
}

.qf-thankyou-screen-block__content-wrapper .qf-thankyou-screen-block__action-wrapper {
    margin-top: 48px !important;
}

.qf-thankyou-screen-block__content-wrapper .thankyou-copy {
    margin-top: 0 !important;
    margin-bottom: 48px !important;

}

/* Upload field */
.css-yxpu7m {
    flex-grow: 1;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .renderer-components-question-header, .renderer-core-field-display-wrapper {
        width: calc(50% - 12px);
    }
    
    .renderer-components-field-content {
        gap: 24px;
    }
    .renderer-components-field-content {
        flex-direction: column;
        align-items: center;
    }
    .renderer-components-question-header, .renderer-core-field-display-wrapper {
        width: 100%;
    }
    .renderer-components-question-header {
        margin: 40px 0;
    }
    
    .searchBox, 
    .optionContainer >.option, 
    .dropdown-option {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    .css-287q57 {
        padding: 0 12px;
    }
    .css-biroc0 {
        text-align: left;
    }
    .renderer-components-field-wrapper__content-wrapper {
        padding: 0 12px !important; 
    }
    .renderer-components-question-header {
        margin-top: 0;
    }

    input, textarea, .css-m7ybb3, .css-1g78beq, .css-cfqn12, .css-1e5z4pq, .MyMultiselect-search  {
        padding: 12px 16px !important;
        font-size: 14px !important;
        
    }
    .renderer-core-block-scroller {
        margin: 0 !important;
        padding: 90px 12px 0 0 !important;
        box-sizing: border-box !important;
    }

    .renderer-components-block-footer {
        padding-left: 4px;
        margin-bottom: 24px;
    }

    .qf-thankyou-screen-block__content-wrapper .thankyou-heading .renderer-core-html-parser p , .MyAssessment-question .MyAssessment-questionLabel{
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .qf-thankyou-screen-block__wrapper {
        margin-top: 20px !important;
        padding: 84px 16px 24px 16px !important;
        
    }

    .qf-thankyou-screen-block__wrapper .qf-thankyou-screen-block__content-wrapper, .qf-thankyou-screen-block__wrapper .renderer-core-block-attachment-wrapper{
        padding: 24px 12px;
    }

    
    .qf-thankyou-screen-block__content-wrapper.blocktype-thankyou-screen-block {
        padding: 0;
        flex-direction: row-reverse ;
    }

    .CustomEmail-spinner {
        top: 18px !important;
        left: auto !important;
        right: 16px;
    }

}
@media screen and (max-width: 768px) {
    .css-nae08p {
        display: none !important;
    }
    .css-19pazgn {
        display: flex !important;
    }
    
}

@media screen and (max-width: 600px) {
    .qf-thankyou-screen-block__wrapper {
        padding: 0 !important;
        padding-bottom: 80px !important;
        height: fit-content !important;
        box-sizing: content-box;
    }
    
    .qf-thankyou-screen-block__content {
        padding-top: 6px;
    }
    .renderer-core-block-attachment {
        overflow: visible;
        padding: 0 12px;
    }
    
    .blocktype-assessment-block .renderer-core-block-scroller{
        padding-top: 0 !important;
    }
    .css-82cw2j .MyAssessment-questionFrame  {
        padding-bottom: 0 !important;
    }

    .css-1767v41 .Summary-rating {
        margin-left: auto;
        padding-left: 10px;
    }

    .css-1767v41 .Summary-item-info-label {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.renderer-core-field-footer {
    margin-top: 24px;
}

.css-14nl535 .css-q3qzux {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    max-width: 416px;
}

.css-14nl535 .css-1erg8ly {
    font-size: 12px;
    line-height: 16px;
    height: 40px;
    width: 40px;
    border: 1px solid #F5F4F5;
    background: #2D2D2D33; 
    border-radius: 40px;
}

.css-14nl535 .css-1erg8ly.selected, .css-14nl535 .css-1erg8ly:hover {
    color: #F5F4F5;
    background-color: #D81159;
}

.css-14nl535 .css-19pazgn {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 24px;
    padding: 12px;
    max-width: 416px;
    font-weight: 400;
}

.css-14nl535 .css-1tbr8nq {
    flex: 0;
}

/* .css-1xqx4qo .css-287q57{
    display: none;
} */

.css-1xqx4qo  .renderer-components-field-wrapper__content-wrapper {
    padding-top: 40px;
}

#block-69z3ucuzy .renderer-components-question-header {
    display: none;
}

#block-69z3ucuzy .renderer-core-field-display-wrapper {
    width: 100% ;
    max-width: 1200px;
    margin: 0 auto;
}

.css-19on1yi {
    align-items: start !important;
}

.Summary-item-title-text {
    position: relative
}

.Summary-item-title-text:after {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 2px;
    background: rgba(244,244,244);
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.Summary-item-title-text:hover::after {
    width: 100%;
}

.Summary-buttons {
    padding-left: 4px;
}

.CustomEmail-spinner {
    top: 18px !important;
    left: auto !important;
    right: 16px;
}

.renderer-core-field-navigation__down-icon.disabled {
    opacity: 0.6;
    cursor: auto;
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-end, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
    right:50%;
}

.file-rejected-error {
    color: rgb(175, 54, 54);
}