@charset "utf-8";


/* *********** svg icon (2025-01-30 all change) ********** */
@font-face {
    font-family: 'icomoon';
    src:  url('../font/icomoon.eot?1072gl');
    src:  url('../font/icomoon.eot?1072gl#iefix') format('embedded-opentype'),
      url('../font/icomoon.woff2?1072gl') format('woff2'),
      url('../font/icomoon.ttf?1072gl') format('truetype'),
      url('../font/icomoon.woff?1072gl') format('woff'),
      url('../font/icomoon.svg?1072gl#icomoon') format('svg');

    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="tabs-icon-"], [class*=" tabs-icon-"],
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon', arimo !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-bg {
    display: inline-block;
    margin-right: 5px;
    padding: 8px 10px;
    background-color: #f7f7f7 !important;
    font-size: 20px;
    border-radius: 3px;
}
.icon-bg:hover {
   /* background-color: #c6ebe9 !important; moving */
    cursor: pointer;
}
.icon-bg-dis {
    display: inline-block;
    margin-right: 5px;
    padding: 8px 10px;
    background-color: #f7f7f7;
    /**/font-size:20px;
    border-radius: 3px;
}

.preview-header .icon-tab-delete {
    display: inline-block;
    width: 20px;
    height: 17px;
    border-radius: 0px 200px 200px 0px;
    -moz-border-radius: 0px 200px 200px 0px;
    -webkit-border-radius: 0px 200px 200px 0px;
    border: 0px solid #8f8f8f;
    background-color: #8f8f8f;
}
.preview-header .icon-tab-delete:before {
    position:relative;
    top:1px;
    left:-1px;
    color: #fff;
    font-size: 9px;
}
.cc-hdrann-icon {
    background-image: url("../images/common/icon-hdrann.png");
    background-repeat: no-repeat;
    width: 39px;
    height: 38px;
    display: block;
    color: white;
    padding-left: 11px;
}
.cc-hdrann-icondis {
    background-image: url("../images/common/icon-hdranndis.png");
    background-repeat: no-repeat;
    width: 39px;
    height: 38px;
    display: block;
    background-position: 0 9px;
}
.cc-hdrann-close {
    background-image: url(../images/common/close.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 8px;
    top: 8px;
}
/* asidebar */
.icon-erp:before {
    content: "\e92c";
    color: #0ca49d;
    font-size: 55px;
}
.selected .icon-erp:before {
    color: #fff;
}
.icon-onlineshop:before {
    content: "\e961";
    color: #66aa2d;
    font-size: 61px;
}
.selected .icon-onlineshop:before {
    color: #fff;
}
.icon-tradeshow:before {
    content: "\e962";
    color: #df6590;
    font-size: 55px;
}
.selected .icon-tradeshow:before {
    color: #fff;
}
.icon-marketplace:before {
    content: "\e960";
    color: #f06c5f;
    font-size: 55px;
}
.icon-importdata:before {
    content: "\e92f";
    color: #026ac3;
    font-size: 55px;
}
.icon-wpimport {
    background: url("../images/common/icon-wpimport.png") no-repeat;
    display: block;
    height: 55px;
    background-position: 33px 1px;
}

/* font-size */
.icon-new,
.icon-new-window,
.icon-user-setting,
.icon-back-to-list,
.icon-refresh,
.icon-delete,
.icon-deactivate,
.icon-activate,
.icon-create-invoice,
.icon-clear-wip-allocation,
.icon-auto-wip-allocation,
.icon-create-allocation,
.icon-create-prepick,
.icon-deposit-check,
.icon-undeposit-check,
.icon-cancel-itemin,
.icon-itemin,
.icon-refund-credit,
.icon-return-refund-invoice,
.icon-close-credit {
    font-size: 28px;
}
.icon-confirm-po-out,
.icon-voluntary-close,
.icon-cancel-voluntary-close,
.icon-confirm-po-outdis,
.icon-voluntary-closedis,
.icon-cancel-voluntary-closedis,
.icon-assign-contain-no,
.icon-assign-master-no,
.icon-assign-contain-nodis,
.icon-assign-master-nodis {
    font-size: 29px;
}
.icon-newdis,
.icon-new-windowdis,
.icon-user-settingdis,
.icon-back-to-listdis,
.icon-savedis,
.icon-save-n-newdis,
.icon-printdis,
.icon-emaildis,
.icon-refreshdis,
.icon-deletedis,
.icon-deactivatedis,
.icon-activatedis,
.icon-create-invoicedis,
.icon-clear-wip-allocationdis,
.icon-auto-wip-allocationdis,
.icon-create-allocationdis,
.icon-create-prepickdis,
.icon-deposit-checkdis,
.icon-undeposit-checkdis,
.icon-cancel-itemindis,
.icon-itemindis,
.icon-refund-creditdis,
.icon-return-refund-invoicedis,
.icon-close-creditdis {
    font-size: 28px;
}
.icon-request-prepick,
.icon-request-prepickdis,
.icon-clear-request-prepick,
.icon-clear-request-prepickdis,
.icon-auto-allocation,
.icon-auto-allocationdis,
.icon-clear-allocation,
.icon-clear-allocationdis {
    font-size: 30px;
    padding: 6px 10px 8px 10px;
}

/*** login ***/
.icon-acc-no,
.icon-password,
.icon-user-name {
    position: absolute;
    left: 12px;
    top: 45%;
    transform: translateY(-50%);
    z-index: 10;
}
.icon-acc-no:before {
    content: "\ea06";
    color: #035a54;
    font-size: 17px;
    position: relative;
}
.icon-password:before {
    content: "\ea07";
    color: #035a54;
}
.icon-user-name .path1:before {
    content: "\ea08";
    color: #035a54;
}
.icon-user-name .path2:before {
    content: "\ea09";
    color: #035a54;
}
.icon-eye:before {
    content: "\ea1b";
  }
.icon-eye-blocked:before {
    content: "\ea17";
}
.icon-login-account {
    background: url('../images/login/icon-login-account.svg') no-repeat;
    width: 32px;
    height: 32px;
    background-size: 30px;
}
.icon-login-user {
    background: url('../images/login/icon-login-user.svg') no-repeat;
    width: 32px;
    height: 32px;
    background-size: 30px;
}
.icon-login-password {
    background: url('../images/login/icon-login-pw.svg') no-repeat;
    width: 32px;
    height: 32px;
    background-size: 30px;
}
.icon-eye-open {
    background: url('../images/login/icon-eye-open.svg') no-repeat;
    width: 32px;
    height: 32px;
    background-size: 30px;
}
.icon-eye-hidden {
    background: url('../images/login/icon-eye-hidden.svg') no-repeat;   
    width: 32px;
    height: 32px;
    background-size: 30px;
}
.icon-indicator:before {
    content: "\ea1c";
    color: black;
    font-size: 25px;
  }
.icon-logistics {
    display: flex;
    align-items: center;
}
.icon-logistics:before {
    content: "\ea1d";
    color: #31a59f;
    font-size: 32px;
}


/**** sidebar start ****/

.icon-sidebar-active-bg:before {
    /* content: "\e958";
color: #00a098; moving */
}
.icon-admin:before {
    content: "\e97d";
}
.icon-list,
.icon-favorite,
.icon-admin {
    display: inline-block;
    color: #666666;
    font-size: 15px;
}

.icon-customer,
.icon-customer-ar,
.icon-review,
.icon-style,
.icon-inventory,
.icon-sales-order,
.icon-sales-mgmt,
.icon-invoice,
.icon-purchase-order,
.icon-production-order,
.icon-work-in-process,
.icon-code-setting,
.icon-code-mapping,
.icon-company-setting,
.icon-others,
.icon-audit,
.icon-security,
.icon-utility,
.icon-shop-setting,
.icon-market-setting,
.icon-show-setting,
.icon-credit-memo,
.icon-tax-report{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #4a494a;
}
.icon-style,
.icon-review {
    font-size: 18px;
}
.icon-sales-order,
.icon-production-order{
    font-size: 21px;
}
.sidebar-minimized .icon-customer,
.sidebar-minimized .icon-customer-ar,
.sidebar-minimized .icon-review,
.sidebar-minimized .icon-style,
.sidebar-minimized .icon-inventory,
.sidebar-minimized .icon-sales-order,
.sidebar-minimized .icon-sales-mgmt,
.sidebar-minimized .icon-invoice,
.sidebar-minimized .icon-purchase-order,
.sidebar-minimized .icon-production-order,
.sidebar-minimized .icon-work-in-process,
.sidebar-minimized .icon-code-setting,
.sidebar-minimized .icon-code-mapping,
.sidebar-minimized .icon-company-setting,
.sidebar-minimized .icon-others,
.sidebar-minimized .icon-audit,
.sidebar-minimized .icon-security,
.sidebar-minimized .icon-utility,
.sidebar-minimized .icon-favorite-favorite,
.sidebar-minimized .icon-shop-settin,
.sidebar-minimized .icon-credit-memo,
.sidebar-minimized .icon-fabric,
.sidebar-minimized .icon-bill-of-material,
.sidebar-minimized .icon-market-setting,
.sidebar-minimized .icon-import-data,
.sidebar-minimized .icon-shop-setting,
.sidebar-minimized .icon-tax-report,
.sidebar-minimized .icon-cut-order,
.sidebar-minimized .icon-link-to,
.sidebar-minimized .icon-export,
.sidebar-minimized .icon-import {
    font-size: 23px;
    display: inline-block;
    width: 46px;
    text-align: center;
}
.sidebar-minimized .icon-import-data {
    background-position: 11px -2px;
}
.sidebar-minimized .icon-line-sheet {
    width: 49px;
    background-position: 9px 0px;
    background-size: 27px;
    height: 25px;
}
.sidebar-minimized .icon-vendor{
    width: 49px;
    background-position: 13px 0px;
    background-size: 21px;
    height: 25px;
}
.sidebar-minimized .icon-vendor-ap {
    width: 49px;
    background-position: 11px 0px;
    background-size: 26px;
    height: 25px;
}
.sidebar-minimized .icon-fabric:before,
.sidebar-minimized .icon-bill-of-material:before,
.sidebar-minimized .icon-cut-order:before{
    font-size: 22px;
    left: 4px;
}
.sidebar-minimized .icon-link-to:before {
    font-size:22px !important;
}
.sidebar-minimized .icon-export, .sidebar-minimized .icon-import {
    background-size: 21px;
    background-position: 12px -1px;
}
.icon-show-setting:before,
.icon-market-setting:before,
.icon-shop-setting:before {
    content: "\e964";
}
.icon-production-order:before {
    content: "\e91b";    
}
.icon-sales-mgmt:before {
    content: "\e922";
}
.icon-audit:before {
    content: "\e914";
}

.icon-code-mapping:before,
.icon-code-setting:before {
    content: "\e919";
}
.icon-company-setting:before {
    content: "\e918";
}
.icon-customer:before {
    content: "\e951";
}
.icon-customer-ar:before {
    content: "\e950";
}
.icon-inventory:before {
    content: "\e94b";
}
.icon-invoice:before {
    content: "\e921";
}
.icon-others:before {
    content: "\e917";
}
.icon-purchase-order:before {
    content: "\e91c";
}
.icon-cut-order:before {
    content: "\e995";
    font-size: 17px;
    margin-right: 3px;
    position: relative;
    left: 2px;
}
.icon-sales-order:before {
    content: "\e925";
}
.icon-security:before {
    content: "\e907";
}
.icon-style:before {
    content: "\e94c";
}
.icon-utility:before {
    content: "\e906";
}
.icon-work-in-process:before {
    content: "\e91a";
}
.icon-review:before {
    content: "\e94f";
}
.icon-tax-report:before {
    content: "\e9bd";
    position: relative;
    right: 1px;
}
.icon-credit-memo:before {
    content: "\e98c";
}
.icon-favorite-favorite {
    display: inline-block;
    color: #666666;
    width: 23px;
    text-align: center;
    font-size: 20px;
}
.icon-favorite-delete {
    display: inline-block;
    color: #666666;
    width: 18px;
    text-align: center;
    font-size: 17px;
    padding-top: 8px;
}
.icon-favorite-delete-undo {
    display: inline-block;
    color: #666666;
    text-align: center;
    padding-top: 3px;
    padding-left:10px;
}
.icon-favorite-delete-undo:hover {
color:#000;
}
.icon-favorite:before {
    content: "\e915";
}
.icon-favorite-delete:before {
    content: "\e904";
}
.icon-favorite-delete-undo:before {
    content: "\e970";
    font-size: 19px;
}
.icon-favorite-favorite:before {
    content: "\e905";
}
.icon-list:before {
    content: "\e916";
}
.icon-favoritedis:before {
    content: "\e915";
    color: #ccc;
}
.icon-favorite-deletedis:before {
    content: "\e904";
    color: #ccc;
}
.icon-favorite-favoritedis:before {
    content: "\e905";
    color: #ccc;
}
.icon-listdis:before {
    content: "\e916";
    color: #ccc;
}
.icon-od-addnew:before {
    content: "\e994";
    color: #797979;
    font-size:26px;
}
.icon-link-to:before {
    content: "\e9e4";
    color: #4a494a;
    font-size:18px;
}
.icon-export {
    background: url("../images/common/export.svg") no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    left: 1px;
    margin-right:2px;
}
.icon-import {
    background: url("../images/common/import.svg") no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    left: 1px;
    margin-right: 2px;
}
/**** sidebar - end ****/





/****** List Searchbar Icons Start ******/
.icon-FilterOn:before {
    content: "\e927";
}
.icon-FilterOff:before {
    content: "\e926";    
}
.icon-searchbar-columns:before {
    content: "\e91d";
}
.icon-searchbar-memorize:before {
    content: "\e91e";
}
.icon-searchbar-print-list:before {
    content: "\e98b";
}
.icon-searchbar-advanced-search:before {
    content: "\e927";
}
.icon-FilterOn,
.icon-FilterOff {
    display: inline-block;
    padding: 9px 6px 0 6px;
    font-size: 14px;
    color: #929292;
    cursor:pointer;
}
.icon-searchbar-columns,
.icon-searchbar-memorize,
.icon-searchbar-print-list,
.icon-export-pdf:before,
.icon-export-excel:before,
.icon-export-excel-all:before {
    display: inline-block;
    padding: 7px 6px 10px 6px;
    font-size: 17px;
    color: #929292;
}
.pagesshow-show-server-print .icon-searchbar-columns,
.pagesshow-show-server-print .icon-searchbar-memorize {
    padding: 5px 10px;
}
    .icon-FilterOn:hover:before,
    .icon-FilterOff:hover:before,
    .icon-searchbar-columns:hover:before,
    .icon-searchbar-memorize:hover:before,
    .icon-searchbar-print-list:hover:before,
    .icon-export-pdf:hover:before,
    .icon-export-excel:hover:before,
    .icon-export-excel-all:hover:before{
        color: #000;
    }
/****** List Searchbar Icons End ******/


/* etc icon - ALL */
.icon-set-category {
    background: url(../images/common/icon-set-category.svg) no-repeat;
    width: 55px;
    height: 46px;
    background-size: 48px;
    background-position: 3px 5px;
}
.icon-set-categorydis {
    background: url(../images/common/icon-set-categorydis.svg) no-repeat;
    width: 55px;
    height: 46px;
    background-size: 48px;
    background-position: 3px 5px;
}
.icon-export-item {
    background: url(../images/common/export-item.svg) no-repeat;
    width: 55px;
    height: 46px;
    background-size: 34px;
    background-position: 11px 7px;
}
.icon-export-itemdis {
    background: url(../images/common/export-itemdis.svg) no-repeat;
    width: 55px;
    height: 46px;
    background-size: 34px;
    background-position: 11px 7px;
}
.icon-export-inventory {
    background: url(../images/common/export-inventory.svg) no-repeat;
    width: 55px;
    height: 46px;
    background-size: 34px;
    background-position: 11px 7px;
}
.icon-export-inventorydis {
    background: url(../images/common/export-inventorydis.svg) no-repeat;
    width: 55px;
    height: 46px;
    background-size: 34px;
    background-position: 11px 7px;
}
.icon-edit-item {
    width: 55px;
    height: 46px;
}
.icon-edit-item:before {
    content: "\e9e5";
    color: #4a494a;
    font-size: 34px;
    position: relative;
    bottom: 5px;
    left: 2px;
}
.icon-edit-itemdis:before {
    content: "\e9e5";
    color: #ccc;
    font-size: 34px;
    position: relative;
    bottom: 5px;
    left: 2px;
}
.icon-bill-of-material:before {
    content: "\e9ad";
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    left: 2px;
}
.icon-fabric:before {
    content: "\e9ae";
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    left: 2px;
}
.icon-delete-undo:before {
    content: "\e970";
    color: #4b4a4b;
}
.icon-shop-tab:before {
    position: relative;
    content: "\e968";
    color: #dddddd;
    font-size: 11px;
    left: -8px;
}
.icon-shop-tab.is-active:before {
    font-family: 'icomoon';
    position: relative;
    content: "\e968";
    color: #65aa44;
    font-size: 13px;
    left: -8px;
}


.icon-new-info:before {
    content: "\e965";
    color: #666666;
    font-size: 22px;
}
.icon-undo:before {
    content: "\e957";
   /* color: #00a098; moving */
}
.icon-logout {
    font-size: 19px;
    position:relative;
    top:4px;
}
.icon-logout:before {
    content: "\e900";
}
.icon-user {
    font-size: 14px;
    padding: 0 .3rem 0 .3rem;
    top: 1px;
}
.icon-user:before {
    content: "\e901";
    color:#fff;
}
.icon-unchecked {
    letter-spacing:-1px;
}
.icon-unchecked:before {
    position: relative;
    top: 2px;
    margin-right: 2px;
    content: "\e942";
    color: #8f8f8f;
    font-size: 15px;
    background:#fff;
}
.icon-disabled:before {
    position: relative;
    top: 2px;
    margin-right: 2px;
    content: "\e942";
    color: #8f8f8f !important;
    font-size: 15px;
    background: #E8E8E8 !important;
}
.icon-checked:before {
    position: relative;
    top: 2px;
    margin-right: 3px;
    content: "\e943";
    /* color: #00a098; moving */
    font-size: 15px;
}
.icon-unchecked:focus,
.icon-checked:focus {  
    border: 0 !important;
}
.icon-checked {
   /* color: #00867f; moving */
    letter-spacing: -1px;
}
.tabs-icon-checked:before {
    position: relative;
    top: 2px;
    margin-right: 3px;
    content: "\e943";
    color: red;
    font-size: 15px;
}

.icon-shipmentdis:before {
    content: url("https://i.imgur.com/kL1VGrV.png");
    color: #ccc;
    font-size: 40px;
    position: relative;
}

.icon-new-info:hover,
.icon-favorite-delete:hover,
.icon-sendemail-preview:hover {
    color: #000;
}
.icon-asidebar-setting:before {
    content: "\e928";
}
.icon-attached-file:before {
    content: "\e929";
}
.icon-checked-readonly:before {
    content: "\e92a";
    color: #8f8f8f;
}
.icon-home-address {
    position: relative;
    top: 3px;
    left: -2px;
    font-size: 18px;
    margin-right: 2px;
    left: -1px;
}
.icon-home-address:before {
    content: "\e92b";
    color: #4b4a4b;
}
.icon-home-email {
    font-size: 16px;
    position: relative;
    top: -2px;
}
.icon-home-email:before {
    content: "\e92d";
    color: #4b4a4b;
    position: relative;
    top: 3px;
    padding-right: 5px;
}
.icon-home-phone {
    font-size: 17px;
    margin-right: 4px;
}
.icon-home-phone:before {
    content: "\e92e";
    color: #00867f;
}
#pagesshow-home-detail .icon-home-phone:before {
    content: "\e92e";
    color: #df6590;
}
.icon-home-tour {
    width: 45px;
    height: 45px;
    background-image: url(/images/common/icon-home-tour.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
.icon-home-chat {
    width: 45px;
    height: 45px;
    background-image: url(/images/common/icon-home-chat.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
.icon-popup-close:before {
    content: "\e930";
}
.icon-sendemail-preview:before {
    content: "\e93b";
}
.icon-sendemail-zoom:before {
    content: "\e932";
}
.icon-tab-delete:before {
    content: "\e933";
    font-size: 12px;
}

/*** SalesOrder Icons Start ***/
.icon-create-order, .icon-create-orderdis {
    width:56px;
    height:44px;
}
.icon-create-order:before {
    content: "\e9fd";
    color: #4b4a4b;
    font-size:40px;
    position: relative;
    bottom: 4px;
    right:1px;
}
.icon-create-orderdis:before {
    content: "\e9fd";
    color: #cccccc;
    font-size:40px;
    position: relative;
    bottom: 4px;
    right:1px;
}
.icon-manual:before {
    content: "\e945";
    color: #cccccc;
    font-size: 21px;
    padding: 4px 6px 3px 6px;
    border-radius: 0.1875rem;

}
.icon-barcode:before {
    content: "\e944";
    color: #cccccc;
    font-size: 21px;
    padding: 3px 6px 3px 6px;
    border-radius: 0.1875rem;
    margin-right: 3px;
}
.icon-barcode:hover:before,
.icon-manual:hover:before {
    color: #000;
    cursor:pointer;
}
.icon-manual.active:before,
.icon-barcode.active:before {
    color: #fff;
    /* background-color: #00a098; moving */
}
/*
.icon-barcode-lg {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAxOHYtMTJoMnYxMmgtMnptNCAwdi0xMmgydjEyaC0yem00IDB2LTEyaDF2MTJoLTF6bTggMHYtMTJoMXYxMmgtMXptLTUgMHYtMTJoM3YxMmgtM3ptOCAwdi0xMmgydjEyaC0yem00IDB2LTEyaDF2MTJoLTF6Ii8+PC9zdmc+");
    width: 45px;
    height: 28px;
}*/
.icon-edit:before {
    content: "\e94d";
    color: #4b4a4b;
}
.icon-promo-code, .icon-promo-codedis{
    width:56px;
    height:46px;
}
.icon-promo-code:before {
    content: "\e9f5";
    color: #4b4a4b;
    font-size: 38px;
    position: relative;
    bottom: 5px;
    right: 1px;
}
.icon-promo-codedis:before {
    content: "\e9f5";
    color: #ccc;
    font-size: 38px;
    position: relative;
    bottom: 5px;
    right: 1px;
}
/*** SalesOrder Icons End ***/


/* *** Toolbar Start *** */
.icon-close-credit:before {
    content: "\e97e";
    color: #4b4a4b;
}
.icon-close-creditdis:before {
    content: "\e97e";
    color: #ccc;
}

.icon-cancel-itemin:before {
    content: "\e987";
    color: #4d4c4e;
}
.icon-cancel-itemindis:before {
    content: "\e987";
    color: #ccc;
}

.icon-itemin:before {
    content: "\e988";
    color: #4d4c4e;
}
.icon-itemindis:before {
    content: "\e988";
    color: #ccc;
}
.icon-refund-credit:before {
    content: "\e989";
    color: #4b4a4b;
}
.icon-refund-creditdis:before {
    content: "\e989";
    color: #ccc;
}

.icon-return-refund-invoice:before {
    content: "\e98a";
    color: #4c4a4c;
}
.icon-return-refund-invoicedis:before {
    content: "\e98a";
    color: #ccc;
}
.icon-pay-request-detail {
    background: url("../images/common/pay-request-detail.svg") no-repeat;
    width: 56px;
    height: 45px;
    background-size: 40px;
    background-position: 7px;
    background-color:#f7f7f7;
}
.icon-pay-request-detaildis {
    background: url("../images/common/pay-request-detaildis.svg") no-repeat;
    width: 56px;
    height: 45px;
    background-size: 40px;
    background-position: 7px;
    background-color: #f7f7f7;
}
.icon-confirmpayrequest {
    width: 55px;
    height: 45px;
}
.icon-confirmpayrequest:before {
    content: "\ea05";
    color: #4b4a4b;
    font-size: 32px;
    position: relative;
    bottom: 1px;
    right: 3px;
}
.icon-confirmpayrequestdis:before {
    content: "\ea05";
    color: #cccccc;
    font-size: 32px;
    position: relative;
    bottom: 1px;
    right: 3px;
}
.icon-pay-summary {
    background: url("../images/common/pay-summary.svg") no-repeat;
    width: 56px;
    height: 45px;
    background-size: 40px;
    background-position: 7px;
    background-color: #f7f7f7;
}
.icon-pay-summarydis {
    background: url("../images/common/pay-summarydis.svg") no-repeat;
    width: 56px;
    height: 45px;
    background-size: 40px;
    background-position: 7px;
    background-color: #f7f7f7;
}
.icon-paid-summary, .icon-paid-summarydis {
    width: 56px;
    height: 45px;
}
.icon-paid-summary:before {
    content: "\e9ed";
    color: #4b4a4b;
    font-size:42px;
    line-height: 30px;
}
.icon-paid-summarydis:before {
    content: "\e9ed";
    color: #ccc;
    font-size:42px;
    line-height:30px;
}
.icon-print-packing-list:before {
    content: "\e97b";
    color: #4b4a4b;
    font-size: 30px;
    line-height: 28px;
}

.icon-print-packing-label:before {
    content: "\e97c";
    color: #4b4a4b;
    font-size: 30px;
    line-height: 28px;
}
.icon-print-packing-listdis:before {
    content: "\e97b";
    color: #ccc;
    font-size: 30px;
    line-height: 28px;
}

.icon-print-packing-labeldis:before {
    content: "\e97c";
    color: #ccc;
    font-size: 30px;
    line-height: 28px;
}
.icon-cc-auth-print, .icon-cc-auth-printdis {
    width:56px;
    height: 44px;
}
.icon-cc-auth-print:before {
    content: "\e992";
    color: #4b4a4b;
    font-size: 45px;
    position: relative;
    top: -9px;
    left: -4px;
}
.icon-cc-auth-printdis:before {
    content: "\e992";
    color: #ccc;
    position: relative;
    top: -9px;
    left: -4px;
    font-size: 45px;
}
.icon-invoice-print, .icon-invoice-printdis {
    width:56px;
    height:45px;
}
.icon-invoice-print:before {
    content: "\e998";
    color: #4b4a4b;
    font-size:43px;
    position: relative;
    left:4px;
}
.icon-invoice-printdis:before {
    content: "\e998";
    color: #ccc;
    font-size:43px;
    position: relative;
    left:4px;
}
.icon-cancel-voluntary-close,
.icon-cancel-voluntary-closedis,
.icon-confirm-po-out,
.icon-confirm-po-outdis,
.icon-voluntary-close,
.icon-voluntary-closedis {
    padding-left: 9px;
    padding-right: 9px;
}
.icon-assign-contain-no,
.icon-assign-contain-nodis {
    padding-left: 6px;
    padding-right: 6px;
}
.icon-assign-master-no,
.icon-assign-master-nodis {
    padding-left: 6px;
    padding-right: 7px;
}
.icon-damage-out,
.icon-damage-outdis {
    padding: 8px 6px 7px 10px;
    margin-left: 2px;
}
.icon-damage-out:before {
    content: "\e977";
    color: #4b4a4b;
    font-size: 31px;
}
.icon-damage-outdis:before {
    content: "\e977";
    color: #ccc;
    font-size: 31px;
}

.icon-transfer-inventory {
    padding: 7px 9px 7px 7px;
}
.icon-transfer-inventorydis {
    padding: 7px 9px 7px 7px !important;
}
.icon-transfer-inventory:before {
    content: "\e978";
    color: #4b4a4b;
    font-size: 31px;
}
.icon-transfer-inventorydis:before {
    content: "\e978";
    color: #ccc;
    font-size: 31px;
}
.icon-cancel-voluntary-close:before {
    content: "\e973";
    color: #4b4a4b;
}
.icon-cancel-voluntary-closedis:before {
    content: "\e973";
    color: #ccc;
}
.icon-voluntary-close:before {
    content: "\e974";
    color: #4b4a4b;
}
.icon-voluntary-closedis:before {
    content: "\e974";
    color: #ccc;
}
.icon-confirm-po-out:before {
    content: "\e972";
    color: #4b4a4b;
}
.icon-confirm-po-outdis:before {
    content: "\e972";
    color: #ccc;
}
.icon-receive-item-single:before {
    content: "\e96f";
    color: #4b4a4b;
}
.icon-receive-item-singledis:before {
    content: "\e96f";
    color: #ccc;
}
.icon-receive-item-multi:before {
    content: "\e971";
    color: #4b4a4b;
    font-size: 38px;
}
.icon-receive-item-multi {
    padding: 7px 4px 1px 4px;
    line-height: 28px;
    margin-top: 1px;
}
.icon-receive-item-multidis {
    padding: 7px 4px 1px 4px;
    line-height: 28px;
    margin-top: 1px;
}
.icon-receive-item-multidis:before {
    content: "\e971";
    color: #ccc;
    font-size: 38px;
}
.icon-assign-contain-no:before {
    content: "\e976";
    color: #4b4a4b;
}
.icon-assign-contain-nodis:before {
    content: "\e976";
    color: #ccc;
}
.icon-assign-master-no:before {
    content: "\e975";
    color: #4b4a4b;
}
.icon-assign-master-nodis:before {
    content: "\e975";
    color: #ccc;
}
.icon-export-pdf:before {
    content: "\e96d";
}

.icon-export-excel:before {
    content: "\e96e";
    font-size: 18px;
}
.icon-confirm-email:before {
    content: "\e96c";
    color: #4b4a4b;
    font-size: 30px;
    line-height: 31px;
}
.icon-confirm-emaildis:before {
    content: "\e96c";
    color: #ccc;
    font-size: 30px;
    line-height: 28px;
}
.icon-customer-deactivate-email:before {
    content: "\e96b";
    color: #4b4a4b;
    font-size: 30px;
    line-height: 25px;
}
.icon-customer-deactivate-emaildis:before {
    content: "\e96b";
    color: #ccc;
    font-size: 30px;
    line-height: 25px;
}
.icon-customer-activate-email:before {
    content: "\e96a";
    color: #4b4a4b;
    font-size: 30px;
    line-height: 25px;
}
.icon-customer-activate-emaildis:before {
    content: "\e96a";
    color: #ccc;
    font-size: 30px;
    line-height: 25px;
}
.icon-style-activate:before {
    content: "\e969";
    color: #4d4a4c;
    font-size: 30px;
    line-height: 28px;
}
.icon-style-activatedis:before {
    content: "\e969";
    color: #ccc;
    font-size: 30px;
    line-height: 28px;
}
.icon-invisible:before {
    content: "\ea03";
    color: #808080;
}
.icon-save-n-print:before {
    content: "\e95e";
    color: #4b4a4b;
    font-size: 27px;
    line-height: 28px;
}
.icon-save-n-printdis:before {
    content: "\e95e";
    color: #ccc;
    font-size: 27px;
    line-height: 28px;
}
.icon-print, .icon-printdis {
    padding: 7px 11px 7px 9px;
    margin-top: 1px;
}
.icon-save, .icon-save-n-new {
    padding: 9px 11px 8px 11px;
}
.icon-deposit-check:before {
    content: "\e95c";
    color: #4b4a4b;
}
.icon-deposit-checkdis:before {
    content: "\e95c";
    color: #ccc;
}
.icon-undeposit-check:before {
    content: "\e95d";
    color: #4b4a4b;
}
.icon-undeposit-checkdis:before {
    content: "\e95d";
    color: #ccc;
}
.icon-pay-invoice:before {
    content: "\e959";
    color: #4b4a4b;
}
.icon-pay-invoicedis:before {
    content: "\e959";
    color: #ccc;
}
.icon-manual-assign:before {
    content: "\e95a";
    color: #4b4a4b;
}
.icon-manual-assigndis:before {
    content: "\e95a";
    color: #ccc;    
}
.icon-auto-assign:before {
    content: "\e95b";
    color: #4b4a4b;
}
.icon-auto-assigndis:before {
    content: "\e95b";
    color: #ccc;    
}
.icon-pricing-setting {
    width: 58px;
    height: 44px;
}
.icon-pricing-settingdis {
    width: 58px;
    height: 44px;
}
.icon-pricing-setting:before {
    content: "\e97f";
    color: #4b4a4b;
    font-size: 36px;
    position: relative;
    top: -5px;
}
.icon-pricing-settingdis:before {
    content: "\e97f";
    color: #ccc;
    font-size: 36px;
    position: relative;
    top: -5px;
}
.icon-import-data {
    background: url("../images/common/import-data.svg") no-repeat;
    width: 21px;
    height: 18px;
    display: inline-block;
    background-size: 21px;
    background-position: 0px -3px;
}
.icon-po-import-data {
    background: url("../images/common/po-import-data.svg") no-repeat;
    width: 56px;
    height: 44px;
    background-size: 33px;
    background-position: 11px 4px;
}
.icon-po-import-datadis {
    background: url("../images/common/po-import-datadis.svg") no-repeat;
    width: 56px;
    height: 44px;
    background-size: 33px;
    background-position: 11px 4px;
    background-color: #f7f7f7;
}
.icon-upload-multiple-pic {
    background: url("../images/common/icon-multiple-upload.svg") no-repeat;
    width: 56px;
    height: 44px;
    background-size: 36px;
    background-position: 10px 6px;
    background-color: #f7f7f7;
}
.icon-upload-multiple-picdis {
    background: url("../images/common/icon-multiple-uploaddis.svg") no-repeat;
    width: 56px;
    height: 44px;
    background-size: 36px;
    background-position: 10px 6px;
    background-color: #f7f7f7;
}
.icon-received-edit:before {
    content: "\e9bb";
    color:#4b4a4b;
    font-size:30px;
}
.icon-received-editdis:before {
    content: "\e9bb";
    color: #ccc;
    font-size: 30px;
}
.icon-copy-data {
    width: 56px;
}
.icon-copy-data:before {
    content: "\e981";
    color: #4b4a4b;
    font-size: 30px;
}
.icon-copy-datadis:before {
    content: "\e981";
    color: #ccc;
    font-size: 30px;
}
.icon-block-userdis, .icon-unblock-userdis {
    width: 56px;
    height: 44px;
}
.icon-block, .icon-unblock {
    width: 56px;
    height: 44px;
}
.icon-mkt-user:before {
    content: "\e983";
    color: rgb(75, 74, 75);
    font-size: 32px;
    position: relative;
    left: 2px;
}
.icon-block:after {
    content: "\e985";
    color: rgb(175, 0, 0);
    font-size: 32px;
    position: relative;
    left: -30px;
}
.icon-unblock:after {
    content: "\e984";
    color: rgb(0, 147, 7);
    font-size: 32px;
    position: relative;
    left: -30px;
}
.icon-block-userdis:before {
    content: "\e982";
    color: #ccc;
    font-size: 32px;
}
.icon-unblock-userdis:before {
    content: "\e98d";
    color: #ccc;
    font-size: 32px;
}

.icon-shipout-ticket {
    background-image: url("/images/common/icon-shipout-ticket.svg"); 
}
.icon-shipout-ticketdis {
    background-image: url("/images/common/icon-shipout-ticketdis.svg"); 
}
.icon-delete-shipout-ticket {
    background-image: url("/images/common/icon-delete-shipout-ticket.svg");
}
.icon-delete-shipout-ticketdis {
    background-image: url("/images/common/icon-delete-shipout-ticketdis.svg");    
}
.icon-unmark-as-shipout {
    background-image: url("/images/common/icon-unmark-as-shipout.svg");
    margin-right: 5px;
}
.icon-unmark-as-shipoutdis {
    background-image: url("/images/common/icon-unmark-as-shipoutdis.svg");
    margin-right: 5px;
}
.icon-mark-as-shipout {
    background-image: url("/images/common/icon-mark-as-shipout.svg");
    margin-right: 0;
}
.icon-mark-as-shipoutdis {
    background-image: url("/images/common/icon-mark-as-shipoutdis.svg");
    margin-right:0;
}
.icon-assign-rate {
    background-image: url("/images/common/icon-assign-rate.svg");
    width: 56px;
    height: 44px;
    background-size: 123%;
    background-repeat: no-repeat;
    background-position: 5px 7px;
}
.icon-assign-ratedis {
    background-image: url("/images/common/icon-assign-ratedis.svg");
    width: 56px;
    height: 44px;
    background-size: 123%;
    background-repeat: no-repeat;
    background-position: -9px 2px;
}
.mark-as-paid {
    background-image: url("/images/common/mark-as-paid.svg");
    width: 56px;
    height: 44px;
    background-size: 105%;
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.mark-as-paiddis {
    background-image: url("/images/common/mark-as-paiddis.svg");
    width: 56px;
    height: 44px;
    background-size: 105%;
    background-repeat: no-repeat;
    background-position: -2px 0px;
}
.unmark-as-paid {
    background-image: url("/images/common/unmark-as-paid.svg");
    width: 56px;
    height: 44px;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: -2px 0px;
}
.unmark-as-paiddis {
    background-image: url("/images/common/unmark-as-paiddis.svg");
    width: 56px;
    height: 44px;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: -3px -2px;
}
.icon-pick-packdis {
    background-image: url("/images/common/pick-packdis.svg");
    width: 56px;
    height: 44px;
    background-size: 115%;
    background-repeat: no-repeat;
    background-position: -2px 0px;
}
.icon-pick-pack {
    background-image: url("/images/common/pick-pack.svg");
    width: 56px;
    height: 44px;
    background-size: 115%;
    background-repeat: no-repeat;
    background-position: -2px 0px;
}
.icon-pick-unpackdis {
    background-image: url("/images/common/pick-unpackdis.svg");
    width: 56px;
    height: 44px;
    background-size: 115%;
    background-repeat: no-repeat;
    background-position: -2px 0px;
}
.icon-pick-unpack {
    background-image: url("/images/common/pick-unpack.svg");
    width: 56px;
    height: 44px;
    background-size: 115%;
    background-repeat: no-repeat;
    background-position: -2px 0px;
}
.excel-export-all {
    background-image: url("/images/common/excel-export-all.svg");
}
.excel-export-alldis {
    background-image: url("/images/common/excel-export-alldis.svg");
}
.icon-export-excel-all:before {
    content: "\e9af";
    font-size: 20px;
}
.icon-export-ess {
    position: relative;
}
.icon-export-ess:hover:before{
    color:black;
}
.icon-export-ess:before {
    content: "\e9fe";
    font-size:18px;
    color:#929292;
    vertical-align: text-bottom;
}
.icon-expand-all {
    background-image: url("/images/common/icon-expand-all.svg");
    width: 27px;
    height: 26px;
    background-position: 1px 4px;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.icon-expand-all:hover {
    background-image: url("/images/common/icon-expand-allhover.svg");
}
.icon-expand-unshipped {
    background-image: url("/images/common/icon-expand-unshipped.svg");
    width: 27px;
    height: 26px;
    background-position: 1px 4px;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.icon-expand-unshipped:hover {
    background-image: url("/images/common/icon-expand-unshippedhover.svg");
}
.icon-export-csv:before {
    content: "\e9ba";
    color: #929292;
    font-size: 19px;
    position: relative;
    top: 1px;
    padding:0 4px;
}
@-moz-document url-prefix() { /*Resolve Cross Browser issue*/
    .icon-export-csv {
        content: "\e9ba";
        color: #929292;
        font-size: 19px;
        position: relative;
        top: 0px;
    }
}

.icon-export-csv:hover:before {
    color: black;
}
.icon-unmark-as-shipout,
.icon-unmark-as-shipoutdis,
.icon-mark-as-shipout,
.icon-mark-as-shipoutdis,
.icon-shipout-ticketdis,
.icon-shipout-ticket,
.icon-delete-shipout-ticket,
.icon-delete-shipout-ticketdis {
    width: 56px;
    height: 44px;
    background-repeat: no-repeat;
}
.icon-shipout-ticket,
.icon-shipout-ticketdis {
    width: 55px;
}
.icon-auto-assigndis,
.icon-auto-assign,
.icon-manual-assigndis,
.icon-manual-assign,
.icon-pay-invoicedis,
.icon-pay-invoice {
    padding: 7px 8px 6px 8px;
    font-size: 31px;
}
.icon-manual-assign,
.icon-manual-assigndis,
.icon-pay-invoice,
.icon-pay-invoicedis,
.icon-mark-as-shipout,
.icon-mark-as-shipoutdis,
.icon-shipout-ticket,
.icon-shipout-ticketdis,
.icon-email,
.icon-auto-assigndis,
.icon-auto-assign{
    margin-top: 1px;
}
.icon-unmark-as-shipoutdis,
.icon-unmark-as-shipout {
    margin-top: 1px;
    margin-left: -1px;
}
.icon-mark-as-shipoutdis,
.icon-mark-as-shipout,
.icon-shipout-ticket,
.icon-shipout-ticketdis {
    margin-left: 1px;
}
.icon-user-setting,
.icon-user-settingdis {
    margin-left: 3px;
}
.icon-clear-request-prepick:before {
    content: "\e949";
    color: #4b4a4b;
}
.icon-clear-request-prepickdis:before {
    content: "\e949";
    color: #ccc;
}
.icon-request-prepick:before {
    content: "\e94e";
    color: #4b4a4b;
}
.icon-request-prepickdis:before {
    content: "\e94e";
    color: #ccc;
}
.icon-edit-prepick {
    height: 46px;
    width: 56px;
    position: relative;
    top: 1px;
}
.icon-edit-prepick:before {
    content: "\ea04";
    color: #4b4a4b;
    font-size: 32px;
    position: relative;
    right: 2px;
    bottom: 1px;
}
.icon-edit-prepickdis:before {
    content: "\ea04";
    color: #ccc;
    font-size: 32px;
    position: relative;
    right: 2px;
    bottom: 1px;
}
.icon-picked {
    background-image: url("../images/common/icon-picked.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 8px 5px;
    background-size:45px;
}
.icon-pickeddis {
    background-image: url("../images/common/icon-pickeddis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 8px 5px;
    background-size: 45px;
}
.icon-picked-sm {
    background-image: url("../images/common/icon-picked.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 27px;
    background-size: 32px;
    vertical-align: top;
    margin: 5px 0 0 0;
}
.icon-picking {
    background-image: url("../images/common/icon-picking.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 6px 5px;
    background-size: 45px;
}
.icon-pickingdis {
    background-image: url("../images/common/icon-pickingdis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 6px 5px;
    background-size: 45px;
}
.icon-picking-sm {
    background-image: url("../images/common/icon-picking.svg");
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    background-size: 32px;
    vertical-align: top;
    margin: 5px 0 0 0;
    background-position: -5px 0px;
}
.icon-clear-wip-allocation:before {
    content: "\e94a";
    color: #4b4a4b;
}
.icon-clear-wip-allocationdis:before {
    content: "\e94a";
    color: #ccc;
}
.icon-auto-wip-allocation:before {
    content: "\e923";
    color: #4b4a4b;
}
.icon-auto-wip-allocationdis:before {
    content: "\e923";
    color: #ccc;
}
.icon-clear-allocation:before {
    content: "\e948";
    color: #4b4a4b;
}
.icon-clear-allocationdis:before {
    content: "\e948";
    color: #ccc;
}
.icon-auto-allocation:before {
    content: "\e90e";
    color: #4b4a4b;
}
.icon-auto-allocationdis:before {
    content: "\e90e";
    color: #ccc;
}
.icon-create-allocation:before {
    content: "\e90b";
    color: #4b4a4b;
}
.icon-create-allocationdis:before {
    content: "\e90b";
    color: #ccc;
}
.icon-allocation-rule:before {
    content: "\e9ee";
    color: #4b4a4b;
    font-size: 29px;
    position: relative;
    bottom: 1px;
}
.icon-allocation-ruledis:before {
    content: "\e9ee";
    color: #ccc;
    font-size: 29px;
    position: relative;
    bottom: 1px;
}
.icon-create-prepick:before {
    content: "\e952";
    color: #4b4a4b;
}
.icon-create-prepickdis:before {
    content: "\e952";
    color: #ccc;
}
.icon-new-order:before {
    content: "\e9ff";
    color: #4b4a4b;
    font-size: 29px;
}
.icon-new-orderdis:before {
    content: "\e9ff";
    color: #ccc;
    font-size: 29px;
}
.icon-create-invoice:before {
    content: "\e947";
    color: #4b4a4b;
}
.icon-create-invoicedis:before {
    content: "\e947";
    color: #ccc;
}
.icon-create-invoice,
.icon-create-invoicedis {
    margin-top: 1px;
    margin-left: 2px;
}
.icon-back-to-list:before {
    content: "\e903";
    color: #4b4a4b;
}
.icon-activate:before {
    content: "\e902";
    color: #4b4a4b;
}
.icon-deactivate:before {
    content: "\e909";
    color: #4b4a4b;
}
.icon-delete:before {
    content: "\e90a";
    color: #4b4a4b;
}
.icon-email:before {
    content: "\e908";
    color: #4b4a4b;
    font-size: 28px;
}
.icon-new-window:before {
    content: "\e90c";
    color: #4b4a4b;
}
.icon-link:before {
    content: "\e990";
    color: #4b4a4b;
    font-size: 32px;
    position: relative;
    top: -3px;
}
.icon-unlink:before {
    content: "\e991";
    color: #c40405;
    font-size: 32px;
    position: relative;
    top: -3px;
}
.icon-link, .icon-unlink{
    width:56.1px;
    height:44px;
}
.icon-new:before {
    content: "\e90d";
    color: #4b4a4b;
}
.icon-print-template:before {
    content: "\e940";
    color: #4b4a4b;
    font-size: 29px;
}
.icon-salesPrint { /* no font */
    background: url(/images/common/icon-manager-print.svg) no-repeat center center;
    background-size: 22px;
}
.icon-print:before {
    content: "\e90f";
    color: #4b4a4b;
    font-size: 30px;
}
.CpContentToolbarPaySi .icon-print:before {
    content: "\e90f";
    color: #4b4a4b;
    font-size: 20px;
}
.pagesshow-show-server-print .icon-print:before {
    font-size: 26px;
    color: #ffffff;
    position: relative;
    bottom: 1px;
}
.pagesshow-show-server-print .icon-print-template:before {
    font-size: 26px;
    color: #ffffff;
    position: relative;
    bottom: 1px;
}
.icon-refresh:before {
    content: "\e910";
    color: #4b4a4b;
}
.icon-save-n-new:before {
    content: "\e911";
    color: #4b4a4b;
    font-size: 27px;
}
.icon-save:before {
    content: "\e912";
    color: #4b4a4b;
    font-size: 27px;
}
.icon-user-setting:before {
    content: "\e913";
    color: #4b4a4b;
}
.icon-empty-print-cart-all:before {
    content: "\e93c";
    color: #4b4a4b;
    font-size: 30px;
}
.icon-empty-print-cart-alldis:before {
    content: "\e93c";
    color: #ccc;
    font-size: 29px;
}
.icon-empty-print-cart:before {
    content: "\e93d";
    color: #4b4a4b;
    font-size: 29px;
}
.icon-empty-print-cartdis:before {
    content: "\e93d";
    color: #ccc;
    font-size: 29px;
}
.icon-add-to-print-cart:before {
    content: "\e93e";
    color: #4b4a4b;
    font-size: 29px;
}
.icon-add-to-print-cartdis:before {
    content: "\e93e";
    color: #ccc;
    font-size: 29px;
}
.icon-print-cart-items:before {
    content: "\e93f";
    color: #4b4a4b;
    font-size: 29px;
}
.print-cart-items-badge {
    font-family: Arimo Bold;
    color: rgb(255, 255, 255);
    font-size: 11px;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 26px;
    position: absolute;
}
.icon-print-template1:before {
    content: "\e940";
    color: #4b4a4b;
}
.icon-set-print-count:before {
    content: "\e941";
    color: #4b4a4b;
    font-size: 26px;
}
.icon-set-print-countdis:before {
    content: "\e941";
    color: #ccc;
    font-size: 26px;
}
.icon-add-to-print-cartdis, .icon-add-to-print-cart {
    padding: 8px 10px 7px 10px;
}
.icon-print-template {
    padding: 8px 10px 7px 10px;
}
.icon-new-window {
    padding: 9px 10px 7px 10px;
    margin-top: -2px;
}
.icon-set-print-count, .icon-set-print-countdis {
    padding: 9px 10px 9px 10px;
    margin: 1px 5px 0 0;
}
.icon-empty-print-cartdis, .icon-empty-print-cart {
    padding: 8px 10px 7px 10px;
    margin: 1px 5px 0 -5px;
}
.icon-empty-print-cart-all, .icon-empty-print-cart-alldis {
    padding: 7px 10px 7px 10px;
    margin: 0 5px 0 -4px;
}
.icon-print-cart-items {
    padding: 8px 10px 7px 10px;
    position:relative;
    left:-4px;
    background-color:#f7f7f7;
}
.icon-emaildis, .icon-email {
    margin-top: 1px;
    margin-left:2px;
}
.icon-recal-inv{
    width:57px;
    height:44px;
}
.icon-recal-inv:before {
    content: "\e993";
    color: #4b4a4b;
    font-size: 32px;
    position:relative;
    bottom:2px;
}
.icon-recal-invdis:before {
    content: "\e993";
    color: #ccc;
    font-size: 32px;
    position: relative;
    bottom: 2px;
}
.icon-manage-packing-box-labeldis:before {
    content: "\e996";
    color: #ccc;
    font-size: 34px;
    position: relative;
    top: -2px;
}
.icon-print-packing-box-labeldis:before {
    content: "\e997";
    color: #ccc;
    font-size: 40px;
    position: relative;
    top: -3px;
}
.icon-manage-packing-box-label:before {
    content: "\e996";
    color: #4b4a4b;
    font-size: 34px;
    position: relative;
    top: -2px;
}
.icon-print-packing-box-label:before {
    content: "\e997";
    color: #4b4a4b;
    font-size: 40px;
    position: relative;
    top: -3px;
}
.icon-manage-packing-box-label, .icon-print-packing-box-label,
.icon-manage-packing-box-labeldis, .icon-print-packing-box-labeldis {
    height: 45px;
    width: 56px;
}
/**** Toolbar End ****/
/* no image icon - medium */
.icon-no-image-md {
    width: 150px;
    height: 200px;
    background: url(/images/common/no-image-md.svg) no-repeat;
}
.icon-no-image-md .path1:before {
    content: "\e91f";
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path2:before {
    content: "\e920";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path3:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path4:before {
    content: "\e931";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path5:before {
    content: "\e934";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path6:before {
    content: "\e935";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path7:before {
    content: "\e936";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path8:before {
    content: "\e937";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path9:before {
    content: "\e938";
    margin-left: -1em;
    color: rgb(192, 192, 192);
}
.icon-no-image-md .path10:before {
    content: "\e939";
    margin-left: -1em;
    color: rgb(245, 245, 245);
}
/* no image icon - small */
.icon-no-image-sm {
    font-size: 10px;
}
.icon-no-image-sm:before {
    content: "\e93a";
    color: #c0c0c0;
}


/* disabled svg icon  */
.icon-logoutdis:before {
    content: "\e900";
    color:#ccc;
}
.icon-back-to-listdis:before {
    content: "\e903";
    color: #ccc;
}
.icon-activatedis:before {
    content: "\e902";
    color: #ccc;
}
.icon-deactivatedis:before {
    content: "\e909";
    color: #ccc;
}
.icon-deletedis:before {
    content: "\e90a";
    color: #ccc;
}
.icon-emaildis:before {
    content: "\e908";
    color: #ccc;
    font-size: 28px;
}
.icon-new-windowdis:before {
    content: "\e90c";
    color: #ccc;
}
.icon-newdis:before {
    content: "\e90d";
    color: #ccc;
}
.icon-print-templatedis:before {
    content: "\e90e";
    color: #ccc;
}
.icon-printdis:before {
    content: "\e90f";
    color: #ccc;
    font-size: 30px;
}
.icon-refreshdis:before {
    content: "\e910";
    color: #ccc;
}
.icon-save-n-newdis:before {
    content: "\e911";
    color: #ccc;
}
.icon-savedis:before {
    content: "\e912";
    color: #ccc;
}
.icon-searchbar-memorizedis:before {
    content: "\e91e";
    color: #ccc;
}
.icon-searchbar-columnsdis:before {
    content: "\e91d";
    color: #ccc;
}
.icon-searchbar-print-listdis:before {
    content: "\e98b";
    color: #ccc;
}
.icon-export-pdfdis:before {
    content: "\e96d";
    color: #ccc;
    padding: 7px 10px 10px 10px;
    font-size: 17px;
}

.icon-export-exceldis:before {
    content: "\e96e";
    color: #ccc;
    padding: 7px 10px 10px 10px;
    font-size: 17px;
}
.icon-asidebar-settingdis:before {
    content: "\e928";
    color: #ccc;
}
.icon-attached-filedis:before {
    content: "\e929";
    color: #ccc;
}
.icon-checked-readonlydis:before {
    content: "\e92a";
    color: #ccc;
}
.icon-home-addressdis:before {
    content: "\e92b";
    color: #ccc;
}
.icon-home-chatdis:before {
    content: "\e92c";
    color: #ccc;
}
.icon-home-emaildis:before {
    content: "\e92d";
    color: #ccc;
}
.icon-home-phonedis:before {
    content: "\e92e";
    color: #ccc;
}
.icon-home-tourdis:before {
    content: "\e92f";
    color: #ccc;
}
.icon-popup-closedis:before {
    content: "\e930";
    color: #ccc;
}
.icon-sendemail-previewdis:before {
    content: "\e93b";
    color: #ccc;
}
.icon-sendemail-zoomdis:before {
    content: "\e932";
    color: #ccc;
}
.icon-tab-deletedis:before {
    content: "\e933";
    color: #ccc;
}
.icon-create-po {
    background-image: url("../images/common/create-po.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 44px;
    background-position: 13px 6px;
}
.icon-create-podis {
    background-image: url("../images/common/create-podis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 44px;
    background-position: 13px 6px;
}
.icon-caution-log:before {
  content: "\e9b0";
  color: #4b4a4b;
  font-size: 30px;
}
.icon-download-log:before {
  content: "\e9b1";
  color: #4b4a4b;
  font-size: 30px;
}
.icon-play-log:before {
  content: "\e9b2";
  color: #ffffff;
  font-size: 26px;
}
.icon-preview-log:before {
  content: "\e9b3";
  font-size: 30px;
  color:black;
}

/* confirm & unconfirm pick ticket*/
.icon-confirm-pick {
    background-image: url("../images/common/confirm-pick.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 7px 1px;
}
.icon-unconfirm-pick {
    background-image: url("../images/common/unconfirm-pick.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 7px 1px;
}
.icon-confirm-pickdis {
    background-image: url("../images/common/confirm-pickdis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 7px 1px;
}
.icon-unconfirm-pickdis {
    background-image: url("../images/common/unconfirm-pickdis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 7px 1px;
}
.icon-return-label-print {
    background-image: url("../images/common/icon-return-label-print.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 39px;
    background-position: 9px 8px;
}
.icon-return-label-printdis {
    background-image: url("../images/common/icon-return-label-printdis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 39px;
    background-position: 9px 8px;
}
.icon-copy-price {
    background-image: url("../images/common/icon-copy-price.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 39px;
    background-position: 9px 8px;
}
.icon-copy-pricedis {
    background-image: url("../images/common/icon-copy-pricedis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 39px;
    background-position: 9px 8px;
}

/*kyu add-11282018*/
.icon-add-favorite {
    background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABXAAAAVwBIJKt8wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJUSURBVDiNtZXPaxNBHMU/36QKMSLmYoOoaP1R/AdEz4VS0Iu0PdaDsjPkpJF6bu4tDSgYZxql91QQDyKKeBPxHxCsWIqljR4s1LZa7ebrZbckabZWoQ+G3Xn7fW/2DTvfhT2C7KaoVCp11ev1boB8Pv+lVCpt/rfxyMhINpPJBMAgcAlIR49CEXmjqjNA1Xu/vmvjIAgGReQ+cCSiPqrqAoCIHAPORHwdKHjvn/zV2BhzC5gENlX1gaqWq9XqXHNNoVDoCcPwNmCiJEXv/d1EY2PMZeAp8B246r1/3SlRDGttn6o+Bg6KyBXn3PNtxsaYA8AscEREBpxzr9oWnQDw3o+28f3AM2Axm832lsvlHwCp5oTAUWCq3TTCtWi0wHv/QkQeAcfX1tZszG8Zi8gQQDqdntgpfgLGAVR1qMV4eHh4v6peAN5XKpVP/+rqnJsFPojIRWPMPoAugFwul48WmY+LrbXjqnqjSX8YwBjzLSZE5KFz7k50P6eq5xqNRjew0AUQhqGk02kAbTJaB5ab5oei63JbDQCqqgCpVCq19cYrKytLuVyuAZxsijcGjMVzY8xXAO/96YQdOQWEwBJRfGq12i8ReQecLxQKPQnCRFhrzwK9qvrWe/97yziKMgMQhuFogn4nxPs8ExPN33EFWAQCa21fB/G9aLTAGNOvqteBz9ls1sX83h/pGEEQ3BSRSSDcZRNKiUjROdeSpmPbtNYOqKoDTkRUUtucF5HAOfey3SOx0ReLxczq6qqJjvq2Rg/UNjY2pqanp3920u/Zr2nP8AdF3wEzjGhkFQAAAABJRU5ErkJggg==");
    width: 22px;
    height: 22px;
    position: absolute;
    top:3px;
}

/* popup icons */
#popup .icon-favorite-delete {
    font-size: 17px;
    padding-top: 3px;
}
.icon-sendemail-preview {
    display: inline-block;
    color: #666;
    width: 18px;
    text-align: center;
    padding-top: 3px;
}
#popup .icon-sendemail-preview {    
    font-size: 17px;
}
.icon-memo-popup:before {
    content: "\e9ac";
}


/* sales manager */
.icon-minimize:before {
    content: "\e955";
    color: #757575;
    font-size: 15px;
}
.icon-maximize:before {
    content: "\e957";
    color: #757575;
    /* color: #4b4a4b; */
    font-size: 15px;
}
.icon-maximize:hover:before {
    color: #000;
}
.icon-more-wrapper {
    border:none !important;
    margin-left:auto;
    position:relative;
    overflow:unset !important;
}
.icon-more-wrapper:hover{
    background-color:#f2f2f2;
    border-radius:5px;
}
.icon-more-wrapper:hover .more-dropdown {
    display:block !important;
}
.icon-more-wrapper a:hover{
    text-decoration:none !important;
}
.icon-more:before {
    content: "\e954";
    color: #757575;
    font-size: 15px;
}
.icon-search:before {
    content: "\e956";
    font-size: 20px;
    color: #757575;
}
.salesManagerTopBox .icon-search:before {
    font-size: 18px;
    color: #929292;
}
.salesManagerTopBox .icon-search:hover:before {
    color: #000;
}
.icon-shipment:before {
    content: "\e9b7";
    color:#4b4a4b;
    font-size:29px;
}
.icon-shipmentdis:before {
    content: "\e9b7";
    color: #cccccc;
    font-size: 29px;
}
.icon-view-detail:before {
    content: "\e9b5";
    font-size: 23px;
    color: #4b4a4b;
}
.icon-auto-shipment {
    background-image: url("../images/common/auto-shipment.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 10px 8px;
    background-size: 35px;
}
.icon-auto-shipmentdis {
    background-image: url("../images/common/auto-shipmentdis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 10px 8px;
    background-size: 35px;
}
.icon-void-shipment {
    background-image: url("../images/common/icon-shipping-void.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 8px 6px;
    background-size: 40px;
}
.icon-void-shipmentdis {
    background-image: url("../images/common/icon-shipping-voiddis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 8px 6px;
    background-size: 40px;
}
.icon-void-item {
    background-image: url("../images/common/icon-void-item.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 12px 8px;
    background-size: 36px;
}
.icon-void-itemdis {
    background-image: url("../images/common/icon-void-itemdis.svg");
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-position: 12px 8px;
    background-size: 36px;
}
.icon-shipping-label-print:before {
    content: "\e9b6";
    font-size: 30px;
    color: #4b4a4b;
}
.icon-shipping-label-printdis:before {
    content: "\e9b6";
    font-size: 30px;
    color: #cccccc;
}
/***For CICOM ShopWeb****/
.icon-item-list:before {
    content: "\e966";
    color: #cccccc;
    font-size: 16px;
}

.icon-item-sorting:before {
    content: "\e967";
    color: #cccccc;
    font-size: 16px;
}

.button-unchecked {
width:20px;
height:20px;
background:url(/images/common/checkbox.svg);
}
.button-checked {
    width: 20px;
    height: 20px;
    background: url(/images/common/checkbox-checked.svg);
}

/* MKT  */
.icon-mkt-sync {
    width:56px;
    height:44px;
    margin-left:1px;
}
.icon-mkt-sync:before {
    content: "\e986";
    color: #4b4a4b;
    font-size:33px;
    position: relative;
    top: -1px;
}
.icon-mkt-syncdis:before {
    content: "\e986";
    color: #ccc;
    font-size: 33px;
    position: relative;
    top: -1px;
}
.icon-push-products {
    width: 56px;
    height: 44px;
    margin-left: 1px;
}
.icon-push-products:before {
    content: "\e9e3";
    color: #4b4a4b;
    font-size: 29px;
    position: relative;
    left: -1px;
}
.icon-push-productsdis:before {
    content: "\e9e3";
    color: #cccccc;
    font-size: 29px;
    position: relative;
    left: -1px;
}
.icon-save-n-push {
    width: 56px;
    height: 44px;
    margin-left: 1px;
}
.icon-save-n-push:before {
    content: "\e9e9";
    color: #4b4a4b;
    font-size: 26px;
    position: relative;
    left: 1px;
    top: 1px;
}
.icon-save-n-pushdis:before {
    content: "\e9e9";
    color: #cccccc;
    font-size: 26px;
    position: relative;
    left: 1px;
    top: 1px;
}
/*.icon-push-proudct {
    width: 56px;
    height: 44px;
    margin-left: 1px;
}
.icon-push-product:before {
    content: "\e9e8";
    color: #4b4a4b;
    font-size: 29px;
    position: relative;
    left: -1px;
}
.icon-push-productdis:before {
    content: "\e9e8";
    color: #cccccc;
    font-size: 29px;
    position: relative;
    left: -1px;
}*/
/* SHOW */
.icon-show-style-pricing, .icon-show-style-pricingdis {
    height:44px;
    width:55px;
}
.icon-show-style-pricing:before {
    content: "\e9f4";
    color: #4b4a4b;
    font-size:32px;
}
.icon-show-style-pricingdis:before {
    content: "\e9f4";
    color: #ccc;
    font-size: 32px;
}
.icon-smart-print {
    background: url(/images/common/smart-print.svg);
    width: 56px;
    height: 45px;
    background-repeat: no-repeat;
/*    background-color: #f7f7f7;*/
    background-position: 1px 4px;
}
.icon-smart-printdis {
    background: url(/images/common/smart-printdis.svg);
    width: 56px;
    height: 45px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    background-position: 1px 4px;
}
.icon-transfer-store {
    background: url(/images/common/icon-transfer-store.svg);
    width: 56px;
    height: 45px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    background-position: 6px 5px;
    background-size: 44px;
}
.icon-transfer-storedis {
    background: url(/images/common/icon-transfer-storedis.svg);
    width: 56px;
    height: 45px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    background-position: 6px 5px;
    background-size: 44px;
}
.icon-color-swatch, .icon-color-swatchdis {height:45px;}
.icon-color-swatch:before {
    content: "\e9b4";
    color: #4b4a4b;
    font-size: 36px;
    position: relative;
    top: -5px;
}
.icon-color-swatchdis:before {
    content: "\e9b4";
    color: #ccc;
    font-size: 36px;
    position: relative;
    top: -5px;
}
.icon-line-sheet {
    background: url(/images/common/icon-line-sheet.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    display: inline-block;
    background-size: 20px;
    background-position: -1px 0;
}
.icon-line-sheet-new {
    background: url(/images/common/icon-line-sheet.svg);
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 34px;
    background-position: 9px 8px;
}
.icon-line-sheet-new-dis {
    background: url(/images/common/icon-line-sheetdis.svg);
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 34px;
    background-position: 9px 8px;
    background-color: #f7f7f7;
}
.icon-line-sheet-excel {
    background: url(/images/common/line-sheet-excel.svg);
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 37px;
    background-position: 10px 8px;
}
.icon-line-sheet-exceldis {
    background: url(/images/common/line-sheet-exceldis.svg);
    background-repeat: no-repeat;
    width: 56px;
    height: 45px;
    background-size: 37px;
    background-position: 10px 8px;
    background-color: #f7f7f7;
}
.icon-vendor {
    background: url(/images/common/icon-vendor.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    display: inline-block;
    background-size: 18px;
    background-position: 0px 0;
}
.icon-vendor-ap {
    background: url(/images/common/icon-vendor-ap.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    display: inline-block;
    background-size: 23px;
    background-position: -2px -2px;
}
.icon-shipment-list-label-print:before {
    content: "\e97c";
    color: #4b4a4b;
    position: relative;
    font-size: 35px;
}

.icon-shipment-list-label-printdis:before {
    content: "\e97c";
    color: #ccc;
    position: relative;
    font-size: 35px;
}

/******** Banner Manager ***********/
.icon-film:before {
    content: "\ea0e";
    font-size: 15px;
}
.icon-image:before {
    content: "\ea0c";
    font-size: 14px;
}
.icon-pencil:before {
    content: "\ea0b";
}
.icon-images:before {
    content: "\ea0d";
    font-size: 14px;
}
.icon-display:before {
    content: "\ea0f";
    color: #767676;
    font-size: 20px;
}
.icon-mobile2:before {
    content: "\ea10";
    color: #767676;
    font-size: 20px;
}
.icon-paragraph-left:before {
    content: "\ea77";
    color: #000000;
    font-size: 16px;
    position: relative;
    bottom: 1px;
    right: 8px;
}
.icon-paragraph-center:before {
    content: "\ea78";
    color: #000000;
    font-size: 16px;
    position: relative;
    bottom: 1px;
    right: 8px;
}
.icon-paragraph-right:before {
    content: "\ea79";
    color: #000000;
    font-size: 16px;
    position: relative;
    bottom: 1px;
    right: 8px;
}
.mega-banner-font .icon-paragraph-left:before, .mega-banner-font .icon-paragraph-center:before, .mega-banner-font .icon-paragraph-right:before {
    right:0px;
    bottom:0px;
}
.icon-instagram:before {
    content: "\ea92";
    font-size: 14px;
}
.icon-inventory1:before {
    content: "\ea0a";
    font-size: 15px;
}
.icon-price-tag:before {
    content: "\ea12";
    font-size: 15px;
  }
.icon-folder-plus:before {
    content: "\ea11";
    font-size: 15px;
}
.icon-stack:before {
    content: "\ea13";
    font-size: 15px;
  }
.icon-underline:before {
    content: "\ea63";
    color: #000000;
    font-size: 16px;
    position: relative;
    top: 3px;
    left: 2px;
}
.icon-italic:before {
    content: "\ea64";   
    color: #000000;
    font-size: 16px;
    position: relative;
    top: 3px;
    left: 2px;
}
.icon-bold:before {
    content: "\ea62";
    color: #000000;
    font-size: 16px;
    position: relative;
    top: 3px;
    left: 2px;
}
.icon-shop-publish, .icon-shop-preview, .icon-mobile-view, .icon-desktop-view, .icon-save-as-template{
    width: 56px;
    height: 44px;
}
.icon-shop-publish:before {
    content: "\ea15";
    color: #4b4a4b;
    font-size: 36px;
    position: relative;
    bottom: 4px;
    left: 1px;
}
.icon-shop-preview:before {
    content: "\ea16";
    color: #4b4a4b;    
    font-size: 34px;
    position: relative;
    bottom: 3px;
  }
  .icon-save-as-template:before {
    content: "\ea14";
    color: #4b4a4b;
    font-size: 36px;
    position: relative;
    bottom: 4px;
    left: 1px;
  }
  .icon-droplet:before {
    content: "\ea18";
    font-size: 14px;
  }
  .icon-checkbox-unchecked:before {
    content: "\ea53";
    color: #000000;
    font-size: 16px;
  }
  .icon-desktop-view:before {
    content: "\ea19";
    color: #4b4a4b;
    font-size: 35px;
    position: relative;
    bottom: 3px;
    left: 1px;
  }
  .icon-mobile-view:before {
    content: "\ea1a";
    color: #4b4a4b;
    font-size: 36px;
    position: relative;
    bottom: 4px;
    left: 1px;
  }
  .icon-free-shipping:before {
    content: "\ea1e";
    color: #999;
  }
  .icon-discount-customer:before {
    content: "\ea1f";
    color: #999;
  }
  .icon-sale-item:before {
    content: "\ea20";
    color: #999;
  }
  .icon-infinity:before {
    content: "\ea21";
    color: #999;
  }
  .icon-free-shipping-active:before {
    content: "\ea1e";
    color: #66aa2d;
  }
  .icon-discount-customer-active:before {
    content: "\ea1f";
    color: #66aa2d;
  }
  .icon-sale-item-active:before {
    content: "\ea20";
    color: #66aa2d;
  }
  .icon-infinity-active:before {
    content: "\ea21";
    color: #66aa2d;
  }
  .icon-x:before, .icon-twitter:before {
    content: "\ea31";
    font-size: 48px;
  }
  .icon-instagram1:before {
    content: "\ea30";
    font-size: 48px;

  }
  .icon-dribble:before {
    content: "\ea2f";
    font-size: 48px;
  }
  .icon-facebook:before {
    content: "\ea2e";
    color: #0866ff;
    font-size: 48px;
  }
  .icon-tumblr:before {
    content: "\ea2d";
    font-size: 48px;
  }
  .icon-whatsapp:before {
    content: "\ea2c";
    color: #25d366;
    font-size: 48px;
  }
  .icon-tiktok .path1:before {
    content: "\ea29";
    color: #ff004f;
    font-size: 48px;
  }
  .icon-tiktok .path2:before {
    content: "\ea2a";
    color: #000;
    margin-left: -0.9794921875em;
    font-size: 48px;
  }
  .icon-tiktok .path3:before {
    content: "\ea2b";
    color: #00f2ea;
    margin-left: -0.9794921875em;
    font-size: 48px;
  }
  .icon-pinterest .path1:before {
    content: "\ea27";
    color: #fff;
    font-size: 48px;
  }
  .icon-pinterest .path2:before {
    content: "\ea28";
    color: #e60019;
    margin-left: -0.9794921875em;
    font-size: 48px;
  }
  .icon-snapchat .path1:before {
    content: "\ea25";
    color: #fff;
    font-size: 48px;
  }
  .icon-snapchat .path2:before {
    content: "\ea26";
    color: #000;
    margin-left: -0.9794921875em;
    font-size: 48px;
  }
  .icon-youtube .path1:before {
    content: "\ea23";
    color: #ff0302;
    font-size: 48px;
  }
  .icon-youtube .path2:before {
    content: "\ea24";
    color: #fefefe;
    margin-left: -0.9794921875em;
    font-size: 48px;
  }
  .icon-general-sns:before {
    content: "\ea22";
    font-size: 48px;
  }

    /* ********** mediaquery ********** */
    @media (min-width: 576px) and (min-width: 992px) {
        html: not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer {
        margin-left: 0; /* 200px*/
    }
}

@media (min-width: 576px) and (min-width: 992px) {
    html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed.sidebar-minimized .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed.sidebar-minimized .app-footer {
        margin-left: 0; /* 50px */
    }
}


@media (max-width: 575.98px) {
    .d-down-none {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .d-sm-down-none {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .d-md-down-none {
        display: none !important;
    }
}

@media (max-width: 1199.98px) {
    .d-lg-down-none {
        display: none !important;
    }
}


@media (min-width: 992px) {
    .brand-minimized .app-header .navbar-brand {
        width: 19px;
        background-color: transparent;
    }
    .brand-minimized .app-header .navbar-brand .navbar-brand-full {
        display: none;
    }
    .brand-minimized .app-header .navbar-brand .navbar-brand-minimized {
        display: block;
    }
}

@media (min-width: 992px) {
    html:not([dir="rtl"]) .sidebar-lg-show .sidebar {
        margin-left: 0;
    }
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main,
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
        margin-left: 200px; /* test */
    }
}

@media (min-width: 992px) {
    html:not([dir="rtl"]) .aside-menu-lg-show .aside-menu {
        margin-right: 0;
    }
}


@media (min-width: 576px) {
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main,
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
        margin-left: 200px; 
    }
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed.sidebar-compact .main,
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed.sidebar-compact .app-footer {
        margin-left: 150px;
    }
    html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main,
    html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer {
        margin-right: 0;
    }
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed.sidebar-minimized .main,
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed.sidebar-minimized .app-footer {
        margin-left: 50px;
    }
    html:not([dir="rtl"]) .sidebar-show.breadcrumb-fixed .breadcrumb {
        left: 200px;
    }
    html:not([dir="rtl"]) .sidebar-show.breadcrumb-fixed.sidebar-compact .breadcrumb {
        left: 150px;
    }
    html:not([dir="rtl"]) .sidebar-show.breadcrumb-fixed.sidebar-minimized .breadcrumb {
        left: 50px;
    }
    html[dir="rtl"] .sidebar-show .sidebar {
        margin-right: 0;
    }
    html[dir="rtl"] .sidebar-show.sidebar-fixed .main,
    html[dir="rtl"] .sidebar-show.sidebar-fixed .app-footer {
        margin-right: 200px;
    }
    html[dir="rtl"] .sidebar-show.sidebar-fixed.sidebar-compact .main,
    html[dir="rtl"] .sidebar-show.sidebar-fixed.sidebar-compact .app-footer {
        margin-right: 150px;
    }
    html[dir="rtl"] .sidebar-show.sidebar-fixed.sidebar-minimized .main,
    html[dir="rtl"] .sidebar-show.sidebar-fixed.sidebar-minimized .app-footer {
        margin-right: 50px;
    }
    html[dir="rtl"] .sidebar-show.breadcrumb-fixed .breadcrumb {
        right: 200px;
    }
    html[dir="rtl"] .sidebar-show.breadcrumb-fixed.sidebar-compact .breadcrumb {
        right: 150px;
    }
    html[dir="rtl"] .sidebar-show.breadcrumb-fixed.sidebar-minimized .breadcrumb {
        right: 50px;
    }
    html[dir="rtl"] .aside-menu-show .aside-menu {
        margin-left: 0;
    }
    html[dir="rtl"] .aside-menu-show.aside-menu-fixed .main,
    html[dir="rtl"] .aside-menu-show.aside-menu-fixed .app-footer {
        margin-left: 250px;
    }
    html[dir="rtl"] .aside-menu-show.breadcrumb-fixed .breadcrumb {
        left: 250px;
    }
    html:not([dir="rtl"]) .aside-menu-show.aside-menu-fixed .main,
    html:not([dir="rtl"]) .aside-menu-show.aside-menu-fixed .app-footer {
        margin-right: 0;
    }
    html:not([dir="rtl"]) .aside-menu-show.breadcrumb-fixed .breadcrumb {
        right: 250px;
    }
}


@media (max-width: 991.98px) {
    .app-header {
        position: fixed;
        z-index: 1020;
        width: 100%;
        text-align: center;
        /*background-color: #000;*/
    }
    .app-header .navbar-toggler {
        color: #fff;
    }
    .app-header .navbar-brand {
        position: absolute;
        left: 50%;
        margin-left: -77.5px;
        display:none;
    }
    /*.app-body {
        position: absolute;
        top: 50px;*/ /* test */
    /*}*/
    .sidebar {
        position: fixed;
        z-index: 1019;
        width: 200px;
        height: calc(100vh - 55px);
    }
    .sidebar-minimizer {
        display: none; /* for web */
    }
    .aside-menu {
        position: fixed;
        right: 0;
        height: 100%;
        /*width: 250px;*/
        color: #2f353a;
        background: #fff;
        border-left: 1px solid #c8ced3;
    }
    .app {
        min-height: unset !important;
        min-width: unset !important;
    }
}


@media (min-width: 900px) {/* for test */
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main, 
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
       margin-left:0;
    }
}
/* moving theme 
.icon-checked {
    color: #00867f;
}
.icon-checked:before {
    color: #00a098;
}*/