﻿
.pl_container{--selection-plain-color:var(--primary-color);--selection-overlay-color:var(--primary-color-030);}
.pl_container{position:relative;text-align:left;}

.pl_container .propertyContainer{display:flex;flex-flow:row wrap;align-items:center;padding:10px 0;border-bottom:1px dashed #DDDDDD;}
.pl_container .propertyContainer:first-child{padding-top:0;}
.pl_container .propertyContainer:last-child{border-bottom-width:0px;}
.pl_container .propertyLabel{flex:1 0 auto;font-size:1.3em;}
.pl_container .selectedValueText1{margin-right:10px;display:inline-block;height:calc(1.2em + 4px);line-height:calc(1.2em + 4px);padding:1px 0;}
.pl_container .clearProperty{display:none;}

.pl_container select{border:1px solid #999;border-radius:3px;padding:1px;margin:0;max-width:250px;width:calc(100% - 4px);font-size:1em;cursor:pointer;transition:border 0.2s;}
.pl_container select:hover{border-color:var(--standard-text-color);}
.pl_container select.single{border-color:#DDDDDD;cursor:default;}
.pl_container select.hidden option:disabled{display:none;}

.pl_container .radioContainer{width:100%;}
.pl_container .radioContent{margin-top:10px;}
.pl_container .radioList{text-align:center;}
.pl_container .radioElement{display:inline-block;width: 170px;height: 170px;margin:1px 1px 5px 1px;border:2px solid Transparent;border-radius:4px;font-size:12px;line-height:1.1em;text-align:center;color:#666666;vertical-align:top;transition:background-color 0.2s, border 0.2s, color 0.2s}
.pl_container .radioElement:hover{background-color:var(--selection-overlay-color);cursor:pointer;}
.pl_container .radioElement.selected {margin:1px 1px 5px 1px;border-width:2px;border-color:var(--selection-plain-color);color:var(--standard-text-color);background-color:var(--selection-overlay-color);}
.pl_container .single .radioElement.selected, .pl_container .single .radioElement.selected:hover{border-color:#DDDDDD;background-color:#FFFFFF;cursor:default;}
.pl_container .imagespan{display:inline-block;width:170px;height:140px;background-repeat:no-repeat;background-position:center center;}
.pl_container .textspan{display:inline-block;width:170px;}

.pl_container .singleRow .radioContent{height:178px;overflow:hidden;position:relative;width:100%;}
.pl_container .singleRow .radioContent .radioList{text-align:center;position:absolute;top:0;left:0;right:0;}
.pl_container .singleRow .radioContent .radioList span.disabled{display:none;}
.pl_container .singleRow .bulletScroller{height:17px;text-align:center;}
.pl_container .singleRow .bulletScroller span{display:inline-block;width:10px;height:10px;position:relative;text-align:center;cursor:pointer;font-family:Verdana;font-size:24px;color:#999999;line-height:12px;margin:0 2px;}
.pl_container .singleRow .bulletScroller span:hover, .pl_container .bulletScroller span.selected{color:var(--standard-text-color);}

.pl_container .radioElement.disabled .textspan{color:#BBBBBB;}
.pl_container .radioElement.disabled:hover{border-color:transparent;background-color:transparent;cursor:default;}
.pl_container .radioElement.disabled .imagespan{opacity:0.3;}

.pl_container .propertiesPreview{position:relative;height:700px;margin-top:10px;background:url(/Images/Common/no-pic.png) center center no-repeat;}
.pl_container .propertiesPreview div{position:absolute;top:0;left:0;bottom:0;right:0;background-position:center center;background-repeat:no-repeat;}

.pl_container .void{color:var(--error-color);}
.pl_container .void select, .pl_container .void .textbox, .void .dropdownmenu{border-color:var(--error-color);}

@media only screen and (max-width:798px) {
    .pl_container .propertyContainer{flex-flow:column nowrap;align-items:stretch;}
    .pl_container select{max-width:none;margin-top:5px;}

    .pl_container .singleRow .radioContent{height:inherit;overflow:auto;position:inherit;}
    .pl_container .singleRow .radioContent .radioList{position:inherit;}
    .pl_container .singleRow .radioContent .radioList .radioElement{height:174px;}
    .pl_container .singleRow .bulletScroller{display:none;}
}