/* main */
#shk_prodHelper { position: absolute; z-index:10000; width:170px; padding:5px 10px; background-color:#fff; display:none; box-shadow: 0px 10px 43px -20px #b2b2b2; border-radius: 7px; color: #000;}
#shk_prodHelper div { padding:5px 0; text-align: center; }
.shk_loading { width:30px; height:30px; position: absolute; z-index:100; background:url('ajax-loader.gif') center center no-repeat #fff; border:1px solid #888; display: none; border-radius:4px; }
/* addit */
#shk_prodHelperName { font-size: 17px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#shk_prodHelper input[type="text"] { padding: 2px 0px; border: none; border-radius: 2px; font-size: 17px; text-align: center; }
#shk_prodHelperName .msg { width: 100%; text-overflow: clip; white-space: normal; }
#shk_confirmButton { color: #6e3fff; font-weight: 500; }
#shk_cancelButton, #shk_confirmButton{padding: 2px 5px;}

.relative { width:100%; position:relative; }
.error { color:red; }
.price-add { color:red; padding-left:3px; line-height:0; }
.shk_count_button { width: 26px; height: 26px; white-space: nowrap; padding: 0; margin: 0 4px; background: #f7f7f7; border: none; border-radius: 6px; font-size: 22px; color: #000; top: 2px; position: relative; }
.shk-but { margin: 0; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; all:unset;}
.shk-count { padding: 2px; text-align: center; }

/* materials */
.materials { padding:5px 0; }
.materials img { width:70px; }
.materials input { cursor: pointer; }