| Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/layout-form/ |
| Current File : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/layout-form/ui.layout.form.css |
.ui-form-row:last-child {
margin-bottom: 0;
}
/* FORM FIELDS */
.ui-form-row > [class*='ui-ctl'] {
margin-bottom: 0;
}
.ui-form-label {
display: block;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: rgba(82, 92, 105, .85);
flex-shrink: 0;
margin-bottom: 10px;
margin-right: 0;
}
.ui-form-content {
width: 100%;
max-width: 100%;
}
.ui-form {
padding: 0 20px 20px;
}
.ui-form + .ui-form {
margin-top: 20px;
}
.ui-form-row {
display: flex;
flex-grow: 1;
margin-bottom: 15px;
max-width: 100%;
overflow: hidden;
flex-direction: column;
align-items: flex-start;
}
.ui-form .ui-ctl-label-text {
display: inline-block;
vertical-align: top;
}
.ui-form .ui-ctl + .ui-ctl {
margin-top: 10px;
}
.ui-form .ui-ctl-radio + .ui-ctl-radio {
margin-top: 10px;
margin-left: 0;
}
.ui-form-section {
background-color: #f8f9fa;
margin-bottom: 0;
border-radius: var(--ui-form-section-border-radius);
}
.ui-form-section > .ui-form-row {
padding: 20px 0;
border-bottom: 1px solid #e6e9ec;
align-items: flex-start;
margin-bottom: 0;
background-color: #f8f9fa;
flex-direction: row;
}
.ui-form-section > .ui-form-row:last-child {
border-bottom: 0;
}
.ui-form-section > .ui-form-row > .ui-form-label {
width: 140px;
margin-bottom: 0;
padding-right: 20px;
}
.ui-form-section > .ui-form-row > .ui-form-label > .ui-ctl-label-text {
padding-bottom: 0;
}
.ui-form-section > .ui-form-row .ui-ctl-checkbox,
.ui-form-section > .ui-form-row .ui-ctl-radio {
width: auto;
min-height: auto;
margin-bottom: 0;
margin-left: 1px;
}
.ui-form-section > .ui-form-row-middle, .ui-form-row-middle {
align-items: center;
}
.ui-form-section .ui-form-row-inline {
margin-bottom: 0;
}
.ui-form-content > .ui-form {
padding: 0;
}
.ui-form-row .ui-ctl-label-text {
padding-bottom: 0;
}
.ui-form-line > .ui-form-row,
.ui-form-row-line {
flex-direction: row;
align-items: center;
}
.ui-form-line > .ui-form-row .ui-form-label,
.ui-form-row-line .ui-form-label {
margin-right: 15px;
margin-bottom: 0;
}
.ui-form-line > .ui-form-row .ui-ctl-radio + .ui-ctl-radio,
.ui-form-row-line .ui-ctl-radio + .ui-ctl-radio {
margin-top: 0;
margin-left: 20px;
}
.ui-form-line > .ui-form-row > .ui-form-link,
.ui-form-row-line .ui-form-link {
margin-top: 0;
}
.ui-form .ui-btn + .ui-btn {
margin-left: 0;
margin-top: 10px;
}
.ui-form .ui-button-panel .ui-btn + .ui-btn {
margin-left: 12px;
margin-top: 0;
}
.ui-form-line > .ui-form-row .ui-btn + .ui-btn,
.ui-form-row-line .ui-btn + .ui-btn {
margin-left: 12px;
margin-top: 0;
}
.ui-form-row-middle-input > .ui-form-label {
display: flex;
align-items: center;
height: 39px;
}
.ui-form-link,
.ui-form-row-hidden .ui-form-link {
flex: 0 0 auto;
}
.ui-ctl + .ui-form-link {
margin: 0 0 0 15px;
}
.ui-form .ui-hint {
line-height: unset;
height: auto;
}
.ui-form .ui-hint-icon {
vertical-align: middle;
margin-bottom: 1px;
margin-top: 0;
}
.ui-form-row-group {
padding: 15px 20px;
background: rgba(83, 92, 105, .07);
}
.ui-form-row-hidden {
height: 0;
opacity: 0;
transition: all .15s linear;
background: none;
width: 100%;
padding: 0;
box-sizing: content-box;
}
.ui-form-row-hidden-show {
opacity: 1;
padding: 15px 0;
}
.ui-form-row-hidden .ui-form-link {
margin-top: 0;
}
.ui-form-row-inline {
display: flex;
align-items: center;
max-width: 100%;
margin-bottom: 15px;
}
.ui-form-row-inline + .ui-form-row-inline {
margin-top: 20px;
}
.ui-form-row-inline > .ui-form-row {
margin-bottom: 0;
}
.ui-form-row-inline .ui-form-row {
padding-right: 15px;
box-sizing: border-box;
}
.ui-form-row-inline-wa .ui-form-row {
width: auto;
flex-grow: 0;
}
.ui-form-row-inline .ui-form-row:last-child {
padding-right: 0;
}
.ui-form-row-inline .ui-ctl {
width: auto;
margin-bottom: 0;
}
.ui-form-row-inline-col .ui-form-row {
flex-direction: row;
align-items: center;
}
.ui-form-row-inline-col .ui-form-label {
margin-bottom: 0;
margin-right: 10px;
}
.ui-form-row-inline .ui-ctl-radio .ui-ctl-element {
width: 15px;
}
.ui-form-row-inline .ui-ctl-checkbox .ui-ctl-label-text {
padding-bottom: 0;
}
.ui-form-row-inline .ui-form-content {
display: flex;
align-items: center;
}
.ui-form-row-inline .ui-form-content > .ui-ctl + .ui-ctl {
margin-top: 0;
margin-left: 10px;
}
.ui-form-row-inline .ui-form-content > .ui-ctl-checkbox + .ui-ctl-checkbox {
margin-left: 25px;
}
.ui-form-label[data-form-row-hidden=""],
.ui-form-label[data-form-row-hidden=""] .ui-ctl-checkbox {
margin-bottom: 0 !important;
}