@import url("../font-styles/yekan.css");

.k-editor-widget {
    display: inline-block;
}

.k-menu .k-item > .k-link {
    line-height: 1.75em;
}

.th.k-header > .k-link {
    text-overflow: clip !important;
}

.k-widget.k-tooltip-validation.k-invalid-msg {
    position: absolute;
}

.k-grid-header {
    padding-right: 0 !important;
}

.k-grid tbody td:first-child {
    border-left-width: 1px !important;
}

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

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

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

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

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

.k-Credit {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/TurnOvers.png) 0px center no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
}
.k-cashMachine {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/cash-machine.png) 0px center no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
}.k-cashier {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/cashier.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

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

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

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

.k-Tax2 {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/Tax3.png) 0px center no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
}
.k-Tel2 {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/phone-icon.png) 0px center no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
}
.k-accept {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/check.png) 0px center no-repeat;
    background-size: 28px 28px;
    width: 31px;
    height: 32px;
}
.k-fail {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/delete.png) 0px center no-repeat;
    background-size: 28px 28px;
    width: 31px;
    height: 32px;
}
.k-transparent {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/save.png) 0px center no-repeat;
    background-size: 2px 2px;
    width: 2px;
    height: 2px;
}
.k-dollersign {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/dollersign.png) 0px center no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
}
.k-serials {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/inventory.png) 0px center no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
}
.k-packIcon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/pack-icon.png) 0px center no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.k-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;
}


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

.grid-button-transparent-color{
    color:transparent !important;
}

.grid-button-no-padding{
    min-width:0 !important;
    padding:2px 2px !important;
}

.grid-button-image-only .k-grid-content button:not(.image-and-text),
.grid-button-image-only .k-grid-content a.k-button:not(.image-and-text),
.grid-button-image-only .k-grid-content-locked button:not(.image-and-text),
.grid-button-image-only .k-grid-content-locked a.k-button:not(.image-and-text) {
    color: transparent !important;
    min-width: 36px !important;
    width: 33px;
    height: 32px;
}


.k-editor-toolbar li span.k-combobox {
    width: 100px;
    direction: rtl;
    text-align: right;
}

.k-editor-inline {
    height: 100% !important;
    min-height: 70px !important;
}

.k-widget.k-window.k-window-titleless.k-editor-widget {
    /*width: 130% !important*/
}

.k-calendar {
    font-family: 'yekan';
}

.k-scheduler-views a {
    text-decoration: none !important;
}


.table-header-no-ellipsis a {
    text-overflow: clip !important;
    color: red;
    white-space: nowrap;
}




.k-notification {
    font-family: 'Yekan' !important;
    background-color: #ffffff;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.3);
}

.k-widget.k-notification.k-notification-error {
        background-color: rgb(216, 57, 55) !important;
    color: #0099d9;
    border-color: #c32725 !important;
    width: 300px;
}


.k-notification {
    font-family: 'Yekan' !important;
    background-color: #ffffff;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.3);
}

/* Error template */
.k-notification-error.k-group {
    background: white;
    direction: rtl;
    
}


.notification-wrong {
    direction: rtl;
    width: 300px;
    height: auto !important;
    padding: 10px !important;
}

.notification-success {
    direction: rtl;
    height: auto !important;
    margin: 10px !important;
}
    .notification-wrong h3 {
        text-align: justify;
        line-height: 30px;
        font-size:20px !important;
        padding: 0;
        padding-right: 8px;
        margin: 0;
        color: #800000;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        float: right;
        width: calc(100% - 50px);

    }

    .notification-wrong img {
        float: right;
        margin: 0 0 0 0;
    }

    .notification-wrong p {
        margin: 40px 0 0 0;
        line-height: 1.3em;
        color: #460404;
        font-size:16px !important;
    }

/* Success template */
.k-notification-success.k-group {
    background: white;
    direction: rtl;
}


.notification-success h3 {
    text-align: justify;
        line-height: 30px;
        font-size: 20px;
        padding: 0;
        padding-right: 8px;
        margin: 0;
        color: rgb(32, 66, 3);
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        float: right;
        width: calc(100% - 50px);
}

.notification-success img {
     float: right;
        margin: 0 0 0 0;
}
.notification-success p {
    margin: 4px 0 0 0;
    padding-top: 40px;
    line-height: 1.3em;
    color: rgb(28, 58, 5);
    font-size: 16px !important;
}


.k-widget.k-notification.k-notification-success {
    background-color: rgb(100, 181, 63) !important;
    width: 300px;

}

.left-side-toolbar {
    left: 0;
    position: absolute;
}
















.notification-info {
    direction: rtl;
    height: auto !important;
    margin: 10px !important;
}

.notification-wrong img {
    float: right;
    margin: 0 0 0 0;
}



/* info template */
.k-notification-info.k-group {
    background: white;
    direction: rtl;
}


.notification-info h3 {
    text-align: justify;
    line-height: 30px;
    font-size: 20px;
    padding: 0;
    padding-right: 8px;
    margin: 0;
    color: #072654;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    float: right;
    width: calc(100% - 50px);
}

.notification-info img {
    float: right;
    margin: 0 0 0 0;
}

.notification-info p {
    margin: 4px 0 0 0;
    line-height: 1.3em;
    color: #031a3e;
    font-size: 16px !important;
}


.k-widget.k-notification.k-notification-info {
    background-color: rgb(120, 177, 232) !important;
    width: 300px;
}




.notification-alarm {
    direction: rtl;
    height: auto !important;
    margin: 10px !important;
}

    .notification-alarm img {
        float: right;
        margin: 0 0 0 0;
    }



/* info template */
.k-notification-alarm.k-group {
    background: white;
    direction: rtl;
}


.notification-alarm h3 {
    text-align: justify;
    line-height: 30px;
    font-size: 20px;
    padding: 0;
    padding-right: 8px;
    margin: 0;
    color: #072654;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    float: right;
    width: calc(100% - 50px);
}

.notification-alarm img {
    float: right;
    margin: 0 0 0 0;
}

.notification-alarm p {
    margin: 4px 0 0 0;
    line-height: 1.3em;
    color: #031a3e;
    font-size: 16px !important;
}


.k-widget.k-notification.k-notification-alarm {
    background-color: #67f1f0 !important;
    width: 300px;
}



.k-toolbar {
    padding: .1em .2em;
}

.k-toolbar *{
    margin:0 !important;
}
.k-select > .k-icon {
    margin-top: 8px !important;
}

li> .k-select > .k-icon {
    margin-top:2px !important;
}


*[data-bind="source: Permissions"] .k-grid-content {
        height: calc(100% - 30px);
}

.k-rtl .k-filtercell>span {
    /*width: 100%;*/
}
.k-rtl .k-filter-row .k-dropdown-operator {
    /*left: 0;*/
}
.k-rtl .k-grid-header .k-with-icon .k-link {
    margin-right: -.6em;
    margin-left: 1.6em;
}
.k-rtl .k-filtercell>span>.k-button {
    display: none !important
}

.is-done-scheduler {
    height: 100%;
    background: rgb(255, 106, 121);
    color: white;
}
.is-not-done-scheduler {
    height: 100%;
    background:rgb(165,216,171);
    color: white;
}

.k-upload .k-button.k-upload-selected {
        margin-right: 0px;
    margin-left: 0px;
        width: 49%;
}
.k-upload .k-button.k-clear-selected {
        margin-right: 0px;
    margin-left: 0px;
        width: 49%;
}




.k-nodata {
    color: #439dc3 !important;
}


.k-button-fit-image img{
    width:25px;
    height:25px;
}

tr:not(.k-state-selected).search-highlight {
    background: #fff5aa;
}

.is-not-balance {
    background-color: #f7dada
}


.k-state-selected .k-i-expand:before {
    color: white !important;
}

.k-i-expand:before {
    content: "\e120";
    color: green;
}

.k-i-collapse:before {
    content: "\e122";
    color: red;
}
.k-textbox:disabled,
.k-textbox:disabled:hover {
    background: #f3f1f1;
}


.gallery-icon {
    background-position: 0 0 !important;
    background: url(../../../content/images/app-icons/gallery-icon.png) 0px center no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
}


.mfp-bg, .mfp-wrap {
    z-index: 999999999 !important;
}


.ng-touched.ng-invalid {
    background: #ff00001f;
}