panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #dddddd;
    }


.followers_number_span {
    font-size: 15px;
    color: #f07d00;
    font-weight: bold;
}

.content_text_description_span {
    font-size: 11px;
}

.light_gray {
    font-size: 18px;
    color: #d0d0d0;
    font-weight: bold;
    margin-right: 16px;
    text-transform: uppercase;
}

.insertion_list_titles {
    /*font-family: OpenSans-Bold;*/
    font-weight: bold;
    font-size: 14px;
    color: #ff7e00;
    text-transform: uppercase;
}

.insertion_list_titles_light_upper {
    /*font-family: OpenSans-Bold;*/
    font-size: 14px;
    color: #ff7e00;
    text-transform: uppercase;
}

.insertion_list_titles_light {
    /*font-family: OpenSans-Bold;*/
    font-size: 14px;
    color: #ff7e00;
}



.mov_divider {
    height: 3px;
    border: solid 1px #ff7e00;
    background-color: #ff7e00;
    margin-bottom: 21px;
    margin-top: 13px;
}


.background_frame_feedview {
    border: 0;
    width: 280px;
    height: 272px;
    background-color: #d4d4d4;
    float: left;
    padding-top: 6px;
    cursor: pointer;
}

.background_frame_feedview_buttons {
    border: 0;
    width: 280px;
    float: left;
    cursor: pointer;
}

.feed_header_feedview {
    margin: 0 auto;
    width: 270px;
    height: 66px;
    background-color: #fff;
}

.left_box {
    margin-left: 5px;
    margin-top: 5px;
    width: 50px;
    height: 50px;
    float: left;
    /*background-image: url("/Themes/TheThemeMachine/Content/profile.png");*/
    background-size: contain;
}

.policy a:visited, a:hover, a:visited, a:link {
    color: rgba(77, 77, 77, 0.7);
    text-decoration: none;
}








.left_box img {
    width: 100%;
    height: 100%;
}


.right_box {
    margin-left: 10px;
    margin-top: 8px;
    float: left;
    width: 205px;
}

.preview_channel_profilePic {
    border-radius: 50px;
}

.channel_name_small {
    font-weight: bold;
    font-size: 15px;
    margin-top: 7px;
}

.feed_multimedia_feedview {
    margin: 0 auto;
    width: 270px;
    height: 133px;
    background-color: #fff;
    background-image: url("/Images/Content/insertionShowcase.png");
}

    .feed_multimedia_feedview img {
        width: 100%;
        height: 100%;
    }


.feed_title_feedview {
    margin: 0 auto;
    width: 270px;
    height: 62px;
    background-color: #fff;
}

    .feed_title_feedview h4 {
        margin-left: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        font-size: 14px;
    }

.like_icon_feedview {
    background-image: url("/Images/Content/heart.png");
    background-size: contain;
}

.comment_icon_feedview {
    background-image: url("/Images/Content/bubble.png");
    background-size: contain;
}

span.send_push_notificationtitle {
    font-size: 17px;
    color: white;
}

.like_feedview {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
}


.comments_number_feedview {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
}

.comment_icon_feedview {
    background-image: url("/Images/Content/bubble.png");
    background-size: contain;
}
.publish_date_feedview {
    float: right;
    width: 126px;
}


.published_ins_rectangle {
    width: 19px;
    height: 19px;
    border-radius: 1px;
    background-color: #05c24a;
}


.insertion_published {
    color: #4bba3e;
}

.to_publish_ins_rectangle {
    width: 19px;
    height: 19px;
    border-radius: 1px;
    background-color: #ea0000;
}

.insertion_pending {
    color: #ea0000;
}

.insertion_list_titles_light {
    /*font-family: OpenSans-Bold;*/
    font-size: 14px;
    color: #ff7e00;
}
.insertion_title {
    font-weight: bold;
    /*font-family: OpenSans-Bold;*/
    font-size: 20px;
    color: #2a363b;
}

.insertion_body {
    font-size: 14px;
    color: #4d4d4d;
}

.insertions_detail_caption {
    font-size: 16px;
    color: #2a363b;
    font-weight: bold;
}
.background_frame_feedview_buttons {
    border: 0;
    width: 280px;
    float: left;
    cursor: pointer;
}

.insertion_table {
    margin-bottom: 0 !important;
}
.active_push_button {
    width: 256px;
    height: 58px;
    border-radius: 5px;
    background-color: #ff7e00;
    text-align: center;
}

    .active_push_button a {
        font-weight: bold;
        width: 93px;
        height: 22px;
        font-size: 16px;
        color: #ffffff;
        text-transform: uppercase;
    }


@media screen and (min-width: 500px) {
    .send_push_notification {
       /* float: right;*/
    }

    .ConfigureRadarInsertion {
        float: right;
    }
}

.push_stats_area {
    height: 58px;
    border-radius: 5px;
    background-color: transparent;
    text-align: center;
}


.follower_area {
    width: 256px;
    height: 58px;
    border-radius: 5px;
    border: solid 1px #ff7e00;
}

    .follower_area p {
        width: 256px;
        height: 19px;
        font-weight: bold;
        font-size: 15px;
        color: #2a363b;
        text-align: center;
        margin-top: 16px;
        text-transform: uppercase;
    }

    .follower_area strong {
        color: #ff7e00;
    }

.target_follower_area {
    width: 444px;
    height: 58px;
    border-radius: 5px;
    border: solid 1px #ff7e00;
}

    .target_follower_area .follower {
        width: 251px;
        height: 19px;
        font-weight: bold;
        font-size: 15px;
        color: #2a363b;
        text-align: center;
        text-transform: uppercase;
        margin-left: 10px;
    }

    .target_follower_area strong {
        color: #ff7e00;
    }

    .target_follower_area .target {
        width: 106px;
        height: 19px;
        font-weight: bold;
        font-size: 15px;
        color: #05c24a;
        text-align: center;
        text-transform: uppercase;
        margin-right: 10px;
    }

    .target_follower_area p {
        display: inline
    }

.filter_list .filter_title {
    width: 79px;
    height: 17px;
    font-size: 13px;
    color: #2a363b;
}

.followers_divider_span {
    display: inline-block;
    background: url("/Images/Content/Insertions/follower_divider.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1px;
    height: 19px;
    margin-left: 5px;
    margin-right: 5px;
}

.followers {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.followers_icon {
    background-image: url("/Images/Content/followers.png");
    background-size: contain;
}

.insertions_icon {
    background-image: url("/Images/Content/insertions.png");
    background-size: contain;
}


.filter_list .filter_title {
    width: 79px;
    height: 17px;
    font-size: 13px;
    color: #2a363b;
}

.filter_list .filter_selected {
    width: 79px;
    height: 17px;
    font-size: 13px;
    color: #ff7e00;
}

.comments_container_box {
    background-color: transparent;
}

.submit_comment_title {
    font-size: 14px;
    color: #2a363b;
    font-weight: bold;
}

.comment_list_detail tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.comment_list_detail tbody tr:nth-child(odd) {
    background-color: #fdfdfd;
}
.user_comment_title {
    font-size: 14px;
    color: #2a363b;
    font-weight: bold;
}
.no_block_user {
    display: inline-block;
    background-size: 100% 100%;
    width: 21px;
    height: 20px;
}

.comments-divider {
    border-bottom: 2px solid #d4d7d8;
    padding-bottom: 1px;
}


.block_user {
    display: inline-block;
    background: url("/Images/Content/Insertions/deni_user.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 20px;
    cursor: pointer;
}

.already_blocked_user {
    display: inline-block;
    background: url("/Images/Content/Insertions/deni_user.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 20px;
    opacity: 0.4;
}

span.expand_comments_title {
    font-size: 14px;
    color: #ff7e00;
    font-weight: bold;
    text-transform: uppercase;
}

.expand_comments {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    background-image: url("/Images/Content/Insertions/show_comments.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 30px;
    padding-top: 2px;
    padding-left: 34px;
    color: #374a77;
    font-size: 13px;
    margin-right: 9px;
    margin-left: 9px;
}




@media (max-width: 767px) {
    .modal-content-width{
        width:100%;
    }
    .hidden-xs {
        display: none !important;
    }    
}


@media screen and (min-width: 768px) {
    .modal-content-width {
        width: 800px;
    }
    .visible-xs {
        display: none !important;
    }
}

.breadcrumb_active {
    font-weight: bold;
}

.light_orange {
    font-size: 18px;
    color: #f07d00;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 16px;
}


.iphone h1 {
    padding: 0;
    margin: 0;
}

.iphone h4 {
    padding: 0;
    margin: 0;
}

.iphone p {
    font-size: 12px;
    padding: 0;
    margin: 0;
    width: 205px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.iphone {
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    background-image: none;
    background-repeat: no-repeat;
    height: 640px;
    width: 379px;
    margin-top: 15px;
    position: relative;
    float: left;
}

@media (max-width: 767px) {
        
    .iphone {
        height: 439px;
    }
}


@media (min-width: 768px) {
    .iphone {
        background-image: url("/Images/Content/ProfileChannel/iphone5s_.png");
    }
}


.content_info {
    float: left;
    width: 264px;
    height: 20px;
    padding-top: 5px;
    padding-left: 10px;
}


#modal, .cropper_modal {
    z-index: 10;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #5F5F5F;
    opacity: 0.95;
    display: none;
}

#preview, .cropperPreview {
    z-index: 1100;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    border: 4px solid #A5A2A2;
    border-radius: 4px;
    float: left;
    font-size: 0px;
    line-height: 0px;
}

    #preview .buttons, .cropperPreview .buttons {
        width: 36px;
        position: absolute;
        bottom: 0px;
        right: -44px;
    }

        #preview .buttons .ok, .cropperPreview .buttons .ok {
            /*border: 4px solid #F5F5F5;*/
            border-radius: 4px;
            width: 28px;
            height: 28px;
            line-height: 0px;
            font-size: 0px;
            background-image: url('/Images/Content/Jcrop/Ok.png');
            background-repeat: no-repeat;
        }

            #preview .buttons .ok:hover, .cropperPreview .buttons .ok:hover {
                background-image: url('/Images/Content/Jcrop/OkGreen.png');
            }

        #preview .buttons .cancel, .cropperPreview .buttons .cancel {
            margin-bottom: 4px;
            /*border: 4px solid #F5F5F5;*/
            border-radius: 4px;
            width: 28px;
            height: 28px;
            line-height: 0px;
            font-size: 0px;
            /*background-image: url('../images/Jcrop/Cancel.png');*/
            background-image: url('/Images/Content/Jcrop/Cancel.png');
            background-repeat: no-repeat;
        }

            #preview .buttons .cancel:hover, .cropperPreview .buttons .cancel:hover {
                /*background-image: url('../images/Jcrop/CancelRed.png');*/
                background-image: url('/Images/Content/Jcrop/CancelRed.png');
            }

.media_container,
.select_video_preview {
    cursor: pointer;
}

.preview_btn {
    cursor: pointer;
}

    .preview_btn:hover {
        font-weight: bold;
    }

@media only screen and (min-width:0px) and (max-width:992px) {
    .preview_btn_div {
        text-align: right;
    }
}

@media only screen and (min-width:993px) and (max-width:3000px) {
    .preview_btn_div {
        text-align: left;
    }
}

.preview_btn,
.remove_media_btn,
.videoContainer,
.select_video_preview,
.select_video_preview_container,
.select_audio_preview,
.customMediaProgressBar {
    display: none;
}

.delete {
    /*display: inline-block;*/
    background: url("/Images/Content/Insertions/Delete.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 21px;
    cursor: pointer;
    margin-left: 8px;
}

.content_likes_icon, .content_comments_icon, .content_comments_number, .content_likes_number, .content_followers_icon, .content_followers_number {
    float: left;
}

.content_likes_icon, .content_comments_icon, .content_followers_icon {
    width: 20px;
    height: 20px;
}
    .content_likes_icon img {
        width: 100%;
        height: 100%;
    }
    .content_comments_icon img {
        width: 100%;
        height: 100%;
    }


.content_text_description_span {
    font-size: 11px;
}

.content_text_description_channel {
    margin: 6px auto;
    width: 284px;
    height: 192px;
    background-color: white;
    color: #808080;
}

.content_description, .content_description_channel {
    padding: 8px;
    line-height: 18px;
}


    .content_description_channel span {
        font-size: 11px;
    }

.content_data {
    float: right;
    width: 90px;
    height: 18px;
    overflow: hidden;
}
/* NEW iphone 5s*/
.truncate {
    /*margin-left: 66px;*/
    color: white;
    font-size: 17px;
    text-align: center;
}

.truncate {
    /*margin-left: 40px;
    color: white;
    font-size: 17px;
    text-align: center;*/
    /*margin-top: 22px;*/
    min-height:28px;
    margin-left: 30px;
    color: white;
    font-size: 17px;
    height: 25px;
    width: 205px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}


.right_body {
    /*padding-top: 105px;
    padding-left: 46px;*/
    padding-top: 110px;
    padding-left: 4px;
}

.cell_content {
    width: 268px;
    height: 390px;
    background-color: #f5f2f1;
    padding-top: 0px;
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .cell_content {
        width: 268px;
        height: 411px;
        background-color: #f5f2f1;
        padding-top: 0px;
        border: 1px solid #d4d7d8;
        margin: 0 auto;
    }

    .right_body {
        padding-top: 0px;
        padding-left: 4px;
    }
}

@media only screen and (min-width:768px) and (max-width:3000px) {
    .cell_content {
        width: 268px;
        height: 390px;
        background-color: #f5f2f1;
        padding-top: 0px;
    }

    .right_body {
        padding-top: 110px;
        padding-left: 4px;
    }
}


.right_dem {
    /*width:436px;
	height:800px;
	float:left;*/
}

.content_cover_picture {
    margin: 0 auto;
    /*width:284px;*/
    width: 265px;
    height: 128px;
    background-color: grey;
}

    .content_cover_picture img {
        width: 100%;
        height: 100%;
    }

.content_channel {
    margin: 0 auto;
    /*width:284px;*/
    width: 265px;
    height: 60px;
    background-color: white;
}

.content_channel_left {
    width: 60px;
    height: 60px;
    float: left;
}

    .content_channel_left img {
        margin: 7px;
        width: 80%;
        height: 80%;
        border-radius: 50px;
    }

.content_channel_right {
    width: 205px;
    height: 60px;
    float: left;
    overflow: hidden;
}

.channel_info_small {
    color: #b8b8b8;
    height: 18px;
    overflow: hidden;
}

.content_title_info_channel {
    margin: 0 auto;
    width: 265px;
    height: 66px;
    background-color: white;
    border-top: 2px solid #dcdcdc;
}

.content_info_channel {
    float: left;
    width: 264px;
    height: 20px;
    padding-top: 15px;
    padding-left: 10px;
}

.content_likes_icon, .content_comments_icon, .content_comments_number, .content_likes_number, .content_followers_icon, .content_followers_number {
    float: left;
}

.content_likes_icon, .content_comments_icon, .content_followers_icon {
    width: 20px;
    height: 20px;
}

.content_followers_icon {
    margin-top: 8px;
}

    .content_followers_icon img {
        width: 100%;
        height: 100%;
    }

.content_followers_number {
    padding-top: 10px;
}

.content_comments_icon, .content_likes_number, .content_comments_number, .content_followers_number {
    padding-left: 5px;
}

.content_channel_following {
    width: 90px;
    height: 34px;
    float: right;
}

    .content_channel_following img {
        width: 100%;
        height: 100%;
    }

.content_title_info {
    margin: 0 auto;
    width: 265px;
    height: 104px;
    background-color: white;
}
.content_title_span {
    color: #f07d00;
    font-weight: bold;
    font-size: 16px;
}
.content_title {
    padding: 10px;
}
.content_text_description {
    overflow: auto !important;
    margin: 0px auto;
    width: 265px;
    height: 118px;
    background-color: white;
    color: #808080;
}

.content_text_description_channel {
    margin: 6px auto;
    width: 271px;
    height: 148px;
    background-color: white;
    color: #808080;
    overflow: hidden;
}

.content_section_info, .content_section_news, .content_section_linked {
    float: left;
    background-color: #dbdbdb;
    color: #b8bec1;
    padding: 10px;
    padding-left: 22px;
    padding-right: 30px;
}

.content_section_info {
    background-color: #f07d00;
    color: #fff;
}

.content_section_news {
    margin-left: 1px;
}

.content_section_linked {
    margin-left: 1px;
    padding-right: 29px;
}

.clear {
    clear: both;
}

.content_description, .content_description_channel {
    padding: 8px;
    line-height: 18px;
}

    .content_description_channel span {
        font-size: 11px;
    }
/* END NEW iphone 5s*/



.form-top-titles-style {
    font-size: 22px;
    color: #2a363b;
    font-weight: bold;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

#fileInput, .fileInput {
    width: 0;
    height: 0;
    overflow: hidden;
}

.ajax_loading {
    display: none;
    text-align: center;
    padding-bottom: 20px;
}

.channel_location_map_big {
    height: 220px;
}
.internal_container {
    margin-top: 22px;
}

.insertion_name_container, .insertionKind_container, .informations_container {
    font-weight: bold;
}
.internal_container {
    margin-top: 22px;
}
.channel_profilePicture_span, .channel_coverPicture_span {
    display: block;
}

.form-titles-style {
    font-size: 15px;
    color: #2a363b;
    font-weight: bold;
}




    .nav {
        border-radius: 4px;
        margin-bottom: 0;
        padding: 0px;
        list-style: none;
        background-color: #ff7e00;
    }

    .nav-pills > li > a {
        background-color: transparent;
        color: #fff;
        font-size: 16px;
        border-radius: 0px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding-top: 14px;
        padding-right: 18px;
        padding-left: 18px;
        padding-bottom: 15px;
    }

        .nav > li > a:hover, .nav > li > a:focus {
            background-color: transparent;
        }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus {
        color: #2a363b;
        font-size: 16px;
        font-weight: bold;
        background-color: #f3f3f3;
        padding-bottom: 16px;
    }

        .nav-pills > li.active > a:hover {
            color: #2a363b;
            font-size: 16px;
            font-weight: bold;
            background-color: #ff6c00;
        }

    .nav-pills > li > a:hover {
        color: #2a363b;
        background-color: #ff6c00;
    }

    .nav-pills > li + li {
        margin-left: 0px;
    }


    .create_insertion {
        float: right !important;
    }


    .navbar_smartphone_element {
        background-color: #f07d00;
        text-align: center;
        padding: 12px;
    }

        .navbar_smartphone_element a {
            display: block;
            color: white;
        }

        .navbar_smartphone_element:hover {
            background-color: lightgray;
            color: black;
        }

        .navbar_smartphone_element a:hover {
            color: black;
        }

    .element_active a:hover {
        color: black;
    }

    .left_element {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .right_element {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .right_element img {
            height: 22px;
        }


    .element_active, .element_active a {
        background-color: #e7edf1;
        color: black;
        font-weight: bold;
    }




    .light_blue {
        font-size: 14px;
        color: #2a363b;
        font-weight: bold;
    }

    .followers_number_span_big_span {
        font-size: 24px;
        color: #f07d00;
        font-weight: bold;
    }


    .alignright {
        float: right;
    }

    .alignleft {
        float: left;
    }


    .pluto {
        margin: 0px;
    }

    .papero {
        margin: 21px;
    }

    .form-box {
        padding: 25px;
        border: 1px solid lightgrey;
        background-color: white;
        border-radius: 10px;
    }

    .btn-grid {
        width: 30px;
        height: 30px;
        float: left;
        /*background-color: #007bff;*/
        border-radius: 6px;
        cursor: pointer;
    }

    .btn-grid-fa {
        color: #ff7f01;
        font-size: 20px;
        margin-left: 0px;
        margin-top: 5px;
    }

    .custom-alert-error {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    .color-green {
        color: #5bc30a;
    }

    .color-lightgreen {
        color: #e1f6e1;
    }

    .img-avatar {
        width: 40px;
        height: 40px;
    }

    .div-avatar {
        position: relative;
        left: 5px;
        top: 5px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background-position: center;
        background-size: contain;
    }

    .div-avatar-big {
        position: relative;
        left: 5px;
        top: 5px;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-position: center;
        background-size: contain;
    }


    .div-avatar-grid {
        width: 40px;
        height: 40px;
        /*float: left;*/
        margin: auto;
        margin-top: 0px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }


    .dettaglio-row:hover {
        background-color: #dbd9d9;
    }

    .dettaglio-row {
        padding-bottom: 5px;
        padding-top: 5px;
        border-bottom: 0px solid lightgray;
    }

    .box-green {
        border: 1px solid #5bc30a;
        border-radius: 10px;
        background-color: #e1f6e1;
    }


    .box-gray {
        border: 1px solid gray;
        border-radius: 10px;
        background-color: #dbd9d9;
    }


    .frame-popup {
    }


    .input-group-text {
    }

    .cell-big {
        height: 80px;
        width: 100px;
        color: black;
        text-align: center;
    }

    .cell-small {
        height: 80px;
        width: 30px;
        color: black;
        text-align: center;
    }

    .disabled-button {
        background-color: lightgray !important;
    }

    .traduzione-evidenzia {
        color: red;
    }

    .badge-style {
        margin-left: 3px;
        position: absolute;
        float: right;
        margin-bottom: -3px;
    }

    .configuratore-background-backdrop {
        background-color: blue;
        opacity: .5;
    }

    .configuratore-error-container {
        margin-top: 5px;
    }


    .select2-container--default .select2-selection--single {
        background-color: #fff !important;
        border: 1px solid #dee2e6 !important;
        border-radius: 6px !important;
        height: 35px !important;
        padding-top: 4px !important;
    }

    .select2-selection__arrow {
        top: 5px !important
    }

    .select2-hidden-accessible.parsley-error + .select2-container--default .select2-selection--single {
        border-color: #f34943 !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.8rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }



    .nav-link.active {
        background-color: lightgray !important;
    }


    .configuratore .steps-nav-bar .black-white {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        opacity: .30;
    }

    .configuratore .steps-nav-bar .round-image {
        width: 50px;
        height: 50px;
        border-radius: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .configuratore .steps-nav-bar .divisore {
        width: 30px;
        height: 1px;
        /*background-color: lightgray;*/
        margin-top: 15px;
    }

    .configuratore .steps-nav-bar .divisore-fatto {
        /*background-color: #006fe6 !important;*/
        height: 2px !important;
    }


    .configuratore .steps-nav-bar .table-cell-link {
        cursor: pointer;
    }

    .configuratore .steps-nav-bar .current-step {
        font-weight: bold;
        color: red;
    }

    .configuratore .steps-nav-bar .table-cell {
        text-align: center;
        font-size: 10px;
    }

    .configuratore .steps-nav-bar .element-container {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid lightgray;
    }

    .configuratore .steps-nav-bar .element-image {
        width: 50px;
        height: 50px;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .configuratore .steps-nav-bar .element-testo {
        float: left;
        margin-left: 15px;
        margin-top: 15px;
    }

    .configuratore .steps-nav-bar .is-current-category {
        color: red;
    }

    .configuratore .prodotto-container-interno {
        margin-left: 20px;
        margin-right: 20px;
        border: 1px solid gray;
        position: relative;
    }

    .configuratore .prodotto-container {
        /*border: 1px solid gray;*/
        /*box-shadow: 5px 5px 5px 0 #ccc;*/
        /*border-radius: 10px;*/
        cursor: pointer;
        /*margin-left: 20px;*/
        /*margin-right: 20px;*/
        padding: 0px;
    }


    .configuratore .prodotto-container-interno-selected {
        border: 1px solid green !important;
    }

    .configuratore .prodotto-selected {
        width: 30px;
        height: 30px;
        color: white;
        background-color: green;
        font-size: 18px;
        border-radius: 15px;
        padding-left: 5px;
        padding-top: 2px;
        position: absolute;
        left: -15px;
        top: -15px;
    }

    .configuratore .prodotto-image {
        /*border-start-end-radius: 7px;
    border-start-start-radius: 7px;
        */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 200px;
        width: 100%;
        border-bottom: 1px solid gray;
        margin-bottom: 5px;
    }

    .configuratore .dimensioni-link {
        text-decoration: underline;
        color: blue;
    }

    .configuratore .prodotto-prezzo {
        height: 35px;
        width: 100%;
        background-color: var(--color-links);
        text-align: right;
        padding-top: 5px;
        padding-right: 5px;
        color: white;
    }


    .configuratore .prodotto-info {
        width: 30px;
        height: 30px;
        color: white;
        background-color: black;
        font-size: 15px;
        border-radius: 15px;
        padding-left: 13px;
        padding-top: 3px;
        position: absolute;
        right: 6px;
        top: 5px;
    }

    .configuratore .prodotto-nome {
        font-size: 16px;
        height: 45px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        padding-left: 5px;
        padding-bottom: 5px;
    }

    .configuratore .prodotto-opzione {
        margin: 5px;
    }

    .configuratore .prodotto-descrizione {
        font-size: 11px;
        height: 100px;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        width: calc(100%);
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: 95px;
    }

    .configuratore .categoria-image {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100px;
        width: 100px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    .bg-image {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 5px;
    }

    .bg-image-link {
        cursor: pointer;
    }

    .bg-image-50 {
        height: 50px;
        width: 50px;
    }

    .bg-image-100 {
        height: 100px;
        width: 100px;
    }

    .bg-image-150 {
        height: 150px;
        width: 150px;
    }

    .bg-image-200 {
        height: 200px;
        width: 200px;
    }

    .bg-image-250 {
        height: 250px;
        width: 250px;
    }


    .bg-image-300 {
        height: 300px;
        width: 300px;
    }


    .ui-autocomplete {
        z-index: 1000000 !important;
    }

    .margin-top-25 {
        margin-top: 25px;
    }

    .margin-bottom-25 {
        margin-bottom: 25px;
    }

    .margin-bottom-10 {
        margin-bottom: 10px;
    }

    .margin-bottom-15 {
        margin-bottom: 15px;
    }

    .margin-bottom-20 {
        margin-bottom: 20px;
    }


    .color-movibel {
        color: #ff7f01;
    }


/* .squaredThree */
.squaredThree {
    width: 20px;
    display: inline;
}

    .squaredThree label {
        width: 20px;
        height: 20px;
        /*cursor: pointer;*/
        /*position: relative;*/
       /* top: 0;
        left: 0;*/
        background: #05c24a;
        border-radius: 0px;
    }

    .squaredThree .channel {
        width: 20px;
        height: 20px;
        /*cursor: pointer;*/
        /*position: relative;*/
        /*top: 14px;
        left: 118px;*/
        background: #05c24a;
        border-radius: 0px;
    }

    .squaredThree .comment {
        width: 20px;
        height: 20px;
        /*cursor: pointer;*/
        /* position: relative;*/
        /*top: 14px;
        left: 250px;*/
        background: #05c24a;
        border-radius: 0px;
    }

    .squaredThree .radar {
        width: 20px;
        height: 20px;
        /*cursor: pointer;*/
        /*position: relative;*/
        /*top: 14px;
        left: 396px;*/
        background: #05c24a;
        border-radius: 0px;
    }

    /*.squaredThree label:after {
        content: '';
        width: 9px;
        height: 5px;*/
        /*position: relative;*/
        /*top: 0px;
        left: 0px;
        border: 3px solid #fcfff4;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }*/

    .squaredThree label:hover::after {
        opacity: 0.3;
    }

    .squaredThree input[type=checkbox] {
        visibility: hidden;
    }

        .squaredThree input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.squaredThreeDisable {
    width: 20px;
    display: inline;
}

    .squaredThreeDisable label {
        width: 20px;
        height: 20px;
        /*cursor: pointer;*/
        /*position: absolute;*/
       /* top: 0;
        left: 0;*/
        background: transparent;
        border-radius: 0px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    }

    .squaredThreeDisable .channel {
        height: 20px;
        /*cursor: pointer;*/
       /* position: absolute;
        top: 14px;
        left: 118px;*/
        background: transparent;
        border-radius: 0px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    }

    .squaredThreeDisable .comment {
        height: 20px;
        /*cursor: pointer;*/
        /*position: absolute;
        top: 14px;
        left: 250px;*/
        background: transparent;
        border-radius: 0px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    }

    .squaredThreeDisable .radar {
        height: 20px;
        /*cursor: pointer;*/
        /*position: absolute;
        top: 14px;
        left: 396px;*/
        background: transparent;
        border-radius: 0px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    }

    .squaredThreeDisable label:after {
        content: '';
        width: 9px;
        height: 5px;
        /*position: absolute;
        top: 6px;
        left: 5px;*/
        border: 3px solid #fcfff4;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .squaredThreeDisable label:hover::after {
        opacity: 0.3;
    }

    .squaredThreeDisable input[type=checkbox] {
        visibility: hidden;
    }

        .squaredThreeDisable input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

/* end .squaredThree */


.child-insertions .panel-group .panel {
    margin-bottom: 55px;
}

.insertion_list_titles {
    /*font-family: OpenSans-Bold;*/
    font-weight: bold;
    font-size: 14px;
    color: #ff7e00;
    text-transform: uppercase;
}

.insertion_list_titles_light_upper {
    /*font-family: OpenSans-Bold;*/
    font-size: 14px;
    color: #ff7e00;
    text-transform: uppercase;
}

.child_insertion_box .table > tbody > tr > td {
    padding: 21px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.child_insertion_box .table > tbody > tr:first-child {
    border-top: 2px solid #ff7e00;
}



/******* FEED VIEW INSERTIONS ******/

.background_frame_feedview {
    border: 0;
    width: 280px;
    height: 272px;
    background-color: #d4d4d4;
    float: left;
    padding-top: 6px;
    cursor: pointer;
}

.background_frame_feedview_buttons {
    border: 0;
    width: 280px;
    float: left;
    cursor: pointer;
}

.item_container {
    font-family: 'Nunito', 'sans-serif';
    background-repeat: no-repeat;
    height: 303px;
    /*width: 100%;*/
}

    .item_container h1 {
        padding: 0;
        margin: 0;
    }

    .item_container h4 {
        padding: 0;
        margin: 0;
    }

    .item_container p {
        font-size: 12px;
        padding: 0;
        margin: 0;
    }

.feed_header_feedview {
    margin: 0 auto;
    width: 270px;
    height: 66px;
    background-color: #fff;
}

.feed_multimedia_feedview {
    margin: 0 auto;
    width: 270px;
    height: 133px;
    background-color: #fff;
    background-image: url("/Images/Content/insertionShowcase.png");
}

    .feed_multimedia_feedview img {
        width: 100%;
        height: 100%;
    }

.feed_title_feedview {
    margin: 0 auto;
    width: 270px;
    height: 62px;
    background-color: #fff;
}

    .feed_title_feedview h4 {
        margin-left: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        font-size: 14px;
    }

.like_feedview {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
}

.comments_number_feedview {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
}

.publish_date_feedview {
    float: right;
    width: 126px;
}

.like_icon_feedview {
    background-image: url("/Images/Content/heart.png");
    background-size: contain;
}

.comment_icon_feedview {
    background-image: url("/Images/Content/bubble.png");
    background-size: contain;
}

.insertion_author {
    float: left;
}

.insertion_publish_state {
    text-align: right;
}

.insertion_published {
    color: #4bba3e;
}

.insertion_pending {
    color: #ea0000;
}

.clear {
    clear: both;
}

.insertion_push_box {
    background-color: #e7edf1;
    padding: 10px;
}

.light_blue {
    font-size: 14px;
    color: #2a363b;
    font-weight: bold;
}

.light_blue_big_size {
    font-size: 24px;
    color: #2a363b;
    font-weight: bold;
}

.light_orange {
    font-size: 18px;
    color: #f07d00;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 16px;
}

.light_gray {
    font-size: 18px;
    color: #d0d0d0;
    font-weight: bold;
    margin-right: 16px;
    text-transform: uppercase;
}

.followers_number_span_big_span {
    font-size: 24px;
    color: #f07d00;
    font-weight: bold;
}

.followers_number_span {
    font-size: 15px;
    color: #f07d00;
    font-weight: bold;
}

.followers_divider_span {
    display: inline-block;
    background: url("/Images/Content/Insertions/follower_divider.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1px;
    height: 19px;
    margin-left: 5px;
    margin-right: 5px;
}

.insertions_settings {
    display: inline-block;
    background: url("/Images/Content/Insertions/settings.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
}

.insertions_detail {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    background-image: url("/Images/Content/Insertions/Detail.png");
    background-repeat: no-repeat;
    width: auto;
    height: 30px;
    padding-left: 36px;
    color: #374a77;
    font-size: 13px;
}

span.insertions_detail a {
    text-decoration: none;
}


.disable_push_button {
    width: 256px;
    height: 58px;
    border-radius: 5px;
    background-color: #d4d4d4;
    text-align: center;
    cursor: not-allowed;
}

    .disable_push_button a {
        font-weight: bold;
        width: 93px;
        height: 22px;
        font-size: 16px;
        color: #ffffff;
        text-transform: uppercase;
    }

.cancel-button {
    display: inline;
}