:host {
    display: block;
    width: 100%;
    font-size: 1em;
    // .col{
    //     padding: 0;
    // }
}

// .aciklama {
//     font-size: .8em;
// }

// .hata {
//     font-size: .8em;
// }

audio {
    width: 100%;
    margin: 0 0;
    border-radius: 5px;

    &::-webkit-media-controls-panel {
        background-color: transparent;
        color: #fff;
        border-radius: 5px;
        /* Add more styles as needed */
    }

    &::-webkit-media-controls-panel {}

    &::-webkit-media-controls-mute-button {}

    &::-webkit-media-controls-play-button {}

    &::-webkit-media-controls-timeline-container {}

    &::-webkit-media-controls-current-time-display {}

    &::-webkit-media-controls-time-remaining-display {}

    &::-webkit-media-controls-timeline {}

    &::-webkit-media-controls-volume-slider-container {}

    &::-webkit-media-controls-volume-slider {}

    &::-webkit-media-controls-seek-back-button {}

    &::-webkit-media-controls-seek-forward-button {}

    &::-webkit-media-controls-fullscreen-button {}

    &::-webkit-media-controls-rewind-button {}

    &::-webkit-media-controls-return-to-realtime-button {}

    &::-webkit-media-controls-toggle-closed-captions-button {}

    &::-webkit-media-controls-enclosure {
        border-radius: 5px;
        background-color: transparent;
    }
}



.card-container {
    margin: 0;
    width: 100%;
}

.card-container ::ng-deep>.ant-tabs-card .ant-tabs-content {
    min-height: 120px;
    margin-top: -16px;
}

.card-container ::ng-deep>.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane {
    background: #fff;
    padding: 16px;
}

.card-container ::ng-deep>.ant-tabs-card>.ant-tabs-nav::before {
    display: none;
}

.card-container ::ng-deep>.ant-tabs-card .ant-tabs-tab {
    border-color: transparent;
    background: transparent;
}

.card-container ::ng-deep>.ant-tabs-card .ant-tabs-tab-active {
    border-color: #fff;
    background: #fff;
}

// input {
//     border-radius: 50vh !important;
//     padding-top: 0.2em !important;
//     padding-bottom: 0.2em !important;
// }

::ng-deep nz-select-top-control {
    border: none !important;
    border-color: none !important;
    outline: none !important;
    box-shadow: none !important;
    height: unset !important;
    padding: 0 !important;
}

::ng-deep nz-input-group {
    padding: 0 0 !important;
}

.prefix-ustte {
ant-input-prefix
    ::ng-deep .ant-input-prefix,
    .ant-input-suffix {
        align-items: unset;
        
    }
}