#combo-box-image-list .k-item {
    line-height: 1em;
    min-width: 100px;
}

/* Material Theme padding adjustment*/

.k-material #combo-box-image-list .k-item,
.k-material #combo-box-image-list .k-item.k-state-hover,
.k-materialblack #combo-box-image-list .k-item,
.k-materialblack #combo-box-image-list .k-item.k-state-hover {
    padding-left: 5px;
    border-left: 0;
}

#combo-box-image-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin: 5px 3px 3px 1px;
}

    #combo-box-image-list .k-item > span:first-child.has-image {
        -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        margin: 2px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

#combo-box-image-list h3.noSub {
    font-size: 1em;
    font-weight: normal;
    margin: 5px 0 1px 0;
    padding: 0;
}

#combo-box-image-list h3 {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

#combo-box-image-list p {
    margin: 0;
    padding: 0;
    font-size: .7em;
}



#combo-box-image-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin: 5px 3px 3px 1px;
}

    #combo-box-image-list .k-item > span:first-child.has-image {
        -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        margin: 2px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.circle-color span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 10px 10px 5px;
    -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
    box-shadow: inset 0 0 30px rgba(0,0,0,.3);
    margin: 0;
    padding: 0;
    padding-left: 18px !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.avatar {
    float: left;
    margin-top: 1em;
    margin-right: 1em;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
}

.box-centered {
    width: 100%;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.employee-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
}

.employee-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding-left: 3px;
}




.c-custom-checkbox {
    position: relative;
    cursor: pointer;
    color: transparent;
    content: ".";
    line-height: 34px;
}

    .c-custom-checkbox input[type=checkbox] {
        position: absolute;
        opacity: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 15px;
        width: 15px;
        padding: 0;
        border: 0;
        left: 0;
        right: -7px !important;
    }

    .c-custom-checkbox .c-custom-checkbox__img {
        display: inline;
        position: absolute;
        left: 0;
        width: 32px;
        height: 32px;
        background-image: none;
        background-color: #fff;
        background: url(../../../content/images/app-icons/stop.png) 0px center no-repeat;
        cursor: pointer;
        margin-left: -10px !important;
    }

    .c-custom-checkbox input[type=checkbox]:checked + .c-custom-checkbox__img {
        background-position: 0 0;
        background-color: tomato;
        background: url(../../../content/images/app-icons/Accept.png) 0px center no-repeat;
    }


.k-grid-update, .k-grid-cancel, k-grid-edit {
    display: inline-block !important;
    padding: 2px 5px !important;
}

.grid-edit-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/edit.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-refered-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Refered.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-update-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/update.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


.grid-End-refered-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/stopRefer.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-do-refer-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/forward-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-special-refer-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/specialRefer-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-contact-info-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/contact-info.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-refer-print-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Printer-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-group1 {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/group2.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-refer-history-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/clock_time-64.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-refer-done-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Flag-red-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-refer-archive-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/archive.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-trash-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Trash.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-factory-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/factory2.jpg) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-refreshNew-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/refreshNew.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-copyNew-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/copy.png) 0px center no-repeat;
    background-size: 23px 23px;
    width: 22px;
    height: 25px;
}
.grid-copy-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/copy.jpg) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.k-i-edit {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/edit.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


.grid-RelCard-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/relCard.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.k-grid-btn-just-icon {
    color: transparent !important;
    min-width: 25px !important;
    padding: 0px 0px;
    width: 25px;
    height: 25px;
    display: inline-block;

}
.k-icon grid-attachment-image {
    min-width: 30px !important;
}

.k-i-edit:before,
.k-i-plus:before {
    content: '' !important
}

.k-grid-btn-just-icon .k-icon {
    margin: 0 !important;
}

.grid-users-image {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/users.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}

.grid-customer-image {
    background-color: #102C57;
    color: #ffcd00;
    border: none;
    padding: 5px;
    font-size: 20px;
    height: 15px;
    width: 10px;
    box-shadow: 0 2px 4px #102C57;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 28px;
}
.k-rounded {
    border-radius: 50px; /* Adjust the value for more/less roundness */
    padding: 1px 2px; /* Adjust as needed for spacing */
    background-color: #102C57; /* Change to your desired background color */
    color: white; /* Change to your desired text color */
    border: none; /* Remove default border */
    cursor: pointer; /* Change cursor style to pointer on hover */
    transition: background-color 0.3s; /* Add smooth transition for hover effect */
     min-width: 28px !important;
     tit
   
}

.grid-role-image {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/male-user-accept-icon.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}

.shopping-basket-accept-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/Shopping-basket-accept-icon.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}
.backup-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/icon-backup.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}
.backup2-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/icon-backup.png) 0px center no-repeat !important;
    background-size: 70px 70px !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 10px;
}
.update-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/update.png) 0px center no-repeat !important;
    background-size: 70px 70px !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 10px;
}
.choose-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/icon-choose.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}
.uplode-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/uplode-icon.png) 0px center no-repeat !important;
    background-size: 60px 60px !important;
    width: 110px !important;
    height: 110px !important;
}

.tools-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/icon-tools.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 20px !important;
    height: 20px !important;
}
.bus-lane-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/bus-lane.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 15px !important;
    color:black;
    height: 15px !important;
}
.car-list-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/car-repair.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.car-service-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/car-service.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.driver-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/driver.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.garage-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/garage.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.inventory-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/inventory.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.man-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/man.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.price-tag-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/price-tag.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}
.sedan-car-front-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/sedan-car-front.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
}



.grid-right-image {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/arrow-right-green.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}

.grid-left-image {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/arrow-left-red.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 25px !important;
}

.grid-Error-image {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/error-message.png) 0px center no-repeat !important;
    background-size: 24px 24px !important;
    width: 25px !important;
    height: 26px !important;
}

.grid-cancel-image, .k-i-cancel {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/deleteNew.png) 0px center no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}
.grid-analysis-image, .k-i-analysis {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/analysis.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-dollar-image, .k-i-dollar {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Dollar.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 22px;
    height: 22px;
}

.grid-bom-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/bom.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

    .k-i-cancel:before {
        content: '' !important
    }

.grid-email-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/email-send.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


 
.grid-telegram-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/telegram.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-sms-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/sms.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-historyMessage-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/clock_time-64.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-attachment-image {
    background-position: 0 0;
    background: url(../../images/app-icons/attachment.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-turnoverReq-image {
    background-position: 0 0;
    background: url(../../images/app-icons/TurnOvers.jpg) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.k-grid-title {
    border: none;
    text-align: center;
    width: 65%;
    font-size: 17px;
    color: #409b8f;
}
.grid-tax-image {
    background-position: 0 0;
    background: url(../../images/app-icons/tax-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 32px;
    height: 25px;
}



.grid-barcode-image {
    background-position: 0 0;
    background: url(../../images/app-icons/blg/barcode.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-ttms-image {
    background-position: 0 0;
    background: url(../../images/app-icons/ttms.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}



.grid-print-image {
    background-position: 0 0;
    background: url(../../images/app-icons/print.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-back-image {
    background-position: 0 0;
    background: url(../../images/app-icons/arrow-left-red.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-documentList-image {
    background-position: 0 0;
    background: url(../../images/app-icons/DocumentList.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-download-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/downloads-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-accept-image, .k-i-check {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/accept.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

    .k-i-check:before {
        content: '' !important
    }

.grid-create-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/add.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-docInfo-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/doc-info.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-docInfo-stop {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/stop.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


.grid-search-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/search.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
} .grid-report-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Printer-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
} .grid-sign-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/male-user-accept-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
} .grid-sign-back-image
  {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Remove-Male-User-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-height-image {
    height: 25px;
    font-size:x-large;
}

.grid-restore-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/recycle.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-save-image {
    background-position: 0 0;
    background: url(../../../) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-bank-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/bank-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-action-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/application-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-category-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/categories.jpg) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-create-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/createNew.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.k-i-plus {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/add.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


.k-i-cancel {
    min-width: 25px !important;
}

.grid-search-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/search.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-car-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/car-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-chart-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/chart.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-chart-car {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/car-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-alarm-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/bell2.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
    margin-right: 4px;
    border-radius: 4px;
    border-color: #a3d0e4;
    color: #003f59;
    background-color: #daecf4;
    background-position: 50% 50%;
}


.grid-detail-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Test-paper-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-moror-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/import-export.jpg) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-phone-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/phone-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-check-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/check.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-corssRed-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/corssRed.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-checkBoxEmpty-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/CheckBoxEmpty.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-checkBoxSelectAll-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/CheckBoxSelectAll.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-deselectAllEmpty-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/deselectAllEmpty.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-selectAllEmpty-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/selectAllEmpty.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-exportExcel-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/exportExcel.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-importExcel-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/importExcel.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-taxConflict-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/taxConflict.png) 0px center no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}
.grid-btnFactor-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/docs.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-multiple-delete-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/group-delete.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


.tax1-icon {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/taxgov.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.store-icon {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/storage.png) 0px center no-repeat;
    background-size: 25px 25px;
    width: 58px;
    height: 25px;
}
.folder-icon {
    
    background: url(../../../Content/images/app-icons/folder_icon.png) 0px center no-repeat;
    color: transparent !important;
    min-width: 31px !important;
    padding: 2px 2px;
    width: 25px;
    height: 45px;
    display: inline-block;
}

.Insurance-icon {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Insurance.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.Financial-icon {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/financial.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.grid-red-cancel-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/cancel.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.grid-refresh-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/refresh.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-barcode-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/blg/barcode.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-formula-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/blg/create-formula.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-detail-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/blg/detail-info.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.conflict-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/taxConflict.png) 0px center no-repeat;
    background-size: 21px 21px;
    width: 21px;
    height: 25px;
}
.help-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/question.png) 0px center no-repeat;
    background-size: 21px 21px;
    width: 21px;
    height: 25px;
}
.information-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/information.png) 0px center no-repeat;
    background-size: 21px 21px;
    width: 21px;
    height: 25px;
}
.warning-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/Warning.png) 0px center no-repeat;
    background-size: 21px 21px;
    width: 21px;
    height: 25px;
}

.blg-money-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/blg/money-base.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-photo-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/photo.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-type-doc-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/type-doc.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-type-tecproperty-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/tecproperty2.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}


.blg-stuff-list-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/stuff-list.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}

.blg-storage-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/storage.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}
.report-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/BI.Png) 0px center no-repeat;
    background-size: 37px 29px;
    width: 34px;
    height: 25px;
}
.setting-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/my_setting_icon.png) 0px center no-repeat;
    background-size: 32px 29px;
    width: 32px;
    height: 29px;
}


.k-widget.k-tooltip {
    background-color: #ebe6a3;
    color: black !important;
    border: 1px solid #e4ce9e;
    font-family: 'iran-sans';
    font-size: 14px;
    position: absolute;
    bottom: 70px;
    width:75px;
}



.k-grid-addToContact,
.k-grid-addPersonelToContact,
.k-grid-customerDetail,
.k-grid-personelDetail,
.k-grid-contactDetail,
.k-grid-importContact,
.k-grid-sendEmail,
.k-grid-telegramMessage,
.k-grid-smsMessage,
.k-grid-historyMessage {
    width: 38px;
    min-width: 38px !important;
}

.k-window-titlebar.k-header {
    text-align: center;
}

.sign-container {
    height: 20px;
}

.sign-container-outbox {
    width: 100%;
    height: 100%;
}

    .sign-container-outbox div {
        display: inline-block;
        margin: 0 2%;
        width: 19%;
        height: 100%;
        border: 1px solid black;
        background: white;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
    }

    .sign-container-outbox span {
        position: relative;
        bottom: calc(-50% - 1px);
        right: calc(-50% + 6px);
    }


.sign-container div {
    display: inline-block;
    margin: 0 1px;
    width: 6px;
    height: 20px;
    border: 1px solid black;
    background: white;
}

.sign-container .sign1-fill {
    background-color: greenyellow;
}


.sign-container .sign2-fill {
    background-color: red;
}



.sign-container .sign3-fill {
    background-color: dodgerblue;
}

.sign-container .sign4-fill {
    background-color: mediumpurple;
}

.sign-container-outbox [class^="sign"], .row [class*="sign"] {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sign-container-outbox .sign1-empty {
    background-color: #e9ffc7;
}


.sign-container-outbox .sign2-empty {
    background-color: #ffd7d7;
}



.sign-container-outbox .sign3-empty {
    background-color: #cee7ff;
}

.sign-container-outbox .sign4-empty {
    background-color: #e1ccff;
}

.sign-container-outbox .sign1-fill {
    background-image: url(../../images/app-icons/fingerprint_green.png);
    background-color: #e9ffc7;
    

}


.sign-container-outbox .sign2-fill {
    background-image: url(../../images/app-icons/fingerprint_red.png);
    background-color: #ffd7d7;
}



.sign-container-outbox .sign3-fill {
    background-image: url(../../images/app-icons/fingerprint_blue.png);
    background-color: #cee7ff;
}

.sign-container-outbox .sign4-fill {
    background-image: url(../../images/app-icons/fingerprint_purple.png);
    background-color: #e1ccff;
    
}

.custom-header-lock {
    background-image: url(../../images/app-icons/lock-icon.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.custom-header-type {
    background-image: url(../../images/app-icons/type-icon.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}


.custom-header-sign {
    background-image: url(../../images/app-icons/fingerprint_red.png);
    background-size: 25px,25px;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
}
.custom-header-attachment {
    background-image: url(../../images/app-icons/attachment.png);
    background-size: 25px,25px;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
}


.custom-info-popup {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/info-popup.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

.custom-header-Refer {
    background-image: url(../../images/app-icons/Refered.png);
    background-size: 25px,25px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}


.custom-header-grouped {
    background-image: url(../../images/app-icons/pack-icon.png);
    background-size: 25px,25px;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
}


.custom-header-not-match {
    background-image: url(../../images/app-icons/warning-orange.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.fin-locked {
    background-image: url(../../images/app-icons/lock-icon.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.reqPayment {
    background-image: url(../../images/app-icons/DollerReq2.png);
    background-size: 29px,30px;
    width: 30px;
    height: 27px;
    display: block;
    margin: 0 auto;
}
.reqPaymentDisabeld {
    background-image: url(../../images/app-icons/disabledDoller.png);
    background-size: 29px,30px;
    width: 30px;
    height: 27px;
    display: block;
    margin: 0 auto;
}

.fin-stoped {
    background-image: url(../../images/app-icons/stop.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}


.fin-grouped {
    background-image: url(../../images/app-icons/pack-icon.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.fin-not-match {
    background-image: url(../../images/app-icons/warning-orange.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}
.fin-document-begin {
    background-image: url(../../images/app-icons/begin.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}
.fin-document-end {
    background-image: url(../../images/app-icons/end.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}
.fin-document-profit {
    background-image: url(../../images/app-icons/profit.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.blg-Not-transferred {
    background-image: url(../../images/app-icons/blg/white-circle.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.blg-All-transferred {
    background-image: url(../../images/app-icons/blg/green-circle.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.blg-Some-transferred {
    background-image: url(../../images/app-icons/blg/red-circle.png);
    background-size: 20px,20px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.sub-system-current-users span.k-header {
    /*background-color: red !important;*/
}

.sub-system-pl ul span.k-header {
    background-color: #D6DAC8 !important;
    color:black !important;
}

.sub-system-pl span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-pf span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}
.sub-system-um span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-um ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-pf ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-rel span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-rel ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}

.sub-system-orders span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-orders ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}

.sub-system-productionPlanning span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}
.sub-system-productionPlanning ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-wf span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-wf ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-bus span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-bus ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}

.sub-system-pw span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-pw ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-grt span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-grt ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-lbl span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-lbl ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-um ul ul li {
    background-color: whitesmoke !important;
    color:black !important;
}

.sub-system-pf ul ul li {
    background-color: whitesmoke !important;
}

.sub-system-exc span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-exc ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-exc ul ul li {
    background-color: whitesmoke !important;
}




.sub-system-eng span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-eng ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-eng ul ul li {
    background-color: whitesmoke !important;
}


.sub-system-pay span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-pay ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}
.sub-system-dashboard span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-dashboard ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}

.sub-system-pay ul ul li {
    background-color: whitesmoke !important;
}

.sub-system-hr span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-hr ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-hr ul ul li {
    background-color: whitesmoke !important;
}

.sub-system-crm span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-crm ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-crm ul ul li {
    background-color: whitesmoke !important;
}


.sub-system-inv span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}


.sub-system-inv ul span.k-header {
    /*.k-panel > li.k-item {*/
    background-color: #D6DAC8 !important;
    color: black !important;
}

.sub-system-inv ul ul li {
    background-color: whitesmoke !important;
}



.sub-system-fin span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-fin ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-fin ul ul li {
    background-color: whitesmoke !important;
}


.sub-system-pw ul ul li {
    background-color: whitesmoke !important;
}

.sub-system-bank span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-bank ul span.k-header {
    background-color: #D6DAC8 !important;
    color:black !important;
}


.sub-system-bank ul ul li {
    background-color: whitesmoke !important;
}


.sub-system-sale span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-sale ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-sale ul ul li {
    background-color: whitesmoke !important;
}


.sub-system-kar span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-kar ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-kar ul ul li {
    background-color: whitesmoke !important;
}

.sub-system-sm span.k-header {
    background-color: #e9cd9a !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-ia span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

sub-system-ia ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}


.sub-system-hse span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}
sub-system-hse ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
}

.sub-system-budget span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}
.sub-system-budget ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-Educational span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-Educational ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-Tourism span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-Tourism ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-wedding span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-wedding ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}





.sub-system-order span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-order ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}
.sub-system-tools span.k-header {
    background-color: #0C2D57 !important;
    color: white !important;
    font-weight: normal;
    font-size: 14px
}

.sub-system-tools ul span.k-header {
    background-color: #D6DAC8 !important;
    color: black !important;
    font-weight: normal;
    font-size: 14px
}
.sub-system-um .sub-system-hr .sub-system-crm {
}

.sub-system-inv {
}

.sub-system-fin {
}

.sub-system-pw {
}
.sub-system-bank {
}

.sub-system-sale {
}

.sub-system-kar {
}

.sub-system-dashboard {
}

.sub-system-help {
}

[class^="sub-system"] span:not(.fa) {
}



.k-grid-just-btn-container .k-grid-cancel,
.k-grid-just-btn-container .k-grid-update {
    color: transparent !important;
    min-width: 36px !important;
    padding: 2px 2px;
    width: 31px;
    height: 31px;
    display: inline-block;
}



.refer-end-other,
.refer-end-to,
.refer-end-from,
.refer-progress-to,
.refer-progress-from,
.refer-progress-other,
.refer-start-other,
.refer-start-to,
.refer-start-from {
    background-position: 0 0 !important;
    background-size: 25px 25px !important;
    width: 25px;
    height: 25px;
}



.refer-end-from {
    background: url(../../../content/images/app-icons/refer-end-from.png) 0px center no-repeat;
}

.tax-gov-image {
    background: url(../../../content/images/app-icons/taxgov.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
    background-position: 0 0;
}




.refer-end-other,
.refer-end-to {
    background: url(../../../content/images/app-icons/refer-end-to.png) 0px center no-repeat;
}

.refer-progress-to {
    background: url(../../../content/images/app-icons/refer-progress-to.png) 0px center no-repeat;
}

.refer-progress-from {
    background: url(../../../content/images/app-icons/refer-progress-from.png) 0px center no-repeat;
}


.refer-progress-other {
    background: url(../../../content/images/app-icons/refer-progress-other.png) 0px center no-repeat;
}

.refer-start-from {
    background: url(../../../content/images/app-icons/refer-start-from.png) 0px center no-repeat;
}
.refer-start-other, .refer-start-to {
    background: url(../../../content/images/app-icons/refer-start-to.png) 0px center no-repeat;
}

tr:not(.k-state-selected).back-refer-progress-other {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: #ffebc5;
}


tr:not(.k-state-selected).back-refer-progress-from {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: #ffe6e8;
}


tr:not(.k-state-selected).back-refer-progress-to {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: #dbfffc;
}

tr:not(.k-state-selected).back-refer-start-from,
tr:not(.k-state-selected).back-refer-end-from {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: #cbe8e6;
}
tr:not(.k-state-selected).back-refer-start-other,
tr:not(.k-state-selected).back-refer-end-other,
tr:not(.k-state-selected).back-refer-start-to,
tr:not(.k-state-selected).back-refer-end-to {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: #f3e2e4;
}



.button-disabled {
    display:block;
    font-size:8px;
    background-color:red;
}

 
.blg-type-Demontage-image {
    background-position: 0 0;
    background: url(../../../content/images/app-icons/tecproperty2.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 25px;
    height: 25px;
}