body.showlayout .Layout {
    border: 1px dashed red;
}

    body.showlayout .Layout .layoutlable {
        display: inherit !important;
    }

.layoutlable {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    color: blue;
}

.Layout {
    width: 100%;
}

.note {
    margin-bottom: 15px;
    padding: 9px 15px;
    color: black;
    font-weight: 400;
    font-size: 10pt;
}

    .note.note-danger {
        background-color: #ffdddd;
        border-right: 6px solid #f44336 !important;
        border: 1px solid rgba(244,67,54,.5);
    }

    .note.note-success {
        background-color: #ddffdd;
        border-right: 6px solid #04AA6D !important;
        border: 1px solid rgba(4,170,109,.5);
    }

    .note.note-info {
        background-color: #e7f3fe;
        border-right: 6px solid #2196F3 !important;
        border: 1px solid rgba(32,148,243,0.5);
    }

    .note.note-warning {
        background-color: #ffffcc;
        border-right: 6px solid #ffeb3b !important;
        border: 1px solid rgba(255,235,59,.5);
    }

    .note:empty {
        display: none;
    }

.header .menu li form button {
    font-size: 14px;
    text-decoration: none;
    padding: 22px 12px 10px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #fff;
    opacity: 0.8;
}

.header .menu li a.active {
    font-weight: bolder !important;
    /* color: #ffffff !important; */
    border-bottom: 3px solid white;
}

.bg-menu {
    background-color: #8847d1;
}

.breadcrumb-bar {
    /*margin-top: 75px;*/
}

li.breadcrumb-item span.fa {
    padding: 5px 7px 0 10px;
}

.ptb-50 {
    padding: 50px 0;
}

.pt-50 {
    padding-top: 50px;
}

.disabled {
    cursor: not-allowed !important;
}

body.bc .breadcrumb-bar {
    margin-top: 75px;
}

body.bc .page-header-section {
    margin-bottom: -75px;
}

.single-team-wrap {
    height: 350px;
    overflow: hidden;
    cursor: pointer;
}

    .single-team-wrap * {
        color: #696969 !important;
    }

    .single-team-wrap:hover img,
    .single-team-wrap:hover h5 {
        transform: scale(1.1);
    }

    .single-team-wrap:hover {
        border-color: #7018c5 !important;
        border-width: 2px;
    }


ul.persian {
    list-style-type: persian
}

    ul.persian li {
        margin-right: 25px;
        text-align: justify;
    }