/** * Sections */ body { color: #555; cursor: default; font-family: 'Noto Sans', Arial, sans-serif !important; font-size: 12px; padding: 10px !important; } .option { margin-bottom: 22px; } /** * Fonts */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: url('../../modules/noto-sans/noto-sans.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; src: url('../../modules/noto-sans/noto-sans-bold.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: 400; src: url('../../modules/noto-sans/noto-sans-italic.woff2') format('woff2'); } /** * Titles */ .title-option { align-items: center; display: flex; font-weight: 600; } /** * Controls */ .input-checkbox { margin: 0 4px 0 0; outline: 0; } .input-text { margin-left: 29px; } /** * Miscellaneous */ .description-option { color: #777; font-style: italic; padding-left: 29px; } .badge { border-radius: 3px; color: #fff; font-size: 8px; margin-left: 6px; padding: 3px 5px; text-transform: uppercase; } .badge-warning { background-color: #ffa500; } .label-checkbox { align-items: center; display: flex; } /** * Right to Left */ body[dir="rtl"] .badge { margin-left: 0; margin-right: 6px; } body[dir="rtl"] .description-option { margin-left: 0; margin-right: 29px; } body[dir="rtl"] .input-checkbox { margin: 0 0 0 4px; } body[dir="rtl"] .input-text { margin-left: 0; margin-right: 29px; }