/* PRICE HISTORY */
.pcm-history {display:inline-block;width:100%;margin:0 0 20px 0;}
.pcm-history .pcm-wrap {display:inline-block;width:100%;position:relative;height:280px;}
.pcm-history .pcm-area {position:absolute;top:0;left:0px;right:0;height:260px;background:#eee;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.pcm-history .pcm-area-wrap {position:absolute;left:10px;right:10px;top:0px;bottom:0;}
.pcm-history .pcm-elem {float:left;height:100%;position:relative;transition:0.15s;z-index:2;}
.pcm-history .pcm-elem:hover {background:rgba(0,0,0,0.06);}
.pcm-history .pcm-fill {width:calc(100% - 10px);position:absolute;bottom:0;left:5px;}
.pcm-history .pcm-fill.pcm-avg {background:#0d9ecc;z-index:1;}
.pcm-history .pcm-fill.pcm-min {z-index:3;}
.pcm-history .pcm-fill.pcm-max {z-index:2;}
.pcm-history .pcm-fill.pcm-avg em {width:100%;height:3px;background:#056786;border-radius:2px;position:absolute;top:-2px;left:0;}
.pcm-history .pcm-fill.pcm-min span {width:100%;height:2px;background:rgba(0,0,0,0.3);border-radius:2px;position:absolute;top:-1px;left:0;}
.pcm-history .pcm-fill.pcm-max span {width:100%;height:2px;background:rgba(0,0,0,0.3);border-radius:2px;position:absolute;top:-1px;left:0;}
.pcm-history .pcm-fill span {white-space:nowrap;overflow:hidden;letter-spacing:-0.6px;position:absolute;top:-14px;left:0;width:100%;text-align:center;line-height:14px;font-size:11px;font-weight:bold;color:#555;}
.pcm-history .pcm-xaxis {position:absolute;bottom:0;left:10px;right:0;height:20px;}
.pcm-history .pcm-xaxis .pcm-ax {white-space:nowrap;overflow:hidden;letter-spacing:-0.6px;float:left;font-size:11px;font-weight:normal;color:#555;line-height:16px;padding:2px 0;height:20px;text-align:center;}
.pcm-history .pcm-area-line {position:absolute;left:0;right:0;background:#e0e0e0;height:1px;}
.pcm-history .pcm-area-line.pcm-al1 {top:20%;}
.pcm-history .pcm-area-line.pcm-al2 {top:40%;}
.pcm-history .pcm-area-line.pcm-al3 {top:60%;}
.pcm-history .pcm-area-line.pcm-al4 {top:80%;}


/* PRICE INDEX */
.pcm-index {display:inline-block;width:120px;margin:5px 0 20px 0;}
.pcm-index .pcm-wrap {display:inline-block;width:100%;}
.pcm-index .pcm-bars {display:inline-block;width:100%;}
.pcm-index .pcm-bar {float:left;width:20%;padding:0 2px 0 1px;}
.pcm-index .pcm-bar > span {display:block;width:100%;height:10px;border-radius:2px;background:#e0e0e0;}
.pcm-index .pcm-bars.pcm-ind-1 .pcm-active > span {background:#e7882c;}
.pcm-index .pcm-bars.pcm-ind-2 .pcm-active > span {background:#dea506;}
.pcm-index .pcm-bars.pcm-ind-3 .pcm-active > span {background:#80bd23;}
.pcm-index .pcm-bars.pcm-ind-4 .pcm-active > span {background:#52a11a;}
.pcm-index .pcm-bars.pcm-ind-5 .pcm-active > span {background:#287d0e;}
.pcm-index .pcm-rate {display:inline-block;width:100%;margin:4px 0 0 0;font-weight:bold;font-size:13px;line-height:16px;color:#555;padding:0 1px;}
.pcm-index .pcm-link-box {display:inline-block;width:100%;margin:1px 0 0 0;font-weight:normal;padding:0 1px;}
.pcm-index .pcm-link-box a {font-size:12px;line-height:14px;}
.pcm-index.pcm-right {float:right;}
.pcm-index.pcm-right .pcm-rate, .pcm-index.pcm-right .pcm-link-box {text-align:right;}



/* MODAL DESIGN */
.modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:991;background:rgba(0,0,0,0.75);}
#pcmModal {display:none;overflow:hidden;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:995;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
#pcmModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#pcmModal .modal-body {position:initial;padding:0;}
#pcmModal .modal-close { cursor: pointer; border-radius: 5px; transition: 0.2s; position: absolute; z-index: 99; color: #555; text-align: center; top: 8px; right: 8px; width: 34px; height: 34px; font-size: 18px;}
#pcmModal .modal-close svg {width:auto;height:18px;margin:8px 0;display:inline-block;transition: 0.2s;}
#pcmModal .modal-close:hover {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
#pcmModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#pcmModal .modal-content .modal-iframe, #pcmModal .modal-loader {background: #fff url(../img/loader.gif) no-repeat center center; background-size: 80px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#pcmModal, #pcmModal .modal-content, #pcmModal .modal-content .modal-iframe {border-radius:5px;}
#pcmModal .modal-is-inline .modal-content {overflow-y:auto;}



@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {

}

.pcm-body, .pcm-body * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pcm-body input[type="checkbox"] { float: left; background: #fbfbfb; border: 1px solid #7e8993; border-radius: 4px; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px;min-height:18px; margin: 0 6px 0 0!important; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: .05s border-color ease-in-out; }
.pcm-body input[type="checkbox"]:checked::before { content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); margin: -3px; height: 22px; width: 22px;display:inline-block; }
.pcm-body input[type="checkbox"] + label {font-weight:normal;line-height:18px;display:inline-block;font-size:14px;float:left;width:auto;clear:none;}



/* RTL */
html[dir="rtl"] .pcm-body, html[dir="rtl"] .pcm-index, html[dir="rtl"] .pcm-history {direction:rtl;}
html[dir="rtl"] #pcmModal .modal-close {left:8px;right:auto;}
!html[dir="rtl"] .pcm-index {float:right;}
!html[dir="rtl"] .pcm-index .pcm-rate, html[dir="rtl"] .pcm-index .pcm-link-box {text-align:right;}
html[dir="rtl"] .pcm-index.pcm-right {float:left;}
html[dir="rtl"] .pcm-index.pcm-right .pcm-rate, html[dir="rtl"] .pcm-index.pcm-right .pcm-link-box {text-align:left;}
html[dir="rtl"] .pcm-index .pcm-bar {float:right;}
html[dir="rtl"] body.item #pcm-pi-box.pcm-pi-box-right {float:left!important;margin-left:0!important;margin-right:30px!important;}
html[dir="rtl"] body.search #pcm-pi-box.pcm-pi-box-right {left:0!important;right:auto!important;}