@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

$classPrefix: add-facebook-ad-section;

.#{$classPrefix} {
    .cap-input-wrapper{
    padding-bottom: 24px;
    width: 460px;
    }
    .cap-tab-v2-wrapper {
        .ant-tabs-bar.ant-tabs-top-bar {
          padding: 0;
        }
    }
    .truncate-text{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 112px;
        max-width: 320px;
        display: inline-block;
    }
    .cap-input-edit-name{
        width: 319px;
    }
    .cap-link-edit-name{
        display: inline-block;
    }

    .cap-header-facebook-ad{
        position: fixed;
        top: 58px;
        z-index: 1000;
        .title-desc-container{
            padding-left: 10px;
        }
        .component-with-label{
            display: inline-block
        }
    }
    .extra-button-group {
        button {
            padding: 0;
            margin-left: 6px;
        }
    }
    .cap-custom-image-upload{
        .dragger-button.re-upload{
            margin-top: 50px;    
            top: 35px;
            position: absolute;
            right: 60px;
            color: $FONT_COLOR_05;
        }
        .cap-image-upload-CAROUSEL{
            .dragger-button.re-upload{
                margin-top: 90px;  
                right: 0px;  
            }
        }
    }
    
    .facebook-ad-type-card{
        .ant-card-body {
            display:flex;
            flex-direction: row-reverse;
        }
    }
    
    
}