html { font-size: 16px; -webkit-text-size-adjust: 100%; } body { box-sizing: border-box; margin: 0; background-color: #f8f8f8; font-size: 1rem; font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; } * { box-sizing: inherit; line-height: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } main { display: block; } a { outline: none; background-color: transparent; color: #3498da; text-decoration: none; transition: color 150ms; } a:hover { color: #1a608e; } a:not([href]) { cursor: default; } img { max-width: 100%; border-style: none; } button { -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; } [hidden] { display: none; } .focused, button:focus, .button:focus, input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 2px rgba(40, 154, 230, 0.3); } @media (min-width: 568px) { .hide-from-xs { display: none; } } @media (max-width: 568px) { .show-from-xs { display: none; } } @media (min-width: 768px) { .hide-from-s { display: none; } } @media (max-width: 768px) { .show-from-s { display: none; } } @media (min-width: 992px) { .hide-from-m { display: none; } } @media (max-width: 992px) { .show-from-m { display: none; } } @media (min-width: 1200px) { .hide-from-l { display: none; } } @media (max-width: 1200px) { .show-from-l { display: none; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; } h1, .h1, h2, .h2, h3, .h3 { letter-spacing: -0.027rem; } h1, .h1 { font-size: 2.369rem; } h2, .h2 { font-size: 2.104rem; } h3, .h3 { font-size: 1.777rem; } h4, .h4 { font-size: 1.579rem; } h5, .h5 { font-size: 1.184rem; } h6, .h6 { font-size: 1rem; } strong { font-weight: 600; } p { margin-top: 0; margin-bottom: 0.5rem; line-height: 1.5; } ul { margin-top: 0; margin-bottom: 0.5rem; margin-left: 1.25rem; padding: 0; list-style-position: outside; } .container, .container-full, .container-no-margin { clear: both; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .container::before, .container::after, .container-full::before, .container-full::after, .container-no-margin::before, .container-no-margin::after { display: table; content: ' '; } .container::after, .container-full::after, .container-no-margin::after { clear: both; } .container { max-width: 1200px; } .container-no-margin { padding-right: 0; padding-left: 0; } .row { margin-right: -15px; margin-left: -15px; } .row::before, .row::after { display: table; content: ' '; } .row::after { clear: both; } @media (max-width: 768px) { .container-no-margin .row { margin: 0; } .container-no-margin div[class^=col-] { padding: 0; } } .col-xs-1-12, .col-xs-2-12, .col-xs-1-6, .col-xs-3-12, .col-xs-1-4, .col-xs-4-12, .col-xs-1-3, .col-xs-5-12, .col-xs-6-12, .col-xs-1-2, .col-xs-7-12, .col-xs-8-12, .col-xs-2-3, .col-xs-9-12, .col-xs-3-4, .col-xs-10-12, .col-xs-5-6, .col-xs-11-12, .col-xs-12-12, .col-xs-1-1, .col-s-1-12, .col-s-2-12, .col-s-1-6, .col-s-3-12, .col-s-1-4, .col-s-4-12, .col-s-1-3, .col-s-5-12, .col-s-6-12, .col-s-1-2, .col-s-7-12, .col-s-8-12, .col-s-2-3, .col-s-9-12, .col-s-3-4, .col-s-10-12, .col-s-5-6, .col-s-11-12, .col-s-12-12, .col-s-1-1, .col-m-1-12, .col-m-2-12, .col-m-1-6, .col-m-3-12, .col-m-1-4, .col-m-4-12, .col-m-1-3, .col-m-5-12, .col-m-6-12, .col-m-1-2, .col-m-7-12, .col-m-8-12, .col-m-2-3, .col-m-9-12, .col-m-3-4, .col-m-10-12, .col-m-5-6, .col-m-11-12, .col-m-12-12, .col-m-1-1, .col-l-1-12, .col-l-2-12, .col-l-1-6, .col-l-3-12, .col-l-1-4, .col-l-4-12, .col-l-1-3, .col-l-5-12, .col-l-6-12, .col-l-1-2, .col-l-7-12, .col-l-8-12, .col-l-2-3, .col-l-9-12, .col-l-3-4, .col-l-10-12, .col-l-5-6, .col-l-11-12, .col-l-12-12, .col-l-1-1 { padding: 0 15px; } .col-xs-1-12 { width: 8.33333%; } .col-xs-2-12, .col-xs-1-6 { width: 16.66667%; } .col-xs-3-12, .col-xs-1-4 { width: 25%; } .col-xs-4-12, .col-xs-1-3 { width: 33.33333%; } .col-xs-5-12 { width: 41.66667%; } .col-xs-6-12, .col-xs-1-2 { width: 50%; } .col-xs-7-12 { width: 58.33333%; } .col-xs-8-12, .col-xs-2-3 { width: 66.66667%; } .col-xs-9-12, .col-xs-3-4 { width: 75%; } .col-xs-10-12, .col-xs-5-6 { width: 83.33333%; } .col-xs-11-12 { width: 91.66667%; } .col-xs-12-12, .col-xs-1-1 { width: 100%; } .col-xs-1-12, .col-xs-2-12, .col-xs-1-6, .col-xs-3-12, .col-xs-1-4, .col-xs-4-12, .col-xs-1-3, .col-xs-5-12, .col-xs-6-12, .col-xs-1-2, .col-xs-7-12, .col-xs-8-12, .col-xs-2-3, .col-xs-9-12, .col-xs-3-4, .col-xs-10-12, .col-xs-5-6, .col-xs-11-12, .col-xs-12-12, .col-xs-1-1 { float: left; } .col-xs-o-1-12 { margin-left: 8.33333%; } .col-xs-o-2-12, .col-xs-o-1-6 { margin-left: 16.66667%; } .col-xs-o-3-12, .col-xs-o-1-4 { margin-left: 25%; } .col-xs-o-4-12, .col-xs-o-1-3 { margin-left: 33.33333%; } .col-xs-o-5-12 { margin-left: 41.66667%; } .col-xs-o-6-12, .col-xs-o-1-2 { margin-left: 50%; } .col-xs-o-7-12 { margin-left: 58.33333%; } .col-xs-o-8-12, .col-xs-o-2-3 { margin-left: 66.66667%; } .col-xs-o-9-12, .col-xs-o-3-4 { margin-left: 75%; } .col-xs-o-10-12, .col-xs-o-5-6 { margin-left: 83.33333%; } .col-xs-o-11-12 { margin-left: 91.66667%; } @media (min-width: 768px) { .col-s-1-12 { width: 8.33333%; } .col-s-2-12, .col-s-1-6 { width: 16.66667%; } .col-s-3-12, .col-s-1-4 { width: 25%; } .col-s-4-12, .col-s-1-3 { width: 33.33333%; } .col-s-5-12 { width: 41.66667%; } .col-s-6-12, .col-s-1-2 { width: 50%; } .col-s-7-12 { width: 58.33333%; } .col-s-8-12, .col-s-2-3 { width: 66.66667%; } .col-s-9-12, .col-s-3-4 { width: 75%; } .col-s-10-12, .col-s-5-6 { width: 83.33333%; } .col-s-11-12 { width: 91.66667%; } .col-s-12-12, .col-s-1-1 { width: 100%; } .col-s-1-12, .col-s-2-12, .col-s-1-6, .col-s-3-12, .col-s-1-4, .col-s-4-12, .col-s-1-3, .col-s-5-12, .col-s-6-12, .col-s-1-2, .col-s-7-12, .col-s-8-12, .col-s-2-3, .col-s-9-12, .col-s-3-4, .col-s-10-12, .col-s-5-6, .col-s-11-12, .col-s-12-12, .col-s-1-1 { float: left; } .col-s-o-1-12 { margin-left: 8.33333%; } .col-s-o-2-12, .col-s-o-1-6 { margin-left: 16.66667%; } .col-s-o-3-12, .col-s-o-1-4 { margin-left: 25%; } .col-s-o-4-12, .col-s-o-1-3 { margin-left: 33.33333%; } .col-s-o-5-12 { margin-left: 41.66667%; } .col-s-o-6-12, .col-s-o-1-2 { margin-left: 50%; } .col-s-o-7-12 { margin-left: 58.33333%; } .col-s-o-8-12, .col-s-o-2-3 { margin-left: 66.66667%; } .col-s-o-9-12, .col-s-o-3-4 { margin-left: 75%; } .col-s-o-10-12, .col-s-o-5-6 { margin-left: 83.33333%; } .col-s-o-11-12 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-m-1-12 { width: 8.33333%; } .col-m-2-12, .col-m-1-6 { width: 16.66667%; } .col-m-3-12, .col-m-1-4 { width: 25%; } .col-m-4-12, .col-m-1-3 { width: 33.33333%; } .col-m-5-12 { width: 41.66667%; } .col-m-6-12, .col-m-1-2 { width: 50%; } .col-m-7-12 { width: 58.33333%; } .col-m-8-12, .col-m-2-3 { width: 66.66667%; } .col-m-9-12, .col-m-3-4 { width: 75%; } .col-m-10-12, .col-m-5-6 { width: 83.33333%; } .col-m-11-12 { width: 91.66667%; } .col-m-12-12, .col-m-1-1 { width: 100%; } .col-m-1-12, .col-m-2-12, .col-m-1-6, .col-m-3-12, .col-m-1-4, .col-m-4-12, .col-m-1-3, .col-m-5-12, .col-m-6-12, .col-m-1-2, .col-m-7-12, .col-m-8-12, .col-m-2-3, .col-m-9-12, .col-m-3-4, .col-m-10-12, .col-m-5-6, .col-m-11-12, .col-m-12-12, .col-m-1-1 { float: left; } .col-m-o-1-12 { margin-left: 8.33333%; } .col-m-o-2-12, .col-m-o-1-6 { margin-left: 16.66667%; } .col-m-o-3-12, .col-m-o-1-4 { margin-left: 25%; } .col-m-o-4-12, .col-m-o-1-3 { margin-left: 33.33333%; } .col-m-o-5-12 { margin-left: 41.66667%; } .col-m-o-6-12, .col-m-o-1-2 { margin-left: 50%; } .col-m-o-7-12 { margin-left: 58.33333%; } .col-m-o-8-12, .col-m-o-2-3 { margin-left: 66.66667%; } .col-m-o-9-12, .col-m-o-3-4 { margin-left: 75%; } .col-m-o-10-12, .col-m-o-5-6 { margin-left: 83.33333%; } .col-m-o-11-12 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-l-1-12 { width: 8.33333%; } .col-l-2-12, .col-l-1-6 { width: 16.66667%; } .col-l-3-12, .col-l-1-4 { width: 25%; } .col-l-4-12, .col-l-1-3 { width: 33.33333%; } .col-l-5-12 { width: 41.66667%; } .col-l-6-12, .col-l-1-2 { width: 50%; } .col-l-7-12 { width: 58.33333%; } .col-l-8-12, .col-l-2-3 { width: 66.66667%; } .col-l-9-12, .col-l-3-4 { width: 75%; } .col-l-10-12, .col-l-5-6 { width: 83.33333%; } .col-l-11-12 { width: 91.66667%; } .col-l-12-12, .col-l-1-1 { width: 100%; } .col-l-1-12, .col-l-2-12, .col-l-1-6, .col-l-3-12, .col-l-1-4, .col-l-4-12, .col-l-1-3, .col-l-5-12, .col-l-6-12, .col-l-1-2, .col-l-7-12, .col-l-8-12, .col-l-2-3, .col-l-9-12, .col-l-3-4, .col-l-10-12, .col-l-5-6, .col-l-11-12, .col-l-12-12, .col-l-1-1 { float: left; } .col-l-o-1-12 { margin-left: 8.33333%; } .col-l-o-2-12, .col-l-o-1-6 { margin-left: 16.66667%; } .col-l-o-3-12, .col-l-o-1-4 { margin-left: 25%; } .col-l-o-4-12, .col-l-o-1-3 { margin-left: 33.33333%; } .col-l-o-5-12 { margin-left: 41.66667%; } .col-l-o-6-12, .col-l-o-1-2 { margin-left: 50%; } .col-l-o-7-12 { margin-left: 58.33333%; } .col-l-o-8-12, .col-l-o-2-3 { margin-left: 66.66667%; } .col-l-o-9-12, .col-l-o-3-4 { margin-left: 75%; } .col-l-o-10-12, .col-l-o-5-6 { margin-left: 83.33333%; } .col-l-o-11-12 { margin-left: 91.66667%; } } button, .button { display: inline-block; overflow: visible; margin: 0; margin-right: 0.25rem; margin-bottom: 0.5rem; padding: 0.375rem 0.5rem; min-width: 2rem; outline: none; border: 1px solid #f0f0f0; border-radius: 3px; background-color: #f0f0f0; color: #444; vertical-align: middle; white-space: nowrap; font-size: 0.875rem; font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.15; cursor: default; transition: border-color 150ms, background-color 150ms, color 150ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button:hover, .button:hover { border-color: #e4e4e4; background-color: #e4e4e4; color: #444; } button[disabled], .button.disabled, button[disabled]:hover, .button.disabled:hover, button.disabled, button.disabled:hover, .button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover { border-color: #f8f8f8; background-color: #f8f8f8; color: #cacaca; pointer-events: none; } a.button { text-align: center; } .button-right { float: right; margin-right: 0; margin-left: 0.25rem; } .button-accent { border: 1px solid #3498da; background-color: #3498da; color: #fff; } .button-accent:hover, .button-accent:focus { border-color: #227db9; background-color: #227db9; color: #fff; } .button-success { border: 1px solid #2ecc70; background-color: #2ecc70; color: #fff; } .button-success:hover, .button-success:focus { border-color: #25a259; background-color: #25a259; color: #fff; } .button-warning { border: 1px solid #f39c11; background-color: #f39c11; color: #fff; } .button-warning:hover, .button-warning:focus { border-color: #c77e0a; background-color: #c77e0a; color: #fff; } .button-error { border: 1px solid #e74c3b; background-color: #e74c3b; color: #fff; } .button-error:hover, .button-error:focus { border-color: #d52d1a; background-color: #d52d1a; color: #fff; } .button-link { margin: 0; border: 0; background-color: transparent; font-size: inherit; cursor: pointer; } .button-link:hover { background-color: transparent; color: #3498da; } .button-link:focus { box-shadow: none; } .button-link[disabled], .button-link[disabled]:hover, .button-link.disabled, .button-link.disabled:hover { background-color: transparent; cursor: default; } input, select, textarea { display: inline-block; margin: 0; margin-bottom: 0.5rem; padding: 0.25rem 0.5rem; width: 100%; border: 1px solid #cacaca; border-radius: 3px; vertical-align: middle; font-size: 0.875rem; font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; } input:focus, select:focus, textarea:focus { outline: none; } input:invalid, select:invalid, textarea:invalid { box-shadow: none; } input[disabled], select[disabled], textarea[disabled] { background-color: #f0f0f0; color: #7e7e7e; } input[readonly], select[readonly], textarea[readonly] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=checkbox], input[type=radio] { margin-bottom: 0; padding: 0; width: auto; height: inherit; vertical-align: text-top; } input[type=checkbox]:focus, input[type=radio]:focus { box-shadow: none; } input[type=file] { padding: 0; border: none; border-radius: 0; } input[type=file]::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } select { padding: 0.25rem 1.5rem 0.25rem 0.5rem; background: #fff url("data:image/svg+xml;utf8,") no-repeat right 0.75rem center; background-color: #fff; background-size: 8px 6px; } textarea { overflow: auto; min-height: 3.125rem; max-height: 16.25rem; height: 5.75rem; resize: vertical; } .input-accent { border-color: #3498da; } .input-success { border-color: #2ecc70; } .input-warning { border-color: #f39c11; } .input-error { border-color: #e74c3b; } .input-invalid { animation: shake 500ms; animation-fill-mode: both; } .input-wrap { position: relative; } .input-wrap input { padding-right: 1.5rem; } .input-reset { position: absolute; top: calc(0.25rem + 1px); right: 0.25rem; color: #444; font-size: 0.875rem; line-height: 1.5; transition: color 150ms; } .input-reset:hover { color: #3498da; } label { display: inline-block; margin-bottom: 0.25rem; font-size: 0.875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; } .label-suggestion { color: #979797; font-size: 0.75rem; line-height: 1; } .label-required::after { display: inline-block; margin-left: 0.125rem; color: #e74c3b; content: '*'; } .custom-checkbox { position: absolute; opacity: 0; } .custom-checkbox + .custom-checkbox-text::before { position: relative; top: 0.125rem; display: inline-block; box-sizing: border-box; margin-right: 0.5rem; width: 1rem; height: 1rem; border: 1px solid #cacaca; border-radius: 3px; content: ' '; transition: border-color 150ms, background-color 150ms; } .custom-checkbox + .custom-checkbox-text:hover::before, .custom-checkbox[disabled] + .custom-checkbox-text::before { background-color: #f8f8f8; } .custom-checkbox:checked + .custom-checkbox-text::before { border-color: #3498da; background-color: #3498da; } .custom-checkbox:checked + .custom-checkbox-text:hover::before { border-color: #227db9; background-color: #227db9; } .custom-checkbox:checked + .custom-checkbox-text::after { position: absolute; top: 0.125rem; left: 0; display: block; width: 1rem; height: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%23fff' d='M4.727 7.036L8.263 3.5l.707.707L4.727 8.45 2 5.722l.707-.707z'/%3E%3C/svg%3E"); content: ' '; } .custom-checkbox:checked[disabled] + .custom-checkbox-text::before { border-color: #cacaca; background-color: #cacaca; } .checkbox-label { position: relative; line-height: 1.5; } .image-input { padding-right: 1.875rem; background: #fff url("data:image/svg+xml;utf8,") no-repeat right 0.5rem center; background-size: 1rem 1rem; } .input-wrap .image-input { padding-right: 3.375rem; background-position: right 1.75rem center; } .tag-input { display: block; box-sizing: border-box; margin-top: 0; margin-bottom: 0.5rem; padding: 0.25rem 0.25rem; padding-bottom: 0; border: 1px solid #cacaca; border-radius: 3px; font-size: 0.875rem; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tag-inner-input { display: inline-block; box-sizing: border-box; margin-bottom: 0.25rem; padding: 0 0.25rem; max-width: 100%; width: auto; outline: none; border: 0; border-radius: 0; vertical-align: baseline; font-size: 0.875rem; font-family: inherit; line-height: inherit; } .tag-inner-input:focus { box-shadow: none; } .tag-hidden-input { display: none; } .tag-input .tag { display: inline-block; box-sizing: border-box; margin-bottom: 0.25rem; padding: 0 0.375rem; border-radius: 3px; background-color: #f0f0f0; font-size: 0.875rem; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tag-input.disabled, .tag-input.disabled .tag-inner-input { background-color: #f8f8f8; } .tag-input.disabled .tag { background-color: #e4e4e4; } .tag-remove { display: inline-block; margin-left: 0.25rem; padding: 0 0.125rem; color: #444; font-style: normal; transition: color 150ms; } .tag-remove:hover { color: #3498da; } .tag-remove::after { content: '\00d7'; font-weight: 600; } .date-input, .image-input { cursor: default; } .title-input { font-size: 1.125rem; } .toggle-group { display: inline-block; margin: 0; margin-bottom: 0.5rem; padding: 0; border: 1px solid #cacaca; border-radius: 3px; font-size: 0; } .toggle-group label { margin: 0; } .toggle-group input[type=radio] { display: none; } .toggle-group input[type=radio] + span { display: inline-block; padding: 0.25rem 0.75rem; font-size: 0.875rem; transition: background-color 150ms, color 150ms; } .toggle-group input[type=radio]:hover + span { background-color: #f8f8f8; } .toggle-group input[type=radio]:checked + span { background-color: #3498da; color: #fff; } .toggle-group[disabled] input[type=radio] + span { background-color: transparent; color: #444; } .toggle-group[disabled] input[type=radio]:checked + span { background-color: #e4e4e4; } input[type=range] { padding: 0.875rem 0; width: 15rem; border: 0; -webkit-appearance: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0.25rem; border: 0; border-radius: 0.125rem; background-color: #e4e4e4; cursor: default; } input[type=range]::-webkit-slider-thumb { margin-top: -0.375rem; width: 1rem; height: 1rem; border: 0; border-radius: 50%; background-color: #3498da; transition: background-color 150ms; -webkit-appearance: none; } input[type=range]::-moz-range-track { width: 100%; height: 0.25rem; border: 0; border-radius: 0.125rem; background-color: #e4e4e4; } input[type=range]::-moz-range-thumb { width: 1rem; height: 1rem; border: 0; border-radius: 50%; background-color: #3498da; cursor: default; } input[type=range]::-ms-track { width: 100%; height: 0.25rem; border-color: transparent; background-color: transparent; color: transparent; cursor: default; } input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper { border: 0; border-radius: 0.125rem; background: #e4e4e4; box-shadow: none; } input[type=range]::-ms-thumb { margin-top: 0; width: 1rem; height: 1rem; border: 0; border-radius: 50%; background-color: #3498da; cursor: default; } input[type=range]:hover::-webkit-slider-thumb { background-color: #227db9; } input[type=range]:focus { outline: none; box-shadow: none; } input[type=range][disabled] { background-color: transparent; } input[type=range][disabled]::-webkit-slider-thumb, input[type=range][disabled]::-moz-range-thumb, input[type=range][disabled]::-ms-thumb { background-color: #979797; } .range-input-value { padding: 0 0.5rem; vertical-align: 0.1875rem; font-size: 0.875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .file-input { display: none; } .file-input-label { display: block; clear: both; margin-bottom: 1rem; padding: 0.5rem; background-color: #f8f8f8; } .file-input-label span { display: block; padding: 1.5rem 1rem; border: 2px dashed #cacaca; color: #444; text-align: center; transition: background-color 300ms; } .file-input-label.drag span { background-color: #fff; } .editor-toolbar { padding: 0 0.25rem; border: 1px solid #cacaca; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #f8f8f8; font-size: 0; } .toolbar-button { margin-bottom: 0; padding: 0.625rem; border: 0; border-radius: 0; background-color: #f8f8f8; } .toolbar-button:hover { background-color: #f0f0f0; } .toolbar-button:focus { box-shadow: none; } .editor-textarea { margin-bottom: 1rem; padding: 0.75rem 1rem; min-height: 22.5rem; max-height: 27.75rem; font-size: 0.875rem; font-family: "Roboto Mono", Menlo, Courier, monospace; } .editor-textarea:focus { box-shadow: none; } .editor-toolbar + .editor-textarea { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .date-input { position: relative; } .calendar { position: absolute; top: 100%; z-index: 4; display: none; margin: 3px 1rem 1rem; padding: 0.5rem; width: 18rem; border: 1px solid #cacaca; border-radius: 3px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 9px 0; color: #000; } .calendar-header { margin-bottom: 0.5rem; } .calendar-buttons { margin: 0 -0.5rem; font-size: 0; } .calendar-buttons button { margin: 0; padding: 0 0.5rem; width: 33.3%; outline: none; border: 0; background-color: transparent; color: #000; font-size: 0.875rem; cursor: pointer; } .calendar-buttons button:hover { color: #3498da; } .calendar-buttons button:focus { box-shadow: none; } .calendar-table { width: 100%; } .calendar-table td { width: 14%; text-align: center; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .calendar-header-day { font-size: 0.875rem; } .calendar-day { border-radius: 3px; transition: background-color 150ms, color 150ms; } .calendar-day:hover { background-color: #227db9; color: #fff; } .calendar-day.selected { background-color: #3498da; color: #fff; } .calendar-prev-month-day, .calendar-next-month-day { color: #979797; } .calendar-separator { margin: 0.5rem -0.5rem; height: 0; border-top: 1px solid #cacaca; } .image-picker-thumbnails { overflow: auto; margin-bottom: 1rem; padding: 0.5rem; height: 15rem; } .image-picker-thumbnail { position: relative; display: inline-block; box-sizing: border-box; margin: 0.25rem; padding: 0.5rem; width: 8rem; height: 8rem; border: 1px solid #cacaca; background-position: center; background-origin: content-box; background-size: contain; background-repeat: no-repeat; } .image-picker-thumbnail::after { position: absolute; right: 0.75rem; bottom: 0.5rem; left: 0.75rem; display: block; padding: 0 0.375rem; border-radius: 3px; background-color: rgba(228, 228, 228, 0.9); content: attr(data-filename); text-align: center; font-size: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .image-picker-thumbnail.selected { border-color: #3498da; box-shadow: 0 0 0 2px rgba(40, 154, 230, 0.3); } .image-picker-empty-state { margin: 3rem auto 4rem; text-align: center; } .image-picker-empty-state-icon { color: #cacaca; font-size: 2rem; } .files-list { margin: 0; margin-bottom: 1rem; padding: 0; list-style-type: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .files-item { display: table; width: 100%; table-layout: fixed; } .files-item-row { display: table-row; } .files-item-cell { display: table-cell; overflow: hidden; padding: 0.25rem; vertical-align: middle; white-space: nowrap; font-size: 0.875rem; } .file-name { font-size: 0.9375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-name::before { margin-right: 0.5rem; color: #444; font-size: 1rem; font-family: Icons, sans-serif; } .file-name.file-type-image::before { font-family: Icons, sans-serif; } .file-name.file-type-document::before { font-family: Icons, sans-serif; } .file-name.file-type-audio::before { font-family: Icons, sans-serif; } .file-name.file-type-video::before { font-family: Icons, sans-serif; } .file-size { color: #7e7e7e; } .file-actions { width: 20%; text-align: right; font-size: 1rem; } .tabs { overflow-x: auto; margin-bottom: 1rem; border-bottom: 1px solid #e4e4e4; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tabs-tab { display: inline-block; padding: 0.5rem 1.25rem; color: #000; cursor: pointer; } .tabs-tab:hover { color: #000; } .tabs-tab.active { border-bottom: 3px solid #3498da; font-weight: 600; } .caption + .tabs { margin-top: -0.5rem; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 15; background-color: rgba(0, 0, 0, 0.75); } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; display: flex; display: none; align-items: center; outline: 0; } .modal.show { display: block; display: flex; } .modal-content { margin: 3rem 0.5rem; padding: 2rem; max-width: 26rem; border-radius: 3px; background-color: #fff; } @media (min-width: 26rem) { .modal-content { margin: 3rem auto; } } .modal-size-large { max-width: 40rem; width: 40rem; } @media (max-width: 40rem) { .modal-size-large { margin: 3rem 0.5rem; } } .modal-error { margin: -2rem -2rem 1rem -2rem; padding: 1rem; background-color: #e74c3b; color: #fff; } .modal-text { margin-bottom: 2.5rem; } .notification { position: fixed; top: 20px; right: 20px; z-index: 11; overflow: hidden; margin-bottom: 0.5rem; padding: 1.5rem 2.5rem; width: 350px; border-radius: 3px; background-color: #f0f0f0; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 9px 0; text-overflow: ellipsis; cursor: default; transition: top 300ms ease-in, opacity 150ms; animation: fadeInRight 300ms cubic-bezier(0.4, 0, 0.2, 1); } .notification:hover { opacity: 0.95; } .notification.fadeout { opacity: 0; animation: fadeOutRight 300ms cubic-bezier(0.4, 0, 0.2, 1); } .notification::before { position: absolute; top: 50%; left: 1rem; display: block; font-size: 1.25rem; transform: translate(0, -50%); } .notification-info, .notification-success, .notification-warning, .notification-error { padding-left: 3.25rem; } .notification-info { background-color: #3498da; color: #fff; } .notification-success { background-color: #25a259; color: #fff; } .notification-warning { background-color: #f39c11; color: #fff; } .notification-error { background-color: #e74c3b; color: #fff; } .notification-info::before { font-family: Icons, sans-serif; } .notification-success::before { font-family: Icons, sans-serif; } .notification-warning::before { font-family: Icons, sans-serif; } .notification-error::before { font-family: Icons, sans-serif; } .tooltip { position: absolute; z-index: 20; display: none; padding: 0.25rem; min-width: 2rem; border-radius: 3px; background-color: rgba(0, 0, 0, 0.73); color: #fff; text-align: center; font-size: 0.75rem; pointer-events: none; } .spinner { display: inline-block; margin-right: 0.5rem; } .spinner::after { display: inline-block; width: 0.8rem; height: 0.8rem; border-width: 0.2rem; border-style: solid; border-color: #3498da; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; color: transparent; content: '\00a0'; vertical-align: text-top; text-align: center; font-size: 0.625rem; line-height: 1.3; transition: border 500ms; transition-timing-function: ease-out; animation: 750ms spin infinite linear; } .spinner-info::after { border-color: #3498da; background-color: #fff; color: #3498da; animation: none; font-family: Icons, sans-serif; } .spinner-success::after { border-color: #2ecc70; background-color: #fff; color: #2ecc70; animation: none; font-family: Icons, sans-serif; } .spinner-error::after { border-color: #e74c3b; background-color: #fff; color: #e74c3b; animation: none; font-family: Icons, sans-serif; } .ct-label { color: rgba(0, 0, 0, 0.4); font-size: 0.75rem; line-height: 1; fill: rgba(0, 0, 0, 0.4); } .ct-chart-line .ct-label, .ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ct-chart-pie .ct-label, .ct-chart-donut .ct-label { dominant-baseline: central; } .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-align: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-align: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-align: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; } .ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-dasharray: 2px; stroke-width: 1px; } .ct-grid-background { fill: none; } .ct-point { stroke-linecap: round; stroke-width: 10px; } .ct-line { fill: none; stroke-width: 4px; } .ct-area { fill-opacity: 0.1; stroke: none; } .ct-bar { fill: none; stroke-width: 10px; } .ct-slice-donut { fill: none; stroke-width: 60px; } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #d70206; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { fill: #d70206; } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #f05b4f; } .ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { fill: #f05b4f; } .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #f4c63d; } .ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { fill: #f4c63d; } .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #d17905; } .ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { fill: #d17905; } .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #453d3f; } .ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { fill: #453d3f; } .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #59922b; } .ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { fill: #59922b; } .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #0544d3; } .ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { fill: #0544d3; } .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #6b0392; } .ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { fill: #6b0392; } .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #f05b4f; } .ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { fill: #f05b4f; } .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #dda458; } .ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { fill: #dda458; } .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #eacf7d; } .ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { fill: #eacf7d; } .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: #86797d; } .ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { fill: #86797d; } .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #b2c326; } .ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { fill: #b2c326; } .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #6188e2; } .ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { fill: #6188e2; } .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #a748ca; } .ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { fill: #a748ca; } .ct-chart { position: relative; display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ct-chart::before { display: block; float: left; padding-bottom: 33.3333333333%; width: 0; height: 0; content: ''; } .ct-chart::after { display: table; clear: both; content: ''; } .ct-chart > svg { position: absolute; top: 0; left: 0; display: block; } .ct-series-a .ct-line, .ct-series-a .ct-point { stroke: #3498da; } .ct-series-a .ct-area { fill: #3498da; } .ct-series-b .ct-line, .ct-series-b .ct-point { stroke: #f39c11; } .ct-series-b .ct-area { fill: #f39c11; } .ct-label.ct-horizontal, .ct-label.ct-horizontal.ct-end { display: inline-block; min-width: 3rem; width: auto !important; color: #000; text-align: center; transform: translateX(-50%); } .ct-legend { font-size: 0.875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ct-legend-right { text-align: right; } .ct-legend-label { white-space: nowrap; } .ct-legend-label::before { display: inline-block; margin: 0 0.375rem; font-size: 0.75rem; font-family: Icons, sans-serif; } .ct-legend-label.ct-series-a::before { color: #3498da; } .ct-legend-label.ct-series-b::before { color: #f39c11; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(150%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutRight { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(150%, 0, 0); } } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 30%, 70% { transform: translate3d(10px, 0, 0); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .login-modal-container { margin: 3rem 0.5rem; padding: 2rem; max-width: 24rem; border-radius: 3px; background-color: #fff; } @media (min-width: 24rem) { .login-modal-container { margin: 3rem auto; } } .login-modal-info, .login-modal-success, .login-modal-warning, .login-modal-error { position: relative; margin: -2rem -2rem 1rem -2rem; padding: 1rem 2rem 1rem 3.5rem; border-top-left-radius: 3px; border-top-right-radius: 3px; } .login-modal-info a, .login-modal-success a, .login-modal-warning a, .login-modal-error a { display: block; color: #fff; text-decoration: underline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .login-modal-info::before, .login-modal-success::before, .login-modal-warning::before, .login-modal-error::before { position: absolute; top: 50%; left: 1rem; display: block; font-size: 1.25rem; font-family: Icons, sans-serif; transform: translate(0, -50%); } .login-modal-info { background-color: #3498da; color: #fff; } .login-modal-info::before { font-family: Icons, sans-serif; } .login-modal-success { background-color: #25a259; color: #fff; } .login-modal-success::before { font-family: Icons, sans-serif; } .login-modal-warning { background-color: #f39c11; color: #fff; } .login-modal-warning::before { font-family: Icons, sans-serif; } .login-modal-error { background-color: #e74c3b; color: #fff; } .login-modal-error::before { font-family: Icons, sans-serif; } .title-bar { position: fixed; top: 0; right: 0; left: 0; z-index: 6; padding: 1rem; padding-left: 4rem; background-color: #f0f0f0; box-shadow: rgba(240, 240, 240, 0.25) 1px 1px 9px 3px; color: #444; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 768px) { .title-bar { left: 14rem; padding-left: 1.5rem; } } .panel-title { float: left; } .view-site { float: right; color: #444; } .view-site:hover { color: #3498da; } .view-site i { margin-left: 0.5rem; } .sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 8; padding: 1rem 1.5rem; width: 14rem; background: linear-gradient(to bottom, #fcfcfc 0%, #f9f9f9 100%); background-color: #fcfcfc; box-shadow: rgba(240, 240, 240, 0.25) 1px 0 9px 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sidebar.show { display: block; } .sidebar-wrapper { overflow-y: auto; height: calc(100% - 9rem); } .toggle-navigation { position: fixed; top: 0.75rem; left: 0.75rem; z-index: 10; margin: 0; border: none; background-color: transparent; font-size: 1rem; cursor: pointer; } .toggle-navigation:hover { background-color: transparent; box-shadow: none; color: #3498da; } .toggle-navigation:focus { box-shadow: none; } .logo { margin-bottom: 2rem; color: #000; text-align: center; font-weight: 600; font-size: 1.184rem; line-height: 1.5rem; } @media (min-width: 768px) { .logo { text-align: left; } } .logo a, .logo a:hover { color: #000; } .sidebar-navigation { margin: 0; margin-bottom: 1rem; padding: 0; list-style-type: none; } .sidebar-navigation:last-child { margin-bottom: 0; } .sidebar-navigation > li { position: relative; margin: 0; margin-bottom: 0.5rem; padding: 0.25rem 0; padding-left: 1rem; } .sidebar-navigation > li a { color: #000; } .sidebar-navigation > li.active { font-weight: 600; } .sidebar-navigation > li.active::before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background-color: #3498da; content: ' '; } .admin-user-card { display: table; margin-bottom: 2rem; table-layout: fixed; cursor: pointer; } .admin-user-card:hover img { box-shadow: #e4e4e4 0 0 0 0.5rem; } .admin-user-avatar { display: table-cell; width: 48px; vertical-align: middle; } .admin-user-avatar img { width: 48px; border-radius: 50%; transition: box-shadow 300ms ease-out; } .admin-user-details { display: table-cell; padding: 0 0.75rem; vertical-align: middle; } .admin-user-fullname { color: #000; } .admin-user-username { color: #979797; font-size: 0.875rem; } .main { margin-top: 4.5rem; } @media (min-width: 768px) { .main { margin: 1.875rem; margin-top: 4.5rem; margin-left: 15.875rem; } } .component { overflow: auto; margin-bottom: 1rem; padding: 1.5rem; border-radius: 3px; background-color: #fff; box-shadow: rgba(240, 240, 240, 0.25) 1px 1px 9px 3px; } .caption { margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 0.9375rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .separator { height: 0.5rem; } .separator-l { height: 1rem; } .section-header { margin-bottom: 0.5rem; padding: 0.25rem 0.5rem; border-bottom: 1px solid #e4e4e4; font-weight: 600; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pages-list { margin: 0; padding: 0; list-style-type: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pages-list .pages-list { display: none; } .pages-list-headers { display: none; padding: 0.25rem 0; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-children-toggle { display: block; float: left; margin-right: 0.25rem; color: #444; font-weight: 400; font-size: 0.875rem; line-height: 1.714; } .toggle-collapsed::before { font-family: Icons, sans-serif; } .toggle-expanded::before { font-family: Icons, sans-serif; } .pages-item { padding: 0.5rem 0; border-bottom: 1px solid #e4e4e4; } .pages-item:hover { background-color: #f8f8f8; } .pages-list-top { border-top: 1px solid #e4e4e4; } .pages-item-cell, .pages-headers-cell { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pages-item-cell div, .pages-headers-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-title { font-size: 1rem; } .page-route { font-size: 0.875rem; } .page-route span { color: #979797; } .page-status-label::before { display: inline-block; margin-right: 0.375rem; font-size: 0.75rem; font-family: Icons, sans-serif; } .page-status-published .page-status-label::before { color: #2ecc70; } .page-status-not-published .page-status-label::before { color: #e74c3b; } .page-status-not-routable .page-status-label::before { color: #f39c11; } .page-date, .page-status, .page-actions { display: none; } .page-actions .button-link { font-size: 1rem; } @media (min-width: 568px) { .pages-item, .pages-list-headers { display: table; width: 100%; table-layout: fixed; } .pages-item-row { display: table-row; } .pages-item-cell, .pages-headers-cell { display: table-cell; vertical-align: middle; } .page-details { width: 50%; } .page-date, .page-status, .page-actions { width: 15%; text-align: center; } } .pages-level-2 .page-details { padding-left: 1.5rem; } .pages-level-3 .page-details { padding-left: 3rem; } .pages-level-4 .page-details { padding-left: 4.5rem; } .pages-level-5 .page-details { padding-left: 6rem; } .page-search { padding-right: 1.5rem; max-width: 28rem; background: #fff url("data:image/svg+xml;utf8,") no-repeat right 0.5rem center; background-size: 0.875rem 0.875rem; } .page-info { margin-bottom: 0.75rem; padding: 0 0.25rem; } .page-info > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-slug-change { cursor: pointer; } .page-slug-change::after { display: inline-block; margin-left: 0.25rem; color: #444; content: ' '; opacity: 0; transition: opacity 150ms; font-family: Icons, sans-serif; } .page-slug-change:hover::after { opacity: 1; } .sortable-chosen, .sortable-ghost { background-color: #fff; } .sortable-fallback { box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.15); } .dragging [data-sortable=false] .pages-item:hover { background-color: #fce8e5; cursor: no-drop; } .options-form .checkbox-label { margin-bottom: 0.5rem; font-size: 1rem; } .info-data { margin-bottom: 1rem; width: 100%; table-layout: fixed; } .info-data td { overflow: hidden; padding: 0.5rem; vertical-align: top; } .info-data-key { width: 25%; } .info-data-value { width: 75%; word-break: break-word; font-size: 0.875rem; font-family: "Roboto Mono", Menlo, Courier, monospace; } .user-summary { display: table; width: 100%; table-layout: fixed; } .user-summary-avatar { display: table-cell; padding: 0.5rem; width: 20%; vertical-align: middle; text-align: center; } .user-summary-avatar img { width: 150px; border-radius: 50%; } .user-summary-data { display: table-cell; padding: 0.5rem; vertical-align: middle; } .users-list { border-top: 1px solid #e4e4e4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .users-list-headers { display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .users-item { padding: 0.5rem 0; border-bottom: 1px solid #e4e4e4; } .users-item:hover { background-color: #f8f8f8; } .users-item-cell, .users-headers-cell { padding: 0.125rem 0.25rem; vertical-align: middle; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-username, .user-fullname { display: inline-block; } .users-item .user-username { font-size: 1rem; } .user-last-access, .user-actions { display: none; } .user-actions .button-link { font-size: 1rem; } @media (min-width: 568px) { .users-item { display: table; width: 100%; table-layout: fixed; } .users-list-headers { display: table; padding: 0.25rem 0; width: 100%; table-layout: fixed; font-weight: 600; } .users-item-cell, .users-headers-cell { display: table-cell; padding: 0.25rem 0.5rem; } .user-username { width: 20%; } .user-last-access, .user-actions { text-align: center; } .user-last-access { width: 20%; } .user-actions { width: 10%; } } .error-container { margin: 4rem auto; padding: 1rem; max-width: 32rem; text-align: center; } .error-container h1 { color: #979797; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .error-container h2 { margin-bottom: 1rem; font-size: 2rem; } .error-code { display: block; font-weight: 400; font-size: 8rem; } .error-status { display: block; font-size: 1.75rem; } .error-container .action { font-size: 1.125rem; } .error-container .logo { margin: 2rem auto; width: 3.5rem; height: 3.5rem; background-position: center; background-size: cover; background-repeat: no-repeat; } /* vietnamese */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe0qMImSLYBIv1o4X1M8cceyI9tAcVwob5A.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe0qMImSLYBIv1o4X1M8ccezI9tAcVwob5A.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe0qMImSLYBIv1o4X1M8cce9I9tAcVwo.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe03MImSLYBIv1o4X1M8cc9iB85iU1ECVZl_86Y.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe03MImSLYBIv1o4X1M8cc9iB85jU1ECVZl_86Y.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe03MImSLYBIv1o4X1M8cc9iB85tU1ECVZl_.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-weight: normal; font-style: normal; font-family: 'Icons'; src: url("../icons/icons.eot"); src: url("../icons/icons.eot#iefix") format("embedded-opentype"), url("../icons/icons.woff2") format("woff2"), url("../icons/icons.woff") format("woff"), url("../icons/icons.ttf") format("truetype"), url("../icons/icons.svg#icons") format("svg"); } [class^='i-']::before, [class*=' i-']::before { display: inline-block; width: 1.25em; text-decoration: inherit; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: Icons, sans-serif; line-height: 1em; } .i-align-center::before { content: '\f29a'; } .i-align-left::before { content: '\f29b'; } .i-align-justify::before { content: '\f29c'; } .i-align-right::before { content: '\f29d'; } .i-archive::before { content: '\f29e'; } .i-arrow-down::before { content: '\f29f'; } .i-arrow-left::before { content: '\f2a0'; } .i-arrow-right::before { content: '\f2a1'; } .i-arrow-up::before { content: '\f2a2'; } .i-at::before { content: '\f2a3'; } .i-bars::before { content: '\f2a4'; } .i-bell::before { content: '\f2a5'; } .i-bold::before { content: '\f2a6'; } .i-bolt::before { content: '\f2a7'; } .i-book::before { content: '\f2a8'; } .i-box-open::before { content: '\f2a9'; } .i-box::before { content: '\f2aa'; } .i-boxes::before { content: '\f2ab'; } .i-briefcase::before { content: '\f2ac'; } .i-calendar::before { content: '\f2ad'; } .i-chart-area::before { content: '\f2ae'; } .i-chart-bar::before { content: '\f2af'; } .i-check-circle::before, .notification-success::before, .login-modal-success::before { content: '\f2b0'; } .i-check-double::before { content: '\f2b1'; } .i-check::before, .spinner-success::after { content: '\f2b2'; } .i-chevron-down::before, .toggle-collapsed::before { content: '\f2b3'; } .i-chevron-right::before { content: '\f2b4'; } .i-chevron-left::before { content: '\f2b5'; } .i-chevron-up::before, .toggle-expanded::before { content: '\f2b6'; } .i-circle-open::before { content: '\f2b7'; } .i-circle::before, .ct-legend-label::before, .page-status-label::before { content: '\f2b8'; } .i-clipboard::before { content: '\f2b9'; } .i-cloud-download::before { content: '\f2ba'; } .i-cloud-upload::before { content: '\f2bb'; } .i-code::before { content: '\f2bc'; } .i-cog::before { content: '\f2bd'; } .i-comment::before { content: '\f2be'; } .i-cookie-bite::before { content: '\f2bf'; } .i-cookie::before { content: '\f2c0'; } .i-copy::before { content: '\f2c1'; } .i-crop::before { content: '\f2c2'; } .i-cut::before { content: '\f2c3'; } .i-database::before { content: '\f2c4'; } .i-download::before { content: '\f2c5'; } .i-edit::before { content: '\f2c6'; } .i-ellipsis-v::before { content: '\f2c7'; } .i-ellipsis::before { content: '\f2c8'; } .i-envelope::before { content: '\f2c9'; } .i-error-circle::before, .notification-error::before, .login-modal-error::before { content: '\f2ca'; } .i-exclamation-triangle::before, .notification-warning::before, .login-modal-warning::before { content: '\f2cb'; } .i-exclamation::before, .spinner-error::after { content: '\f2cc'; } .i-external-link-square::before { content: '\f2cd'; } .i-external-link::before { content: '\f2ce'; } .i-eye-slash::before { content: '\f2cf'; } .i-eye::before { content: '\f2d0'; } .i-file-archive::before { content: '\f2d1'; } .i-file-audio::before, .file-name.file-type-audio::before { content: '\f2d2'; } .i-file-code::before { content: '\f2d3'; } .i-file-image::before, .file-name.file-type-image::before { content: '\f2d4'; } .i-file-pdf::before { content: '\f2d5'; } .i-file-text::before, .file-name.file-type-document::before { content: '\f2d6'; } .i-file-video::before, .file-name.file-type-video::before { content: '\f2d7'; } .i-file::before, .file-name::before { content: '\f2d8'; } .i-folder-open::before { content: '\f2d9'; } .i-folder::before { content: '\f2da'; } .i-font::before { content: '\f2db'; } .i-hashtag::before { content: '\f2dc'; } .i-heading::before { content: '\f2dd'; } .i-history::before { content: '\f2de'; } .i-home::before { content: '\f2df'; } .i-image::before { content: '\f2e0'; } .i-images::before { content: '\f2e1'; } .i-info-circle::before, .notification-info::before, .login-modal-info::before { content: '\f2e2'; } .i-info::before, .spinner-info::after { content: '\f2e3'; } .i-italic::before { content: '\f2e4'; } .i-language::before { content: '\f2e5'; } .i-link::before { content: '\f2e6'; } .i-list-ol::before { content: '\f2e7'; } .i-list-ul::before { content: '\f2e8'; } .i-list::before { content: '\f2e9'; } .i-location-arrow::before { content: '\f2ea'; } .i-lock::before { content: '\f2eb'; } .i-markdown::before { content: '\f2ec'; } .i-microchip::before { content: '\f2ed'; } .i-minus-circle::before { content: '\f2ee'; } .i-mobile::before { content: '\f2ef'; } .i-paste::before { content: '\f2f0'; } .i-pencil::before, .page-slug-change::after { content: '\f2f1'; } .i-plus-circle::before { content: '\f2f2'; } .i-question-circle::before { content: '\f2f3'; } .i-quote::before { content: '\f2f4'; } .i-read-more::before { content: '\f2f5'; } .i-redo::before { content: '\f2f6'; } .i-rss::before { content: '\f2f7'; } .i-search-plus::before { content: '\f2f8'; } .i-search::before { content: '\f2f9'; } .i-search-minus::before { content: '\f2fa'; } .i-stopwatch::before { content: '\f2fb'; } .i-sync::before { content: '\f2fc'; } .i-table::before { content: '\f2fd'; } .i-tablet::before { content: '\f2fe'; } .i-tag::before { content: '\f2ff'; } .i-tags::before { content: '\f300'; } .i-tasks::before { content: '\f301'; } .i-times-circle::before { content: '\f302'; } .i-times::before { content: '\f303'; } .i-trash::before { content: '\f304'; } .i-underline::before { content: '\f305'; } .i-undo::before { content: '\f306'; } .i-user-circle::before { content: '\f307'; } .i-user::before { content: '\f308'; } .i-users::before { content: '\f309'; }