body[themebg-pattern=pattern1] {
    background-image: url(../images/pattern1.png)
}

body[themebg-pattern=pattern2] {
    background-image: url(../images/pattern2.png)
}

body[themebg-pattern=pattern3] {
    background-image: url(../images/pattern3.png)
}

body[themebg-pattern=pattern4] {
    background-image: url(../images/pattern4.png)
}

body[themebg-pattern=pattern5] {
    background-image: url(../images/pattern5.png)
}

body[themebg-pattern=pattern6] {
    background-image: url(../images/pattern6.png)
}

body[themebg-pattern=pattern7] {
    background-image: url(../images/pattern7.png)
}

body[themebg-pattern=pattern8] {
    background-image: url(../images/pattern8.png)
}

body[themebg-pattern=pattern9] {
    background-image: url(../images/pattern9.png)
}

.theme-color a[themebg-pattern=pattern1] {
    background-image: url(../images/pattern1.png)
}

.theme-color a[themebg-pattern=pattern2] {
    background-image: url(../images/pattern2.png)
}

.theme-color a[themebg-pattern=pattern3] {
    background-image: url(../images/pattern3.png)
}

.theme-color a[themebg-pattern=pattern4] {
    background-image: url(../images/pattern4.png)
}

.theme-color a[themebg-pattern=pattern5] {
    background-image: url(../images/pattern5.png)
}

.theme-color a[themebg-pattern=pattern6] {
    background-image: url(../images/pattern6.png)
}

.theme-color a[themebg-pattern=pattern7] {
    background-image: url(../images/pattern7.png)
}

.theme-color a[themebg-pattern=pattern8] {
    background-image: url(../images/pattern8.png)
}

.theme-color a[themebg-pattern=pattern9] {
    background-image: url(../images/pattern9.png)
}

.tooltip-content2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin: -7px 0 0 -15px;
    width: 30px;
    height: 20px;
    background: url(../images/tooltip/tooltip1.svg) center center no-repeat;
    background-size: 100%
}

.tooltip-content3 {
    position: absolute;
    background: url(../images/tooltip/shape1.svg) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    font-size: 14;
    line-height: 27px;
    pointer-events: none;
    -webkit-transform: scale3d(.1, .2, 1);
    transform: scale3d(.1, .2, 1);
    -webkit-transform-origin: 50% 120%;
    transform-origin: 50% 120%;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    -webkit-transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1);
    transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1)
}

.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(../pages/treeview/throbber.gif) center center no-repeat
}

td.details-control {
    background: url(../images/details_open.png) no-repeat center center;
    cursor: pointer
}

tr.shown td.details-control {
    background: url(../images/details_close.png) no-repeat center center
}

.widget-profile-card-3 {
    background-image: url(../images/slider/slider6.jpg);
    background-size: cover;
    padding: 50px 0;
    text-align: center
}

.blur-user-card {
    color: #fff;
    text-align: center;
    padding-top: 45px;
    background-image: url(../images/widget/blur-bg.png);
    background-size: cover
}


.common-img-bg {
    background-size: cover;
    background: url(../images/bg.jpg) no-repeat center center fixed;
    height: 100%
}

.chat-bg {
    background-image: url(../images/chat-bg.jpg);
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, .45)
}

#task-container li.complete:before {
    background: url(../images/complete.png) no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    content: "";
    width: 55px;
    height: 55px;
    background-size: 100%
}

.hei-logo{
    height: 80px !important;
    width: 80px !important;
}