Your IP : 216.73.216.209


Current Path : /home/musicpassiondjs40/djandreidis/media/plg_system_nrframework/css/
Upload File :
Current File : /home/musicpassiondjs40/djandreidis/media/plg_system_nrframework/css/images-selector-field.css

.nr-images-selector{--border-color: #ccc;--border-hover-color: #b1b1b1;--selected-color: #46A546;--gap: 10px;--item-padding: 10px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;gap:var(--gap);max-width:var(--max-width)}@media only screen and (max-width: 991px){.nr-images-selector{-ms-flex-wrap:wrap;flex-wrap:wrap}}.nr-images-selector.no-padding .image label{--item-padding: 0}.nr-images-selector .nr-images-selector-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--gap)}.nr-images-selector.row-flex-direction-row .nr-images-selector-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.nr-images-selector .image{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--item-height)}.nr-images-selector .image label{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--item-padding);cursor:pointer;border:1px solid var(--border-color);border-radius:3px}.nr-images-selector .image label:hover{border-color:var(--border-hover-color)}.nr-images-selector .image label .checkmark{position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5;background:#fff;border-radius:50%}.nr-images-selector .image label img{-o-object-fit:contain;object-fit:contain;max-width:100%;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;-ms-flex-item-align:normal;align-self:normal}.nr-images-selector .image.is-pro .is-pro-overlay{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(255,255,255,0.75);color:#999;cursor:pointer;z-index:15}.nr-images-selector .image.is-pro .is-pro-overlay span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border:1px solid currentColor;border-radius:4px;font-size:16px}.nr-images-selector .image.is-pro .is-pro-overlay span i{margin:0}.nr-images-selector .image.is-pro .is-pro-overlay:not(:hover) span .icon-unlock{display:none}.nr-images-selector .image.is-pro .is-pro-overlay:hover span .icon-lock{display:none}.nr-images-selector .image.is-pro .is-pro-overlay:hover{color:#f00}.nr-images-selector .image.is-pro .is-pro-overlay:hover span{color:currentColor}.nr-images-selector .image input[type="radio"]:not(:checked)+label .checkmark{display:none}.nr-images-selector .image input[type="radio"]:checked+label{color:var(--selected-color);border-color:currentColor;-webkit-box-shadow:0 0 0 2px var(--selected-color);box-shadow:0 0 0 2px var(--selected-color)}.nr-images-selector .image input{display:none}