@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;
}
.dzsulb-main-con{
    z-index: 555555!important;
}




.feat-sample-con{
    border: 1px dashed rgba(0,0,0,0.3);
    padding: 10px;
    cursor: pointer;

    margin-bottom: 10px;

    > img.feat-sample{
        width: 100%;
        display: block;
    }

    h4{
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
    }

    h4:last-child{
        margin-bottom: 0;
    }
}

h5.setting-label{
    margin-bottom: 5px;
}


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


/* ---- styleme selector */
.select-wrapper{ background: url("img/select.png") no-repeat scroll right center #fefefe; width: 150px; height:28px;
    border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #888888;
    display: inline-block; }
.select-wrapper select{cursor: pointer;
    height: 28px;
    padding: 0;
    margin-left:0;
    opacity:0;
    position: relative;
    width: 150px;
    z-index: 4; }
.select-wrapper span{    height: 26px;
    line-height: 26px;
    padding-left: 6px;
    position: absolute;
    z-index: 2;
}



html[dir=rtl] .select-wrapper span{ margin-right:36px;
}


/* ---- styleme selector END */







$general_margin: 22px;
table.pages-table{
    margin-bottom: $general_margin;

    .column-author{
        width: 10%;
        min-width: 6em;
    }
    .column-date{
        width: 120px;
        min-width: 6em;
    }

    .column-date,.user-phone{
        text-align: center;
    }

    tbody{

        $transition-property: opacity;
        $transition-duration: 0.3s;
        $transition-timing: ease-in;

        @include apply_transition($transition-property, $transition-duration, $transition-timing);
    }


    td, th {
        padding: 0.75em 1.5em;
        text-align: left;
    }
    td.err {
        background-color: #e992b9;
        color: #fff;
        font-size: 0.75em;
        text-align: center;
        line-height: 1;
    }
    th {
        background-color: rgba(130,56,50,0.4);
        font-weight: bold;
        color: #111;
        white-space: nowrap;
    }
    tbody th {
        background-color: #2ea879;
    }
    tbody tr:nth-child(2n-1) {
        background-color: #f5f5f5;
        transition: all .125s ease-in-out;
    }
    tbody tr:hover {
        background-color: rgba(130,56,50,.1);
    }


    /* Not needed for sticky header/column functionality */
    td.user-name {
    }

}

table.pages-table.loading{
    tbody{
        opacity:0.5;
    }
}
table.pages-table.nontransition{

    tbody{

        $transition-property: none;
        $transition-duration: 0.3s;
        $transition-timing: ease-in;

        @include apply_transition($transition-property, $transition-duration, $transition-timing);
    }
}


.feedbacker{
    position: fixed;
    top:50%;
    left:50%;

    background-color: #FFFFFF;
    padding: 15px 25px;

    transform: translate(-50%, -50%);

    border: 2px solid rgba(0,0,0,.1);

    max-width: 400px;

    >i.fa{
        display: inline-block;
        margin-right: 10px;

        vertical-align: middle;


    }
}

.weight-strong {
    font-weight: bold;
}


.feedbacker.is-error{

    background-color: #e74c3c;
    color: #FFFFFF;
    box-shadow: 0 0 25px 0 rgba(255,0,0,.5);
}

form.no-style{
    display: inline-block;
    button{
        background-color: transparent;
        border:0;
        cursor: pointer;

    }
}

.widget[id*="dzsvg_showcase_widget"]{
    .widget-content{
        margin-bottom: 25px;
    }
}























/* ------- Page Builder Columns ------- */
.dzspb_lay_con, .dzspb_layb_layout {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

.dzspb_lay_con:after, .dzspb_layb_layout:after {
    display: block;
    content: " ";
    clear: both; }

.dzspb_lay_con *, .dzspb_layb_layout * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

.dzspb_layb_one_full {
    padding-right: 15px;
    padding-left: 15px; }

.dzspb_layb_one_half {
    width: 50%; }

.dzspb_layb_one_third {
    width: 33.3333%; }

.dzspb_layb_two_third {
    width: 66.6666%; }

.dzspb_layb_one_fourth {
    width: 25%; }

.dzspb_layb_three_fourth {
    width: 75%; }

.dzspb_layb_one_fifth {
    width: 20%; }

.dzspb_layb_two_fifth {
    width: 40%; }

.dzspb_layb_three_fifth {
    width: 60%; }

.dzspb_layb_four_fifth {
    width: 80%; }

.dzspb_layb_one_sixth {
    width: 16.6%; }

.dzspb_layb_five_sixth {
    width: 83.3%; }

.dzspb_layb_one_half, .dzspb_layb_one_third, .dzspb_layb_two_third, .dzspb_layb_three_fourth, .dzspb_layb_one_fourth, .dzspb_layb_one_fifth, .dzspb_layb_two_fifth, .dzspb_layb_three_fifth, .dzspb_layb_four_fifth, .dzspb_layb_one_sixth, .dzspb_layb_five_sixth {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%; }

.dzspb_layb_layout:after{
    content: "";
    display: block;
    clear: both;
}






hr.dzspb-separator{
    width: 100%;
    height: 1px;
    display: block;
    line-height: 1.5;
    background-color: rgba(0,0,0,0.3);
}


@media only screen
and (max-width : 480px) {
    .dzspb_layb_one_half,.dzspb_layb_one_third,.dzspb_layb_two_third,.dzspb_layb_three_fourth,.dzspb_layb_one_fourth,.dzspb_layb_one_fifth,.dzspb_layb_two_fifth,.dzspb_layb_three_fifth,.dzspb_layb_four_fifth,.dzspb_layb_one_sixth,.dzspb_layb_five_sixth{ position:relative; width: 100%; padding-left: 15px; padding-right:15px; float:none; display: block; }
    .dzspb_lay_con{
        margin-top: 10px;
    }
}




.dzs-wordpress-uploader {
    display: inline-block; vertical-align: middle;
}

.dzs-row{
    margin-right: -15px;
    margin-left: -15px;

    @include boxsizing();

    *{

        @include boxsizing();
    }

    &:after{
        content: "";
        clear: both;
        display: block;
        height: 1px;
        margin-top: -1px;
    }
}

.dzs-col-md-6,.dzs-col-md-3,.dzs-col-md-4{

    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.dzs-col-md-6{

    width: 50%;
}
.dzs-col-md-4{

    width: 33.3333%;
}
.dzs-col-md-3{

    width: 25%;
}



/*==== select wrapper ===*/
.select-wrapper {
    background: url("img/select.png") no-repeat scroll right center #fefefe;
    width: 180px;
    height: 28px;
    border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #888888;
    display: inline-block; }

.select-wrapper select {
    cursor: pointer;
    height: 28px;
    padding: 0;
    margin-left: 0;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 4; }

.select-wrapper span {
    height: 26px;
    line-height: 26px;
    padding-left: 6px;
    position: absolute;
    z-index: 2; }

div.sidenote {
    display: block;
    margin: 10px 0;
    font-style: italic;
    color: #bbb;
    font-size: 0.9em; }

/*==== select wrapper END ===*/







/* ------- select hidden metastyle styling */
.select-hidden-con .select-hidden-metastyle {
    position: relative; }

.select-hidden-con .select-hidden-metastyle select, .select-hidden-metastyle .select-wrapper {
    display: none; }

.select-hidden-con .select-hidden-metastyle .option-con {
    position: relative;
    display: block; }

.select-hidden-con .select-hidden-metastyle .option-con > .an-option {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    backface-visibility: visible;
    background: #111;
    opacity: 0.7;
    cursor: pointer; }

.select-hidden-con .select-hidden-metastyle .option-con > .an-option > div.fullbg {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-repeat: none; }

.select-hidden-con .select-hidden-metastyle .option-con > .an-option.active {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    opacity: 1; }

.select-hidden-con .select-hidden-metastyle .option-con > .an-option > .an-title {
    font-weight: normal;
    color: #0CC;
    font-size: 14px;
    margin-bottom: 5px; }

.select-hidden-con .select-hidden-metastyle.select-hidden-foritemtype .an-option {
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5x;
    width: 230px; }

.select-hidden-con .select-hidden-metastyle.select-hidden-foritemtype .an-option .an-desc {
    display: none; }

.select-hidden-con .select-hidden-metastyle.select-hidden-foritemtype .an-option.active .an-desc {
    display: block; }

/* -------select hidden metastyle styling END */
.select-hidden-con [class*="mode_"] {
    display: none; }

.select-hidden-con.mode_thumb .mode_thumb {
    display: block; }

.select-hidden-con.mode_gallery .mode_gallery {
    display: block; }

.select-hidden-con.mode_audio .mode_audio {
    display: block; }

.select-hidden-con.mode_video .mode_video {
    display: block; }

.select-hidden-con.mode_youtube .mode_youtube {
    display: block; }

.select-hidden-con.mode_vimeo .mode_vimeo {
    display: block; }

.select-hidden-con.mode_testimonial .mode_testimonial {
    display: block; }

.select-hidden-con.mode_twitter .mode_twitter {
    display: block; }


.clear{
    clear: both;
}

.dzsvg-wordpress-uploader{
    display: inline-block;
    vertical-align: top;
}


.setting-three-floats{
    >.preview-media-con-left{
        float:left; margin-right: 5px;
    }
    >.change-media-con{

        float:right; margin-left: 5px;
    }
}
.overflow-it{
    overflow: hidden;
}