/** added for Triagon --> **/
.widget_pcl_widget {
    width:100%!important;
}
/** <-- added for Triagon **/

.ss-c_pcl {
    padding:0 50px;
    position:relative;
}

.ss-c_pcl .carousel-inner {
    display:flex;
    align-items:stretch;
}

.ss-c_pcl .pclc-item-wrapper {
    display:flex;
    column-gap:15px;
    justify-content:center; /* triagon add */
}

.ss-c_pcl .pclc-item {
    display:flex;
    align-items:stretch;
}

.ss-c_pcl .pclc-item p:empty {
    display:none;
}

/* EXPERIMENTAL - works! Use this for all carousel elements in here */
div[id^="ss-c_pcl"] {
    /*background:rgba(255, 0, 0, 0.1)!important;*/
    /*width:100%!important;*/
}

.ss-c_pcl .carousel-control-next,
.ss-c_pcl .carousel-control-prev {
    width:auto;
    cursor:pointer;
    height:50px;
    top:calc(50% - 25px);
    z-index:10;
}

.ss-c_pcl .carousel-control-next {
    flex-direction:row-reverse;
}

.ss-c_pcl .carousel-indicators {
    bottom:-30px;
    column-gap:10px;
    z-index:10;
}



/** BACKEND **/
.widgets-holder-wrap .justified-form-fields {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.widgets-holder-wrap .justified-form-fields select {
    min-width:47%;
}
.widgets-holder-wrap .clps-btn:before {
    content:'';
    display:inline-block;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:7px solid #777;
    position:relative;
    top:2px;
    margin-right:5px;
}
.widgets-holder-wrap .widget-control-area {
    border:1px solid #999999;
    border-radius:3px;
    overflow:hidden;
    background:#f1f1f1;
    padding:5px;
}
.widgets-holder-wrap .clps-btn {
    display:inline-block;
}
.widgets-holder-wrap .mb0 {
    margin-bottom:0;
}
.widgets-holder-wrap .mb5 {
    margin-bottom:5px;
}
.widgets-holder-wrap .mt0 {
    margin-top:0;
}
.widgets-holder-wrap .mt5 {
    margin-top:5px;
}
.widgets-holder-wrap .mt10 {
    margin-top:10px;
}



@media only screen and (max-width:768px){
    .ss-c_pcl {
        padding:0;
    }
    .ss-c_pcl .carousel-control-next,
    .ss-c_pcl .carousel-control-prev {
        display:none;
    }
}



.ss-c_pcl-preloader {
    background:white;
    position:absolute;
    z-index:10;
    top:10px;
    left:10px;
    width:calc(100% - 20px);
    height:100%;
    display:flex;
    justify-content:center;
    transition:all 300ms;
}

.ss-c_pcl-preloader img {
    margin-top:25%;
    height:30px;
    width:89px;
}