/* DISPLAY DATA */
.ucf-data-block {width:100%;display:inline-block;clear:both;margin:0 0 6px 0;}
#ucf-data {width:100%;display:grid;grid-template-columns: repeat(1, 1fr);grid-gap:12px;margin:10px 0;}
#ucf-data.ucf-is-public[data-theme="sigma"] {padding:0 15px;}
#ucf-data .ucf-field-box {display:flex;flex-direction: row;}
#ucf-data .ucf-field-box .ucf-icon {width:20px;height:20px;margin:2px 10px 0 0;}
#ucf-data .ucf-field-box .ucf-icon svg, .ucf-data .ucf-field-box .ucf-icon i, .ucf-data .ucf-field-box .ucf-icon img {width:100%;height:auto;max-height:20px;line-height:20px;font-size:16px;fill:#777;color:#777;object-fit:contain;}
#ucf-data .ucf-field-wrap {width:100%;display:flex;flex-direction: column; align-items: flex-start;}
#ucf-data .ucf-field-box.ucf-has-icon .ucf-field-wrap {width:calc(100% - 30px);}
#ucf-data .ucf-field-wrap .ucf-field-label {font-size:14px;line-height:16px;margin:0 0 2px 0;}
#ucf-data .ucf-field-wrap .ucf-field-values {font-size:15px;line-height:18px;margin:0;display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
#ucf-data .ucf-field-wrap .ucf-value {margin:0 10px 4px 0;line-height:16px;}
#ucf-data .ucf-field-wrap .ucf-value > svg, .ucf-data .ucf-field-wrap .ucf-value > img, .ucf-data .ucf-field-wrap .ucf-value > i {float:left;margin:1px 4px 1px 0;width:14px;height:14px;fill:#089508;object-fit:contain;line-height:14px;font-size:14px;}
#ucf-data .ucf-field-wrap .ucf-value > span {float:left;}
#ucf-data .ucf-file-img-row {display:flex;margin:3px 0 4px 0;flex-direction: row; flex-wrap: wrap; align-items: center;}
#ucf-data .ucf-file-img-row img {position:relative;top:auto;left:auto;right:auto;transition:0.2s;width:auto;height:auto;max-width:160px;max-height:120px;object-fit:contain;border:1px solid #ccc;border-radius:4px;background-color:#fff;}
#ucf-data .ucf-file-img-row img:hover {box-shadow:0 1px 5px rgba(0,0,0,0.25);}
#ucf-data .ucf-type-file .ucf-field-wrap .ucf-field-values {flex-direction: column; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;}
#ucf-data .ucf-type-file .ucf-file-value span {font-size:14px;display:flex;line-height:16px;flex-direction: row; flex-wrap: wrap; align-items: center;}
#ucf-data .ucf-type-file .ucf-file-value a {text-decoration:underline;}
#ucf-data .ucf-type-file .ucf-file-value a:hover {text-decoration:none;}
#ucf-data .ucf-type-file em.ucf-file-size {font-style:normal;font-size:12px;color:#777;margin:0 3px;}


/* FORM INPUT DESIGN */
.ucf-input-box {width:100%;clear:both;margin:0 0 16px 0;}
body.user .ucf-input-box[data-type="header"][data-theme="sigma"] {max-width:70%;margin-left:30%!important;}

.ucf-input-box.ucf-is-admin[data-type="header"] > .ucf-input-wrap {margin-left:0;width:100%;max-width:100%;}
.ucf-input-box .ucf-input-label {text-align:left;padding-top:0;}
body.user form .ucf-input-box .ucf-input-label {padding-top:4px;}
.ucf-input-box .ucf-input-desc {font-size:14px;line-height:16px;margin:2px 0 2px 0;text-align:left;font-weight:normal;}
.ucf-input-box .ucf-input-help {font-size:13px;line-height:15px;margin:3px 0 0 0;color:#666;clear:both;}
.ucf-input-box .ucf-input-wrap {display:flex;flex-direction: column; align-items: flex-start;}
.ucf-input-box .ucf-input-radio-check-box {display: flex;margin:4px 0;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.ucf-input-box .ucf-input-radio-check-box.ucf-one-per-line {flex-direction: column; align-items: flex-start; justify-content: center; flex-wrap: wrap; align-content: flex-start;}
.ucf-input-box .ucf-input-radio-check-box .ucf-input-one {font-size:14px;margin:0 12px 8px 0;white-space:nowrap;}
.ucf-input-box .ucf-input-radio-check-box  + .ucf-input-help {margin-top:0;}
.ucf-input-box .ucf-input-wrap input, .ucf-input-box .ucf-input-wrap textarea, .ucf-input-box .ucf-input-wrap select {margin:0;width:100%;}
.ucf-input-box .ucf-input-wrap input, .ucf-input-box .ucf-input-wrap select {padding-top:0;padding-bottom:0;max-height:unset;}
.ucf-input-box .ucf-input-wrap input[type="checkbox"], .ucf-input-box .ucf-input-wrap input[type="radio"] {width:16px;min-width:16px;height:16px;margin:0 4px 0 0!important;padding:0;float:left;}
.ucf-input-box .ucf-input-wrap input[type="checkbox"] + label.ucf-input-label-inline, .ucf-input-box .ucf-input-wrap input[type="radio"] + label.ucf-input-label-inline {margin:0;font-size:inherit;line-height:16px;padding:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}

.ucf-input-box hr.ucf-input-line {width:100%;margin:4px 0;border:none;height:1px;background:#999;}
.ucf-input-box.ucf-is-admin .ucf-type-line {padding-top:5px;}
.ucf-input-box.ucf-is-admin hr.ucf-input-line {min-width:100%;}

.ucf-input-box h3.ucf-input-header {width:100%;margin:8px 0 8px 0;border:none;padding:12px 2px 0 2px;border-top:1px solid #aaa;color:#202020;font-size:16px;font-weight:600;line-height:20px;display:flex;clear:both;flex-direction: column; align-items: flex-start;}
.ucf-input-box h3.ucf-input-header > strong {margin:0;font-size:inherit;font-weight:bold;}
.ucf-input-box h3.ucf-input-header > strong + .ucf-input-desc {margin:2px 0 0 0;font-weight:normal;}

.ucf-input-box.ucf-is-admin h3.ucf-input-header {min-width:100%;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1);}
.ucf-input-box.ucf-is-admin h3.ucf-input-header > strong {font-size:18px;}
.ucf-input-box.ucf-is-admin h3.ucf-input-header > strong + .ucf-input-desc {margin-top:4px;font-size:14px;color:#555;}

.ucf-input-box .ucf-file-row {margin:5px 0 0 0;font-size:14px;display:flex;line-height:16px;flex-direction: row; flex-wrap: wrap; align-items: center;}
.ucf-input-box .ucf-file-row a.ucf-file-download {text-decoration:underline;}
.ucf-input-box .ucf-file-row a.ucf-file-download:hover {text-decoration:none;}
.ucf-input-box .ucf-file-row em {font-style:normal;font-size:12px;color:#777;margin:0 3px;}
.ucf-input-box .ucf-file-row a.ucf-file-remove {margin:0 8px;width:22px;height:22px;text-align:center;display:flex;align-content: center; justify-content: center; flex-wrap: wrap;border-radius:4px;background:rgba(0,0,0,0.12);transition:0.2s;}
.ucf-input-box .ucf-file-row a.ucf-file-remove:hover {background:rgba(0,0,0,0.2);}
.ucf-input-box .ucf-file-row a.ucf-file-remove svg {width:13px;height:13px;fill:rgba(0,0,0,0.5);}
.ucf-input-box .ucf-file-img-row {margin:5px 0 -2px 0;flex-direction: row; flex-wrap: wrap; align-items: center;}
.ucf-input-box .ucf-file-img-row img {transition:0.2s;width:auto;height:auto;max-width:160px;max-height:120px;object-fit:contain;border:1px solid #ccc;border-radius:4px;background-color:#fff;}
.ucf-input-box .ucf-file-img-row img:hover {box-shadow:0 1px 5px rgba(0,0,0,0.25);}


form[name="register"] .ucf-input-box:not('.ucf-is-admin') {display:flex;clear:both;flex-direction: column; align-items: flex-start;}
form[name="register"] .ucf-input-box:not('.ucf-is-admin') .ucf-input-label {width:100%;text-align:left;}
form[name="register"] .ucf-input-box:not('.ucf-is-admin') .ucf-input-radio-check-box {margin-top:4px;}
form[name="register"] .ucf-input-box[data-type="header"]:not('.ucf-is-admin'), form[name="register"] .ucf-input-box[data-type="line"]:not('.ucf-is-admin') {margin:0!important;}


@media screen and (max-width: 767px) {
  body.user .ucf-input-box[data-type="header"][data-theme="sigma"] {max-width:100%;margin-left:0!important;}

}



/* RTL */
html[dir="rtl"] {}
html[dir="rtl"].ucf-input-box .ucf-input-label {text-align:right;}
html[dir="rtl"] .ucf-input-box .ucf-input-desc {text-align:right;}
html[dir="rtl"] .ucf-input-box .ucf-input-radio-check-box .ucf-input-one {margin-left:12px;margin-right:0;}
html[dir="rtl"] .ucf-input-box .ucf-input-wrap input[type="checkbox"], html[dir="rtl"] .ucf-input-box .ucf-input-wrap input[type="radio"] {float:right;margin-left:4px!important;margin-right:0!important;}
html[dir="rtl"] body.user .ucf-input-box[data-type="header"][data-theme="sigma"] {margin-right:30%!important;margin-left:0!important;}
html[dir="rtl"] #ucf-data .ucf-field-box .ucf-icon, html[dir="rtl"] #ucf-data .ucf-field-wrap .ucf-value {margin-left:10px;margin-right:0;}
html[dir="rtl"] #ucf-data .ucf-field-wrap .ucf-value > svg, html[dir="rtl"] .ucf-data .ucf-field-wrap .ucf-value > img, html[dir="rtl"] .ucf-data .ucf-field-wrap .ucf-value > i {margin-left:4px;margin-right:0;float:right;}
html[dir="rtl"] {}


@media screen and (max-width: 767px) {
  html[dir="rtl"] body.user .ucf-input-box[data-type="header"][data-theme="sigma"] {margin-right:0%!important;margin-left:0!important;}

}