/* Našeptávač */
#whisperFrame {width: 600px; max-height: 70vh; display: flex; position: absolute; z-index: 400; top: calc(100% + 2px); right: 0;}
#whisperFrame .inner {width: 100%; height: auto !important; padding: 0; border-top: 5px #35a0d7 solid; position: relative; margin: 10px 0px 0px 0px;}
#whisperFrame .inner::before {position: absolute; top: -15px; right: 105px; content: ''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #35a0d7;}
#whisperFrame .inner .close {width: auto; height: auto; float: left; position: absolute; color: #000; font-size: 40px; top: -30px; right: -27px; line-height: 20px; opacity: 0.7; z-index: 11;}
#whisperFrame .inner .close:HOVER {opacity: 1;}
#whisperFrame .inner .content {width: 100%; height: 100%; display: flex; background-color: #FFF; min-height: 80px; border: 2px #d3d3d3 solid; border-top: 0px;}
#whisperFrame .inner .content .message {padding: 20px 20px;}
#whisperFrame .inner .content .message .tinymceCont {padding: 0;}
#whisperFrame .inner .content .whiteFrame {flex: 2; overflow-y: scroll; scrollbar-width: thin;}
#whisperFrame .inner .content .whiteFrame H3 {width: 100%; height: 60px; font-size: 18px; font-weight: 600; margin: 0px; padding: 0px 20px; border-bottom: 1px #d3d3d3 solid; display: flex; align-items: center;}
#whisperFrame .inner .content .whiteFrame .itemListFrame {width: 100%; display: flex; flex-wrap: wrap;}
#whisperFrame .inner .content .whiteFrame .itemListFrame .item {width: 50%; padding: 10px; display: flex;}
#whisperFrame .inner .content .whiteFrame .itemListFrame .item .photo {width: 80px; height: auto; flex-shrink: 0; flex-grow: 0; display: flex; align-items: center; justify-content: center; margin: 0px 10px 0px 0px;}
#whisperFrame .inner .content .whiteFrame .itemListFrame .item .photo IMG {max-width: 100%; max-height: 100%;}
#whisperFrame .inner .content .whiteFrame .itemListFrame .item .desc {flex-direction: column; justify-content: center;}
#whisperFrame .inner .content .whiteFrame .itemListFrame .item .name {margin: 0px; font-size: 14px;}
#whisperFrame .inner .content .whiteFrame .itemListFrame .item .price {margin: 0px; font-size: 14px; font-weight: 600;}
#whisperFrame .inner .content .whiteFrame .itemListFrame A.item:hover {text-decoration: none !important;}
#whisperFrame .inner .content .whiteFrame .itemListFrame A.item:hover .name {text-decoration: underline;}
#whisperFrame .inner .content .whiteFrame .buttonsFrame {width: 100%; padding: 10px 20px 20px 20px; display: flex; justify-content: flex-start;}
#whisperFrame .inner .content .whiteFrame .buttonsFrame .button {height: 35px; color: #fff; background-color: #0094c1; font-size: 15px; padding: 0px 15px; display: flex; align-items: center; border-radius: 4px;}
#whisperFrame .inner .content .whiteFrame .buttonsFrame .button:hover {background-color: #027ba0;}

#whisperFrame .inner .content .grayFrame {flex: 1; background-color: #ededed; overflow-y: scroll; scrollbar-width: thin;}
#whisperFrame .inner .content .grayFrame a:hover {text-decoration: underline;}
/*.whisperFrame .inner .content .grayFrame H3 {width: 100%; height: 60px; font-size: 18px; font-weight: 600; margin: 0px 0px 20px 0px; padding: 0px 20px; border-bottom: 1px #d3d3d3 solid; display: flex; align-items: center;}
.whisperFrame .inner .content .grayFrame H3:nth-child(n+2) {border-top: 1px #d3d3d3 solid; border-bottom: 0px; margin-bottom: 0px;}*/
#whisperFrame .inner .content .grayFrame H3 {width: 100%; height: 60px; font-size: 18px; font-weight: 600; margin: 0px 0px 0px 0px; padding: 0px 20px; display: flex; align-items: center;}
#whisperFrame .inner .content .grayFrame H3:nth-child(n+1) {border-top: 1px #d3d3d3 solid;}
#whisperFrame .inner .content .grayFrame .link {width: 100%; font-size: 14px; display: flex; padding: 0px 20px; margin: 0px 0px 20px 0px;}




.searchListFrame {width: 800px; margin: 0px auto;}
.searchListFrame .itemDesc {width: 100%; height: 50px; float: left; border-bottom: 1px #eee solid; padding: 10px 15px; margin: 30px 0px 0px 0px; display: flex; align-items: center; background-color: #f7f7f7; font-size: 16px; font-weight: 600;}
.searchListFrame .item {width: 100%; float: left; border-bottom: 1px #eee solid; padding: 8px 10px; font-size: 14px; font-weight: 300; background-color: #ffffff; display: flex; align-items: center;}
.searchListFrame .item .photo {width: 60px; margin: 10px 10px 10px 0px; float: left;}
.searchListFrame .item .photo IMG {width: 60px; float: left;}
.searchListFrame .item .productName {width: calc(100% - 260px); display: flex; flex-direction: column;}
.searchListFrame .item .name {font-weight: 600; font-size: 16px;}
.searchListFrame .item .variant {font-weight: 400; font-size: 15px;}
.searchListFrame .item .prices P {margin: 2px 0px; font-size: 16px;}
.searchListFrame .item .prices {width: 190px; float: left;}
.searchListFrame .item .prices .priceVat {color: #ed2d5b; font-weight: 600;}
.searchListFrame .item:HOVER {background-color: #f7f7f7;}
.searchListFrame .item .text {flex: 1; font-size: 16px;}
.searchListFrame .item.textList {padding: 10px 10px;}
@media only screen
and (max-width: 840px)
{
  .searchListFrame {width: 100%;}
}
@media only screen
and (max-width: 700px)
{
  .searchListFrame .item {flex-wrap: wrap;}
  .searchListFrame .item .productName {width: calc(100% - 70px);}
  .searchListFrame .item .prices {width: 100%; display: flex; justify-content: flex-start; padding: 0px 0px 0px 10px;}
  .searchListFrame .item .prices .priceVat {margin-right: 10px;}
}
@media only screen
and (max-width: 430px)
{
  .searchListFrame .item .prices {flex-direction: column;}
}