@font-face {
    font-family: 'SDF';
    src: url('fonts/IRANSans-Light-web.woff') format('woff'), url('fonts/IRANSans-Light-web.ttf') format('truetype');
    font-weight: normal
}

@font-face {
    font-family: 'SDFBold';
    src: url('fonts/IRANSans-Bold-web.woff') format('woff'), url('fonts/IRANSans-Bold-web.ttf') format('truetype');
    font-weight: bold
}

.panel .panel-heading a,
.panel .panel-heading a:hover,
.panel .panel-heading a:link,
.panel .panel-heading a:visited,
.panel .panel-heading a:active {
    color: #676a6c
}

#page-wrapper .form-control::placeholder {
    color: #b0b0b0;
    opacity: 1;
    font-family: 'SDF', Tahoma, Verdana
}

#page-wrapper .form-control:-ms-input-placeholder {
    color: #b0b0b0;
    font-family: 'SDF', Tahoma, Verdana
}

#page-wrapper .form-control::-ms-input-placeholder {
    color: #b0b0b0;
    font-family: 'SDF', Tahoma, Verdana
}

.sharp-holder[readonly]::-webkit-input-placeholder {
    color: #000 !important
}

.sharp-holder[readonly]:-ms-input-placeholder {
    color: #000 !important
}

.sharp-holder[readonly]::placeholder {
    color: #000 !important
}

.jqx-listbox-filter-input {
    left: 3px !important
}

.clr,
.clear {
    clear: both;
}

.accordion-toggle {
    cursor: pointer
}

.space-line {
    display: inline-block;
    width: 10px;
}

.pointer {
    cursor: pointer
}

.bg-transparent {
    background-color: transparent !important
}

.paddingtb {
    padding: 20px 0
}

.nopadding {
    padding: 0px !important;
}

.no-padding-left {
    padding-right: 0px !important
}

.no-padding-right {
    padding-left: 0px !important
}

.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

[required] {
    border-right: 2px solid #f00 !important
}

.red-tooltip+.tooltip.top>.tooltip-inner {
    background-color: red;
    color: #ff0
}

.red-tooltip+.tooltip.top>.tooltip-arrow {
    border-top-color: red
}

.red-tooltip+.tooltip.bottom>.tooltip-inner {
    background-color: red;
    color: #ff0
}

.red-tooltip+.tooltip.bottom>.tooltip-arrow {
    border-bottom-color: red
}

.red-tooltip+.tooltip.right>.tooltip-inner {
    background-color: red;
    color: #ff0
}

.red-tooltip+.tooltip.right>.tooltip-arrow {
    border-right-color: red
}

.red-tooltip+.tooltip.left>.tooltip-inner {
    background-color: red;
    color: #ff0
}

.red-tooltip+.tooltip.left>.tooltip-arrow {
    border-right-color: red
}

label.has-error.red-tooltip {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    background: #f00;
    color: #fff;
    padding: 4px;
    border-radius: 2px;
    font-size: 10px;
    white-space: nowrap;
    max-width: initial !important
}


.checkbox-inline label.has-error.red-tooltip {
    left: auto;
    right: 0px;
}

.form-group {
    position: relative
}

.customlist-items label.red-tooltip {
    width: auto !important;
    left: 15px !important
}

label.has-error.red-tooltip {
    left: auto;
    right: 0;
    top: 100%;
    margin: 0 !important;
    padding: 0.57rem;
    border-radius: 0.3rem;
}

.jqx-widget.jqx-widget-bootstrap.jqx-listbox-filter-input.jqx-listbox-filter-input-bootstrap.jqx-input.jqx-input-bootstrap.jqx-rc-all.jqx-rc-all-bootstrap {
    direction: rtl !important;
    text-align: right !important;
    line-height: 32px !important;
    height: 32px !important;
    padding: 5px !important;
}

.jqx-grid-cell .jqx-input-content {
    min-height: 28px !important;
}

.jqx-input-content {
    min-height: 28px;
}

.no-padding {
    padding: 0px !important
}

.no-margin {
    margin: 0px !important;
}

div.list-inline {
    display: inline-block
}

.fancybox-inner {
    overflow-x: hidden !important;
}

.glyphicon-refresh-animate {
    -animation: btnloading .7s infinite linear;
    -webkit-animation: btnloading2 .7s infinite linear;
}

@-webkit-keyframes btnloading2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes btnloading {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

.grd-btn-icon {
    display: inline-block !important;
    cursor: pointer;
}

.jqx-grid-cell a.btn-grid {
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    line-height: 24px;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
}

.jqx-grid-cell a.btn-grid:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

input[touchspin] {
    direction: ltr !important;
    text-align: left !important
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: spinner .6s linear infinite;
}

/*.spinner:before {content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;border-radius: 50%;border: 1px solid #ccc;border-top-color: #07d;animation: spinner .6s linear infinite;}
.spinner:before {content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border-radius: 50%;border: 2px solid transparent;border-top-color: #07d;border-bottom-color: #07d;animation: spinner .8s ease infinite;}
.spinner:before {content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border-radius: 50%;border-top: 2px solid #07d;border-right: 2px solid transparent;animation: spinner .6s linear infinite;}
.spinner:before {content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border-radius: 50%;border: 1px solid #f6f;border-top-color: #0e0;border-right-color: #0dd;border-bottom-color: #f90;animation: spinner .6s linear infinite;}*/

.btn .spinner:before {
    margin-top: -5px
}

a.btn .spinner:before {
    margin-left: auto;
    margin-right: -10px
}

td>a .spinner {
    margin-right: -10px
}

.btn svg {
    float: right
}

a.btn-sm .spinner {
    width: 12px;
    height: 12px;
    margin: 0 3px 0 0
}

a.btn-sm .spinner:before {
    width: 12px;
    height: 12px
}

.input-spinner {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAMQfAPX19enp6YuLi6Kiou3t7fHx8Wtra7Ozs6ysrHp6euTk5JaWloKCgtnZ2eDg4GNjY3Nzc93d3dHR0cXFxczMzPr6+sDAwMnJydXV1VRUVLm5uff39729vf39/f///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Rjg4QzA1Q0Y1MDhFMDExOUI1OUU3RTgxQjZEMzA5MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBM0QwRTBGMzFEOEUxMUUwQTQ5MkI1RUVCNzFERjJCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBM0QwRTBGMjFEOEUxMUUwQTQ5MkI1RUVCNzFERjJCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRTVFMkUxMDY5MTdFMDExODI1NEE2OTBBRDQxMTgzRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Rjg4QzA1Q0Y1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) !important
}

.status-Pending,
.status-0 {
    background-color: #495057 !important;
    color: #fff !important
}

.status-AwaitingPayment,
.status-1 {
    background-color: #ff7013 !important;
    color: #fff !important
}

.status-AwaitingFulfillment,
.status-2 {
    background-color: #005724 !important;
    color: #fff !important
}

.status-AwaitingConfirmation,
.status-3 {
    background-color: #e35a63 !important;
    color: #fff !important
}

.status-AwaitingWarehouse,
.status-4 {
    background-color: #fed67e !important;
    color: #444 !important
}

.status-AwaitingShipment,
.status-5 {
    background-color: #eefe02 !important;
    color: #444 !important
}

.status-AwaitingPickup,
.status-6 {
    background-color: #f88605 !important;
    color: #fff !important
}

.status-PartiallyShipped,
.status-7 {
    background-color: #9a4a00 !important;
    color: #fff !important
}

.status-Shipped,
.status-8 {
    background-color: #417fbe !important;
    color: #fff !important
}

.status-Completed,
.status-9 {
    background-color: #37b24d !important;
    color: #fff !important
}

.status-Archived,
.status-10 {
    background-color: #df9c00 !important;
    color: #444 !important
}

.status-Cancelled,
.status-11 {
    background-color: #a89d00 !important;
    color: #fff !important
}

.status-Refunded,
.status-12 {
    background-color: #e03131 !important;
    color: #fff !important
}

.status-Disputed,
.status-13 {
    background-color: #ff2200 !important;
    color: #fff !important
}

.status-PartiallyRefunded,
.status-14 {
    background-color: #747a8a !important;
    color: #fff !important
}

.status-ManualVerificationRequired,
.status-15 {
    background-color: #c0baaf !important;
    color: #fff !important
}

.status-NotFound,
.status-16 {
    background-color: #000000 !important;
    color: #fff !important
}