/* ------------------------------------------------------------------------ */
.product-quote-widget {
    position: relative;
    z-index: 10;
}


/* -------- */
.product-quote-left-column {
    padding-right: 64px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .product-quote-left-column {
        padding-right: 0px;
        width: 100% !important;
    }
}

.product-details {
    width: 100%;
    display: flex;
    flex-flow: column;
    padding-left: 36px;
    z-index: 10;
    position: relative;
}

.aqc-szemelyes-c {
    background: linear-gradient(0deg, rgba(187, 187, 187, 0.2), rgba(187, 187, 187, 0.2));
}

.aqc-form-container {
    width:100%;
    padding-top: 32px;
    padding-bottom: 32px;
}

.aqc-form-item {
    margin-top:8px;
}

.aqc-form-item-100w {
    padding-left: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {

    .aqc-form-item-100w {
        padding-left: 0px;
    }

}

.aqc-form-item-100w > div:nth-child(1),
.aqc-form-item > div.mcfw-column {
    width:180px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.aqc-form-item-100w > div:nth-child(2).mcfw-column {
    width:100%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.aqc-form-item-100w > div:nth-child(1) {
    width: 200px;
}

.aqc-form-item-100w .aqc-form-control-c {
    width: 100%;
}


/* ------------------------------------------ */
.aqc-form-label {
    width: 180px;
    min-width: 120px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.aqc-product-label {
    line-height: 78px;
}

.aqc-form-sublabel {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.aqc-form-note {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.aqc-form-note2 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    width:100%;
    margin-top: 12px;
}

.aqc-form-control-c {
    width: 300px;
}

.aqc-form-control-c.w100 {
    width: 100% !important;
}

.aqc-form-input {
    border: 0px;
    border-bottom: 1px solid #DE3564;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    background: none;
    outline-width: 0;
    outline: none;
}

.aqc-form-input:empty {
    border-bottom: 1px solid #afafaf;
}

.aqc-form-input:focus {
    border-bottom: 1px solid #f55a85;
}

.aqc-form-textarea {
    border: 1px solid #afafaf;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    width: 400px;
    height: 200px;
}

.aqc-form-check {
    border: 0px;
    border-bottom: 1px solid #afafaf;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    background: none;
    margin-top: 4px;
    margin-right: 8px;
    cursor: pointer;
}
/* ------------ */
.subtype-form-label {
    margin-top: 20px !important;
}

/* ----------- */

.color-box {
    cursor: pointer;
}
.color-box:hover {
}

.color-box > .color-box-img {
    border: 1px solid #afafaf;
    transition: all 0.3s ease-in-out;
}

.color-box:hover > .color-box-img {
    border: 2px solid #f392ad;
    transform: scale(1.02);
}

.color-box.selected > .color-box-img {
    border: 3px solid #DE3564;
}


.modelgrid_100pc .pool_modelgrid {
    width: 100% !important;
}

.aqc-szemelyes-formelements {
    padding-left: 36px;
}

/* ---------- */
.product-overview-box {
    z-index: 10;
    position: relative;
}

/* ------------------------------------------ */
.product-select,
.product-subtype-select {
    position: relative;
    width: fit-content;
    padding-right: 39px;
    background-color: transparent;
    transition: backround-color 0.3s ease-in-out;
    width: 360px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .product-select,
    .product-subtype-select {
        width: 100%;
    }
}


.product-select:hover,
.product-subtype-select:hover {
    /*background-color: #ffffff;*/
}

.product-select:hover .select-box,
.product-subtype-select:hover .subtype-select-box {
    background-color: rgba(255, 255, 255, 0.15);
}



/* ------------------------------------------ */
.product-select .options,
.product-subtype-select .options {
    height: calc(30vh);
    max-height: 500px;
    min-height: 200px;
    overflow-y: scroll;
    position: relative;
    width: 360px;
    max-width: calc(90vw);
    background: white;
    z-index: 10;
    margin-left: -8px;

}

/* ------------------------------------------ */
.product-select .select-box,
.product-subtype-select .subtype-select-box {
    border: 0px solid #efefef;
    line-height: 48px;
    display: flex;
    flex-flow: row;
    padding: 16px;
    padding-left: 24px;
    cursor: pointer;
    margin: 0px;
    margin-left: -24px;
}

.product-select .select-box:before,
.product-subtype-select .subtype-select-box:before {
    font-family: linearicons;
    position:absolute;
    right: 16px;
    top: 16px;
    content: '\e93a';
    color: #4f4f4f;
    transform-origin: center center;
    transition: transform 0.4s ease-in-out;
}

.product-select.opened .select-box:before,
.product-subtype-select.opened .subtype-select-box:before {
    transform: rotate(180deg);
}

/* ---------- */
.pool-subtype-card {
    height: fit-content;
    padding-left: 16px;
    height: 48px;
    display: flex;
    justify-content: flex-start;
}

.subtype-select-box .pool-subtype-card {
    padding-left: 0px;
}

/* ----- */
.product-select .options, .product-subtype-select .options {
    height: fit-content;
    min-height: 10px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}

/* ------ */
.pool-subtype-card .title {
    line-height: 100%;
    padding-left: 0px;
    font-weight: 700;
    justify-content: center;
    display: flex;
    align-items: center;
}

.pool-subtype-card:hover {
    background: #f5f5f5;
}

.pool-subtype-card p {
    margin-bottom: 0px !important;
}

/* ---------- */
.product-select .select-box .pool-card {
    margin-left: -8px;
}

.overview_cover_pool_length,
.overview_cover_pool_width,
.overview_cover_custom_inner_width,
.overview_cover_custom_inner_length
{
    flex-grow: 1;
}

/* ---------- */
.selected-color-name,
.product-vizgepeszet-label,
.product-rolo-label,
.overview_cover_egyedi_ral_szin,
.overview_cover_pool_length,
.overview_cover_pool_width,
.overview_cover_custom_inner_width,
.overview_cover_custom_inner_length
{
    color: #252525;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    position:relative;
    padding-left: 24px;
    margin-bottom: 16px;
}

.product-subtype-label,
.selected-color-name,
.product-vizgepeszet-label,
.product-rolo-label {
    font-weight: 700;
}

.selected-color-name {
    padding-left: 0px;
    margin-bottom: 4px;
}

.product-selected-subtype.active .product-subtype-label,
.product-selected-color.active .selected-color-name,
.product-vizgepeszet-label.active,
.product-rolo-label.active,
.overview_cover_egyedi_ral_szin.active,
.overview_cover_pool_length.active,
.overview_cover_pool_width.active,
.overview_cover_custom_inner_width.active,
.overview_cover_custom_inner_length.active
{
    color: #DE3564;
}

.product-vizgepeszet-label:before,
.product-rolo-label:before,
.overview_cover_egyedi_ral_szin:before,
.overview_cover_pool_length:before,
.overview_cover_pool_width:before,
.overview_cover_custom_inner_width:before,
.overview_cover_custom_inner_length:before
{
    font-family: linearicons;
    position:absolute;
    left:0px;
    top:0px;
    line-height: 24px;
}

.product-vizgepeszet-label:before,
.product-rolo-label:before {
    content: '\e935';
}


.product-vizgepeszet-label.active:before,
.product-rolo-label.active:before,
.overview_cover_egyedi_ral_szin.active:before,
.overview_cover_pool_length.active:before,
.overview_cover_pool_width.active:before,
.overview_cover_custom_inner_width.active:before,
.overview_cover_custom_inner_length.active:before
{
    content: '\e934';
}

/* -------------- */
.product-selected-subtype {
    margin-bottom: 24px;
    margin-top: 30px;
}

/* -------------- */
.product-selected-color {
    margin-bottom: 24px;
    margin-top: 30px;
}

/* -------------- */
.selected-color-image {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    margin-right: 16px;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04);
    display: none;
}

.product-selected-color.active .selected-color-image {
    display: flex;
}

.selected-color-notselected-image {
    margin-right: 16px;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04);
    display: flex;
}
.selected-color-notselected-image:before {
    font-family: linearicons;
    content: '\e626';
    color: #252525;
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
}

.product-selected-color.active .selected-color-notselected-image {
    display: none;
}





/* ------- */
.product-overview-box {
    transition: all 1.45s cubic-bezier(0.33, 1, 0.68, 1) 0.33s;
    opacity: 0;
    transform: translateX(100%);
}

.product-overview-box .combined-image {
    background-color: rgba(38, 60, 162, 0.05);
    border-radius: 4px;
    padding:0px;
    position:relative;
}

.product-overview-box.visible {
    opacity: 1;
    transform: translateX(0%);
}

@media (max-width: 768px) {
    .product-overview-box {
        opacity: 0 !important;
    }
}

/* ------ */
.product-selected-background {
    transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
    position:absolute;
    display:flex;
    flex-flow:row;
    height:100%;
    width: calc(40vw + 200px);
    top: -300px;
    right: -200px;
    height: calc(50vh + 300px);

    transform: translateX(100%);
    background: #ffeff3;

    z-index: 0;
}

.product-selected-background.visible {
    transform: translateX(0%);
}