.btn-clear:before {
    -webkit-mask: url(../images/delete.svg) no-repeat 50% 50%;
    mask: url(../images/delete.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn-delete:before {
    -webkit-mask: url(../images/trash1.svg) no-repeat 50% 50%;
    mask: url(../images/trash1.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-password:before {
    -webkit-mask: url(../images/icons/password.svg) no-repeat 50% 50%;
    mask: url(../images/icons/password.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-saled:before {
    -webkit-mask: url(../images/money.svg) no-repeat 50% 50%;
    mask: url(../images/money.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-saled.back:before {
    -webkit-mask: url(../images/car_garage.svg) no-repeat 50% 50%;
    mask: url(../images/car_garage.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.fullscreen:before {
    background-color: #BEC4C8;
    -webkit-mask: url(../images/fullscreen.svg) no-repeat 50% 50%;
    mask: url(../images/fullscreen.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.owl-stage-outer .btn.add i:before,
.btn.add:before,
.button.add:before {
    background-color: #5078FE;
    -webkit-mask: url(../images/icons/add_plus.svg) no-repeat 50% 50%;
    mask: url(../images/icons/add_plus.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.actions:before {
    background-color: #5078FE;
    -webkit-mask: url(../images/dots_icon.svg) no-repeat 50% 50%;
    mask: url(../images/dots_icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.button.add.car:before {
    background-color: #BEC4C8;
    -webkit-mask: url(../images/icons/add_car.svg) no-repeat 50% 50%;
    mask: url(../images/icons/add_car.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.button.add.task:before {
    background-color: #BEC4C8;
    -webkit-mask: url(../images/task_add.svg) no-repeat 50% 50%;
    mask: url(../images/task_add.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.home:before {
    background-color: #BEC4C8;
    -webkit-mask: url(../images/icons/home.svg) no-repeat 50% 50%;
    mask: url(../images/icons/home.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.goback:before {
    background-color: #BEC4C8;
    -webkit-mask: url(../images/icons/back_icon1.svg) no-repeat 50% 50%;
    mask: url(../images/icons/back_icon1.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.chat:before {
    background-color: #BEC4C8;
    -webkit-mask: url(../images/icons/chat.svg) no-repeat 50% 50%;
    mask: url(../images/icons/chat.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-exit:before {
    -webkit-mask: url(../images/close.svg) no-repeat 50% 50%;
    mask: url(../images/close.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.calendar-container .btn-exit:before {
    -webkit-mask: url(../images/check_icon.svg) no-repeat 50% 50%;
    mask: url(../images/check_icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.saveorder1 .icon-menu-2:before,
.saveorder .icon-menu-2:before,
.btn-save:before {
    -webkit-mask: url(../images/save.svg) no-repeat 50% 50%;
    mask: url(../images/save.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.saveorder1 .icon-menu-2,
.saveorder .icon-menu-2 {
    margin: 0;
}

.saveorder1 .icon-menu-2:before,
.saveorder .icon-menu-2:before {
    width: 14px;
    min-width: 14px;
    height: 14px;
}

.saveorder1:hover .icon-menu-2:before,
.saveorder:hover .icon-menu-2:before {
    background-color: #fff;
}

.btn-upload:before {
    -webkit-mask: url(../images/upload.svg) no-repeat 50% 50%;
    mask: url(../images/upload.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn-search:before {
    -webkit-mask: url(../images/find.svg) no-repeat 50% 50%;
    mask: url(../images/find.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn-today:before {
    -webkit-mask: url(../images/today.svg) no-repeat 50% 50%;
    mask: url(../images/today.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn.btn-add:before {
    -webkit-mask: url(../images/add_plus.svg) no-repeat 50% 50%;
    mask: url(../images/add_plus.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.btn-edit:before {
    -webkit-mask: url(../images/edit.svg) no-repeat 50% 50%;
    mask: url(../images/edit.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.btn-clone:before {
    -webkit-mask: url(../images/task_clone.svg) no-repeat 50% 50%;
    mask: url(../images/task_clone.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.btn-nudge:before {
    -webkit-mask: url(../images/icons/ring.svg) no-repeat 50% 50%;
    mask: url(../images/icons/ring.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.btn-undo:before {
    margin-right: 10px !important;
    -webkit-mask: url(../images/icons/back_icon1.svg) no-repeat 50% 50%;
    mask: url(../images/icons/back_icon1.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.img.button.add.car:before {
    background-color: #5078FE;
    -webkit-mask: url(../images/icons/add_car.svg) no-repeat 50% 50%;
    mask: url(../images/icons/add_car.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.img.button.add.task:before {
    background-color: #5078FE;
    -webkit-mask: url(../images/task_add.svg) no-repeat 50% 50%;
    mask: url(../images/task_add.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.showcomments:before {
    /* background-color: #333;
     -webkit-mask: url(../images/comments.svg) no-repeat 50% 50%;
     mask: url(../images/comments.svg) no-repeat 50% 50%;
     -webkit-mask-size: cover !important;
     mask-size: cover;*/
   /* background: transparent;
    font-family: FontAwesome;
    content: "\f075";
    line-height: 24px;
    color: #6a6783;*/
}
.btn.showcomments .fa{
    color: #6a6783;
}

/*
.btn.doing:before {
    -webkit-mask: url(../images/run.svg) no-repeat 50% 50%;
    mask: url(../images/run.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}*/

.btn.approval:before {
    -webkit-mask: url(../images/approval.svg) no-repeat 50% 50%;
    mask: url(../images/approval.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

div.btn-secondary.approval:before {
    -webkit-mask: url(../images/icons/waiting_icon.svg) no-repeat 50% 50%;
    mask: url(../images/icons/waiting_icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/*.btn.done:before {
    background-color: #fff;
    -webkit-mask: url(../images/done.svg) no-repeat 50% 50%;
    mask: url(../images/done.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}*/

.btn.delete:before {
    -webkit-mask: url(../images/trash.svg) no-repeat 50% 50%;
    mask: url(../images/trash.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.printworkorder:before {
    -webkit-mask: url(../images/wokorder.svg) no-repeat 50% 50%;
    mask: url(../images/wokorder.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.submit:before {
    -webkit-mask: url(../images/next.svg) no-repeat 50% 50%;
    mask: url(../images/next.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-getpdf:before {
    -webkit-mask: url(../images/download_pdf.svg) no-repeat 50% 50%;
    mask: url(../images/download_pdf.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn-new:before {
    -webkit-mask: url(../images/file-new.svg) no-repeat 50% 50%;
    mask: url(../images/file-new.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn-save:before {
    -webkit-mask: url(../images/save.svg) no-repeat 50% 50%;
    mask: url(../images/save.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn.remove:before {
    background-color: #333;
    -webkit-mask: url(../images/trash1.svg) no-repeat 50% 50%;
    mask: url(../images/trash1.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.wishlistremove:before {
    background-color: #333;
    -webkit-mask: url(../images/heart_broken.svg) no-repeat 50% 50%;
    mask: url(../images/heart_broken.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-simple.scan:before {
    background-color: #302D4A;
    -webkit-mask: url(../images/barcode.svg) no-repeat 50% 50%;
    mask: url(../images/barcode.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.btn.upload-btn:before {
    -webkit-mask: url(../images/upload.svg) no-repeat 50% 50%;
    mask: url(../images/upload.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.move:before {
    -webkit-mask: url("../images/transfer.svg") no-repeat 50% 50%;
    mask: url("../images/transfer.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.location:before {
    -webkit-mask: url("../images/location.svg") no-repeat 50% 50%;
    mask: url("../images/location.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.pathroad:before {
    -webkit-mask: url("../images/path_road.svg") no-repeat 50% 50%;
    mask: url("../images/path_road.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.addtask:before {
    -webkit-mask: url("../images/task_add.svg") no-repeat 50% 50%;
    mask: url("../images/task_add.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.saled:before {
    -webkit-mask: url("../images/money.svg") no-repeat 50% 50%;
    mask: url("../images/money.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.remove:before {
    -webkit-mask: url("../images/trash1.svg") no-repeat 50% 50%;
    mask: url("../images/trash1.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hasicon.return:before {
    -webkit-mask: url("../images/car_garage.svg") no-repeat 50% 50%;
    mask: url("../images/car_garage.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-ascr:before {
    -webkit-mask: url("../images/icons/inform.svg") no-repeat 50% 50%;
    mask: url("../images/icons/inform.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn.gps:before {
    -webkit-mask: url("../images/icons/obdplug.svg") no-repeat 50% 50%;
    mask: url("../images/icons/obdplug.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.btn-secondary.toclipboard:before {
    -webkit-mask: url("../images/icons/clipboard-link.svg") no-repeat 50% 50%;
    mask: url("../images/icons/clipboard-link.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin: 0;
}

.btn-secondary.btn-url:before {
    -webkit-mask: url("../images/icons/external_link.svg") no-repeat 50% 50%;
    mask: url("../images/icons/external_link.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin: 0;
}