* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    /*background: #0e0e0e !important;*/
    background: #161616 !important;
    direction: rtl;

}

ul {
    list-style: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none !important;
    color: white !important;
}

input:focus {
    outline: none;
}
._Margin{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
._Padding{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
._Margin_padding {
    margin: 0 0 !important;
    padding: 0 0 !important;
}
._Padding {
    padding: 0 0 !important;
}
textarea {
    outline: none !important;
}

#color-1 {
    color: #445388 !important;
}

#color-2 {
    color: #608E37 !important;
}

#color-3 {
    color: #6f86da !important;
}

#color-4 {
    color: #8bc34a !important;
}

#color-5 {
    color: #08ba7a !important;
}

#color-6 {
    color: #102c2f !important;
}

#color-7 {
    color: #ad961f !important;
}
#color-8 {
    color: #3f4a84 !important;
}
#color-9 {
    color: #2e712e !important;
}
#color-10{
    color: #959595 !important;
}
#color-11{
    color: #2e712e !important;
}
#color-12{
    color: #3b4b84 !important;
}
#color-13{
    color:#447509 !important;
}
#color-14{
    color:#939393 !important;
}
#color-14{
    color:#056a0b !important;
}
#color-14{
    color:#ac170a !important;
}
 ._network_icon > a{
    color: white !important;
    cursor: pointer;
    border-radius: 50%;
}
/********** network **********/
#instgram {
    color: #e12470 !important;
}
#border_color_instgram {
    border-color: rgba(225, 48, 108, 0.5) !important;
}

#background_instgram {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    box-shadow: 0px 4px 30px rgba(120, 64, 190, 0.6);
}

#telegram {
    color: #23b2ff !important;
}

#border_color_telegram {
    border-color: rgba(35, 178, 255, 0.5) !important;
}

#background_telegram {
    background: linear-gradient(45deg, #2a8dc9, #229ED9);
    box-shadow: 0px 4px 30px rgba(92, 117, 169, 0.5);
}

#facebook {
    color: #4267B2 !important;
}

#border_color_facebook {
    border-color: rgba(66, 103, 178, 0.5) !important;
}

#background_facebook {
    background: linear-gradient(45deg, #3b5998, #0078d7);
    box-shadow: 0px 4px 30px rgba(43, 98, 169, 0.5);
}

#twitter {
    color: #1da1f2 !important;
}

#background_color_twitter {
    border-color: rgba(29, 161, 242, 0.5) !important;
}

#background_twitter {
    background: linear-gradient(45deg, #1da1f2, #0e71c8);
    box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.7);
}

#linkedin {
    color: #2867b2 !important;
}

#border_color_linkedin {
    border-color: rgba(40, 103, 178, 0.5) !important;
}
#background_linkedin {
    background: linear-gradient(45deg, #0280c8, #0288D1);
    box-shadow: 0px 4px 30px rgba(27, 86, 231, 0.7);
}
#background_behance {
    background: linear-gradient(45deg, #1769ff, #213fca);
    box-shadow: 0px 4px 30px rgba(27, 86, 231, 0.7);
}
#background_github {
    background: linear-gradient(45deg, #333333, #626b73);
    box-shadow: 0px 4px 30px rgba(63, 65, 67, 0.6);
}

#background_codepen {
    background: linear-gradient(45deg, #324e63, #414447);
    box-shadow: 0px 4px 30px rgba(55, 75, 90, 0.6);
}

#background_link {
    background: linear-gradient(45deg, #d5135a, #f05924);
    box-shadow: 0 4px 30px rgba(223, 45, 70, 0.6);
}
/**/
#disable{
    color: #dfbb00 !important;
}
#active{
    color: #387700 !important;
}
#block {
    color: #82010f !important;
    /*color: #e80019 !important;*/
}
#edit {
    color: #e0a800 !important;
}
#delete {
    color: #df0000 !important;
}

#view {
    color: #507231 !important;
}

#white {
    color: #eeeeee !important;
}

#like {
    color: #d90900 !important;
}
#star{
    color: #d2ae00!important;
}
#heart {
    color: #ff1600 !important;
}

#mark {
    color: #c61212 !important;
}

#_background_delete{
    background: #840000 !important;
}
#_background_delete:before{
    background: #840000 !important;
}
#_background_status {
    background: #ad961f !important;
}

#_background_status:before {
    background: #ad961f !important;
}

#_background_view {
    background: #507231 !important;
}

#_background_view:before {
    background: #507231 !important;
}
#_background_notebook {
    background: #394058 !important;
}

#_background_notebook:before {
    background: #394058 !important;
}
#_background_notebook_active {
    background: #447509 !important;
}

#_background_notebook_active:before {
    background: #447509 !important;
}

._title{
    width: 600px;
    height: 70px;
    margin: 50px auto;
    text-align: center;
    position: relative;
    color: #3f4a84;
}
._title::after ,._title::before {
    width: 100px;
    height: 2px;
    background: #3f4a84;
    content: '';
    position: absolute;
}
._title::before{
    top: 35px;
    left: 0;
}
._title::after{
    top: 35px;
    right: 0;
}
._its_input{

}
._its_textarea{

}
._its_select{

}
._its_multi_select{

}
.rectangle {
    width: 100px;
    height: 60px;
}
.circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.selected {
    outline: 2px dashed #007bff;
}
.text-element, .shape-element {
    position: relative;
    cursor: move;
    user-select: none;
}
.cropper-container{
    position: relative;
}
/* Square */
.square {
    width: 100px;
    height: 100px;
}

/* Triangle */
.triangle {
    width: 100px;
    height: 100px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* Pentagon */
.pentagon {
    width: 100px;
    height: 100px;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

/* Hexagon */
.hexagon {
    width: 100px;
    height: 100px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

/* Octagon */
.octagon {
    width: 100px;
    height: 100px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

/* Ellipse */
.ellipse {
    width: 150px;
    height: 100px;
    border-radius: 50%;
}

/* Trapezoid */
.trapezoid {
    width: 150px;
    height: 0;
    border-bottom: 100px solid #007bff;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}

/* Quadrilateral */
.quadrilateral {
    width: 150px;
    height: 100px;
    transform: skew(20deg);
}

/* Parallelogram */
.parallelogram {
    width: 150px;
    height: 100px;
    transform: skew(20deg);
}
.star {
    width: 100px;
    height: 100px;
    clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%
    );
}

.shield {
    width: 100px;
    height: 100px;
    clip-path: polygon(
        50% 0%,
        90% 20%,
        100% 60%,
        50% 100%,
        0% 60%,
        10% 20%
    );
}
@media only screen and (max-width: 1536px) {

}
@media only screen and (max-width: 1366px) {
    ._col_12_1366 {
        max-width: 100% !important;
        min-height: 0;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_11_1366 {
        max-width: 91.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_10_1366 {
        max-width: 83.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_9_1366 {
        max-width: 75% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_8_1366 {
        max-width: 66.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_7_1366 {
        max-width: 58.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_6_1366 {
        max-width: 50% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_5_1366 {
        max-width: 41.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_4_1366 {
        max-width: 33.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_3_1366 {
        max-width: 25% !important;
        flex: none;
        margin: 0;
        padding: 0;
    }
    ._col_2_1366 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_1_1366 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_0_1366 {
        display: none!important;
    }
}
@media only screen and (max-width: 1280px) {
    ._col_12_1280 {
        max-width: 100% !important;
        flex: none;
        margin: 0;
        padding: 0;
    }
    ._col_11_1280 {
        max-width: 91.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_10_1280 {
        max-width: 83.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_9_1280 {
        max-width: 75% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_8_1280 {
        max-width: 66.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_7_1280 {
        max-width: 58.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_6_1280 {
        max-width: 50% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_5_1280 {
        max-width: 41.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_4_1280 {
        max-width: 33.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_3_1280 {
        max-width: 25% !important;
        flex: none;
        margin: 0;
        padding: 0;
    }
    ._col_2_1280 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_1_1280 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_0_1280 {
        display: none!important;
    }

}
@media only screen and (max-width: 962px) {
    body{
        background: rgb(14, 14, 14) !important;
    }
    ._col_12_962 {
        max-width: 100% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_11_962 {
        max-width: 91.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_10_962 {
        max-width: 83.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_9_962 {
        max-width: 75% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_8_962 {
        max-width: 66.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_7_962 {
        max-width: 58.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_6_962 {
        max-width: 50% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_5_962 {
        max-width: 41.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_4_962 {
        max-width: 33.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_3_962 {
        max-width: 25% !important;
        flex: none;
        margin: 0;
        padding: 0;
    }
    ._col_2_962 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_1_962 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_0_962 {
        display: none!important;
    }
    .row {
        display: block;
        margin: 0;
        padding: 0;
    }
    ._row_responsive {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }
}
@media only screen and (max-width: 576px) {

    body{
        background: rgb(14, 14, 14) !important;
    }
    ._col_12_576 {
        max-width: 100% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_11_576 {
        max-width: 91.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_10_576 {
        max-width: 83.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_9_576 {
        max-width: 75% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_8_576 {
        max-width: 66.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_7_576 {
        max-width: 58.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_6_576 {
        max-width: 50% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_5_576 {
        max-width: 41.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_4_576 {
        max-width: 33.33333333333333% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_3_576 {
        max-width: 25% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_2_576 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_1_576 {
        max-width: 16.66666666666667% !important;
        flex: none!important;
        margin: 0;
        padding: 0;
    }
    ._col_0_576 {
        display: none;
    }
    .row {
        display: block;
        margin: 0;
        padding: 0;
    }
    ._row_responsive {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }
    ._title {
        /* Structure Block */
        width: 300px;
    }

    ._title h1 {
        /* Typography Block */;
        font-size: 24px !important;
    }

    ._title::after, ._title::before {
        /* Structure Block */
        width: 50px;
    }

    ._title::before {
        /* Positioning Block*/
        top: 20px;
    }

    ._title::after {
        /* Positioning Block*/
        top: 20px;
    }
}