/*Header Albümler*/
.agencyAlbumArea {
    &:hover {
        .menuPopup {
            opacity   : 1;
            visibility: visible;
            overflow  : visible;
            height    : auto;
        }
    }

    .agencySendFormArea {
        .popupContent {
            display        : flex;
            align-items    : flex-start;
            justify-content: space-between;
            padding        : 0;

            .leftColumn {
                padding     : 25px 22px;
                border-right: 2px solid #e8e8e8;
                flex        : 1;
            }

            .head {
                text-align: left;

                .title {
                    font-family: 'GilroyExtraBold';
                    font-size  : 1.643rem;
                    color      : #171717;
                }

                p {
                    font-family: 'GilroyRegular';
                    font-size  : 1.063rem;
                    color      : #171717;
                    padding-top: 5px;
                }
            }

            .ajansList {
                overflow    : scroll;
                overflow-x  : hidden;
                height      : 100%;
                max-height  : 272px;
                flex        : 1;
                direction   : rtl;
                padding-left: 20px;
                margin-top  : 25px;
                text-align  : left;

                .cb-checkbox {
                    span {
                        &.text {
                            text-align: left;
                            display   : block;
                            width     : 100%;
                        }
                    }

                    &.radio {
                        input:checked~.text span {
                            font-family: 'GilroyBlack';
                        }
                    }

                    .text {
                        .title {
                            font-family: 'GilroyBold';
                            font-size  : 1.298rem;
                            color      : #171717;
                        }

                        .length {
                            font-family: 'GilroyBold';
                            color      : #aeaeae;
                            font-size  : 1.298rem;
                        }
                    }
                }
            }

            .countColumn {
                max-width      : 217px;
                min-width      : 217px;
                display        : flex;
                flex-direction : column;
                justify-content: space-between;
                height         : 100%;

                .secondaryButton {
                    min-width : 174px;
                    min-height: 54px;
                    font-size : 1.1666rem;
                }

                &>div {
                    border-top     : 2px solid #e8e8e8;
                    flex           : 1;
                    height         : 25%;
                    min-height     : 25%;
                    display        : flex;
                    align-items    : center;
                    flex-direction : column;
                    min-height     : 92px;
                    justify-content: center;

                    &:first-child {
                        border-top: none;
                    }
                }

                span {
                    font-family: 'GilroyBlack';
                    font-size  : 2.3925rem;
                    color      : #171717;

                    &.title {
                        font-family: 'GilroyRegular';
                        font-size  : 1.2983rem;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:768px) {
    .agencyAlbumArea {
        .menuPopup {
            opacity   : 1;
            visibility: visible;
            overflow  : visible;
            display   : none;
            overflow  : scroll;
            overflow-x: hidden;
            height    : calc(100% - 145px);
            z-index   : -9999;

            &:hover,
            &.active {
                opacity   : 1;
                visibility: visible;
                overflow  : visible;
                overflow  : scroll;
                overflow-x: hidden;
                display   : block;
                height    : calc(100% - 240px);
                z-index   : 999999;
            }
        }

        .agencySendFormArea {
            position        : fixed;
            width           : 100%;
            top             : 240px;
            background-color: #ffffff;
            margin          : 0 auto;
            left            : 0;
            right           : 0;

            &.active {
                z-index: 999999;
            }

            .popupContent {
                display: block;

                .ajansList {
                    max-height: 280px;
                }

                .countColumn {
                    max-width: initial;
                    width    : 100%;
                }
            }
        }
    }
}
@media screen and (max-width:480px) {
    .agencyAlbumArea {
        .agencySendFormArea {
            .popupContent {
                .ajansList{
                    .cb-checkbox {
                        .text {
                            .title {
                                font-size: 0.998rem;
                            }
                            .length {
                                font-size: 0.798rem;
                            }
                        }
                    }
                }
            }
        }
    }
}