@mixin apply_transition($transition-property, $transition-duration, $transition-timing) {
    transition-property: $transition-property;transition-duration: $transition-duration;-moz-transition-property:$transition-property;-moz-transition-duration: $transition-duration;-webkit-transition-property:$transition-property;-webkit-transition-duration: $transition-duration;-o-transition-property:$transition-property;-o-transition-duration: $transition-duration;-ms-transition-property:$transition-property;
    -ms-transition-duration: $transition-duration;-ms-transition-timing-function:$transition-timing;

    @if $transition-timing == ease-out-quart {
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    } @else {
        -webkit-transition-timing-function:$transition-timing;
        -moz-transition-timing-function:$transition-timing;
        -o-transition-timing-function:$transition-timing;
        transition-timing-function: $transition-timing;
    }
}



@mixin boxsizing() {
    -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box;
}





.dzs-shortcode-button{

    line-height: 1!important;
    box-shadow: 0 1px 0 #773f3f!important;
    .the-icon, .the-label{
        display: inline-block;

        vertical-align: middle;
        line-height: 1;
    }
    .the-icon{

        width: 18px;
        height: auto;
        margin: 0 2px;

        svg{

            $size: 15px;
            width: $size;
            height: $size;

            display: block;
        }
    }

    .the-label{

    }
}

.setting-text-ok{
    i{
        color: #208054;;
        display: inline-block;
        margin-right: 5px;
    }
}

body .dzsulb-main-con{
    z-index: 9999999;
}


.dzs-tabs.skin-box.is-toggle .tab-menu-con .tab-menu{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

#toplevel_page_dzsrst_mainoptions .wp-menu-image{
    background: transparent url(img/icon.png) center center no-repeat;
}#toplevel_page_dzsrst_mainoptions:hover .wp-menu-image{
     background: transparent url(img/icon-hover.png) center center no-repeat;
 }
#toplevel_page_dzsrst_mainoptions.wp-menu-open .wp-menu-image{
    background: transparent url(img/icon-hover.png) center center no-repeat;
}


.zfolio{
    box-sizing: border-box;
}
.zfolio *{
    box-sizing: border-box;
}
.zfolio a{
    color: inherit;
}
.zfolio a:hover{
    color: inherit;
}



.dzs-row{

    margin-left: -15px;
    margin-right: -15px;

    @include boxsizing();

    *{
        @include boxsizing();

    }

}
.dzs-row:after{

    content:"";
    clear: both;
    display: block;

}

.forcecol4{
    width: 33%!important;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}



.dzs-col-md-12,.dzs-col-md-6,.dzs-col-md-4,.dzs-col-xs-12,.dzs-col-xs-6 ,.dzs-col-xs-4,.dzs-col-xs-4 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

.dzs-col-md-6,.dzs-col-xs-6{
    width: 50%;
}
.dzs-col-md-4,.dzs-col-xs-4{
    width: 33.333%;
}





.skins-container .zfolio-item--inner > .the-feature-con {
    /*display: flex;*/
    /*align-content: center;*/
}
.skins-container a{
    text-decoration: none!important;
}
.skins-container {

    background-color: #222;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); }
.skins-container .skins-first-models {
    font-size: 0; }
.skins-container .skins-first-models .col-md-3 {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none; }
.skins-container .skins-first-models .col-md-3 > .dzs-progress-bar {
    max-width: 150px;
    margin: 0 auto !important; }


.dzsprg-notice{
    .dzstooltip{
        box-shadow: 0 0 15px 0 rgba(255,100,100,0.75);
    }
}

.dzs-tooltip-notice{


    .close-notice{

        position: absolute;
        top:10px;
        right: 10px;

        cursor: pointer;
        font-size: 26px;
    }
}