From 8e852fa519df71ba25559b9e677a001f4f07d9cc Mon Sep 17 00:00:00 2001 From: nuxsmin Date: Sat, 31 Dec 2016 15:55:26 +0100 Subject: [PATCH] * [DEV] Switched to SASS CSS processor --- inc/themes/material-blue/css/_elements.scss | 148 ++ inc/themes/material-blue/css/_login.scss | 58 + inc/themes/material-blue/css/styles.css | 2203 ++++++----------- inc/themes/material-blue/css/styles.css.map | 7 + inc/themes/material-blue/css/styles.min.css | 2 +- inc/themes/material-blue/css/styles.scss | 1273 ++++++++++ .../views/account/account-permissions.inc | 2 +- .../views/grid/datagrid-nav-full.inc | 4 +- .../views/grid/datagrid-rows.inc | 10 +- .../views/itemshow/categories.inc | 3 +- .../views/itemshow/customers.inc | 3 +- .../views/itemshow/customfields.inc | 3 +- .../material-blue/views/itemshow/groups.inc | 3 +- .../material-blue/views/itemshow/profiles.inc | 3 +- .../views/itemshow/publiclinks.inc | 2 +- .../material-blue/views/itemshow/tags.inc | 3 +- .../material-blue/views/itemshow/tokens.inc | 3 +- .../material-blue/views/itemshow/users.inc | 3 +- .../views/itemshow/userspass.inc | 3 +- 19 files changed, 2306 insertions(+), 1430 deletions(-) create mode 100644 inc/themes/material-blue/css/_elements.scss create mode 100644 inc/themes/material-blue/css/_login.scss create mode 100644 inc/themes/material-blue/css/styles.css.map create mode 100644 inc/themes/material-blue/css/styles.scss diff --git a/inc/themes/material-blue/css/_elements.scss b/inc/themes/material-blue/css/_elements.scss new file mode 100644 index 00000000..89b8ec46 --- /dev/null +++ b/inc/themes/material-blue/css/_elements.scss @@ -0,0 +1,148 @@ +html, body { + margin: 0; + padding: 0; + text-align: left; + background-color: #f5f5f5; + color: #555; + font-size: 12px; + font-weight: normal; + box-sizing: border-box; +} + +* { + font-family: $font-stack; + box-sizing: inherit; + &:before, &:after { + box-sizing: inherit; + } +} + +table { + font-size: 11px; + border-spacing: 0; + th { + border-bottom: 2px solid transparent; + vertical-align: middle; + .icon { + width: 24px; + height: 24px; + } + } + tr { + &.odd { + background-color: #f9f9f9; + } + &.even > td, &.odd > td { + border-bottom: 1px solid #d9d9d9 !important; + } + &.even:hover, &.odd:hover { + background-color: #e8ff99; + } + height: 20px; + } + td { + padding: 3px; + &.txtCliente { + font-weight: bold; + text-align: center; + } + } +} + +form { + font-size: 11px; + margin: 0; +} + +input.inputImg, img.inputImg { + background-color: transparent !important; + width: 24px !important; + height: 24px !important; + border: 0; + vertical-align: middle; + margin: 0 0.5em; +} + +input { + &.txtFile { + width: 200px; + } + &.txtLong { + width: 300px; + } +} + +textarea { + width: 350px; + resize: none; +} + +select.files { + width: 250px; +} + +input.spinner { + width: 5em; +} + +img { + margin: 0; + padding: 0; + border: 0; + cursor: pointer; + &.inputImgMini { + background-color: transparent !important; + width: 16px !important; + height: 16px !important; + margin: 0 5px 0 5px; + border: 0; + vertical-align: middle; + } +} + +i { + cursor: pointer; +} + +form .form-field { + display: flex; + justify-content: space-between; + > { + label { + min-width: 12em; + padding: .5em 0; + font-size: 16px; + align-self: center; + } + div { + width: 100%; + align-self: center; + } + } +} + +a { + text-decoration: none; + color: $color-indigo-fg-accent; + &:visited { + text-decoration: none; + color: $color-indigo-fg-accent; + } + &:hover, &:active, &:focus { + text-decoration: none; + /*color: rgba(83, 109, 254, .6);*/ + cursor: pointer; + } +} + +pre, code, samp, kbd { + font-family: $font-stack-mono; + font-size: 1em; + direction: ltr; + text-align: left; + background-color: #fbfaf9; + color: #333; + box-shadow: inset 0 0 .3em #ccc; + border-radius: 2px; +} + diff --git a/inc/themes/material-blue/css/_login.scss b/inc/themes/material-blue/css/_login.scss new file mode 100644 index 00000000..9a96a428 --- /dev/null +++ b/inc/themes/material-blue/css/_login.scss @@ -0,0 +1,58 @@ +#login-container { + width: 40em; + margin: 0 auto; + background: transparent url("../imgs/logo_full_bg.png") no-repeat top left; + background-size: auto 10em; + #boxLogin { + position: relative; + margin: 11em auto 0 auto; + width: 100%; + min-height: 12em; + padding: 1em; + background-color: #fff; + #boxData { + height: 100%; + min-height: 14em; + /*margin-bottom: 10em;*/ + text-align: left; + background-color: transparent; + i { + margin-right: .5em; + opacity: .5; + } + } + #boxButton { + position: absolute; + top: 2em; + right: 2em; + } + #boxActions { + position: absolute; + bottom: 1em; + right: 1em; + width: 100%; + padding: .5em; + text-align: right; + a { + color: #c9c9c9; + } + } + } + #boxLogout { + width: 250px; + margin: 8em auto 0 auto; + font-size: 14px; + text-align: center; + padding: 0.5em; + @include color-amber(); + } + #boxUpdated { + width: 350px; + margin: 5em auto 5em auto; + font-size: 14px; + text-align: center; + padding: 0.5em; + @include color-teal(); + } +} + diff --git a/inc/themes/material-blue/css/styles.css b/inc/themes/material-blue/css/styles.css index cc79d83c..9d740e32 100644 --- a/inc/themes/material-blue/css/styles.css +++ b/inc/themes/material-blue/css/styles.css @@ -1,230 +1,157 @@ html, body { - margin: 0; - padding: 0; - text-align: left; - background-color: #f5f5f5; - color: #555; - font-size: 12px; - font-weight: normal; - box-sizing: border-box; -} + margin: 0; + padding: 0; + text-align: left; + background-color: #f5f5f5; + color: #555; + font-size: 12px; + font-weight: normal; + box-sizing: border-box; } * { - font-family: Roboto-Regular, Verdana, Tahoma, sans-serif -} - -*, *:before, *:after { - box-sizing: inherit; -} + font-family: Roboto-Regular, Verdana, Tahoma, sans-serif; + box-sizing: inherit; } + *:before, *:after { + box-sizing: inherit; } table { - font-size: 11px; - border-spacing: 0; -} - -table th { + font-size: 11px; + border-spacing: 0; } + table th { border-bottom: 2px solid transparent; - vertical-align: middle; -} - -table th .icon { - width: 24px; - height: 24px; -} - -table tr.odd { - background-color: #f9f9f9; -} - -table tr.even > td, table tr.odd > td { - border-bottom: 1px solid #d9d9d9 !important; -} - -table tr.even:hover { - background-color: #e8ff99; -} - -table tr.odd:hover { - background-color: #e8ff99; -} - -table tr { - height: 20px; -} - -table td { - padding: 3px; -} - -table td.txtCliente { - font-weight: bold; - text-align: center; -} + vertical-align: middle; } + table th .icon { + width: 24px; + height: 24px; } + table tr { + height: 20px; } + table tr.odd { + background-color: #f9f9f9; } + table tr.even > td, table tr.odd > td { + border-bottom: 1px solid #d9d9d9 !important; } + table tr.even:hover, table tr.odd:hover { + background-color: #e8ff99; } + table td { + padding: 3px; } + table td.txtCliente { + font-weight: bold; + text-align: center; } form { - font-size: 11px; - margin: 0 -} + font-size: 11px; + margin: 0; } input.inputImg, img.inputImg { - background-color: transparent !important; - width: 24px !important; - height: 24px !important; - border: 0; - vertical-align: middle; - margin: 0 .5em -} + background-color: transparent !important; + width: 24px !important; + height: 24px !important; + border: 0; + vertical-align: middle; + margin: 0 0.5em; } input.txtFile { - width: 200px -} - + width: 200px; } input.txtLong { - width: 300px -} + width: 300px; } textarea { - width: 350px; - resize: none -} + width: 350px; + resize: none; } select.files { - width: 250px -} + width: 250px; } input.spinner { - width: 5em; -} + width: 5em; } img { - margin: 0; - padding: 0; - border: 0; - cursor: pointer -} - -img.inputImgMini { + margin: 0; + padding: 0; + border: 0; + cursor: pointer; } + img.inputImgMini { background-color: transparent !important; width: 16px !important; height: 16px !important; margin: 0 5px 0 5px; border: 0; - vertical-align: middle -} + vertical-align: middle; } i { - cursor: pointer -} + cursor: pointer; } form .form-field { - display: flex; - justify-content: space-between; -} - -form .form-field > label { + display: flex; + justify-content: space-between; } + form .form-field > label { min-width: 12em; padding: .5em 0; font-size: 16px; - align-self: center; -} - -form .form-field > div { + align-self: center; } + form .form-field > div { width: 100%; - align-self: center; -} + align-self: center; } -.altTable { - border: 0; - font-size: 10px -} - -.altTable .section { - font-size: 14px; - font-weight: bold -} - -a, a:visited { +a { + text-decoration: none; + color: #536dfe; } + a:visited { text-decoration: none; - color: rgba(83, 109, 254, 1) -} - -a:hover, a:active, a:focus { + color: #536dfe; } + a:hover, a:active, a:focus { text-decoration: none; /*color: rgba(83, 109, 254, .6);*/ - cursor: pointer -} - -#nojs { - width: 80%; - text-align: center; - vertical-align: middle; - margin: 10px auto; - padding: 3px; - background-color: red; - color: white; - font-weight: bold; - font-size: 14px -} + cursor: pointer; } pre, code, samp, kbd { - font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; - font-size: 1em; - direction: ltr; - text-align: left; - background-color: #fbfaf9; - color: #333; - box-shadow: inset 0 0 .3em #ccc; - border-radius: 2px; -} + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + font-size: 1em; + direction: ltr; + text-align: left; + background-color: #fbfaf9; + color: #333; + box-shadow: inset 0 0 .3em #ccc; + border-radius: 2px; } + +#nojs { + width: 80%; + text-align: center; + vertical-align: middle; + margin: 10px auto; + padding: 3px; + background-color: #ef5350; + color: white; + font-weight: bold; + font-size: 14px; } #wrap { - height: auto !important; - min-height: 100%; - /*min-width: 1024px;*/ - /*height: 100%;*/ - width: 100%; - background-color: #f5f5f5 -} + height: auto !important; + min-height: 100%; + /*min-width: 1024px;*/ + /*height: 100%;*/ + width: 100%; + background-color: #f5f5f5; } #wrap-loading { - position: fixed; - z-index: 9999; - top: 50%; - left: 50%; - padding: 1em; - background-color: rgba(255, 255, 255, .8); - border-radius: 5px; - display: none -} + position: fixed; + z-index: 9999; + top: 50%; + left: 50%; + padding: 1em; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 5px; + display: none; } #container { - margin: auto; - width: 100% -} - -#container.login { - margin-top: 5%; -} - -/*#container.main { - position: absolute; - top: 0; - width: 100%; - height: auto; - background: url("../imgs/logo_full.svg") no-repeat left top transparent; - background-size: auto 150px -}*/ - -#container.error, #container.install, #container.passreset { - width: 100% -} - -#container .logo { - height: 64px; -} - -/* Action bar */ -#container #actions-bar { + margin: auto; + width: 100%; } + #container.login { + margin-top: 5%; } + #container.error, #container.install, #container.passreset { + width: 100%; } + #container .logo { + height: 64px; } + #container #actions-bar { z-index: 100; display: flex; justify-content: space-between; @@ -234,296 +161,197 @@ pre, code, samp, kbd { left: 0; width: 100%; padding: 1em 0; - background-color: transparent; -} - -#container #actions-bar-icons { + background-color: transparent; } + #container #actions-bar-icons { flex-grow: 1; - text-align: center; -} - -#container #actions-bar-logo { + text-align: center; } + #container #actions-bar-logo { display: none; - padding: 0 .5em; -} - -#container #actions-bar-logo img { - display: inline-block; - width: 50px; - opacity: 0.75; -} - -#container #content { + padding: 0 .5em; } + #container #actions-bar-logo img { + display: inline-block; + width: 50px; + opacity: 0.75; } + #container #content { width: 95%; - margin: 2em auto 8em auto; -} - -#container #content.public-link { - min-height: 0; - margin: 0 -} + margin: 2em auto 8em auto; } + #container #content.public-link { + min-height: 0; + margin: 0; } #content td.descField, #box-popup td.descField { - text-align: right; - padding-right: 20px; - width: 25%; - font-weight: bold; - border-right: 1px solid #d9d9d9; - color: #555 -} + text-align: right; + padding-right: 20px; + width: 25%; + font-weight: bold; + border-right: 1px solid #d9d9d9; + color: #555; } #content td.valField, #box-popup td.valField { - padding-left: 1em; - width: 100%; -} + padding-left: 1em; + width: 100%; } #content #resBuscar { - margin-bottom: 50px; -} - -#content #resBuscar img { - vertical-align: middle; -} - + margin-bottom: 50px; } + #content #resBuscar img { + vertical-align: middle; } #content .pager { - width: 100%; - margin-top: 15px; - padding: .5em; - vertical-align: middle; - font-size: 11px; - color: #999; - background-color: #fcfcfc; -} - -#content .pager img { + width: 100%; + margin-top: 15px; + padding: .5em; + vertical-align: middle; + font-size: 11px; + color: #999; + background-color: #fcfcfc; } + #content .pager img { margin-left: 5px; - vertical-align: middle -} - -#content .pager a { + vertical-align: middle; } + #content .pager a { margin-left: 5px; font-size: 12px; - color: #999 -} - -#content .pager > div { + color: #999; } + #content .pager > div { display: inline-block; - width: 49%; -} - -#content .pager .pager-left { - text-align: left; -} - -#content .pager .pager-right { - text-align: right; -} - + width: 49%; } + #content .pager .pager-left { + text-align: left; } + #content .pager .pager-right { + text-align: right; } #content #title { - width: 50%; - padding: 7px; - margin: auto; - background-color: #d9d9d9; - color: #fff; - font-size: 17px; - letter-spacing: .3em; - text-align: center -} - -#content #title.titleBlue { - background-color: #536dfe; - background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #536dfe), color-stop(90%, #536dfe)); - background-image: -webkit-linear-gradient(#536dfe 20%, #536dfe 90%); - background-image: -moz-linear-gradient(#536dfe 20%, #536dfe 90%); - background-image: -o-linear-gradient(#536dfe 20%, #536dfe 90%); - background-image: linear-gradient(#536dfe 20%, #536dfe 90%); - background: #536dfe url("../inc/themes/material-blue/css/images/ui-bg_highlight-hard_100_536DFE_1x100.png") repeat-x scroll 50% 50% -} - -#content #title.titleNormal { + width: 50%; + padding: 7px; + margin: auto; + background-color: #d9d9d9; + color: #fff; + font-size: 17px; + letter-spacing: .3em; + text-align: center; } + #content #title.titleNormal { background-color: #607d8b; - color: #fff -} - + color: #fff; } #content .data-container { - width: 75%; - margin: 0 auto; -} - + width: 75%; + margin: 0 auto; } #content .data { - width: 100%; - padding: 10px; - border: 1px solid #c9c9c9; - margin: 0 auto; - background-color: #f9f9f9 -} - + width: 100%; + padding: 10px; + border: 1px solid #c9c9c9; + margin: 0 auto; + background-color: #f9f9f9; } #content fieldset.data { - margin: 2em auto; -} - -#content fieldset.data > legend { + margin: 2em auto; } + #content fieldset.data > legend { color: #607d8b; padding: 0 .5em; - font-size: 1.5em; -} - -#content fieldset.data > table { + font-size: 1.5em; } + #content fieldset.data > table { display: none; - width: 100%; -} - + width: 100%; } #content .data #history-icon { - position: relative; - top: 5em; - right: 2em -} - + position: relative; + top: 5em; + right: 2em; } #content .data td { - text-align: left -} - -#content .data td.descField { + text-align: left; } + #content .data td.descField { text-align: right; font-size: 12px; font-weight: bold; - color: #999 -} - + color: #999; } #content .data select { - min-width: 210px -} + min-width: 210px; } +#content .data .list-wrap { + max-height: 10em; + overflow: auto; + padding: .5em; + margin: 1em 0; } -#content .data .list-wrap, #box-popup .list-wrap { - max-height: 10em; - overflow: auto; - padding: .5em; - margin: 1em 0; -} + max-height: 10em; + overflow: auto; + padding: .5em; + margin: 1em 0; } #content .data .list-wrap ul, #box-popup .list-wrap ul { - list-style-type: none; - margin: 0; - padding: 0 -} + list-style-type: none; + margin: 0; + padding: 0; } #content .data .list-wrap li, #box-popup .list-wrap li { - display: flex; - background: #f2f2f2; - padding: .5em; - font-size: 1em; - margin-bottom: .5em; -} + display: flex; + background: #f2f2f2; + padding: .5em; + font-size: 1em; + margin-bottom: .5em; } #content .data .list-wrap li:hover, #box-popup .list-wrap li:hover { - background: #e8eaf6; - color: #000; -} + background: #e8eaf6; + color: #000; } #content .data .list-wrap div.files-item-info, #box-popup .list-wrap div.files-item-info { - flex-grow: 2; -} + flex-grow: 2; } #content .data .list-wrap div.files-item-info img, #box-popup .list-wrap div.files-item-info img { - margin: 0 .5em; -} + margin: 0 .5em; } #content .data .list-wrap div.files-item-actions, #box-popup .list-wrap div.files-item-actions { - padding: .3em 0; -} + padding: .3em 0; } #content .data .dropzone { - width: 30em; - padding: 1em; - border: 2px dashed #009688; - text-align: center -} - -#content .data .dropzone img { - vertical-align: middle -} - + width: 30em; + padding: 1em; + border: 2px dashed #26a69a; + text-align: center; } + #content .data .dropzone img { + vertical-align: middle; } #content .data .file-upload { - display: none -} - + display: none; } #content .data .account-permissions { - width: 100%; -} - -#content .data .account-permissions fieldset { + width: 100%; } + #content .data .account-permissions fieldset { border: 1px solid #c9c9c9; - padding: 1em -} - -#content .data .account-permissions legend { + padding: 1em; } + #content .data .account-permissions legend { font-weight: bold; color: #999; - padding: .2em 0 -} - -#content .data .account-permissions fieldset > span { + padding: 0.2em 0; } + #content .data .account-permissions fieldset > span { font-weight: bold; color: #999; padding: .2em 0; display: inline-block; width: 100px; - text-align: right -} - + text-align: right; } #content span.tag { - margin: 0 3px 3px 0; - padding: .2em; - background: #5c6bc0; - color: #fff; - border: 0 solid rgba(0, 0, 0, 0); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - + margin: 0 3px 3px 0; + padding: .2em; + background: #5c6bc0; + color: #fff; + border: 0 solid transparent; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } #content .extra-info { - margin-top: 20px -} - -#content .tblIcon { - background: url("../imgs/clock.png") no-repeat transparent -} - -#content #tabs .ui-tabs-nav { - position: relative; - left: 12em; - width: 90% -} - + margin-top: 20px; } #content #tabs fieldset { - border: 1px solid #c9c9c9 -} - + border: 1px solid #c9c9c9; } #content #tabs #frmConfig label { - float: left -} - + float: left; } #content .tblConfig { - margin-bottom: 2em -} - -#content .tblConfig td.descField { + margin-bottom: 2em; } + #content .tblConfig td.descField { width: 35%; font-size: 11px; - font-weight: bold -} - -#content .tblConfig td.rowHeader { + font-weight: bold; } + #content .tblConfig td.rowHeader { padding: 5px 0 5px 0; background-color: #f5f5f5; text-align: center; @@ -531,1201 +359,776 @@ pre, code, samp, kbd { border-top: 15px solid #f9f9f9; border-bottom: 3px solid #a9c1d7; letter-spacing: .5em; - color: #696969 -} - -#content .tblConfig input.checkbox { + color: #696969; } + #content .tblConfig input.checkbox { width: 15px; text-align: left; - padding: 0 -} - -#content .tblConfig .option-disabled { + padding: 0; } + #content .tblConfig .option-disabled { text-align: center; - background-color: #fff2d9; - color: orange; - font-weight: bold -} - + background-color: #fff8e1; + color: #ffca28; + font-weight: bold; } #content h2 { - width: 100%; - height: 1.5em; - font-size: 18px; - color: white; - background-color: #a9c1d7; - margin: 0; - padding-top: .1em -} - + width: 100%; + height: 1.5em; + font-size: 18px; + color: white; + background-color: #a9c1d7; + margin: 0; + padding-top: 0.1em; } #content .section { - margin-top: 2.5em; - border-bottom: 1px solid #d9d9d9; - text-align: left; - font-size: 14px; - font-weight: bold; - color: #045fb4 -} - + margin-top: 2.5em; + border-bottom: 1px solid #d9d9d9; + text-align: left; + font-size: 14px; + font-weight: bold; + color: #5c6bc0; } #content .row_even > td { - background-color: #f5f5f5 -} - + background-color: #f5f5f5; } #content .row_odd > td { - background-color: white -} - + background-color: white; } #content .data-header ul { - list-style: none; - width: 100%; - margin: 0 0 10px 0; - padding: 0 -} - + list-style: none; + width: 100%; + margin: 0 0 10px 0; + padding: 0; } #content .data-header li { - display: inline-block; - padding: .2em .5em; - font-weight: bold; - letter-spacing: .2em; - color: #fff; - text-align: center; -} - -#content .data-header li a { - color: #777 -} - -#content .data-header li img { + display: inline-block; + padding: .2em .5em; + font-weight: bold; + letter-spacing: .2em; + color: #fff; + text-align: center; } + #content .data-header li a { + color: #777; } + #content .data-header li img { float: right; width: 24px; height: 24px; - vertical-align: middle -} - + vertical-align: middle; } #content .data-header-minimal { - border-bottom: 1px solid #dfdfdf; -} - -#content .data-header-minimal ul { + border-bottom: 1px solid #dfdfdf; } + #content .data-header-minimal ul { display: flex; flex-wrap: wrap; justify-content: flex-start; - margin: 0; -} - -#content .data-header-minimal li { + margin: 0; } + #content .data-header-minimal li { display: inline-flex; min-width: 10em; font-weight: normal; - letter-spacing: normal -} - -#content .data-header-minimal li a { - color: #b9b9b9; - padding: .3em .8em -} - + letter-spacing: normal; } + #content .data-header-minimal li a { + color: #b9b9b9; + padding: 0.3em 0.8em; } #content .data-table { - width: 100%; -} - -#content .data-table td:first-of-type, -#content .data-table th:first-of-type { - width: 5em; -} - -#content .data-table thead th { + width: 100%; } + #content .data-table td:first-of-type, + #content .data-table th:first-of-type { + width: 5em; } + #content .data-table thead th { background-color: #607d8b; - color: #fff; -} - -#content .data-table tbody td.cell-data { - text-align: left; -} - -#content .data-table tbody td.cell-nodata { + color: #fff; } + #content .data-table tbody td.cell-data { + text-align: left; } + #content .data-table tbody td.cell-nodata { padding: 0 .5em; - text-align: left; -} - -#content .data-table tbody td.cell-actions { - text-align: right; -} - + text-align: left; } + #content .data-table tbody td.cell-actions { + text-align: right; } #content .data-rows ul { - display: table; - list-style: none; - width: 100%; - margin: 0 0 10px 0; - padding: 0; - background-color: #fcfcfc; -} - + display: table; + list-style: none; + width: 100%; + margin: 0 0 10px 0; + padding: 0; + background-color: #fcfcfc; } #content .data-rows li { - float: left; - display: block; - padding: 1em; - color: #696969; - text-align: center; - min-height: 2em; -} - -#content .data-rows li.cell-nodata { + float: left; + display: block; + padding: 1em; + color: #696969; + text-align: center; + min-height: 2em; } + #content .data-rows li.cell-nodata { padding: 1em 0; min-height: 2em; - text-align: left; -} - -#content .data-rows li.cell-actions { + text-align: left; } + #content .data-rows li.cell-actions { float: right; min-height: 2em; padding: 1em 0; text-align: left; background-color: #fcfcfc; - width: 15em; -} - -#content .data-rows li.cell-nodata img, -#content .data-rows li.cell-actions img, -#content #data-search .account-info img, -#content #data-search .account-actions img { + width: 15em; } + #content .data-rows li.cell-nodata img, #content .data-rows li.cell-actions img { width: 24px; height: 24px; - margin: 0 .5em -} - + margin: 0 0.5em; } +#content #data-search .account-info img, #content #data-search .account-actions img { + width: 24px; + height: 24px; + margin: 0 0.5em; } #content .rowSpace > .cellBorder { - height: 10px; - border-top: 1px solid #d9d9d9 -} - + height: 10px; + border-top: 1px solid #d9d9d9; } #content .rowSpace > .cellBlank { - height: 10px -} - + height: 10px; } #content #resEventLog .data { - width: 100% -} - + width: 100%; } #content #resEventLog thead { - text-align: center -} - + text-align: center; } #content #resEventLog tbody { - width: 100%; - height: 500px; - overflow: auto -} - + width: 100%; + height: 500px; + overflow: auto; } #content #resEventLog td { - border-bottom: 1px solid #d9d9d9 -} - + border-bottom: 1px solid #d9d9d9; } #content #resEventLog .cell { - text-align: center -} - + text-align: center; } #content #resEventLog .cell-description { - width: 60% -} - -/* START - Search box */ + width: 60%; } #content #searchbox { - background-color: #fcfcfc; - background-color: rgba(252, 252, 252, .75); - vertical-align: middle; -} - -#content #searchbox { - position: relative; - height: auto; - padding: .5em 1em; - margin-bottom: 2em; -} - -#content #searchbox form { + background-color: #fcfcfc; + vertical-align: middle; + position: relative; + height: auto; + padding: .5em 1em; + margin-bottom: 2em; } + #content #searchbox form { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; - text-align: left; -} - -#content #searchbox .search-filters > * { - margin: 0 1em; -} - -#content #searchbox .search-filters .filter-buttons { - display: inline-block; -} - -#content #searchbox .search-filters .filter-slider { - width: 10em; -} - -#content #searchbox .search-filters-tags { + text-align: left; } + #content #searchbox .search-filters > * { + margin: 0 1em; } + #content #searchbox .search-filters .filter-buttons { + display: inline-block; } + #content #searchbox .search-filters .filter-slider { + width: 10em; } + #content #searchbox .search-filters-tags { display: none; - flex-grow: 2; -} - + flex-grow: 2; } #content .btn-clear { - opacity: .35; - filter: alpha(opacity=35) -} - -#content .btn-clear:hover { + opacity: .35; + filter: alpha(opacity=35); } + #content .btn-clear:hover { opacity: 1; - filter: alpha(opacity=100) -} - -/* END - Search box */ - + filter: alpha(opacity=100); } #content #tabs.ui-widget-content { - border: 0; - background-color: transparent -} - + border: 0; + background-color: transparent; } #content #tabs .ui-widget-header { - background: 0; - border: 0; - border-bottom: 1px solid #c9c9c9 -} - + background: 0; + border: 0; + border-bottom: 1px solid #c9c9c9; } #content #tabs.ui-widget-content { - background: none !important -} - + background: none !important; } #content #tabs .tabs-spacer { - float: left; - height: 200px -} - + float: left; + height: 200px; } #content .tabs-bottom .ui-tabs-nav { - clear: left; - padding: 0 .2em .2em .2em -} - -#content .tabs-bottom .ui-tabs-nav li { + clear: left; + padding: 0 0.2em 0.2em 0.2em; } + #content .tabs-bottom .ui-tabs-nav li { top: auto; bottom: 0; margin: 0 .2em 1px 0; - border-top: 0 -} - -#content .tabs-bottom .ui-tabs-nav li.ui-tabs-active { - margin-top: -1px; - padding-top: 1px -} - -#datos { - float: left; - width: 400px; - text-align: left; - margin-top: 10px; - color: #b9b9b9 -} - -#datos a { - color: orange; - font-weight: bold; - border: 0; - padding: 3px; - margin: 5px 0 5px 0; - display: block; - width: 40px; - text-align: center; - background-color: transparent -} - -#datos img { - border: 0 -} - -#resAccion, #resFancyAccion { - height: 20px; - padding: 5px; - margin: 5px; - font-weight: bold; - font-size: 14px -} - -#resAccion span { - padding: 5px; - border: #a9a9a9 1px solid -} - -#fancyView { - min-width: 250px; - text-align: center; - padding: 15px; - line-height: 20px; - border: #d9d9d9 1px solid; - font-size: 14px -} - -#fancyView ul { - list-style: none -} - -#fancyView.msgError { - margin: 5px; - background-color: #fee8e6; - color: #c00; - font-weight: bold; - border: #fed2ce 1px solid -} - -#fancyView.msgOk { - margin: 5px; - background-color: #ecfde4; - color: green; - font-weight: bold; - border: #dbfdcb 1px solid -} - -#fancyView.msgWarn { - margin: 5px; - background-color: #fff2d9; - color: orange; - font-weight: bold; - border: #ffe5b3 1px solid -} - -#fancyView.msgInfo { - margin: 5px; - background-color: #e9e9e9; - color: orange; - font-weight: bold; - border: #ffe5b3 1px solid -} - -#fancyView.backGrey { - background-color: #f2f2f2 !important -} - -#fancyView PRE { - text-align: left -} - -#fancyView table { - border: 0; - width: 100%; - font-size: 14px; - text-align: left -} - -#fancyView td { - border-bottom: #d9d9d9 1px solid -} - -#fancyView a, #fancyMsg a { - color: #555 -} + border-top: 0; } + #content .tabs-bottom .ui-tabs-nav li.ui-tabs-active { + margin-top: -1px; + padding-top: 1px; } +/* START - Search box */ +/* END - Search box */ #box-popup { - min-width: 25em; - max-width: 50em; - margin: 5em auto; - padding: 0; - background-color: #fff; -} - -#box-popup.box-password-view { + min-width: 25em; + max-width: 50em; + margin: 5em auto; + padding: 0; + background-color: #fff; } + #box-popup.box-password-view { min-width: 30em; - max-width: 35em; -} - -#box-popup > h2 { + max-width: 35em; } + #box-popup > h2 { width: 100%; font-size: 18px; - color: white; + color: #fff; background-color: #607d8b; margin: 0 0 1em 0; padding: .5em 0; - line-height: 1em; -} - -#box-popup > table { + line-height: 1em; } + #box-popup > table { width: 100%; - padding-bottom: 1em; -} - -#box-popup select { - width: 220px -} - -#box-popup #resFancyAccion { - display: none -} - -#box-popup #resCheck { + padding-bottom: 1em; } + #box-popup select { + width: 220px; } + #box-popup #resFancyAccion { + display: none; } + #box-popup #resCheck { display: inline-block; width: 80%; height: 4em; - padding: 1em 0 -} - -#box-popup.image { + padding: 1em 0; } + #box-popup.image { background-color: transparent; max-width: 100%; margin: 0 auto; - border-radius: 0; -} - -#box-popup.image img { - width: auto; - margin: 0 auto; -} - -#box-popup.image > div.title { - background-color: #607d8b; - color: #fff; - padding: .5em; -} - -#box-popup.help { + border-radius: 0; } + #box-popup.image img { + width: auto; + margin: 0 auto; } + #box-popup.image > div.title { + background-color: #607d8b; + color: #fff; + padding: .5em; } + #box-popup.help { min-height: 100px; - background-color: #f5f5f5 -} - -#box-popup.help p { - font-size: 14px; - text-align: justify; - line-height: 2em -} + background-color: #f5f5f5; } + #box-popup.help p { + font-size: 14px; + text-align: justify; + line-height: 2em; } #debug { - float: left; - text-align: left -} + float: left; + text-align: left; } #debuginfo { - width: 100%; - min-height: 10em; - padding: 1em; - background-color: lightgoldenrodyellow; - text-align: left; - line-height: 1.5em -} + width: 100%; + min-height: 10em; + padding: 1em; + background-color: #fff8e1; + text-align: left; + line-height: 1.5em; } + #debuginfo H3 { + text-align: center; } -#debuginfo H3 { - text-align: center -} - -.fancyNone { - background-color: transparent !important -} - -.fancydata { - min-width: 400px; - border: 0; - text-align: left; - margin: 0 .5em; -} - -.fancydata .descField { +.popup-data { + min-width: 400px; + border: 0; + text-align: left; + margin: 0 .5em; } + .popup-data .descField { min-width: 100px; - font-weight: bold; -} + font-weight: bold; } footer { + display: flex; + justify-content: space-between; + position: fixed; + bottom: 0; + z-index: 100; + width: 100%; + padding: .5em 0; + background-color: #f5f5f5; + color: #b9b9b9; + font-size: 1em; + box-shadow: 0 -8px 6px -6px #c9c9c9; + -webkit-box-shadow: 0 -8px 6px -6px #c9c9c9; + -moz-box-shadow: 0 -8px 6px -6px #c9c9c9; + display: flex; + justify-content: space-between; } + footer .footer-parts { display: flex; - justify-content: space-between; - position: fixed; - bottom: 0; - z-index: 100; - width: 100%; - padding: .5em 0; - background-color: #f5f5f5; - color: #b9b9b9; - font-size: 1em; - box-shadow: 0 -8px 6px -6px #c9c9c9; - -webkit-box-shadow: 0 -8px 6px -6px #c9c9c9; - -moz-box-shadow: 0 -8px 6px -6px #c9c9c9 -} - -footer, footer .footer-parts { - display: flex; - justify-content: space-between; -} - -footer #footer-left, -footer #footer-right { + justify-content: space-between; } + footer #footer-left { + width: 50%; + margin: 0 1em; } + footer #footer-right { width: 50%; margin: 0 1em; -} - -footer #footer-right { justify-content: flex-end; - text-align: right; -} - -footer #updates { + text-align: right; } + footer #updates { min-width: 10em; text-align: center; - cursor: pointer; -} - -footer #status { - margin: 0 1em -} - -footer #status > div { - display: inline-block; -} - -footer #status .status-info { - padding: .5em -} - -footer #session { + cursor: pointer; } + footer #status { + margin: 0 1em; } + footer #status > div { + display: inline-block; } + footer #status .status-info { + padding: 0.5em; } + footer #session { text-align: left; color: #999; - font-size: .8em; -} - -footer a, footer a:visited { - color: #b9b9b9 -} - -footer #project a:hover { + font-size: .8em; } + footer a { + color: #b9b9b9; } + footer a:visited { + color: #b9b9b9; } + footer #project a:hover { color: #a9c1d7; - border-bottom: 1px solid #a9c1d7 -} - -footer #updates a:hover { - color: #a9c1d7 -} - -footer img { + border-bottom: 1px solid #a9c1d7; } + footer #updates a:hover { + color: #a9c1d7; } + footer img { border: 0; width: 16px; height: 16px; - vertical-align: middle -} + vertical-align: middle; } -.round { - border-radius: 5px !important; - -moz-border-radius: 5px !important; - -webkit-border-radius: 5px !important -} - -.round5 { - border-radius: 5px !important; - -moz-border-radius: 5px !important; - -webkit-border-radius: 5px !important -} +.round, .round5 { + border-radius: 5px !important; + -moz-border-radius: 5px !important; + -webkit-border-radius: 5px !important; } .midround { - border-radius: 0 0 10px 10px !important; - -moz-border-radius: 0 0 10px 10px !important; - -webkit-border-radius: 0 0 10px 10px !important -} + border-radius: 0 0 10px 10px !important; + -moz-border-radius: 0 0 10px 10px !important; + -webkit-border-radius: 0 0 10px 10px !important; } .midroundup { - border-radius: 10px 10px 0 0 !important; - -moz-border-radius: 10px 10px 0 0 !important; - -webkit-border-radius: 10px 10px 0 0 !important -} + border-radius: 10px 10px 0 0 !important; + -moz-border-radius: 10px 10px 0 0 !important; + -webkit-border-radius: 10px 10px 0 0 !important; } .fullround { - border-radius: 50% !important; - -moz-border-radius: 50% !important; - -webkit-border-radius: 50% !important -} + border-radius: 50% !important; + -moz-border-radius: 50% !important; + -webkit-border-radius: 50% !important; } .iconMini { - width: 16px !important; - height: 16px !important; - vertical-align: middle -} + width: 16px !important; + height: 16px !important; + vertical-align: middle; } #content .error { - width: 350px; - margin: 15px; - padding: 15px; - background-color: #f9f9f9; - color: orange; - border: orange 1px solid; - margin: 0 auto; - text-align: center; - font-size: 16px; - line-height: 1.5em -} + width: 350px; + padding: 15px; + margin: 0 auto; + text-align: center; + font-size: 16px; + line-height: 1.5em; + color: #ffca28; + background-color: #fff8e1; + border: 1px solid #ffca28; } .hide { - display: none !important -} + display: none !important; } .btn-checks { - padding: 5px; - margin: .2em 0; - width: 30em; - border-bottom: 1px solid #c9c9c9; -} + padding: 5px; + margin: .2em 0; + width: 30em; + border-bottom: 1px solid #c9c9c9; } .shadow { - box-shadow: 1px 1px 2px #d9d9d9; - /*-webkit-box-shadow: 2px 2px 3px -3px #a9a9a9;*/ - /*-moz-box-shadow: 2px 2px 3px -3px #a9a9a9*/ -} + -webkit-box-shadow: 2px 2px 3px -3px #a9a9a9; + -moz-box-shadow: 2px 2px 3px -3px #a9a9a9; + box-shadow: 1px 1px 2px #d9d9d9; } .noRes { - width: 60%; - margin: 15px; - padding: 15px; - background-color: #f9f9f9; - color: #a9a9a9; - border: #c9c9c9 1px solid; - margin: 20px auto; - text-align: center; - font-size: 16px -} - -.header-blue { - background: #536dfe url("../inc/themes/material-blue/css/images/ui-bg_highlight-hard_100_536DFE_1x100.png") repeat-x scroll 50% 50% -} + width: 60%; + padding: 15px; + background-color: #f9f9f9; + color: #a9a9a9; + border: #c9c9c9 1px solid; + margin: 20px auto; + text-align: center; + font-size: 16px; } .header-grey { - background-color: #607d8b; - color: #fff; - min-height: 2em; -} + background-color: #607d8b; + color: #fff; + min-height: 2em; } .no-background { - background: none !important -} + background: none !important; } .action-in-box { - display: inline-block; - height: 4em; - margin: .7em 0; - text-align: right -} - -.action-in-box ul { + padding: 1em; + text-align: right; } + .action-in-box ul { list-style: none; margin: 0; - padding: 0 -} + padding: 0; } .tab-data { - margin: 2em auto 0; - width: 75%; -} + margin: 2em auto 0; + width: 75%; } .item-actions { - margin: 1em auto; -} + margin: 1em auto; } .tab-actions { - margin: 2em 0; -} + margin: 2em 0; } .item-actions > ul, .tab-actions > ul { - display: flex; - flex-wrap: wrap; - justify-content: flex-end; - align-items: center; - list-style: none; - margin: 0; - padding: 0; -} + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + align-items: center; + list-style: none; + margin: 0; + padding: 0; } .item-actions > ul > li, .tab-actions > ul > li { - margin-left: .5em; -} + margin-left: .5em; } .fullWidth { - max-width: 100% !important -} + max-width: 100% !important; } -.filterOn { - padding: .3em 1em; - background-color: #ecfde4; - color: green !important; - border: #dbfdcb 1px solid !important -} +.filter-on { + color: #26a69a; + background-color: #b2dfdb; + border: 1px solid #26a69a; + padding: .3em 1em; } -.globalOn { - padding: .3em 1em; - background-color: #fff2d9; - color: orange !important; - border: #ffe5b3 1px solid !important -} +.global-on { + color: #ffca28; + background-color: #fff8e1; + border: 1px solid #ffca28; + padding: .3em 1em; } .opacity50 { - filter: alpha(opacity=50); - -moz-opacity: .5; - -khtml-opacity: .5; - opacity: .5 -} + filter: alpha(opacity=50); + opacity: 0.5; } .custom-combobox { - position: relative; - display: inline-block -} - -.custom-combobox input { - width: 80% -} + position: relative; + display: inline-block; } + .custom-combobox input { + width: 80%; } .custom-combobox-toggle { - position: absolute; - top: 0; - bottom: 0; - margin-left: -1px; - padding: 0; - *height: 1.7em; - *top: .1em -} + position: absolute; + top: 0; + bottom: 0; + margin-left: -1px; + padding: 0; + *height: 1.7em; + *top: 0.1em; } .custom-combobox-input { - margin: 0; - padding: .3em -} - -.ui-tooltip { - background: #ffffa3; - color: #555; - padding: 10px; - border-radius: 10px; - box-shadow: 0 0 7px #a9a9a9 -} - -.ui-autocomplete, .ui-menu-item { - z-index: 8050 -} - -.fancybox-inner { - overflow: visible !important -} + margin: 0; + padding: 0.3em; } .passLevel { - width: 20px; - height: 20px; - display: inline-block; - position: relative; - top: 2px -} - -.passLevel.strongest, .passLevel.strongest:hover { - background-color: #ecfde4 !important; - color: green; - font-weight: bold; - border: lightgreen 1px solid -} - -.passLevel.strong, .passLevel.strong:hover { - background-color: #e6f2ff !important; - color: #64b4f4; - font-weight: bold; - border: #64b4f4 1px solid -} - -.passLevel.good, .passLevel.good:hover { - background-color: #fff2d9 !important; - color: orange; - font-weight: bold; - border: #ffe5b3 1px solid -} - -.passLevel.weak, .passLevel.weak:hover { - background-color: #fee8e6 !important; - color: #c00; - font-weight: bold; - border: #fed2ce 1px solid -} + width: 20px; + height: 20px; + display: inline-block; + position: relative; + top: 2px; } + .passLevel.strongest { + color: #26a69a; + background-color: #b2dfdb; + border: 1px solid #26a69a; + font-weight: bold; } + .passLevel.strongest:hover { + color: #26a69a; + background-color: #b2dfdb; + border: 1px solid #26a69a; + font-weight: bold; } + .passLevel.strong { + color: #2196f3; + background-color: #e3f2fd; + border: 1px solid #2196f3; + font-weight: bold; } + .passLevel.strong:hover { + color: #2196f3; + background-color: #e3f2fd; + border: 1px solid #2196f3; + font-weight: bold; } + .passLevel.good { + color: #ffca28; + background-color: #fff8e1; + border: 1px solid #ffca28; + font-weight: bold; } + .passLevel.good:hover { + color: #ffca28; + background-color: #fff8e1; + border: 1px solid #ffca28; + font-weight: bold; } + .passLevel.weak { + color: #ef5350; + background-color: #ffcdd2; + border: 1px solid #ef5350; + font-weight: bold; } + .passLevel.weak:hover { + color: #ef5350; + background-color: #ffcdd2; + border: 1px solid #ef5350; + font-weight: bold; } #alert #alert-text { - margin: 15px auto; - font-size: 14px; - font-weight: bold -} - + margin: 15px auto; + font-size: 14px; + font-weight: bold; } #alert #alert-pass { - width: 50%; - padding: 10px; - margin: 15px auto; - border: 1px solid #c9c9c9; - color: #555; - font-weight: bold -} + width: 50%; + padding: 10px; + margin: 15px auto; + border: 1px solid #c9c9c9; + color: #555; + font-weight: bold; } + +.dialog-text, .dialog-user-text, .dialog-pass-text { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + padding: .5em; + text-align: center; + min-width: 200px; } .dialog-user-text { - padding: .5em; - border-bottom: #d9d9d9 1px solid; - text-align: center; - min-width: 200px; - color: #d9d9d9 -} + border-bottom: #d9d9d9 1px solid; + color: #a9a9a9; } .dialog-pass-text { - padding: .5em; - border: transparent 1px solid; - text-align: center; - min-width: 200px -} + border: transparent 1px solid; + letter-spacing: .2em; } .dialog-buttons { - text-align: center; - padding: .5em; - border-top: 1px solid #c9c9c9; - line-height: 2.5em -} + text-align: center; + padding: .5em; + border-top: 1px solid #c9c9c9; + line-height: 2.5em; } .dialog-clip-copy { - background-color: #ecfde4; - color: green; -} + color: #26a69a; + background-color: #b2dfdb; } .help-box { - background-color: #fff !important; - color: #607d8b -} - -.help-box > * { - font-weight: bold -} + background-color: #fff !important; + color: #607d8b; } + .help-box > * { + font-weight: bold; } .help-text { - text-align: justify; - line-height: 1.5em; - margin-top: 1em -} + text-align: justify; + line-height: 1.5em; + margin-top: 1em; } .tooltip { - width: 300px; - max-width: 300px; - background-color: #777; - color: #fff; - z-index: 101 -} + width: 300px; + max-width: 300px; + background-color: #777; + color: #fff; + z-index: 101; } .cursor-pointer { - cursor: pointer -} + cursor: pointer; } .password-actions { - display: inline-block; - width: 12em -} - -.password-actions > span, .password-actions i { - margin-right: .6em -} + display: inline-block; + width: 12em; } + .password-actions > span, .password-actions i { + margin-right: 0.6em; } .custom-input-color { - width: 3em; - height: 1em; - display: inline-block -} + width: 3em; + height: 1em; + display: inline-block; } .account-pass-image { - height: 32px; - width: auto -} + height: 32px; + width: auto; } .select-box { - min-width: 20em; -} + min-width: 20em; } -/* LOGIN - START */ -#login-container { - width: 40em; +fieldset.warning { + padding: 8px; + border-radius: 5px; + color: #ef5350; + background-color: #ffcdd2; + border: 1px solid #ef5350; } + fieldset.warning legend { + color: #ef5350 !important; } + fieldset.warning a { + color: #ef5350 !important; + font-weight: bold; } + +#actions { + width: 100%; + /*margin: auto auto 50px;*/ + line-height: 2em; + margin-bottom: 5em; } + #actions #logo { + display: flex; + width: 100%; + margin-bottom: 30px; + color: #607d8b; + align-items: center; + background: url("../imgs/logo_full_bg.png") left no-repeat; + background-size: auto 150px; + height: 150px; } + #actions #page-title { + width: 100%; + color: #607d8b; + text-align: center; } + #actions #page-title h1 { + font-weight: bold; + font-size: 24px; + letter-spacing: 3px; } + #actions ul.errors { + max-width: 40%; margin: 0 auto; - background: transparent url("../imgs/logo_full_bg.png") no-repeat top left; - background-size: auto 10em; -} + list-style: none; + font-size: 14px; + text-align: left; } + #actions ul.errors > li { + margin: 1.5em auto; + border-radius: 5px; + padding: 0.5em; } + #actions ul.errors > li.error-critical { + color: #ef5350; + background-color: #ffcdd2; + border: 1px solid #ef5350; } + #actions ul.errors > li.error-warning { + color: #ffca28; + background-color: #fff8e1; + border: 1px solid #ffca28; } + #actions ul.errors > li.error-ok { + color: #26a69a; + background-color: #b2dfdb; + border: 1px solid #26a69a; } + #actions ul.errors > li > p.hint { + color: #555; + font-size: 12px; } + #actions ul.errors > li > p.hint i { + margin-right: .5em; } + #actions form { + width: 450px; + margin: 0 auto; + text-align: left; } + #actions form fieldset { + margin-bottom: 2em; } + #actions form fieldset legend { + width: 100%; + color: #fff; + font-size: 14px; + font-weight: bold; + text-align: center; + background-color: #607d8b; + margin: 1em 0; + letter-spacing: .2em; + padding: 0.2em 0; } + #actions div.buttons { + margin-top: 2em; + text-align: center; } -#login-container #boxLogin { +#whatsNewIcon { + text-align: center; } + #whatsNewIcon img { + width: 64px; + height: 64px; } + #whatsNewIcon h2 { + display: inline-block; + color: #555; + font-size: 16px; } + +#whatsNew { + width: 500px; + background-color: #fffde1; + padding: 2em; + line-height: 1.5em; + font-size: 16px; + color: #555; + border: 1px solid #d9d9d9; + margin: 0 auto 3em; + display: none; } + #whatsNew ul { + padding: 0; + border: 0; } + #whatsNew li { + padding-left: 37px; + line-height: 32px; + list-style: none; } + +.help-box { + display: none; } + +.center { + text-align: center !important; } + +.right { + text-align: right !important; } + +.left { + text-align: left !important; } + +#login-container { + width: 40em; + margin: 0 auto; + background: transparent url("../imgs/logo_full_bg.png") no-repeat top left; + background-size: auto 10em; } + #login-container #boxLogin { position: relative; margin: 11em auto 0 auto; width: 100%; min-height: 12em; padding: 1em; - background-color: #fff; -} - -#login-container #boxLogin #boxData { - height: 100%; - min-height: 14em; - /*margin-bottom: 10em;*/ - text-align: left; - background-color: transparent; -} - -#login-container #boxLogin #boxData i { - margin-right: .5em; - opacity: .5; -} - -#login-container #boxLogin #boxButton { - position: absolute; - top: 2em; - right: 2em; -} - -#login-container #boxLogin #boxActions { - position: absolute; - bottom: 1em; - right: 1em; - width: 100%; - padding: .5em; - text-align: right; -} - -#login-container #boxLogin #boxActions a { - color: #c9c9c9 -} - -#login-container #boxLogout { + background-color: #fff; } + #login-container #boxLogin #boxData { + height: 100%; + min-height: 14em; + /*margin-bottom: 10em;*/ + text-align: left; + background-color: transparent; } + #login-container #boxLogin #boxData i { + margin-right: .5em; + opacity: .5; } + #login-container #boxLogin #boxButton { + position: absolute; + top: 2em; + right: 2em; } + #login-container #boxLogin #boxActions { + position: absolute; + bottom: 1em; + right: 1em; + width: 100%; + padding: .5em; + text-align: right; } + #login-container #boxLogin #boxActions a { + color: #c9c9c9; } + #login-container #boxLogout { width: 250px; margin: 8em auto 0 auto; font-size: 14px; text-align: center; - color: orange; - background: #fff2d9; - border: #ffe5b3 1px solid; - padding: .5em -} - -#login-container #boxUpdated { + padding: 0.5em; + color: #ffca28; + background-color: #fff8e1; + border: 1px solid #ffca28; } + #login-container #boxUpdated { width: 350px; margin: 5em auto 5em auto; font-size: 14px; text-align: center; - color: green; - background: #ecfde4; - border: #dbfdcb 1px solid; - padding: .5em -} - -/* LOGIN - END */ - -fieldset.warning { - padding: 8px; - color: #b94a48; - background-color: #f2dede; - border: 1px solid #eed3d7; - border-radius: 5px -} - -fieldset.warning legend { - color: #b94a48 !important -} - -fieldset.warning a { - color: #b94a48 !important; - font-weight: bold -} - -#actions { - width: 100%; - /*margin: auto auto 50px;*/ - line-height: 2em; - margin-bottom: 5em; -} - -#actions #logo { - display: flex; - width: 100%; - margin-bottom: 30px; - color: #607d8b; - /*box-shadow: 0 8px 6px -6px rgba(83, 109, 254, .3);*/ - /*-webkit-box-shadow: 0 8px 6px -6px rgba(83, 109, 254, .3);*/ - /*-moz-box-shadow: 0 8px 6px -6px rgba(83, 109, 254, .3);*/ - align-items: center; - background: url("../imgs/logo_full_bg.png") left no-repeat; - background-size: auto 150px; - height: 150px -} - -#actions #page-title { - width: 100%; - color: #607d8b; - text-align: center -} - -#actions #page-title h1 { - font-weight: bold; - font-size: 24px; - letter-spacing: 3px -} - -#actions ul.errors { - max-width: 40%; - margin: 0 auto; - list-style: none; - font-size: 14px; - text-align: left; -} - -#actions ul.errors > li { - margin: 1.5em auto; - border-radius: 5px; - padding: .5em -} - -#actions ul.errors > li.error-critical { - color: #ef5350; - background-color: #ffcdd2; - border: 1px solid #ef5350; -} - -#actions ul.errors > li.error-warning { - color: #ffca28; - background-color: #fff8e1; - border: 1px solid #ffca28; -} - -#actions ul.errors > li.error-ok { + padding: 0.5em; color: #26a69a; background-color: #b2dfdb; - border: 1px solid #26a69a; -} - -#actions ul.errors > li > p.hint { - color: #555; - font-size: 12px -} - -#actions ul.errors > li > p.hint i { - margin-right: .5em; -} - -#actions form { - width: 450px; - margin: 0 auto; - text-align: left -} - -#actions form fieldset { - margin-bottom: 2em; -} - -#actions form fieldset legend { - width: 100%; - color: #fff; - font-size: 14px; - font-weight: bold; - text-align: center; - background-color: #607d8b; - margin: 1em 0; - letter-spacing: .2em; - padding: .2em 0 -} - -#actions div.buttons { - margin-top: 2em; - text-align: center -} - -#whatsNewIcon { - text-align: center -} - -#whatsNewIcon img { - width: 64px; - height: 64px -} - -#whatsNewIcon h2 { - display: inline-block; - color: #555; - font-size: 16px -} - -#whatsNew { - margin: 0 auto; - width: 500px; - background-color: #fffde1; - padding: 2em; - line-height: 1.5em; - font-size: 16px; - color: #555; - border: 1px solid #d9d9d9; - margin-bottom: 3em; - display: none -} - -#whatsNew ul { - padding: 0; - border: 0 -} - -#whatsNew li { - padding-left: 37px; - background: url("../imgs/arrow-list.png") left center no-repeat; - line-height: 32px; - list-style: none -} - -.no-title .ui-dialog-titlebar { - display: none -} - -.ui-dialog { - z-index: 9999 !important -} - -.help-box { - display: none; -} - -.center { - text-align: center !important; -} - -.right { - text-align: right !important; -} - -.left { - text-align: left !important; -} + border: 1px solid #26a69a; } @media screen and (max-width: 1000px) { - #content #searchbox { - position: relative; - left: 0; - width: 100%; - } - + #content #searchbox { + position: relative; + left: 0; + width: 100%; } #content #searchbox form { - flex-wrap: wrap; - } - - #content #searchbox form > div { - width: 100%; - } - + flex-wrap: wrap; } + #content #searchbox form > div { + width: 100%; } #content #searchbox input[type=text] { - width: 100%; - } + width: 100%; } - footer { - display: none; - } - - footer, + footer { + display: none; + justify-content: space-between; + flex-wrap: wrap; } footer .footer-parts { - justify-content: space-between; - flex-wrap: wrap; - } - - footer #footer-left, - footer #footer-right, + justify-content: space-between; + flex-wrap: wrap; } + footer #footer-left, footer #footer-right { + width: 100%; } footer .footer-parts > div { - width: 100%; - } - - footer .footer-parts > div { - padding: .5em 0; - } -} - + width: 100%; + padding: .5em 0; } } /* @media all and (max-width: 1024px) { #container #actionsBar { @@ -1754,3 +1157,5 @@ fieldset.warning a { margin: .7em auto } }*/ + +/*# sourceMappingURL=styles.css.map */ diff --git a/inc/themes/material-blue/css/styles.css.map b/inc/themes/material-blue/css/styles.css.map new file mode 100644 index 00000000..90a150f2 --- /dev/null +++ b/inc/themes/material-blue/css/styles.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAAA,UAAW;EACT,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;EAChB,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,UAAU;;AAGxB,CAAE;EACA,WAAW,ECZA,2CAAc;EDazB,UAAU,EAAE,OAAO;EACnB,iBAAkB;IAChB,UAAU,EAAE,OAAO;;AAIvB,KAAM;EACJ,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,CAAC;EACjB,QAAG;IACD,aAAa,EAAE,qBAAqB;IACpC,cAAc,EAAE,MAAM;IACtB,cAAM;MACJ,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;EAGhB,QAAG;IAUD,MAAM,EAAE,IAAI;IATZ,YAAM;MACJ,gBAAgB,EAAE,OAAO;IAE3B,qCAAwB;MACtB,aAAa,EAAE,4BAA4B;IAE7C,uCAA0B;MACxB,gBAAgB,EAAE,OAAO;EAI7B,QAAG;IACD,OAAO,EAAE,GAAG;IACZ,mBAAa;MACX,WAAW,EAAE,IAAI;MACjB,UAAU,EAAE,MAAM;;AAKxB,IAAK;EACH,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,CAAC;;AAGX,4BAA6B;EAC3B,gBAAgB,EAAE,sBAAsB;EACxC,KAAK,EAAE,eAAe;EACtB,MAAM,EAAE,eAAe;EACvB,MAAM,EAAE,CAAC;EACT,cAAc,EAAE,MAAM;EACtB,MAAM,EAAE,OAAO;;AAIf,aAAU;EACR,KAAK,EAAE,KAAK;AAEd,aAAU;EACR,KAAK,EAAE,KAAK;;AAIhB,QAAS;EACP,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AAGd,YAAa;EACX,KAAK,EAAE,KAAK;;AAGd,aAAc;EACZ,KAAK,EAAE,GAAG;;AAGZ,GAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,MAAM,EAAE,OAAO;EACf,gBAAe;IACb,gBAAgB,EAAE,sBAAsB;IACxC,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,CAAC;IACT,cAAc,EAAE,MAAM;;AAI1B,CAAE;EACA,MAAM,EAAE,OAAO;;AAGjB,gBAAiB;EACf,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAE5B,wBAAM;IACJ,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;EAEpB,sBAAI;IACF,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;;AAKxB,CAAE;EACA,eAAe,EAAE,IAAI;EACrB,KAAK,ECnHkB,OAAO;EDoH9B,SAAU;IACR,eAAe,EAAE,IAAI;IACrB,KAAK,ECtHgB,OAAO;EDwH9B,0BAA2B;IACzB,eAAe,EAAE,IAAI;;IAErB,MAAM,EAAE,OAAO;;AAInB,oBAAqB;EACnB,WAAW,ECzIK,wHAAQ;ED0IxB,SAAS,EAAE,GAAG;EACd,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,IAAI;EAChB,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,mBAAmB;EAC/B,aAAa,EAAE,GAAG;;ACjGpB,KAAM;EACJ,KAAK,EAAE,GAAG;EACV,UAAU,EAAE,MAAM;EAClB,cAAc,EAAE,MAAM;EACtB,MAAM,EAAE,SAAS;EACjB,OAAO,EAAE,GAAG;EACZ,gBAAgB,EAjDH,OAAO;EAkDpB,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,IAAI;EACjB,SAAS,EAAE,IAAI;;AAGjB,KAAM;EACJ,MAAM,EAAE,eAAe;EACvB,UAAU,EAAE,IAAI;;;EAGhB,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;;AAG3B,aAAc;EACZ,QAAQ,EAAE,KAAK;EACf,OAAO,EAAE,IAAI;EACb,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,OAAO,EAAE,GAAG;EACZ,gBAAgB,EAAE,wBAAwB;EAC1C,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,IAAI;;AAGf,UAAW;EACT,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,gBAAQ;IACN,UAAU,EAAE,EAAE;EAEhB,0DAAgC;IAC9B,KAAK,EAAE,IAAI;EAEb,gBAAM;IACJ,MAAM,EAAE,IAAI;EAEd,uBAAa;IACX,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,MAAM;IACd,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,WAAW;EAE/B,6BAAmB;IACjB,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM;EAEpB,4BAAkB;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,MAAM;IACf,gCAAI;MACF,OAAO,EAAE,YAAY;MACrB,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;EAGjB,mBAAS;IACP,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,iBAAiB;IACzB,+BAAc;MACZ,UAAU,EAAE,CAAC;MACb,MAAM,EAAE,CAAC;;AAKf;uBACwB;EACtB,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,iBAAiB;EAC/B,KAAK,EAAE,IAAI;;AAGb;sBACuB;EACrB,YAAY,EAAE,GAAG;EACjB,KAAK,EAAE,IAAI;;AAIX,mBAAW;EACT,aAAa,EAAE,IAAI;EACnB,uBAAI;IACF,cAAc,EAAE,MAAM;AAG1B,eAAO;EACL,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;EACzB,mBAAI;IACF,WAAW,EAAE,GAAG;IAChB,cAAc,EAAE,MAAM;EAExB,iBAAE;IACA,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;EAEb,qBAAM;IACJ,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,GAAG;EAEZ,2BAAY;IACV,UAAU,EAAE,IAAI;EAElB,4BAAa;IACX,UAAU,EAAE,KAAK;AAGrB,eAAO;EACL,KAAK,EAAE,GAAG;EACV,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,IAAI;EACZ,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,IAAI;EACpB,UAAU,EAAE,MAAM;EAClB,2BAAc;IACZ,gBAAgB,EAAE,OAAO;IACzB,KAAK,EAAE,IAAI;AAGf,wBAAgB;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,MAAM;AAEhB,cAAM;EACJ,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,MAAM;EACd,gBAAgB,EAAE,OAAO;AAE3B,sBAAc;EACZ,MAAM,EAAE,QAAQ;EAEd,+BAAO;IACL,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,KAAK;EAElB,8BAAM;IACJ,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;AAKf,4BAAc;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,GAAG;AAEZ,iBAAG;EACD,UAAU,EAAE,IAAI;EAChB,2BAAY;IACV,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,IAAI;AAGf,qBAAO;EACL,SAAS,EAAE,KAAK;AAElB,yBAAW;EACT,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,IAAI;EACd,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,KAAK;;AAKnB,qBAAsB;EACpB,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,IAAI;EACd,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,KAAK;;AAGf;wBACyB;EACvB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ;wBACyB;EACvB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,OAAO;EACnB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,GAAG;EACd,aAAa,EAAE,IAAI;;AAGrB;8BAC+B;EAC7B,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,IAAI;;AAGb;yCAC0C;EACxC,SAAS,EAAE,CAAC;;AAGd;6CAC8C;EAC5C,MAAM,EAAE,MAAM;;AAGhB;4CAC6C;EAC3C,OAAO,EAAE,MAAM;;AAKb,wBAAU;EACR,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,kBAAyB;EACjC,UAAU,EAAE,MAAM;EAClB,4BAAI;IACF,cAAc,EAAE,MAAM;AAG1B,2BAAa;EACX,OAAO,EAAE,IAAI;AAEf,mCAAqB;EACnB,KAAK,EAAE,IAAI;EACX,4CAAS;IACP,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,GAAG;EAEd,0CAAO;IACL,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,OAAO;EAElB,mDAAgB;IACd,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,KAAK;AAIvB,iBAAS;EACP,MAAM,EAAE,WAAW;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EA7TI,OAAO;EA8TrB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,mBAAwB;EAChC,qBAAqB,EAAE,GAAG;EAC1B,kBAAkB,EAAE,GAAG;EACvB,aAAa,EAAE,GAAG;AAEpB,oBAAY;EACV,UAAU,EAAE,IAAI;AAGhB,uBAAS;EACP,MAAM,EAAE,iBAAiB;AAE3B,+BAAiB;EACf,KAAK,EAAE,IAAI;AAGf,mBAAW;EACT,aAAa,EAAE,GAAG;EAEhB,gCAAY;IACV,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;EAEnB,gCAAY;IACV,OAAO,EAAE,WAAW;IACpB,gBAAgB,EAAE,OAAO;IACzB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,kBAAkB;IAC9B,aAAa,EAAE,iBAAiB;IAChC,cAAc,EAAE,IAAI;IACpB,KAAK,EAAE,OAAO;EAGlB,kCAAe;IACb,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,CAAC;EAEZ,oCAAiB;IACf,UAAU,EAAE,MAAM;IAClB,gBAAgB,EA5WL,OAAO;IA6WlB,KAAK,EA5WM,OAAO;IA6WlB,WAAW,EAAE,IAAI;AAGrB,WAAG;EACD,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,KAAK;AAEpB,iBAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,iBAAiB;EAChC,UAAU,EAAE,IAAI;EAChB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;EACjB,KAAK,EA7XS,OAAO;AA+XvB,uBAAe;EACb,gBAAgB,EAAE,OAAO;AAE3B,sBAAc;EACZ,gBAAgB,EAAE,KAAK;AAGvB,wBAAG;EACD,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,UAAU;EAClB,OAAO,EAAE,CAAC;AAEZ,wBAAG;EACD,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;EACpB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,0BAAE;IACA,KAAK,EAAE,IAAI;EAEb,4BAAI;IACF,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;AAI5B,6BAAqB;EACnB,aAAa,EAAE,iBAAiB;EAChC,gCAAG;IACD,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,UAAU;IAC3B,MAAM,EAAE,CAAC;EAEX,gCAAG;IACD,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,MAAM;IACnB,cAAc,EAAE,MAAM;IACtB,kCAAE;MACA,KAAK,EAAE,OAAO;MACd,OAAO,EAAE,WAAW;AAI1B,oBAAY;EACV,KAAK,EAAE,IAAI;EACX;uCACiB;IACf,KAAK,EAAE,GAAG;EAEZ,6BAAS;IACP,gBAAgB,EArbF,OAAO;IAsbrB,KAAK,EAAE,IAAI;EAGX,uCAAY;IACV,UAAU,EAAE,IAAI;EAElB,yCAAc;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,IAAI;EAElB,0CAAe;IACb,UAAU,EAAE,KAAK;AAKrB,sBAAG;EACD,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,UAAU;EAClB,OAAO,EAAE,CAAC;EACV,gBAAgB,EAAE,OAAO;AAE3B,sBAAG;EACD,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,KAAK;EACd,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,OAAO;EACd,UAAU,EAAE,MAAM;EAClB,UAAU,EAAE,GAAG;EACf,kCAAc;IACZ,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,IAAI;EAElB,mCAAe;IACb,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,IAAI;IAChB,gBAAgB,EAAE,OAAO;IACzB,KAAK,EAAE,IAAI;EAEb,+EAAsC;IACpC,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,OAAO;AAKnB,mFAAwC;EACtC,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,OAAO;AAIjB,gCAAY;EACV,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,iBAAiB;AAE/B,+BAAW;EACT,MAAM,EAAE,IAAI;AAId,2BAAM;EACJ,KAAK,EAAE,IAAI;AAEb,2BAAM;EACJ,UAAU,EAAE,MAAM;AAEpB,2BAAM;EACJ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,QAAQ,EAAE,IAAI;AAEhB,wBAAG;EACD,aAAa,EAAE,iBAAiB;AAElC,2BAAM;EACJ,UAAU,EAAE,MAAM;AAEpB,uCAAkB;EAChB,KAAK,EAAE,GAAG;AAGd,mBAAW;EACT,gBAAgB,EAAE,OAAO;EACzB,cAAc,EAAE,MAAM;EACtB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,QAAQ;EACjB,aAAa,EAAE,GAAG;EAClB,wBAAK;IACH,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,UAAU;IAC3B,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,IAAI;EAGhB,uCAAI;IACF,MAAM,EAAE,KAAK;EAEf,mDAAgB;IACd,OAAO,EAAE,YAAY;EAEvB,kDAAe;IACb,KAAK,EAAE,IAAI;EAGf,wCAAqB;IACnB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,CAAC;AAGhB,mBAAW;EACT,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,iBAAiB;EACzB,yBAAQ;IACN,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,kBAAkB;AAI5B,gCAAoB;EAClB,MAAM,EAAE,CAAC;EACT,gBAAgB,EAAE,WAAW;AAE/B,gCAAkB;EAChB,UAAU,EAAE,CAAC;EACb,MAAM,EAAE,CAAC;EACT,aAAa,EAAE,iBAAiB;AAElC,gCAAoB;EAClB,UAAU,EAAE,eAAe;AAE7B,2BAAa;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;AAGjB,kCAA0B;EACxB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,mBAAmB;EAC5B,qCAAG;IACD,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE,CAAC;IACb,oDAAiB;MACf,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,GAAG;;;;AAUxB,UAAW;EACT,SAAS,EAAE,IAAI;EACf,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,QAAQ;EAChB,OAAO,EAAE,CAAC;EACV,gBAAgB,EAAE,IAAI;EACtB,4BAAoB;IAClB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;EAGf,eAAG;IACD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IACX,gBAAgB,EA1mBF,OAAO;IA2mBrB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,GAAG;EAElB,kBAAM;IACJ,KAAK,EAAE,IAAI;IACX,cAAc,EAAE,GAAG;EAGvB,iBAAO;IACL,KAAK,EAAE,KAAK;EAEd,0BAAgB;IACd,OAAO,EAAE,IAAI;EAEf,oBAAU;IACR,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,KAAK;EAEhB,gBAAQ;IACN,gBAAgB,EAAE,WAAW;IAC7B,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,CAAC;IAChB,oBAAI;MACF,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,MAAM;IAEhB,4BAAY;MACV,gBAAgB,EA1oBF,OAAO;MA2oBrB,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;EAGjB,eAAO;IACL,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,OAAO;IACzB,iBAAE;MACA,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,OAAO;MACnB,WAAW,EAAE,GAAG;;AAKtB,MAAO;EACL,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;;AAGlB,UAAW;EACT,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,GAAG;EACZ,gBAAgB,EAzqBD,OAAO;EA0qBtB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,KAAK;EAClB,aAAG;IACD,UAAU,EAAE,MAAM;;AAItB,WAAY;EACV,SAAS,EAAE,KAAK;EAChB,MAAM,EAAE,CAAC;EACT,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,MAAM;EACd,sBAAW;IACT,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,IAAI;;AAIrB,MAAO;EACL,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAC9B,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,MAAM;EACf,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,uBAAuB;EACnC,kBAAkB,EAAE,uBAAuB;EAC3C,eAAe,EAAE,uBAAuB;EACxC,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAC9B,oBAAc;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;EAEhC,mBAAa;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,KAAK;EAEf,oBAAc;IACZ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,KAAK;IACb,eAAe,EAAE,QAAQ;IACzB,UAAU,EAAE,KAAK;EAEnB,eAAS;IACP,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,OAAO;EAEjB,cAAQ;IACN,MAAM,EAAE,KAAK;IACb,oBAAM;MACJ,OAAO,EAAE,YAAY;IAEvB,2BAAa;MACX,OAAO,EAAE,KAAK;EAGlB,eAAS;IACP,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;EAEjB,QAAE;IACA,KAAK,EAAE,OAAO;IACd,gBAAU;MACR,KAAK,EAAE,OAAO;EAGlB,uBAAiB;IACf,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,iBAAiB;EAElC,uBAAiB;IACf,KAAK,EAAE,OAAO;EAEhB,UAAI;IACF,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;;AAI1B,eAAgB;EACd,aAAa,EAAE,cAAc;EAC7B,kBAAkB,EAAE,cAAc;EAClC,qBAAqB,EAAE,cAAc;;AAGvC,SAAU;EACR,aAAa,EAAE,wBAAwB;EACvC,kBAAkB,EAAE,wBAAwB;EAC5C,qBAAqB,EAAE,wBAAwB;;AAGjD,WAAY;EACV,aAAa,EAAE,wBAAwB;EACvC,kBAAkB,EAAE,wBAAwB;EAC5C,qBAAqB,EAAE,wBAAwB;;AAGjD,UAAW;EACT,aAAa,EAAE,cAAc;EAC7B,kBAAkB,EAAE,cAAc;EAClC,qBAAqB,EAAE,cAAc;;AAGvC,SAAU;EACR,KAAK,EAAE,eAAe;EACtB,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,MAAM;;AAGxB,eAAgB;EACd,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,MAAM;EACd,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,KAAK;EAzwBlB,KAAK,EA5BU,OAAO;EA6BtB,gBAAgB,EA9BD,OAAO;EA+BtB,MAAM,EAAE,iBAAyB;;AA2wBnC,KAAM;EACJ,OAAO,EAAE,eAAe;;AAG1B,WAAY;EACV,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,iBAAiB;;AAGlC,OAAQ;EA1yBN,kBAAkB,EAAE,wBAAwB;EAC5C,eAAe,EAAE,wBAAwB;EACzC,UAAU,EAAE,mBAAmB;;AA4yBjC,MAAO;EACL,KAAK,EAAE,GAAG;EACV,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,OAAO;EACd,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,SAAS;EACjB,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;;AAGjB,YAAa;EACX,gBAAgB,EA/zBE,OAAO;EAg0BzB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,GAAG;;AAGjB,cAAe;EACb,UAAU,EAAE,eAAe;;AAG7B,cAAe;EACb,OAAO,EAAE,GAAG;EACZ,UAAU,EAAE,KAAK;EACjB,iBAAG;IACD,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;;AAId,SAAU;EACR,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,GAAG;;AAGZ,aAAc;EACZ,MAAM,EAAE,QAAQ;;AAGlB,YAAa;EACX,MAAM,EAAE,KAAK;;AAGf;iBACkB;EAChB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,eAAe,EAAE,QAAQ;EACzB,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ;sBACuB;EACrB,WAAW,EAAE,IAAI;;AAGnB,UAAW;EACT,SAAS,EAAE,eAAe;;AAG5B,UAAW;EAl2BT,KAAK,EA1BS,OAAO;EA2BrB,gBAAgB,EA5BF,OAAO;EA6BrB,MAAM,EAAE,iBAAwB;EAk2BhC,OAAO,EAAE,QAAQ;;AAGnB,UAAW;EAj2BT,KAAK,EA5BU,OAAO;EA6BtB,gBAAgB,EA9BD,OAAO;EA+BtB,MAAM,EAAE,iBAAyB;EAi2BjC,OAAO,EAAE,QAAQ;;AAGnB,UAAW;EACT,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,GAAG;;AAGd,gBAAiB;EACf,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EACrB,sBAAM;IACJ,KAAK,EAAE,GAAG;;AAId,uBAAwB;EACtB,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,IAAI;EACjB,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,KAAK;EACd,IAAI,EAAE,KAAK;;AAGb,sBAAuB;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,KAAK;;AAGhB,UAAW;EACT,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EACR,oBAAY;IA94BZ,KAAK,EA1BS,OAAO;IA2BrB,gBAAgB,EA5BF,OAAO;IA6BrB,MAAM,EAAE,iBAAwB;IA84B9B,WAAW,EAAE,IAAI;IACjB,0BAAQ;MAj5BV,KAAK,EA1BS,OAAO;MA2BrB,gBAAgB,EA5BF,OAAO;MA6BrB,MAAM,EAAE,iBAAwB;MAi5B5B,WAAW,EAAE,IAAI;EAGrB,iBAAS;IA14BT,KAAK,EA3BS,OAAO;IA4BrB,gBAAgB,EA7BF,OAAO;IA8BrB,MAAM,EAAE,iBAAwB;IA04B9B,WAAW,EAAE,IAAI;IACjB,uBAAQ;MA74BV,KAAK,EA3BS,OAAO;MA4BrB,gBAAgB,EA7BF,OAAO;MA8BrB,MAAM,EAAE,iBAAwB;MA64B5B,WAAW,EAAE,IAAI;EAGrB,eAAO;IAx5BP,KAAK,EA5BU,OAAO;IA6BtB,gBAAgB,EA9BD,OAAO;IA+BtB,MAAM,EAAE,iBAAyB;IAw5B/B,WAAW,EAAE,IAAI;IACjB,qBAAQ;MA35BV,KAAK,EA5BU,OAAO;MA6BtB,gBAAgB,EA9BD,OAAO;MA+BtB,MAAM,EAAE,iBAAyB;MA25B7B,WAAW,EAAE,IAAI;EAGrB,eAAO;IA56BP,KAAK,EAlBQ,OAAO;IAmBpB,gBAAgB,EApBH,OAAO;IAqBpB,MAAM,EAAE,iBAAuB;IA46B7B,WAAW,EAAE,IAAI;IACjB,qBAAQ;MA/6BV,KAAK,EAlBQ,OAAO;MAmBpB,gBAAgB,EApBH,OAAO;MAqBpB,MAAM,EAAE,iBAAuB;MA+6B3B,WAAW,EAAE,IAAI;;AAMrB,kBAAY;EACV,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;AAEnB,kBAAY;EACV,KAAK,EAAE,GAAG;EACV,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,SAAS;EACjB,MAAM,EAAE,iBAAiB;EACzB,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,IAAI;;AAIrB,kDAAa;EACX,WAAW,EA79BK,wHAAQ;EA89BxB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,KAAK;;AAGlB,iBAAkB;EAEhB,aAAa,EAAE,iBAAiB;EAChC,KAAK,EAAE,OAAO;;AAGhB,iBAAkB;EAEhB,MAAM,EAAE,qBAAqB;EAC7B,cAAc,EAAE,IAAI;;AAGtB,eAAgB;EACd,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,iBAAiB;EAC7B,WAAW,EAAE,KAAK;;AAGpB,iBAAkB;EAChB,KAAK,EAr/BS,OAAO;EAs/BrB,gBAAgB,EAv/BF,OAAO;;AA0/BvB,SAAU;EACR,gBAAgB,EAAE,eAAe;EACjC,KAAK,EAl/Ba,OAAO;EAm/BzB,aAAI;IACF,WAAW,EAAE,IAAI;;AAIrB,UAAW;EACT,UAAU,EAAE,OAAO;EACnB,WAAW,EAAE,KAAK;EAClB,UAAU,EAAE,GAAG;;AAGjB,QAAS;EACP,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,KAAK;EAChB,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;;AAGd,eAAgB;EACd,MAAM,EAAE,OAAO;;AAGjB,iBAAkB;EAChB,OAAO,EAAE,YAAY;EACrB,KAAK,EAAE,IAAI;EACX,6CAAU;IACR,YAAY,EAAE,KAAK;;AAIvB,mBAAoB;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,YAAY;;AAGvB,mBAAoB;EAClB,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;;AAGb,WAAY;EACV,SAAS,EAAE,IAAI;;AAGjB,gBAAiB;EACf,OAAO,EAAE,GAAG;EACZ,aAAa,EAAE,GAAG;EAxhClB,KAAK,EAlBQ,OAAO;EAmBpB,gBAAgB,EApBH,OAAO;EAqBpB,MAAM,EAAE,iBAAuB;EAwhC/B,uBAAO;IACL,KAAK,EAAE,kBAAwB;EAEjC,kBAAE;IACA,KAAK,EAAE,kBAAwB;IAC/B,WAAW,EAAE,IAAI;;AAIrB,QAAS;EACP,KAAK,EAAE,IAAI;;EAEX,WAAW,EAAE,GAAG;EAChB,aAAa,EAAE,GAAG;EAClB,cAAM;IACJ,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,IAAI;IACnB,KAAK,EAvjCW,OAAO;IAwjCvB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,8CAA8C;IAC1D,eAAe,EAAE,UAAU;IAC3B,MAAM,EAAE,KAAK;EAEf,oBAAY;IACV,KAAK,EAAE,IAAI;IACX,KAAK,EA/jCW,OAAO;IAgkCvB,UAAU,EAAE,MAAM;IAClB,uBAAG;MACD,WAAW,EAAE,IAAI;MACjB,SAAS,EAAE,IAAI;MACf,cAAc,EAAE,GAAG;EAGvB,kBAAU;IACR,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,uBAAK;MACH,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE,GAAG;MAClB,OAAO,EAAE,KAAK;MACd,sCAAiB;QAtkCrB,KAAK,EAlBQ,OAAO;QAmBpB,gBAAgB,EApBH,OAAO;QAqBpB,MAAM,EAAE,iBAAuB;MAukC3B,qCAAgB;QA7jCpB,KAAK,EA5BU,OAAO;QA6BtB,gBAAgB,EA9BD,OAAO;QA+BtB,MAAM,EAAE,iBAAyB;MA8jC7B,gCAAW;QAtkCf,KAAK,EA1BS,OAAO;QA2BrB,gBAAgB,EA5BF,OAAO;QA6BrB,MAAM,EAAE,iBAAwB;MAukC5B,gCAAS;QACP,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,IAAI;QACf,kCAAE;UACA,YAAY,EAAE,IAAI;EAK1B,aAAK;IACH,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,IAAI;IAChB,sBAAS;MACP,aAAa,EAAE,GAAG;MAClB,6BAAO;QACL,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,MAAM;QAClB,gBAAgB,EA/mCJ,OAAO;QAgnCnB,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,OAAO;EAItB,oBAAY;IACV,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;;AAItB,aAAc;EACZ,UAAU,EAAE,MAAM;EAClB,iBAAI;IACF,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;EAEd,gBAAG;IACD,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;;AAInB,SAAU;EACR,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,GAAG;EACZ,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,UAAU;EAClB,OAAO,EAAE,IAAI;EACb,YAAG;IACD,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;EAEX,YAAG;IACD,YAAY,EAAE,IAAI;IAClB,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;;AAIpB,SAAU;EACR,OAAO,EAAE,IAAI;;AAGf,OAAQ;EACN,UAAU,EAAE,iBAAiB;;AAG/B,MAAO;EACL,UAAU,EAAE,gBAAgB;;AAG9B,KAAM;EACJ,UAAU,EAAE,eAAe;;ACvrC7B,gBAAiB;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,MAAM;EACd,UAAU,EAAE,8DAA8D;EAC1E,eAAe,EAAE,SAAS;EAC1B,0BAAU;IACR,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,gBAAgB,EAAE,IAAI;IACtB,mCAAS;MACP,MAAM,EAAE,IAAI;MACZ,UAAU,EAAE,IAAI;;MAEhB,UAAU,EAAE,IAAI;MAChB,gBAAgB,EAAE,WAAW;MAC7B,qCAAE;QACA,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE,EAAE;IAGf,qCAAW;MACT,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,GAAG;MACR,KAAK,EAAE,GAAG;IAEZ,sCAAY;MACV,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,GAAG;MACX,KAAK,EAAE,GAAG;MACV,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,KAAK;MACjB,wCAAE;QACA,KAAK,EAAE,OAAO;EAIpB,2BAAW;IACT,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,eAAe;IACvB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK;IDVhB,KAAK,EA5BU,OAAO;IA6BtB,gBAAgB,EA9BD,OAAO;IA+BtB,MAAM,EAAE,iBAAyB;ECWjC,4BAAY;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,iBAAiB;IACzB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK;IDxBhB,KAAK,EA1BS,OAAO;IA2BrB,gBAAgB,EA5BF,OAAO;IA6BrB,MAAM,EAAE,iBAAwB;;AA6pClC,qCAAsC;EACpC,mBAAoB;IAClB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,IAAI;IACX,wBAAK;MACH,SAAS,EAAE,IAAI;MACf,8BAAM;QACJ,KAAK,EAAE,IAAI;IAGf,oCAAiB;MACf,KAAK,EAAE,IAAI;;EAGf,MAAO;IACL,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,SAAS,EAAE,IAAI;IACf,oBAAc;MACZ,eAAe,EAAE,aAAa;MAC9B,SAAS,EAAE,IAAI;IAEjB,yCAA4B;MAC1B,KAAK,EAAE,IAAI;IAEb,0BAAoB;MAClB,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,MAAM", +"sources": ["_elements.scss","styles.scss","_login.scss"], +"names": [], +"file": "styles.css" +} \ No newline at end of file diff --git a/inc/themes/material-blue/css/styles.min.css b/inc/themes/material-blue/css/styles.min.css index 0afc819a..0b21dcae 100644 --- a/inc/themes/material-blue/css/styles.min.css +++ b/inc/themes/material-blue/css/styles.min.css @@ -1 +1 @@ -html,body{margin:0;padding:0;text-align:left;background-color:#f5f5f5;color:#555;font-size:12px;font-weight:normal;box-sizing:border-box}*{font-family:Roboto-Regular,Verdana,Tahoma,sans-serif}*,*:before,*:after{box-sizing:inherit}table{font-size:11px;border-spacing:0}table th{border-bottom:2px solid transparent;vertical-align:middle}table th .icon{width:24px;height:24px}table tr.odd{background-color:#f9f9f9}table tr.even>td,table tr.odd>td{border-bottom:1px solid #d9d9d9 !important}table tr.even:hover{background-color:#e8ff99}table tr.odd:hover{background-color:#e8ff99}table tr{height:20px}table td{padding:3px}table td.txtCliente{font-weight:bold;text-align:center}form{font-size:11px;margin:0}input.inputImg,img.inputImg{background-color:transparent !important;width:24px !important;height:24px !important;border:0;vertical-align:middle;margin:0 .5em}input.txtFile{width:200px}input.txtLong{width:300px}textarea{width:350px;resize:none}select.files{width:250px}input.spinner{width:5em}img{margin:0;padding:0;border:0;cursor:pointer}img.inputImgMini{background-color:transparent !important;width:16px !important;height:16px !important;margin:0 5px 0 5px;border:0;vertical-align:middle}i{cursor:pointer}form .form-field{display:flex;justify-content:space-between}form .form-field>label{min-width:12em;padding:.5em 0;font-size:16px;align-self:center}form .form-field>div{width:100%;align-self:center}.altTable{border:0;font-size:10px}.altTable .section{font-size:14px;font-weight:bold}a,a:visited{text-decoration:none;color:rgba(83,109,254,1)}a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}#nojs{width:80%;text-align:center;vertical-align:middle;margin:10px auto;padding:3px;background-color:red;color:white;font-weight:bold;font-size:14px}pre,code,samp,kbd{font-family:Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace;font-size:1em;direction:ltr;text-align:left;background-color:#fbfaf9;color:#333;box-shadow:inset 0 0 .3em #ccc;border-radius:2px}#wrap{height:auto !important;min-height:100%;width:100%;background-color:#f5f5f5}#wrap-loading{position:fixed;z-index:9999;top:50%;left:50%;padding:1em;background-color:rgba(255,255,255,.8);border-radius:5px;display:none}#container{margin:auto;width:100%}#container.login{margin-top:5%}#container.error,#container.install,#container.passreset{width:100%}#container .logo{height:64px}#container #actions-bar{z-index:100;display:flex;justify-content:space-between;position:fixed;border:0 none;top:0;left:0;width:100%;padding:1em 0;background-color:transparent}#container #actions-bar-icons{flex-grow:1;text-align:center}#container #actions-bar-logo{display:none;padding:0 .5em}#container #actions-bar-logo img{display:inline-block;width:50px;opacity:.75}#container #content{width:95%;margin:2em auto 8em auto}#container #content.public-link{min-height:0;margin:0}#content td.descField,#box-popup td.descField{text-align:right;padding-right:20px;width:25%;font-weight:bold;border-right:1px solid #d9d9d9;color:#555}#content td.valField,#box-popup td.valField{padding-left:1em;width:100%}#content #resBuscar{margin-bottom:50px}#content #resBuscar img{vertical-align:middle}#content .pager{width:100%;margin-top:15px;padding:.5em;vertical-align:middle;font-size:11px;color:#999;background-color:#fcfcfc}#content .pager img{margin-left:5px;vertical-align:middle}#content .pager a{margin-left:5px;font-size:12px;color:#999}#content .pager>div{display:inline-block;width:49%}#content .pager .pager-left{text-align:left}#content .pager .pager-right{text-align:right}#content #title{width:50%;padding:7px;margin:auto;background-color:#d9d9d9;color:#fff;font-size:17px;letter-spacing:.3em;text-align:center}#content #title.titleBlue{background-color:#536dfe;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#536dfe),color-stop(90%,#536dfe));background-image:-webkit-linear-gradient(#536dfe 20%,#536dfe 90%);background-image:-moz-linear-gradient(#536dfe 20%,#536dfe 90%);background-image:-o-linear-gradient(#536dfe 20%,#536dfe 90%);background-image:linear-gradient(#536dfe 20%,#536dfe 90%);background:#536dfe url("../inc/themes/material-blue/css/images/ui-bg_highlight-hard_100_536DFE_1x100.png") repeat-x scroll 50% 50%}#content #title.titleNormal{background-color:#607d8b;color:#fff}#content .data-container{width:75%;margin:0 auto}#content .data{width:100%;padding:10px;border:1px solid #c9c9c9;margin:0 auto;background-color:#f9f9f9}#content fieldset.data{margin:2em auto}#content fieldset.data>legend{color:#607d8b;padding:0 .5em;font-size:1.5em}#content fieldset.data>table{display:none;width:100%}#content .data #history-icon{position:relative;top:5em;right:2em}#content .data td{text-align:left}#content .data td.descField{text-align:right;font-size:12px;font-weight:bold;color:#999}#content .data select{min-width:210px}#content .data .list-wrap,#box-popup .list-wrap{max-height:10em;overflow:auto;padding:.5em;margin:1em 0}#content .data .list-wrap ul,#box-popup .list-wrap ul{list-style-type:none;margin:0;padding:0}#content .data .list-wrap li,#box-popup .list-wrap li{display:flex;background:#f2f2f2;padding:.5em;font-size:1em;margin-bottom:.5em}#content .data .list-wrap li:hover,#box-popup .list-wrap li:hover{background:#e8eaf6;color:#000}#content .data .list-wrap div.files-item-info,#box-popup .list-wrap div.files-item-info{flex-grow:2}#content .data .list-wrap div.files-item-info img,#box-popup .list-wrap div.files-item-info img{margin:0 .5em}#content .data .list-wrap div.files-item-actions,#box-popup .list-wrap div.files-item-actions{padding:.3em 0}#content .data .dropzone{width:30em;padding:1em;border:2px dashed #009688;text-align:center}#content .data .dropzone img{vertical-align:middle}#content .data .file-upload{display:none}#content .data .account-permissions{width:100%}#content .data .account-permissions fieldset{border:1px solid #c9c9c9;padding:1em}#content .data .account-permissions legend{font-weight:bold;color:#999;padding:.2em 0}#content .data .account-permissions fieldset>span{font-weight:bold;color:#999;padding:.2em 0;display:inline-block;width:100px;text-align:right}#content span.tag{margin:0 3px 3px 0;padding:.2em;background:#5c6bc0;color:#fff;border:0 solid rgba(0,0,0,0);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#content .extra-info{margin-top:20px}#content .tblIcon{background:url("../imgs/clock.png") no-repeat transparent}#content #tabs .ui-tabs-nav{position:relative;left:12em;width:90%}#content #tabs fieldset{border:1px solid #c9c9c9}#content #tabs #frmConfig label{float:left}#content .tblConfig{margin-bottom:2em}#content .tblConfig td.descField{width:35%;font-size:11px;font-weight:bold}#content .tblConfig td.rowHeader{padding:5px 0 5px 0;background-color:#f5f5f5;text-align:center;font-weight:bold;border-top:15px solid #f9f9f9;border-bottom:3px solid #a9c1d7;letter-spacing:.5em;color:#696969}#content .tblConfig input.checkbox{width:15px;text-align:left;padding:0}#content .tblConfig .option-disabled{text-align:center;background-color:#fff2d9;color:orange;font-weight:bold}#content h2{width:100%;height:1.5em;font-size:18px;color:white;background-color:#a9c1d7;margin:0;padding-top:.1em}#content .section{margin-top:2.5em;border-bottom:1px solid #d9d9d9;text-align:left;font-size:14px;font-weight:bold;color:#045fb4}#content .row_even>td{background-color:#f5f5f5}#content .row_odd>td{background-color:white}#content .data-header ul{list-style:none;width:100%;margin:0 0 10px 0;padding:0}#content .data-header li{display:inline-block;padding:.2em .5em;font-weight:bold;letter-spacing:.2em;color:#fff;text-align:center}#content .data-header li a{color:#777}#content .data-header li img{float:right;width:24px;height:24px;vertical-align:middle}#content .data-header-minimal{border-bottom:1px solid #dfdfdf}#content .data-header-minimal ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0}#content .data-header-minimal li{display:inline-flex;min-width:10em;font-weight:normal;letter-spacing:normal}#content .data-header-minimal li a{color:#b9b9b9;padding:.3em .8em}#content .data-table{width:100%}#content .data-table td:first-of-type,#content .data-table th:first-of-type{width:5em}#content .data-table thead th{background-color:#607d8b;color:#fff}#content .data-table tbody td.cell-data{text-align:left}#content .data-table tbody td.cell-nodata{padding:0 .5em;text-align:left}#content .data-table tbody td.cell-actions{text-align:right}#content .data-rows ul{display:table;list-style:none;width:100%;margin:0 0 10px 0;padding:0;background-color:#fcfcfc}#content .data-rows li{float:left;display:block;padding:1em;color:#696969;text-align:center;min-height:2em}#content .data-rows li.cell-nodata{padding:1em 0;min-height:2em;text-align:left}#content .data-rows li.cell-actions{float:right;min-height:2em;padding:1em 0;text-align:left;background-color:#fcfcfc;width:15em}#content .data-rows li.cell-nodata img,#content .data-rows li.cell-actions img,#content #data-search .account-info img,#content #data-search .account-actions img{width:24px;height:24px;margin:0 .5em}#content .rowSpace>.cellBorder{height:10px;border-top:1px solid #d9d9d9}#content .rowSpace>.cellBlank{height:10px}#content #resEventLog .data{width:100%}#content #resEventLog thead{text-align:center}#content #resEventLog tbody{width:100%;height:500px;overflow:auto}#content #resEventLog td{border-bottom:1px solid #d9d9d9}#content #resEventLog .cell{text-align:center}#content #resEventLog .cell-description{width:60%}#content #searchbox{background-color:#fcfcfc;background-color:rgba(252,252,252,.75);vertical-align:middle}#content #searchbox{position:relative;height:auto;padding:.5em 1em;margin-bottom:2em}#content #searchbox form{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left}#content #searchbox .search-filters>*{margin:0 1em}#content #searchbox .search-filters .filter-buttons{display:inline-block}#content #searchbox .search-filters .filter-slider{width:10em}#content #searchbox .search-filters-tags{display:none;flex-grow:2}#content .btn-clear{opacity:.35;filter:alpha(opacity=35)}#content .btn-clear:hover{opacity:1;filter:alpha(opacity=100)}#content #tabs.ui-widget-content{border:0;background-color:transparent}#content #tabs .ui-widget-header{background:0;border:0;border-bottom:1px solid #c9c9c9}#content #tabs.ui-widget-content{background:none !important}#content #tabs .tabs-spacer{float:left;height:200px}#content .tabs-bottom .ui-tabs-nav{clear:left;padding:0 .2em .2em .2em}#content .tabs-bottom .ui-tabs-nav li{top:auto;bottom:0;margin:0 .2em 1px 0;border-top:0}#content .tabs-bottom .ui-tabs-nav li.ui-tabs-active{margin-top:-1px;padding-top:1px}#datos{float:left;width:400px;text-align:left;margin-top:10px;color:#b9b9b9}#datos a{color:orange;font-weight:bold;border:0;padding:3px;margin:5px 0 5px 0;display:block;width:40px;text-align:center;background-color:transparent}#datos img{border:0}#resAccion,#resFancyAccion{height:20px;padding:5px;margin:5px;font-weight:bold;font-size:14px}#resAccion span{padding:5px;border:#a9a9a9 1px solid}#fancyView{min-width:250px;text-align:center;padding:15px;line-height:20px;border:#d9d9d9 1px solid;font-size:14px}#fancyView ul{list-style:none}#fancyView.msgError{margin:5px;background-color:#fee8e6;color:#c00;font-weight:bold;border:#fed2ce 1px solid}#fancyView.msgOk{margin:5px;background-color:#ecfde4;color:green;font-weight:bold;border:#dbfdcb 1px solid}#fancyView.msgWarn{margin:5px;background-color:#fff2d9;color:orange;font-weight:bold;border:#ffe5b3 1px solid}#fancyView.msgInfo{margin:5px;background-color:#e9e9e9;color:orange;font-weight:bold;border:#ffe5b3 1px solid}#fancyView.backGrey{background-color:#f2f2f2 !important}#fancyView PRE{text-align:left}#fancyView table{border:0;width:100%;font-size:14px;text-align:left}#fancyView td{border-bottom:#d9d9d9 1px solid}#fancyView a,#fancyMsg a{color:#555}#box-popup{min-width:25em;max-width:50em;margin:5em auto;padding:0;background-color:#fff}#box-popup.box-password-view{min-width:30em;max-width:35em}#box-popup>h2{width:100%;font-size:18px;color:white;background-color:#607d8b;margin:0 0 1em 0;padding:.5em 0;line-height:1em}#box-popup>table{width:100%;padding-bottom:1em}#box-popup select{width:220px}#box-popup #resFancyAccion{display:none}#box-popup #resCheck{display:inline-block;width:80%;height:4em;padding:1em 0}#box-popup.image{background-color:transparent;max-width:100%;margin:0 auto;border-radius:0}#box-popup.image img{width:auto;margin:0 auto}#box-popup.image>div.title{background-color:#607d8b;color:#fff;padding:.5em}#box-popup.help{min-height:100px;background-color:#f5f5f5}#box-popup.help p{font-size:14px;text-align:justify;line-height:2em}#debug{float:left;text-align:left}#debuginfo{width:100%;min-height:10em;padding:1em;background-color:lightgoldenrodyellow;text-align:left;line-height:1.5em}#debuginfo H3{text-align:center}.fancyNone{background-color:transparent !important}.fancydata{min-width:400px;border:0;text-align:left;margin:0 .5em}.fancydata .descField{min-width:100px;font-weight:bold}footer{display:flex;justify-content:space-between;position:fixed;bottom:0;z-index:100;width:100%;padding:.5em 0;background-color:#f5f5f5;color:#b9b9b9;font-size:1em;box-shadow:0 -8px 6px -6px #c9c9c9;-webkit-box-shadow:0 -8px 6px -6px #c9c9c9;-moz-box-shadow:0 -8px 6px -6px #c9c9c9}footer,footer .footer-parts{display:flex;justify-content:space-between}footer #footer-left,footer #footer-right{width:50%;margin:0 1em}footer #footer-right{justify-content:flex-end;text-align:right}footer #updates{min-width:10em;text-align:center;cursor:pointer}footer #status{margin:0 1em}footer #status>div{display:inline-block}footer #status .status-info{padding:.5em}footer #session{text-align:left;color:#999;font-size:.8em}footer a,footer a:visited{color:#b9b9b9}footer #project a:hover{color:#a9c1d7;border-bottom:1px solid #a9c1d7}footer #updates a:hover{color:#a9c1d7}footer img{border:0;width:16px;height:16px;vertical-align:middle}.round{border-radius:5px !important;-moz-border-radius:5px !important;-webkit-border-radius:5px !important}.round5{border-radius:5px !important;-moz-border-radius:5px !important;-webkit-border-radius:5px !important}.midround{border-radius:0 0 10px 10px !important;-moz-border-radius:0 0 10px 10px !important;-webkit-border-radius:0 0 10px 10px !important}.midroundup{border-radius:10px 10px 0 0 !important;-moz-border-radius:10px 10px 0 0 !important;-webkit-border-radius:10px 10px 0 0 !important}.fullround{border-radius:50% !important;-moz-border-radius:50% !important;-webkit-border-radius:50% !important}.iconMini{width:16px !important;height:16px !important;vertical-align:middle}#content .error{width:350px;margin:15px;padding:15px;background-color:#f9f9f9;color:orange;border:orange 1px solid;margin:0 auto;text-align:center;font-size:16px;line-height:1.5em}.hide{display:none !important}.btn-checks{padding:5px;margin:.2em 0;width:30em;border-bottom:1px solid #c9c9c9}.shadow{box-shadow:1px 1px 2px #d9d9d9}.noRes{width:60%;margin:15px;padding:15px;background-color:#f9f9f9;color:#a9a9a9;border:#c9c9c9 1px solid;margin:20px auto;text-align:center;font-size:16px}.header-blue{background:#536dfe url("../inc/themes/material-blue/css/images/ui-bg_highlight-hard_100_536DFE_1x100.png") repeat-x scroll 50% 50%}.header-grey{background-color:#607d8b;color:#fff;min-height:2em}.no-background{background:none !important}.action-in-box{display:inline-block;height:4em;margin:.7em 0;text-align:right}.action-in-box ul{list-style:none;margin:0;padding:0}.tab-data{margin:2em auto 0;width:75%}.item-actions{margin:1em auto}.tab-actions{margin:2em 0}.item-actions>ul,.tab-actions>ul{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;list-style:none;margin:0;padding:0}.item-actions>ul>li,.tab-actions>ul>li{margin-left:.5em}.fullWidth{max-width:100% !important}.filterOn{padding:.3em 1em;background-color:#ecfde4;color:green !important;border:#dbfdcb 1px solid !important}.globalOn{padding:.3em 1em;background-color:#fff2d9;color:orange !important;border:#ffe5b3 1px solid !important}.opacity50{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.custom-combobox{position:relative;display:inline-block}.custom-combobox input{width:80%}.custom-combobox-toggle{position:absolute;top:0;bottom:0;margin-left:-1px;padding:0;*height:1.7em;*top:.1em}.custom-combobox-input{margin:0;padding:.3em}.ui-tooltip{background:#ffffa3;color:#555;padding:10px;border-radius:10px;box-shadow:0 0 7px #a9a9a9}.ui-autocomplete,.ui-menu-item{z-index:8050}.fancybox-inner{overflow:visible !important}.passLevel{width:20px;height:20px;display:inline-block;position:relative;top:2px}.passLevel.strongest,.passLevel.strongest:hover{background-color:#ecfde4 !important;color:green;font-weight:bold;border:lightgreen 1px solid}.passLevel.strong,.passLevel.strong:hover{background-color:#e6f2ff !important;color:#64b4f4;font-weight:bold;border:#64b4f4 1px solid}.passLevel.good,.passLevel.good:hover{background-color:#fff2d9 !important;color:orange;font-weight:bold;border:#ffe5b3 1px solid}.passLevel.weak,.passLevel.weak:hover{background-color:#fee8e6 !important;color:#c00;font-weight:bold;border:#fed2ce 1px solid}#alert #alert-text{margin:15px auto;font-size:14px;font-weight:bold}#alert #alert-pass{width:50%;padding:10px;margin:15px auto;border:1px solid #c9c9c9;color:#555;font-weight:bold}.dialog-user-text{padding:.5em;border-bottom:#d9d9d9 1px solid;text-align:center;min-width:200px;color:#d9d9d9}.dialog-pass-text{padding:.5em;border:transparent 1px solid;text-align:center;min-width:200px}.dialog-buttons{text-align:center;padding:.5em;border-top:1px solid #c9c9c9;line-height:2.5em}.dialog-clip-copy{background-color:#ecfde4;color:green}.help-box{background-color:#fff !important;color:#607d8b}.help-box>*{font-weight:bold}.help-text{text-align:justify;line-height:1.5em;margin-top:1em}.tooltip{width:300px;max-width:300px;background-color:#777;color:#fff;z-index:101}.cursor-pointer{cursor:pointer}.password-actions{display:inline-block;width:12em}.password-actions>span,.password-actions i{margin-right:.6em}.custom-input-color{width:3em;height:1em;display:inline-block}.account-pass-image{height:32px;width:auto}.select-box{min-width:20em}#login-container{width:40em;margin:0 auto;background:transparent url("../imgs/logo_full_bg.png") no-repeat top left;background-size:auto 10em}#login-container #boxLogin{position:relative;margin:11em auto 0 auto;width:100%;min-height:12em;padding:1em;background-color:#fff}#login-container #boxLogin #boxData{height:100%;min-height:14em;text-align:left;background-color:transparent}#login-container #boxLogin #boxData i{margin-right:.5em;opacity:.5}#login-container #boxLogin #boxButton{position:absolute;top:2em;right:2em}#login-container #boxLogin #boxActions{position:absolute;bottom:1em;right:1em;width:100%;padding:.5em;text-align:right}#login-container #boxLogin #boxActions a{color:#c9c9c9}#login-container #boxLogout{width:250px;margin:8em auto 0 auto;font-size:14px;text-align:center;color:orange;background:#fff2d9;border:#ffe5b3 1px solid;padding:.5em}#login-container #boxUpdated{width:350px;margin:5em auto 5em auto;font-size:14px;text-align:center;color:green;background:#ecfde4;border:#dbfdcb 1px solid;padding:.5em}fieldset.warning{padding:8px;color:#b94a48;background-color:#f2dede;border:1px solid #eed3d7;border-radius:5px}fieldset.warning legend{color:#b94a48 !important}fieldset.warning a{color:#b94a48 !important;font-weight:bold}#actions{width:100%;line-height:2em;margin-bottom:5em}#actions #logo{display:flex;width:100%;margin-bottom:30px;color:#607d8b;align-items:center;background:url("../imgs/logo_full_bg.png") left no-repeat;background-size:auto 150px;height:150px}#actions #page-title{width:100%;color:#607d8b;text-align:center}#actions #page-title h1{font-weight:bold;font-size:24px;letter-spacing:3px}#actions ul.errors{max-width:40%;margin:0 auto;list-style:none;font-size:14px;text-align:left}#actions ul.errors>li{margin:1.5em auto;border-radius:5px;padding:.5em}#actions ul.errors>li.error-critical{color:#ef5350;background-color:#ffcdd2;border:1px solid #ef5350}#actions ul.errors>li.error-warning{color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28}#actions ul.errors>li.error-ok{color:#26a69a;background-color:#b2dfdb;border:1px solid #26a69a}#actions ul.errors>li>p.hint{color:#555;font-size:12px}#actions ul.errors>li>p.hint i{margin-right:.5em}#actions form{width:450px;margin:0 auto;text-align:left}#actions form fieldset{margin-bottom:2em}#actions form fieldset legend{width:100%;color:#fff;font-size:14px;font-weight:bold;text-align:center;background-color:#607d8b;margin:1em 0;letter-spacing:.2em;padding:.2em 0}#actions div.buttons{margin-top:2em;text-align:center}#whatsNewIcon{text-align:center}#whatsNewIcon img{width:64px;height:64px}#whatsNewIcon h2{display:inline-block;color:#555;font-size:16px}#whatsNew{margin:0 auto;width:500px;background-color:#fffde1;padding:2em;line-height:1.5em;font-size:16px;color:#555;border:1px solid #d9d9d9;margin-bottom:3em;display:none}#whatsNew ul{padding:0;border:0}#whatsNew li{padding-left:37px;background:url("../imgs/arrow-list.png") left center no-repeat;line-height:32px;list-style:none}.no-title .ui-dialog-titlebar{display:none}.ui-dialog{z-index:9999 !important}.help-box{display:none}.center{text-align:center !important}.right{text-align:right !important}.left{text-align:left !important}@media screen and (max-width:1000px){#content #searchbox{position:relative;left:0;width:100%}#content #searchbox form{flex-wrap:wrap}#content #searchbox form>div{width:100%}#content #searchbox input[type=text]{width:100%}footer{display:none}footer,footer .footer-parts{justify-content:space-between;flex-wrap:wrap}footer #footer-left,footer #footer-right,footer .footer-parts>div{width:100%}footer .footer-parts>div{padding:.5em 0}} \ No newline at end of file +html,body{margin:0;padding:0;text-align:left;background-color:#f5f5f5;color:#555;font-size:12px;font-weight:normal;box-sizing:border-box}*{font-family:Roboto-Regular,Verdana,Tahoma,sans-serif;box-sizing:inherit}*:before,*:after{box-sizing:inherit}table{font-size:11px;border-spacing:0}table th{border-bottom:2px solid transparent;vertical-align:middle}table th .icon{width:24px;height:24px}table tr{height:20px}table tr.odd{background-color:#f9f9f9}table tr.even>td,table tr.odd>td{border-bottom:1px solid #d9d9d9 !important}table tr.even:hover,table tr.odd:hover{background-color:#e8ff99}table td{padding:3px}table td.txtCliente{font-weight:bold;text-align:center}form{font-size:11px;margin:0}input.inputImg,img.inputImg{background-color:transparent !important;width:24px !important;height:24px !important;border:0;vertical-align:middle;margin:0 .5em}input.txtFile{width:200px}input.txtLong{width:300px}textarea{width:350px;resize:none}select.files{width:250px}input.spinner{width:5em}img{margin:0;padding:0;border:0;cursor:pointer}img.inputImgMini{background-color:transparent !important;width:16px !important;height:16px !important;margin:0 5px 0 5px;border:0;vertical-align:middle}i{cursor:pointer}form .form-field{display:flex;justify-content:space-between}form .form-field>label{min-width:12em;padding:.5em 0;font-size:16px;align-self:center}form .form-field>div{width:100%;align-self:center}a{text-decoration:none;color:#536dfe}a:visited{text-decoration:none;color:#536dfe}a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}pre,code,samp,kbd{font-family:Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace;font-size:1em;direction:ltr;text-align:left;background-color:#fbfaf9;color:#333;box-shadow:inset 0 0 .3em #ccc;border-radius:2px}#nojs{width:80%;text-align:center;vertical-align:middle;margin:10px auto;padding:3px;background-color:#ef5350;color:white;font-weight:bold;font-size:14px}#wrap{height:auto !important;min-height:100%;width:100%;background-color:#f5f5f5}#wrap-loading{position:fixed;z-index:9999;top:50%;left:50%;padding:1em;background-color:rgba(255,255,255,0.8);border-radius:5px;display:none}#container{margin:auto;width:100%}#container.login{margin-top:5%}#container.error,#container.install,#container.passreset{width:100%}#container .logo{height:64px}#container #actions-bar{z-index:100;display:flex;justify-content:space-between;position:fixed;border:0 none;top:0;left:0;width:100%;padding:1em 0;background-color:transparent}#container #actions-bar-icons{flex-grow:1;text-align:center}#container #actions-bar-logo{display:none;padding:0 .5em}#container #actions-bar-logo img{display:inline-block;width:50px;opacity:.75}#container #content{width:95%;margin:2em auto 8em auto}#container #content.public-link{min-height:0;margin:0}#content td.descField,#box-popup td.descField{text-align:right;padding-right:20px;width:25%;font-weight:bold;border-right:1px solid #d9d9d9;color:#555}#content td.valField,#box-popup td.valField{padding-left:1em;width:100%}#content #resBuscar{margin-bottom:50px}#content #resBuscar img{vertical-align:middle}#content .pager{width:100%;margin-top:15px;padding:.5em;vertical-align:middle;font-size:11px;color:#999;background-color:#fcfcfc}#content .pager img{margin-left:5px;vertical-align:middle}#content .pager a{margin-left:5px;font-size:12px;color:#999}#content .pager>div{display:inline-block;width:49%}#content .pager .pager-left{text-align:left}#content .pager .pager-right{text-align:right}#content #title{width:50%;padding:7px;margin:auto;background-color:#d9d9d9;color:#fff;font-size:17px;letter-spacing:.3em;text-align:center}#content #title.titleNormal{background-color:#607d8b;color:#fff}#content .data-container{width:75%;margin:0 auto}#content .data{width:100%;padding:10px;border:1px solid #c9c9c9;margin:0 auto;background-color:#f9f9f9}#content fieldset.data{margin:2em auto}#content fieldset.data>legend{color:#607d8b;padding:0 .5em;font-size:1.5em}#content fieldset.data>table{display:none;width:100%}#content .data #history-icon{position:relative;top:5em;right:2em}#content .data td{text-align:left}#content .data td.descField{text-align:right;font-size:12px;font-weight:bold;color:#999}#content .data select{min-width:210px}#content .data .list-wrap{max-height:10em;overflow:auto;padding:.5em;margin:1em 0}#box-popup .list-wrap{max-height:10em;overflow:auto;padding:.5em;margin:1em 0}#content .data .list-wrap ul,#box-popup .list-wrap ul{list-style-type:none;margin:0;padding:0}#content .data .list-wrap li,#box-popup .list-wrap li{display:flex;background:#f2f2f2;padding:.5em;font-size:1em;margin-bottom:.5em}#content .data .list-wrap li:hover,#box-popup .list-wrap li:hover{background:#e8eaf6;color:#000}#content .data .list-wrap div.files-item-info,#box-popup .list-wrap div.files-item-info{flex-grow:2}#content .data .list-wrap div.files-item-info img,#box-popup .list-wrap div.files-item-info img{margin:0 .5em}#content .data .list-wrap div.files-item-actions,#box-popup .list-wrap div.files-item-actions{padding:.3em 0}#content .data .dropzone{width:30em;padding:1em;border:2px dashed #26a69a;text-align:center}#content .data .dropzone img{vertical-align:middle}#content .data .file-upload{display:none}#content .data .account-permissions{width:100%}#content .data .account-permissions fieldset{border:1px solid #c9c9c9;padding:1em}#content .data .account-permissions legend{font-weight:bold;color:#999;padding:.2em 0}#content .data .account-permissions fieldset>span{font-weight:bold;color:#999;padding:.2em 0;display:inline-block;width:100px;text-align:right}#content span.tag{margin:0 3px 3px 0;padding:.2em;background:#5c6bc0;color:#fff;border:0 solid transparent;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#content .extra-info{margin-top:20px}#content #tabs fieldset{border:1px solid #c9c9c9}#content #tabs #frmConfig label{float:left}#content .tblConfig{margin-bottom:2em}#content .tblConfig td.descField{width:35%;font-size:11px;font-weight:bold}#content .tblConfig td.rowHeader{padding:5px 0 5px 0;background-color:#f5f5f5;text-align:center;font-weight:bold;border-top:15px solid #f9f9f9;border-bottom:3px solid #a9c1d7;letter-spacing:.5em;color:#696969}#content .tblConfig input.checkbox{width:15px;text-align:left;padding:0}#content .tblConfig .option-disabled{text-align:center;background-color:#fff8e1;color:#ffca28;font-weight:bold}#content h2{width:100%;height:1.5em;font-size:18px;color:white;background-color:#a9c1d7;margin:0;padding-top:.1em}#content .section{margin-top:2.5em;border-bottom:1px solid #d9d9d9;text-align:left;font-size:14px;font-weight:bold;color:#5c6bc0}#content .row_even>td{background-color:#f5f5f5}#content .row_odd>td{background-color:white}#content .data-header ul{list-style:none;width:100%;margin:0 0 10px 0;padding:0}#content .data-header li{display:inline-block;padding:.2em .5em;font-weight:bold;letter-spacing:.2em;color:#fff;text-align:center}#content .data-header li a{color:#777}#content .data-header li img{float:right;width:24px;height:24px;vertical-align:middle}#content .data-header-minimal{border-bottom:1px solid #dfdfdf}#content .data-header-minimal ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0}#content .data-header-minimal li{display:inline-flex;min-width:10em;font-weight:normal;letter-spacing:normal}#content .data-header-minimal li a{color:#b9b9b9;padding:.3em .8em}#content .data-table{width:100%}#content .data-table td:first-of-type,#content .data-table th:first-of-type{width:5em}#content .data-table thead th{background-color:#607d8b;color:#fff}#content .data-table tbody td.cell-data{text-align:left}#content .data-table tbody td.cell-nodata{padding:0 .5em;text-align:left}#content .data-table tbody td.cell-actions{text-align:right}#content .data-rows ul{display:table;list-style:none;width:100%;margin:0 0 10px 0;padding:0;background-color:#fcfcfc}#content .data-rows li{float:left;display:block;padding:1em;color:#696969;text-align:center;min-height:2em}#content .data-rows li.cell-nodata{padding:1em 0;min-height:2em;text-align:left}#content .data-rows li.cell-actions{float:right;min-height:2em;padding:1em 0;text-align:left;background-color:#fcfcfc;width:15em}#content .data-rows li.cell-nodata img,#content .data-rows li.cell-actions img{width:24px;height:24px;margin:0 .5em}#content #data-search .account-info img,#content #data-search .account-actions img{width:24px;height:24px;margin:0 .5em}#content .rowSpace>.cellBorder{height:10px;border-top:1px solid #d9d9d9}#content .rowSpace>.cellBlank{height:10px}#content #resEventLog .data{width:100%}#content #resEventLog thead{text-align:center}#content #resEventLog tbody{width:100%;height:500px;overflow:auto}#content #resEventLog td{border-bottom:1px solid #d9d9d9}#content #resEventLog .cell{text-align:center}#content #resEventLog .cell-description{width:60%}#content #searchbox{background-color:#fcfcfc;vertical-align:middle;position:relative;height:auto;padding:.5em 1em;margin-bottom:2em}#content #searchbox form{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left}#content #searchbox .search-filters>*{margin:0 1em}#content #searchbox .search-filters .filter-buttons{display:inline-block}#content #searchbox .search-filters .filter-slider{width:10em}#content #searchbox .search-filters-tags{display:none;flex-grow:2}#content .btn-clear{opacity:.35;filter:alpha(opacity=35)}#content .btn-clear:hover{opacity:1;filter:alpha(opacity=100)}#content #tabs.ui-widget-content{border:0;background-color:transparent}#content #tabs .ui-widget-header{background:0;border:0;border-bottom:1px solid #c9c9c9}#content #tabs.ui-widget-content{background:none !important}#content #tabs .tabs-spacer{float:left;height:200px}#content .tabs-bottom .ui-tabs-nav{clear:left;padding:0 .2em .2em .2em}#content .tabs-bottom .ui-tabs-nav li{top:auto;bottom:0;margin:0 .2em 1px 0;border-top:0}#content .tabs-bottom .ui-tabs-nav li.ui-tabs-active{margin-top:-1px;padding-top:1px}#box-popup{min-width:25em;max-width:50em;margin:5em auto;padding:0;background-color:#fff}#box-popup.box-password-view{min-width:30em;max-width:35em}#box-popup>h2{width:100%;font-size:18px;color:#fff;background-color:#607d8b;margin:0 0 1em 0;padding:.5em 0;line-height:1em}#box-popup>table{width:100%;padding-bottom:1em}#box-popup select{width:220px}#box-popup #resFancyAccion{display:none}#box-popup #resCheck{display:inline-block;width:80%;height:4em;padding:1em 0}#box-popup.image{background-color:transparent;max-width:100%;margin:0 auto;border-radius:0}#box-popup.image img{width:auto;margin:0 auto}#box-popup.image>div.title{background-color:#607d8b;color:#fff;padding:.5em}#box-popup.help{min-height:100px;background-color:#f5f5f5}#box-popup.help p{font-size:14px;text-align:justify;line-height:2em}#debug{float:left;text-align:left}#debuginfo{width:100%;min-height:10em;padding:1em;background-color:#fff8e1;text-align:left;line-height:1.5em}#debuginfo H3{text-align:center}.popup-data{min-width:400px;border:0;text-align:left;margin:0 .5em}.popup-data .descField{min-width:100px;font-weight:bold}footer{display:flex;justify-content:space-between;position:fixed;bottom:0;z-index:100;width:100%;padding:.5em 0;background-color:#f5f5f5;color:#b9b9b9;font-size:1em;box-shadow:0 -8px 6px -6px #c9c9c9;-webkit-box-shadow:0 -8px 6px -6px #c9c9c9;-moz-box-shadow:0 -8px 6px -6px #c9c9c9;display:flex;justify-content:space-between}footer .footer-parts{display:flex;justify-content:space-between}footer #footer-left{width:50%;margin:0 1em}footer #footer-right{width:50%;margin:0 1em;justify-content:flex-end;text-align:right}footer #updates{min-width:10em;text-align:center;cursor:pointer}footer #status{margin:0 1em}footer #status>div{display:inline-block}footer #status .status-info{padding:.5em}footer #session{text-align:left;color:#999;font-size:.8em}footer a{color:#b9b9b9}footer a:visited{color:#b9b9b9}footer #project a:hover{color:#a9c1d7;border-bottom:1px solid #a9c1d7}footer #updates a:hover{color:#a9c1d7}footer img{border:0;width:16px;height:16px;vertical-align:middle}.round,.round5{border-radius:5px !important;-moz-border-radius:5px !important;-webkit-border-radius:5px !important}.midround{border-radius:0 0 10px 10px !important;-moz-border-radius:0 0 10px 10px !important;-webkit-border-radius:0 0 10px 10px !important}.midroundup{border-radius:10px 10px 0 0 !important;-moz-border-radius:10px 10px 0 0 !important;-webkit-border-radius:10px 10px 0 0 !important}.fullround{border-radius:50% !important;-moz-border-radius:50% !important;-webkit-border-radius:50% !important}.iconMini{width:16px !important;height:16px !important;vertical-align:middle}#content .error{width:350px;padding:15px;margin:0 auto;text-align:center;font-size:16px;line-height:1.5em;color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28}.hide{display:none !important}.btn-checks{padding:5px;margin:.2em 0;width:30em;border-bottom:1px solid #c9c9c9}.shadow{-webkit-box-shadow:2px 2px 3px -3px #a9a9a9;-moz-box-shadow:2px 2px 3px -3px #a9a9a9;box-shadow:1px 1px 2px #d9d9d9}.noRes{width:60%;padding:15px;background-color:#f9f9f9;color:#a9a9a9;border:#c9c9c9 1px solid;margin:20px auto;text-align:center;font-size:16px}.header-grey{background-color:#607d8b;color:#fff;min-height:2em}.no-background{background:none !important}.action-in-box{padding:1em;text-align:right}.action-in-box ul{list-style:none;margin:0;padding:0}.tab-data{margin:2em auto 0;width:75%}.item-actions{margin:1em auto}.tab-actions{margin:2em 0}.item-actions>ul,.tab-actions>ul{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;list-style:none;margin:0;padding:0}.item-actions>ul>li,.tab-actions>ul>li{margin-left:.5em}.fullWidth{max-width:100% !important}.filter-on{color:#26a69a;background-color:#b2dfdb;border:1px solid #26a69a;padding:.3em 1em}.global-on{color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28;padding:.3em 1em}.opacity50{filter:alpha(opacity=50);opacity:.5}.custom-combobox{position:relative;display:inline-block}.custom-combobox input{width:80%}.custom-combobox-toggle{position:absolute;top:0;bottom:0;margin-left:-1px;padding:0;*height:1.7em;*top:.1em}.custom-combobox-input{margin:0;padding:.3em}.passLevel{width:20px;height:20px;display:inline-block;position:relative;top:2px}.passLevel.strongest{color:#26a69a;background-color:#b2dfdb;border:1px solid #26a69a;font-weight:bold}.passLevel.strongest:hover{color:#26a69a;background-color:#b2dfdb;border:1px solid #26a69a;font-weight:bold}.passLevel.strong{color:#2196f3;background-color:#e3f2fd;border:1px solid #2196f3;font-weight:bold}.passLevel.strong:hover{color:#2196f3;background-color:#e3f2fd;border:1px solid #2196f3;font-weight:bold}.passLevel.good{color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28;font-weight:bold}.passLevel.good:hover{color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28;font-weight:bold}.passLevel.weak{color:#ef5350;background-color:#ffcdd2;border:1px solid #ef5350;font-weight:bold}.passLevel.weak:hover{color:#ef5350;background-color:#ffcdd2;border:1px solid #ef5350;font-weight:bold}#alert #alert-text{margin:15px auto;font-size:14px;font-weight:bold}#alert #alert-pass{width:50%;padding:10px;margin:15px auto;border:1px solid #c9c9c9;color:#555;font-weight:bold}.dialog-text,.dialog-user-text,.dialog-pass-text{font-family:Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace;padding:.5em;text-align:center;min-width:200px}.dialog-user-text{border-bottom:#d9d9d9 1px solid;color:#a9a9a9}.dialog-pass-text{border:transparent 1px solid;letter-spacing:.2em}.dialog-buttons{text-align:center;padding:.5em;border-top:1px solid #c9c9c9;line-height:2.5em}.dialog-clip-copy{color:#26a69a;background-color:#b2dfdb}.help-box{background-color:#fff !important;color:#607d8b}.help-box>*{font-weight:bold}.help-text{text-align:justify;line-height:1.5em;margin-top:1em}.tooltip{width:300px;max-width:300px;background-color:#777;color:#fff;z-index:101}.cursor-pointer{cursor:pointer}.password-actions{display:inline-block;width:12em}.password-actions>span,.password-actions i{margin-right:.6em}.custom-input-color{width:3em;height:1em;display:inline-block}.account-pass-image{height:32px;width:auto}.select-box{min-width:20em}fieldset.warning{padding:8px;border-radius:5px;color:#ef5350;background-color:#ffcdd2;border:1px solid #ef5350}fieldset.warning legend{color:#ef5350 !important}fieldset.warning a{color:#ef5350 !important;font-weight:bold}#actions{width:100%;line-height:2em;margin-bottom:5em}#actions #logo{display:flex;width:100%;margin-bottom:30px;color:#607d8b;align-items:center;background:url("../imgs/logo_full_bg.png") left no-repeat;background-size:auto 150px;height:150px}#actions #page-title{width:100%;color:#607d8b;text-align:center}#actions #page-title h1{font-weight:bold;font-size:24px;letter-spacing:3px}#actions ul.errors{max-width:40%;margin:0 auto;list-style:none;font-size:14px;text-align:left}#actions ul.errors>li{margin:1.5em auto;border-radius:5px;padding:.5em}#actions ul.errors>li.error-critical{color:#ef5350;background-color:#ffcdd2;border:1px solid #ef5350}#actions ul.errors>li.error-warning{color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28}#actions ul.errors>li.error-ok{color:#26a69a;background-color:#b2dfdb;border:1px solid #26a69a}#actions ul.errors>li>p.hint{color:#555;font-size:12px}#actions ul.errors>li>p.hint i{margin-right:.5em}#actions form{width:450px;margin:0 auto;text-align:left}#actions form fieldset{margin-bottom:2em}#actions form fieldset legend{width:100%;color:#fff;font-size:14px;font-weight:bold;text-align:center;background-color:#607d8b;margin:1em 0;letter-spacing:.2em;padding:.2em 0}#actions div.buttons{margin-top:2em;text-align:center}#whatsNewIcon{text-align:center}#whatsNewIcon img{width:64px;height:64px}#whatsNewIcon h2{display:inline-block;color:#555;font-size:16px}#whatsNew{width:500px;background-color:#fffde1;padding:2em;line-height:1.5em;font-size:16px;color:#555;border:1px solid #d9d9d9;margin:0 auto 3em;display:none}#whatsNew ul{padding:0;border:0}#whatsNew li{padding-left:37px;line-height:32px;list-style:none}.help-box{display:none}.center{text-align:center !important}.right{text-align:right !important}.left{text-align:left !important}#login-container{width:40em;margin:0 auto;background:transparent url("../imgs/logo_full_bg.png") no-repeat top left;background-size:auto 10em}#login-container #boxLogin{position:relative;margin:11em auto 0 auto;width:100%;min-height:12em;padding:1em;background-color:#fff}#login-container #boxLogin #boxData{height:100%;min-height:14em;text-align:left;background-color:transparent}#login-container #boxLogin #boxData i{margin-right:.5em;opacity:.5}#login-container #boxLogin #boxButton{position:absolute;top:2em;right:2em}#login-container #boxLogin #boxActions{position:absolute;bottom:1em;right:1em;width:100%;padding:.5em;text-align:right}#login-container #boxLogin #boxActions a{color:#c9c9c9}#login-container #boxLogout{width:250px;margin:8em auto 0 auto;font-size:14px;text-align:center;padding:.5em;color:#ffca28;background-color:#fff8e1;border:1px solid #ffca28}#login-container #boxUpdated{width:350px;margin:5em auto 5em auto;font-size:14px;text-align:center;padding:.5em;color:#26a69a;background-color:#b2dfdb;border:1px solid #26a69a}@media screen and (max-width:1000px){#content #searchbox{position:relative;left:0;width:100%}#content #searchbox form{flex-wrap:wrap}#content #searchbox form>div{width:100%}#content #searchbox input[type=text]{width:100%}footer{display:none;justify-content:space-between;flex-wrap:wrap}footer .footer-parts{justify-content:space-between;flex-wrap:wrap}footer #footer-left,footer #footer-right{width:100%}footer .footer-parts>div{width:100%;padding:.5em 0}} \ No newline at end of file diff --git a/inc/themes/material-blue/css/styles.scss b/inc/themes/material-blue/css/styles.scss new file mode 100644 index 00000000..4c586989 --- /dev/null +++ b/inc/themes/material-blue/css/styles.scss @@ -0,0 +1,1273 @@ +$font-stack: Roboto-Regular, Verdana, Tahoma, sans-serif; +$font-stack-mono: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; +$color-teal-bg: #b2dfdb; +$color-teal-fg: #26a69a; +$color-red-bg: #ffcdd2; +$color-red-fg: #ef5350; +$color-amber-bg: #fff8e1; +$color-amber-fg: #ffca28; +$color-indigo-bg: #e8eaf6; +$color-indigo-fg: #5c6bc0; +$color-indigo-fg-accent: #536dfe; +$color-bluegrey-bg: #eceff1; +$color-bluegrey-fg: #607d8b; +$color-blue-bg: #e3f2fd; +$color-blue-fg: #2196f3; + +@mixin box-shadow() { + -webkit-box-shadow: 2px 2px 3px -3px #a9a9a9; + -moz-box-shadow: 2px 2px 3px -3px #a9a9a9; + box-shadow: 1px 1px 2px #d9d9d9; +} + +@mixin color-red() { + color: $color-red-fg; + background-color: $color-red-bg; + border: 1px solid $color-red-fg; +} + +@mixin color-teal() { + color: $color-teal-fg; + background-color: $color-teal-bg; + border: 1px solid $color-teal-fg; +} + +@mixin color-amber() { + color: $color-amber-fg; + background-color: $color-amber-bg; + border: 1px solid $color-amber-fg; +} + +@mixin color-blue() { + color: $color-blue-fg; + background-color: $color-blue-bg; + border: 1px solid $color-blue-fg; +} + +@import "elements"; + +#nojs { + width: 80%; + text-align: center; + vertical-align: middle; + margin: 10px auto; + padding: 3px; + background-color: $color-red-fg; + color: white; + font-weight: bold; + font-size: 14px; +} + +#wrap { + height: auto !important; + min-height: 100%; + /*min-width: 1024px;*/ + /*height: 100%;*/ + width: 100%; + background-color: #f5f5f5; +} + +#wrap-loading { + position: fixed; + z-index: 9999; + top: 50%; + left: 50%; + padding: 1em; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 5px; + display: none; +} + +#container { + margin: auto; + width: 100%; + &.login { + margin-top: 5%; + } + &.error, &.install, &.passreset { + width: 100%; + } + .logo { + height: 64px; + } + #actions-bar { + z-index: 100; + display: flex; + justify-content: space-between; + position: fixed; + border: 0 none; + top: 0; + left: 0; + width: 100%; + padding: 1em 0; + background-color: transparent; + } + #actions-bar-icons { + flex-grow: 1; + text-align: center; + } + #actions-bar-logo { + display: none; + padding: 0 .5em; + img { + display: inline-block; + width: 50px; + opacity: 0.75; + } + } + #content { + width: 95%; + margin: 2em auto 8em auto; + &.public-link { + min-height: 0; + margin: 0; + } + } +} + +#content td.descField, +#box-popup td.descField { + text-align: right; + padding-right: 20px; + width: 25%; + font-weight: bold; + border-right: 1px solid #d9d9d9; + color: #555; +} + +#content td.valField, +#box-popup td.valField { + padding-left: 1em; + width: 100%; +} + +#content { + #resBuscar { + margin-bottom: 50px; + img { + vertical-align: middle; + } + } + .pager { + width: 100%; + margin-top: 15px; + padding: .5em; + vertical-align: middle; + font-size: 11px; + color: #999; + background-color: #fcfcfc; + img { + margin-left: 5px; + vertical-align: middle; + } + a { + margin-left: 5px; + font-size: 12px; + color: #999; + } + > div { + display: inline-block; + width: 49%; + } + .pager-left { + text-align: left; + } + .pager-right { + text-align: right; + } + } + #title { + width: 50%; + padding: 7px; + margin: auto; + background-color: #d9d9d9; + color: #fff; + font-size: 17px; + letter-spacing: .3em; + text-align: center; + &.titleNormal { + background-color: #607d8b; + color: #fff; + } + } + .data-container { + width: 75%; + margin: 0 auto; + } + .data { + width: 100%; + padding: 10px; + border: 1px solid #c9c9c9; + margin: 0 auto; + background-color: #f9f9f9; + } + fieldset.data { + margin: 2em auto; + > { + legend { + color: #607d8b; + padding: 0 .5em; + font-size: 1.5em; + } + table { + display: none; + width: 100%; + } + } + } + .data { + #history-icon { + position: relative; + top: 5em; + right: 2em; + } + td { + text-align: left; + &.descField { + text-align: right; + font-size: 12px; + font-weight: bold; + color: #999; + } + } + select { + min-width: 210px; + } + .list-wrap { + max-height: 10em; + overflow: auto; + padding: .5em; + margin: 1em 0; + } + } +} + +#box-popup .list-wrap { + max-height: 10em; + overflow: auto; + padding: .5em; + margin: 1em 0; +} + +#content .data .list-wrap ul, +#box-popup .list-wrap ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +#content .data .list-wrap li, +#box-popup .list-wrap li { + display: flex; + background: #f2f2f2; + padding: .5em; + font-size: 1em; + margin-bottom: .5em; +} + +#content .data .list-wrap li:hover, +#box-popup .list-wrap li:hover { + background: #e8eaf6; + color: #000; +} + +#content .data .list-wrap div.files-item-info, +#box-popup .list-wrap div.files-item-info { + flex-grow: 2; +} + +#content .data .list-wrap div.files-item-info img, +#box-popup .list-wrap div.files-item-info img { + margin: 0 .5em; +} + +#content .data .list-wrap div.files-item-actions, +#box-popup .list-wrap div.files-item-actions { + padding: .3em 0; +} + +#content { + .data { + .dropzone { + width: 30em; + padding: 1em; + border: 2px dashed $color-teal-fg; + text-align: center; + img { + vertical-align: middle; + } + } + .file-upload { + display: none; + } + .account-permissions { + width: 100%; + fieldset { + border: 1px solid #c9c9c9; + padding: 1em; + } + legend { + font-weight: bold; + color: #999; + padding: 0.2em 0; + } + fieldset > span { + font-weight: bold; + color: #999; + padding: .2em 0; + display: inline-block; + width: 100px; + text-align: right; + } + } + } + span.tag { + margin: 0 3px 3px 0; + padding: .2em; + background: $color-indigo-fg; + color: #fff; + border: 0 solid rgba(0, 0, 0, 0); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + .extra-info { + margin-top: 20px; + } + #tabs { + fieldset { + border: 1px solid #c9c9c9; + } + #frmConfig label { + float: left; + } + } + .tblConfig { + margin-bottom: 2em; + td { + &.descField { + width: 35%; + font-size: 11px; + font-weight: bold; + } + &.rowHeader { + padding: 5px 0 5px 0; + background-color: #f5f5f5; + text-align: center; + font-weight: bold; + border-top: 15px solid #f9f9f9; + border-bottom: 3px solid #a9c1d7; + letter-spacing: .5em; + color: #696969; + } + } + input.checkbox { + width: 15px; + text-align: left; + padding: 0; + } + .option-disabled { + text-align: center; + background-color: $color-amber-bg; + color: $color-amber-fg; + font-weight: bold; + } + } + h2 { + width: 100%; + height: 1.5em; + font-size: 18px; + color: white; + background-color: #a9c1d7; + margin: 0; + padding-top: 0.1em; + } + .section { + margin-top: 2.5em; + border-bottom: 1px solid #d9d9d9; + text-align: left; + font-size: 14px; + font-weight: bold; + color: $color-indigo-fg; + } + .row_even > td { + background-color: #f5f5f5; + } + .row_odd > td { + background-color: white; + } + .data-header { + ul { + list-style: none; + width: 100%; + margin: 0 0 10px 0; + padding: 0; + } + li { + display: inline-block; + padding: .2em .5em; + font-weight: bold; + letter-spacing: .2em; + color: #fff; + text-align: center; + a { + color: #777; + } + img { + float: right; + width: 24px; + height: 24px; + vertical-align: middle; + } + } + } + .data-header-minimal { + border-bottom: 1px solid #dfdfdf; + ul { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + margin: 0; + } + li { + display: inline-flex; + min-width: 10em; + font-weight: normal; + letter-spacing: normal; + a { + color: #b9b9b9; + padding: 0.3em 0.8em; + } + } + } + .data-table { + width: 100%; + td:first-of-type, + th:first-of-type { + width: 5em; + } + thead th { + background-color: $color-bluegrey-fg; + color: #fff; + } + tbody td { + &.cell-data { + text-align: left; + } + &.cell-nodata { + padding: 0 .5em; + text-align: left; + } + &.cell-actions { + text-align: right; + } + } + } + .data-rows { + ul { + display: table; + list-style: none; + width: 100%; + margin: 0 0 10px 0; + padding: 0; + background-color: #fcfcfc; + } + li { + float: left; + display: block; + padding: 1em; + color: #696969; + text-align: center; + min-height: 2em; + &.cell-nodata { + padding: 1em 0; + min-height: 2em; + text-align: left; + } + &.cell-actions { + float: right; + min-height: 2em; + padding: 1em 0; + text-align: left; + background-color: #fcfcfc; + width: 15em; + } + &.cell-nodata img, &.cell-actions img { + width: 24px; + height: 24px; + margin: 0 0.5em; + } + } + } + #data-search { + .account-info img, .account-actions img { + width: 24px; + height: 24px; + margin: 0 0.5em; + } + } + .rowSpace > { + .cellBorder { + height: 10px; + border-top: 1px solid #d9d9d9; + } + .cellBlank { + height: 10px; + } + } + #resEventLog { + .data { + width: 100%; + } + thead { + text-align: center; + } + tbody { + width: 100%; + height: 500px; + overflow: auto; + } + td { + border-bottom: 1px solid #d9d9d9; + } + .cell { + text-align: center; + } + .cell-description { + width: 60%; + } + } + #searchbox { + background-color: #fcfcfc; + vertical-align: middle; + position: relative; + height: auto; + padding: .5em 1em; + margin-bottom: 2em; + form { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; + text-align: left; + } + .search-filters { + > * { + margin: 0 1em; + } + .filter-buttons { + display: inline-block; + } + .filter-slider { + width: 10em; + } + } + .search-filters-tags { + display: none; + flex-grow: 2; + } + } + .btn-clear { + opacity: .35; + filter: alpha(opacity=35); + &:hover { + opacity: 1; + filter: alpha(opacity=100); + } + } + #tabs { + &.ui-widget-content { + border: 0; + background-color: transparent; + } + .ui-widget-header { + background: 0; + border: 0; + border-bottom: 1px solid #c9c9c9; + } + &.ui-widget-content { + background: none !important; + } + .tabs-spacer { + float: left; + height: 200px; + } + } + .tabs-bottom .ui-tabs-nav { + clear: left; + padding: 0 0.2em 0.2em 0.2em; + li { + top: auto; + bottom: 0; + margin: 0 .2em 1px 0; + border-top: 0; + &.ui-tabs-active { + margin-top: -1px; + padding-top: 1px; + } + } + } +} + +/* START - Search box */ + +/* END - Search box */ + +#box-popup { + min-width: 25em; + max-width: 50em; + margin: 5em auto; + padding: 0; + background-color: #fff; + &.box-password-view { + min-width: 30em; + max-width: 35em; + } + > { + h2 { + width: 100%; + font-size: 18px; + color: #fff; + background-color: $color-bluegrey-fg; + margin: 0 0 1em 0; + padding: .5em 0; + line-height: 1em; + } + table { + width: 100%; + padding-bottom: 1em; + } + } + select { + width: 220px; + } + #resFancyAccion { + display: none; + } + #resCheck { + display: inline-block; + width: 80%; + height: 4em; + padding: 1em 0; + } + &.image { + background-color: transparent; + max-width: 100%; + margin: 0 auto; + border-radius: 0; + img { + width: auto; + margin: 0 auto; + } + > div.title { + background-color: $color-bluegrey-fg; + color: #fff; + padding: .5em; + } + } + &.help { + min-height: 100px; + background-color: #f5f5f5; + p { + font-size: 14px; + text-align: justify; + line-height: 2em; + } + } +} + +#debug { + float: left; + text-align: left; +} + +#debuginfo { + width: 100%; + min-height: 10em; + padding: 1em; + background-color: $color-amber-bg; + text-align: left; + line-height: 1.5em; + H3 { + text-align: center; + } +} + +.popup-data { + min-width: 400px; + border: 0; + text-align: left; + margin: 0 .5em; + .descField { + min-width: 100px; + font-weight: bold; + } +} + +footer { + display: flex; + justify-content: space-between; + position: fixed; + bottom: 0; + z-index: 100; + width: 100%; + padding: .5em 0; + background-color: #f5f5f5; + color: #b9b9b9; + font-size: 1em; + box-shadow: 0 -8px 6px -6px #c9c9c9; + -webkit-box-shadow: 0 -8px 6px -6px #c9c9c9; + -moz-box-shadow: 0 -8px 6px -6px #c9c9c9; + display: flex; + justify-content: space-between; + .footer-parts { + display: flex; + justify-content: space-between; + } + #footer-left { + width: 50%; + margin: 0 1em; + } + #footer-right { + width: 50%; + margin: 0 1em; + justify-content: flex-end; + text-align: right; + } + #updates { + min-width: 10em; + text-align: center; + cursor: pointer; + } + #status { + margin: 0 1em; + > div { + display: inline-block; + } + .status-info { + padding: 0.5em; + } + } + #session { + text-align: left; + color: #999; + font-size: .8em; + } + a { + color: #b9b9b9; + &:visited { + color: #b9b9b9; + } + } + #project a:hover { + color: #a9c1d7; + border-bottom: 1px solid #a9c1d7; + } + #updates a:hover { + color: #a9c1d7; + } + img { + border: 0; + width: 16px; + height: 16px; + vertical-align: middle; + } +} + +.round, .round5 { + border-radius: 5px !important; + -moz-border-radius: 5px !important; + -webkit-border-radius: 5px !important; +} + +.midround { + border-radius: 0 0 10px 10px !important; + -moz-border-radius: 0 0 10px 10px !important; + -webkit-border-radius: 0 0 10px 10px !important; +} + +.midroundup { + border-radius: 10px 10px 0 0 !important; + -moz-border-radius: 10px 10px 0 0 !important; + -webkit-border-radius: 10px 10px 0 0 !important; +} + +.fullround { + border-radius: 50% !important; + -moz-border-radius: 50% !important; + -webkit-border-radius: 50% !important; +} + +.iconMini { + width: 16px !important; + height: 16px !important; + vertical-align: middle; +} + +#content .error { + width: 350px; + padding: 15px; + margin: 0 auto; + text-align: center; + font-size: 16px; + line-height: 1.5em; + @include color-amber(); +} + +.hide { + display: none !important; +} + +.btn-checks { + padding: 5px; + margin: .2em 0; + width: 30em; + border-bottom: 1px solid #c9c9c9; +} + +.shadow { + @include box-shadow(); +} + +.noRes { + width: 60%; + padding: 15px; + background-color: #f9f9f9; + color: #a9a9a9; + border: #c9c9c9 1px solid; + margin: 20px auto; + text-align: center; + font-size: 16px; +} + +.header-grey { + background-color: $color-bluegrey-fg; + color: #fff; + min-height: 2em; +} + +.no-background { + background: none !important; +} + +.action-in-box { + padding: 1em; + text-align: right; + ul { + list-style: none; + margin: 0; + padding: 0; + } +} + +.tab-data { + margin: 2em auto 0; + width: 75%; +} + +.item-actions { + margin: 1em auto; +} + +.tab-actions { + margin: 2em 0; +} + +.item-actions > ul, +.tab-actions > ul { + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + align-items: center; + list-style: none; + margin: 0; + padding: 0; +} + +.item-actions > ul > li, +.tab-actions > ul > li { + margin-left: .5em; +} + +.fullWidth { + max-width: 100% !important; +} + +.filter-on { + @include color-teal(); + padding: .3em 1em; +} + +.global-on { + @include color-amber(); + padding: .3em 1em; +} + +.opacity50 { + filter: alpha(opacity=50); + opacity: 0.5; +} + +.custom-combobox { + position: relative; + display: inline-block; + input { + width: 80%; + } +} + +.custom-combobox-toggle { + position: absolute; + top: 0; + bottom: 0; + margin-left: -1px; + padding: 0; + *height: 1.7em; + *top: 0.1em; +} + +.custom-combobox-input { + margin: 0; + padding: 0.3em; +} + +.passLevel { + width: 20px; + height: 20px; + display: inline-block; + position: relative; + top: 2px; + &.strongest { + @include color-teal(); + font-weight: bold; + &:hover { + @include color-teal(); + font-weight: bold; + } + } + &.strong { + @include color-blue(); + font-weight: bold; + &:hover { + @include color-blue(); + font-weight: bold; + } + } + &.good { + @include color-amber(); + font-weight: bold; + &:hover { + @include color-amber(); + font-weight: bold; + } + } + &.weak { + @include color-red(); + font-weight: bold; + &:hover { + @include color-red(); + font-weight: bold; + } + } +} + +#alert { + #alert-text { + margin: 15px auto; + font-size: 14px; + font-weight: bold; + } + #alert-pass { + width: 50%; + padding: 10px; + margin: 15px auto; + border: 1px solid #c9c9c9; + color: #555; + font-weight: bold; + } +} + +.dialog-text { + font-family: $font-stack-mono; + padding: .5em; + text-align: center; + min-width: 200px; +} + +.dialog-user-text { + @extend .dialog-text; + border-bottom: #d9d9d9 1px solid; + color: #a9a9a9; +} + +.dialog-pass-text { + @extend .dialog-text; + border: transparent 1px solid; + letter-spacing: .2em; +} + +.dialog-buttons { + text-align: center; + padding: .5em; + border-top: 1px solid #c9c9c9; + line-height: 2.5em; +} + +.dialog-clip-copy { + color: $color-teal-fg; + background-color: $color-teal-bg; +} + +.help-box { + background-color: #fff !important; + color: $color-bluegrey-fg; + > * { + font-weight: bold; + } +} + +.help-text { + text-align: justify; + line-height: 1.5em; + margin-top: 1em; +} + +.tooltip { + width: 300px; + max-width: 300px; + background-color: #777; + color: #fff; + z-index: 101; +} + +.cursor-pointer { + cursor: pointer; +} + +.password-actions { + display: inline-block; + width: 12em; + > span, i { + margin-right: 0.6em; + } +} + +.custom-input-color { + width: 3em; + height: 1em; + display: inline-block; +} + +.account-pass-image { + height: 32px; + width: auto; +} + +.select-box { + min-width: 20em; +} + +fieldset.warning { + padding: 8px; + border-radius: 5px; + @include color-red(); + legend { + color: $color-red-fg !important; + } + a { + color: $color-red-fg !important; + font-weight: bold; + } +} + +#actions { + width: 100%; + /*margin: auto auto 50px;*/ + line-height: 2em; + margin-bottom: 5em; + #logo { + display: flex; + width: 100%; + margin-bottom: 30px; + color: $color-bluegrey-fg; + align-items: center; + background: url("../imgs/logo_full_bg.png") left no-repeat; + background-size: auto 150px; + height: 150px; + } + #page-title { + width: 100%; + color: $color-bluegrey-fg; + text-align: center; + h1 { + font-weight: bold; + font-size: 24px; + letter-spacing: 3px; + } + } + ul.errors { + max-width: 40%; + margin: 0 auto; + list-style: none; + font-size: 14px; + text-align: left; + > li { + margin: 1.5em auto; + border-radius: 5px; + padding: 0.5em; + &.error-critical { + @include color-red(); + } + &.error-warning { + @include color-amber(); + } + &.error-ok { + @include color-teal(); + } + > p.hint { + color: #555; + font-size: 12px; + i { + margin-right: .5em; + } + } + } + } + form { + width: 450px; + margin: 0 auto; + text-align: left; + fieldset { + margin-bottom: 2em; + legend { + width: 100%; + color: #fff; + font-size: 14px; + font-weight: bold; + text-align: center; + background-color: $color-bluegrey-fg; + margin: 1em 0; + letter-spacing: .2em; + padding: 0.2em 0; + } + } + } + div.buttons { + margin-top: 2em; + text-align: center; + } +} + +#whatsNewIcon { + text-align: center; + img { + width: 64px; + height: 64px; + } + h2 { + display: inline-block; + color: #555; + font-size: 16px; + } +} + +#whatsNew { + width: 500px; + background-color: #fffde1; + padding: 2em; + line-height: 1.5em; + font-size: 16px; + color: #555; + border: 1px solid #d9d9d9; + margin: 0 auto 3em; + display: none; + ul { + padding: 0; + border: 0; + } + li { + padding-left: 37px; + line-height: 32px; + list-style: none; + } +} + +.help-box { + display: none; +} + +.center { + text-align: center !important; +} + +.right { + text-align: right !important; +} + +.left { + text-align: left !important; +} + +@import "login"; + +@media screen and (max-width: 1000px) { + #content #searchbox { + position: relative; + left: 0; + width: 100%; + form { + flex-wrap: wrap; + > div { + width: 100%; + } + } + input[type=text] { + width: 100%; + } + } + footer { + display: none; + justify-content: space-between; + flex-wrap: wrap; + .footer-parts { + justify-content: space-between; + flex-wrap: wrap; + } + #footer-left, #footer-right { + width: 100%; + } + .footer-parts > div { + width: 100%; + padding: .5em 0; + } + } +} + +/* +@media all and (max-width: 1024px) { + #container #actionsBar { + text-align: right + } + + #container #content { + width: 95%; + margin: 15em auto 5em auto + } + + #content .data { + width: 95%; + padding: 10px; + margin: auto + } + + #content #tabs .ui-tabs-nav { + left: 0; + width: 100% + } + + .action { + max-width: 95%; + height: 4em; + margin: .7em auto + } +}*/ diff --git a/inc/themes/material-blue/views/account/account-permissions.inc b/inc/themes/material-blue/views/account/account-permissions.inc index 7c7ca828..73fcf84e 100644 --- a/inc/themes/material-blue/views/account/account-permissions.inc +++ b/inc/themes/material-blue/views/account/account-permissions.inc @@ -70,7 +70,7 @@ -