((options, factory) =>
+ {
+ options.XmlRepository = new AspNetCoreKeyManagementXmlRepository();
+ options.XmlEncryptor = new AspNetCoreKeyManagementXmlEncryptor();
+ });
+ }
if (Parameters.Security.HttpStrictTransportSecurity?.Enabled == true)
{
services.AddHsts(options =>
diff --git a/Implem.Pleasanter/Views/Users/TrashBox.cshtml b/Implem.Pleasanter/Views/Users/TrashBox.cshtml
new file mode 100644
index 000000000..5edc05b54
--- /dev/null
+++ b/Implem.Pleasanter/Views/Users/TrashBox.cshtml
@@ -0,0 +1,4 @@
+@{
+ Layout = "~/Views/Shared/_Layout.cshtml";
+}
+@{ViewBag.Title = ViewBag.TITLE;}@Html.Raw(@ViewBag.HtmlBody)
\ No newline at end of file
diff --git a/Implem.Pleasanter/wwwroot/content/responsive.css b/Implem.Pleasanter/wwwroot/content/responsive.css
index 5b1d8e0fd..829b42764 100644
--- a/Implem.Pleasanter/wwwroot/content/responsive.css
+++ b/Implem.Pleasanter/wwwroot/content/responsive.css
@@ -1,5 +1,4 @@
-
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#LoginFieldSet {
width: 100%;
@@ -89,8 +88,9 @@
height: auto;
}
- #Breadcrumb { display:none; }
- #CopyToClipboards { display: none; }
+ #Breadcrumb {
+ font-size: 2.6vw;
+ }
#ViewSelectorField { position: relative; margin-bottom: 5px; font-size: 2.8vw; }
@@ -181,7 +181,7 @@
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
body { min-width: 320px!important; }
#Header { height: auto; position: relative; }
@@ -301,7 +301,7 @@ border: 1px solid #d19405;
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#SiteMenu .nav-site {
width: 20vw;
@@ -477,7 +477,7 @@ overflow: hidden;
#SiteMenu .nav-site.to-parent.has-image a { padding: 0 0 0 15px;}
}
-@media screen and (max-width: 980px) and (min-width: 0px){
+@media screen and (max-width: 1024px) and (min-width: 0px){
#EditorTabs {}
#Application {}
@@ -503,8 +503,8 @@ overflow: hidden;
.links {
overflow: auto;
}
-
-@media screen and (max-width: 980px) and (min-width: 0px) {
+}
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#FieldSetHistories { overflow: auto; width: 100%; }
#ViewModeContainer { overflow: auto; width: 100%; padding-top: 1%; }
#CrosstabBody { overflow: auto; width: 100%; }
@@ -585,7 +585,7 @@ overflow: hidden;
#KambanBody .grid>tbody td { min-width: 10vw; white-space: nowrap; }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Header {
padding: 0 calc(5vw);
}
@@ -613,24 +613,33 @@ overflow: hidden;
.field-control .control-text, .container-normal .control-textbox,
.container-normal .control-dropdown,
.container-normal .control-text {
+ font-size: 2.6vw;
min-height: unset;
height: 6vw;
line-height: 6vw;
padding-top: 0;
padding-bottom: 0;
+ display: flex;
+ align-items: center;
}
body {
font-size: 16px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#HeaderTitle {
font-size: 16px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #HeaderTitle {
+ font-size: 35px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
.command-center {
padding: 0;
}
@@ -643,13 +652,13 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewSelector {
font-size: 2.6vw;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Logo a {
align-items: center;
display: flex;
@@ -666,31 +675,33 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Logo #ProductLogo {
+ padding-left: 16px;
+ font-size: 32px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor .field-control .container-normal {
- width: calc(100% - 20px);
- }
- #Editor .field-control .ui-icon.ui-icon-clock.current-time {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEycHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48Zz48cGF0aCBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xNi4yLDE2LjJMMTEsMTNWN2gxLjV2NS4ybDQuNSwyLjdMMTYuMiwxNi4yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- top: calc(3vw - 3.5px);
- right: -16px;
- }
- #Editor .field-control .ui-icon.ui-icon-person.current-user {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAxMmMyLjIxIDAgNC0xLjc5IDQtNHMtMS43OS00LTQtNC00IDEuNzktNCA0IDEuNzkgNCA0IDR6bTAgMmMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHoiLz48L3N2Zz4=");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
+ width: calc(100% - 18px);
+ }
+ #Editor .field-control .ui-icon.ui-icon-clock.current-time, #Editor .field-control .ui-icon.ui-icon-person.current-user {
+ top: calc(3vw - 6px);
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Editor .field-control .container-normal {
+ width: calc(100% - 36px);
+ }
+ #Editor .field-control .ui-icon.ui-icon-clock.current-time, #Editor .field-control .ui-icon.ui-icon-person.current-user {
top: calc(3vw - 3.5px);
- right: -16px;
+ right: -30px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#FieldSetAddressBook #OutgoingMailDestinationForm .container-left {
width: 38vw;
}
@@ -699,7 +710,7 @@ overflow: hidden;
padding: 0;
}
#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .command-left button {
- margin: 2px;
+ margin: 1vw 1vw 1vw 0;
}
#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .container-selectable .wrapper {
height: 40vw;
@@ -709,13 +720,19 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #FieldSetAddressBook #OutgoingMailDestinationForm .container-left {
+ width: 33vw;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Issues_WorkValue {
width: 100px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
body::before {
content: '';
position: fixed;
@@ -738,7 +755,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Users_LoginId,
#Users_Password {
height: 40px;
@@ -774,7 +791,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor .field-markdown > .field-label > label {
font-weight: bold;
}
@@ -787,7 +804,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#GridCheckAll {
margin-top: 0;
}
@@ -806,7 +823,18 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #Editor #EditorTabsContainer fieldset .wrapper {
+ max-height: 250px;
+ overflow: auto;
+ }
+ #Editor #EditorTabsContainer fieldset .container-selectable .command-left {
+ align-items: center;
+ display: flex;
+ }
+ #Editor #EditorTabsContainer fieldset:not(#FieldSetGeneral) legend.legend {
+ min-height: 10px;
+ }
#SiteImageSettingsEditor .field-auto-thin, #GridSettingsEditor .field-auto-thin, #FiltersSettingsEditor .field-auto-thin, #EditorSettingsEditor .field-auto-thin,
#LinksSettingsEditor .field-auto-thin, #HistoriesSettingsEditor .field-auto-thin, #FormulasSettingsEditor .field-auto-thin, #ViewsSettingsEditor .field-auto-thin,
#ImportsSettingsEditor .field-auto-thin, #ExportsSettingsEditor .field-auto-thin, #CalendarSettingsEditor .field-auto-thin, #CrosstabSettingsEditor .field-auto-thin,
@@ -866,9 +894,21 @@ overflow: hidden;
#SiteImageSettingsEditor #SetSiteImage {
margin-right: 0;
}
+ #SearchSettingsEditor #SearchType {
+ margin-bottom: 10px;
+ }
+ #SearchSettingsEditor #SearchSettingsEditorFulltext legend.legend.applied, #SearchSettingsEditor #SearchSettingsEditorOperations legend.legend.applied {
+ margin-bottom: 10px;
+ }
+ #SearchSettingsEditor #SearchSettingsEditorFulltext {
+ padding-top: 10px;
+ }
+ #Editor #EditorTabsContainer .fieldset + .field-auto-thin {
+ margin-top: 10px;
+ }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Aggregations {
display: flex;
flex-wrap: wrap;
@@ -906,13 +946,16 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Aggregations {
+ row-gap: 15px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .grid {
vertical-align: middle;
}
- #ViewModeContainer .grid tr td:first-child {
- padding: 6px;
- }
input[type='checkbox'], .field-auto-thin input[type='checkbox'] {
width: 3vw;
height: 3vw;
@@ -922,7 +965,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#SearchField #Search {
font-size: 3vw;
width: 100%;
@@ -932,7 +975,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewFilters #ViewFilters_Reset {
margin-left: auto;
margin-right: 0;
@@ -994,7 +1037,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#EditorTabsContainer .legend.applied {
display: flex;
align-items: center;
@@ -1037,35 +1080,21 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
thead > tr.ui-widget-header th div > span {
font-size: 2.8vw;
white-space: nowrap;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
#EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-pencil.button-edit-markdown {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1TDMgMTcuMjV6TTIwLjcxIDcuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODN6Ii8+PC9zdmc+");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- top: 8px;
+ top: 10px;
right: 4px;
}
- #EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-image.button-upload-image {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPjwvc3ZnPg==");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- position: relative;
- left: -1px;
- }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#EditorTabsContainer {
overflow: auto;
}
@@ -1081,7 +1110,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
.is-showMenu {
overflow: hidden;
}
@@ -1155,7 +1184,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#OutgoingMailsForm {
width: 100%;
font-size: 2.6vw;
@@ -1221,13 +1250,60 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#SiteMenu li.ui-sortable-handle {
touch-action: unset;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ .xdsoft_datetimepicker span {
+ font-size: 2.6vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker {
+ width: calc(42.81vw - 16px);
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button {
+ margin-left: 0;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label.xdsoft_year {
+ margin-left: 0;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month {
+ width: fit-content;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select .xdsoft_option, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select .xdsoft_option {
+ font-size: 2.6vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select .xdsoft_scrollbar, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select .xdsoft_scrollbar {
+ width: 0.7vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td {
+ font-size: 2.6vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_timepicker.active {
+ width: calc(12.17vw - 8px);
+ }
+ .xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_time_box .xdsoft_time {
+ font-size: 2.6vw;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year i, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month i {
+ transform: scale(1.6);
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year span, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month span {
+ font-size: 16px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ .message span.body {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
.message .close {
top: unset;
bottom: calc(50% - 8px);
@@ -1235,19 +1311,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
- #EditorComments #CommentField .ui-icon.ui-icon-image.button-upload-image {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPjwvc3ZnPg==");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- position: relative;
- left: 0px;
- }
-}
-
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Navigations.open {
overflow-y: scroll;
}
@@ -1260,11 +1324,17 @@ overflow: hidden;
}
#Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper {
font-size: 3vw;
- padding-left: 6vw;
+ padding-left: 5vw;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper {
+ padding-left: 4vw;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox {
position: relative;
margin-right: 6px;
@@ -1272,7 +1342,13 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox {
+ margin-right: 12px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor #EditorTabsContainer .field-normal, #Editor #EditorTabsContainer .field-wide, #Editor #EditorTabsContainer .field-markdown {
display: inline-block;
margin-top: 8px;
@@ -1280,29 +1356,31 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer #Calendar.both select {
font-size: 2.6vw;
+ height: 6vw;
}
#ViewModeContainer #Calendar.both .field-label {
- min-width: 30%;
- margin-right: 15px;
+ min-width: 16%;
+ margin-right: 0px;
}
#ViewModeContainer #Calendar.both .field-auto-thin .field-control .container-normal {
display: flex;
align-items: center;
}
- #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) {
- flex: 0 1 calc(64%);
+ #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1), #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2), #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) {
+ flex: 0 1 calc(47%);
+ flex-wrap: nowrap;
}
- #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-label {
- min-width: 22%;
+ #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1) .field-label, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2) .field-label, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-label {
+ min-width: 16%;
}
- #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-control {
- width: 74%;
+ #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1) .field-control, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2) .field-control, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-control {
+ width: 84%;
}
#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) {
- flex: 0 1 calc(33% + 1px);
+ width: 47%;
padding-top: 2%;
}
#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal {
@@ -1310,9 +1388,12 @@ overflow: hidden;
}
#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal #CalendarDate {
margin-right: 0;
- width: 98%;
+ width: 100%;
font-size: 2.6vw;
}
+ #ViewModeContainer #Calendar.both .field-auto-thin input[type='checkbox'] {
+ margin-left: 2px;
+ }
#ViewModeContainer #Calendar.both button {
flex: 1 0 calc((100% / 3) - 32px);
margin: 2% 10px 2% 10px;
@@ -1322,35 +1403,27 @@ overflow: hidden;
}
#ViewModeContainer .grid.fixed tbody tr td.container .item {
touch-action: auto;
- min-height: 50px;
- }
- #ViewModeContainer .grid.fixed tbody tr td.container .item .title .ui-icon.ui-icon-pencil {
- margin-right: 5px;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMzBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1TDMgMTcuMjV6TTIwLjcxIDcuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODN6Ii8+PC9zdmc+");
- background-position: center;
- width: 36px;
- height: 36px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
+ min-height: 4vw;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ height: 4vw;
}
#ViewModeContainer .grid.fixed tbody tr td.container .item .connection {
- min-height: 50px;
+ min-height: 4vw;
+ height: 4vw;
}
#ViewModeContainer .grid.fixed tbody tr td.container .dummy {
- height: 50px;
- }
- #ViewModeContainer .grid.fixed tbody tr td.container:first-child .item {
- margin-top: 0;
- margin-bottom: 5px;
+ height: 4vw;
}
- #ViewModeContainer .grid.fixed tbody tr td.container:not(:first-child) .item {
- margin-top: 5px;
+ #ViewModeContainer .grid.fixed tbody .title {
+ padding: 0;
}
thead th.calendar-header {
overflow-x: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .both {
column-gap: 16px;
}
@@ -1409,6 +1482,10 @@ overflow: hidden;
#GanttBody {
max-height: 70vh;
}
+ #GanttBody #Gantt {
+ font-size: 2.6vw;
+ width: 500%;
+ }
#GanttBody text {
font-size: 2.6vw;
}
@@ -1416,12 +1493,13 @@ overflow: hidden;
font-size: 3vw;
}
#GanttBody #GanttAxis {
- left: auto;
+ left: -2px;
position: sticky;
+ width: 500%;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer #Kamban.both .field-auto-thin select {
font-size: 2.6vw;
}
@@ -1465,27 +1543,50 @@ overflow: hidden;
align-items: center;
}
#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item {
+ height: 4vw;
+ padding: 0px 16px 0px 5px;
overflow: hidden;
- padding: 6px 30px 6px 5px;
white-space: pre-line;
touch-action: auto;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item .ui-icon.ui-icon-pencil {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMTcuNDZ2My4wNGMwIC4yOC4yMi41LjUuNWgzLjA0Yy4xMyAwIC4yNi0uMDUuMzUtLjE1TDE3LjgxIDkuOTRsLTMuNzUtMy43NUwzLjE1IDE3LjFjLS4xLjEtLjE1LjIyLS4xNS4zNnpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz48L3N2Zz4=");
- background-position: center;
- width: 36px;
- height: 36px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- margin-right: 0;
- top: -7px;
- right: -11px;
+ width: 16px;
+ height: 16px;
+ top: 10px;
+ right: 4px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0;
+ }
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(3) {
+ border-radius: 0 0.25em 0.25em 0;
+ }
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:last-child {
+ border-radius: 0.25em;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 768px) and (min-width: 0px) {
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(odd) {
+ border-radius: 0.25em 0 0 0.25em;
+ }
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(even) {
+ border-radius: 0 0.25em 0.25em 0;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#RecordSwitchers {
display: flex;
align-items: center;
@@ -1495,9 +1596,23 @@ overflow: hidden;
display: flex;
align-items: center;
}
+ #Editor fieldset .command-left {
+ width: 100%;
+ }
+ table.grid tbody tr td svg {
+ margin-top: calc(3.2vw - 13px);
+ overflow: unset;
+ }
+ table.grid tbody tr td .user {
+ display: flex;
+ align-items: center;
+ }
+ table.grid tbody tr td .user .ui-icon-person {
+ margin-top: 0.15vw;
+ }
}
-@media screen and (max-width: 980px) and (min-width: 0) {
+@media screen and (max-width: 1024px) and (min-width: 0) {
#Editor #RecordHeader .user {
display: flex;
align-items: center;
@@ -1505,9 +1620,29 @@ overflow: hidden;
#Editor #RecordHeader .user .ui-icon-person {
margin-right: 0.6vw;
}
+ #EditorTabsContainer #Users_DeptIdField .ui-icon-person {
+ top: calc(3vw - 6.5px);
+ }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ .ui-icon {
+ transform: scale(1.6);
+ margin-right: 4px;
+ }
+ #Editor .ui-button-icon-space {
+ width: 1vw;
+ }
+ #Editor #RecordHeader .user .ui-icon-person {
+ margin: auto 4px;
+ }
+ #EditorTabsContainer #Users_DeptIdField .ui-icon-person {
+ top: calc(3vw - 3.5px);
+ right: -30px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#OutgoingMailDialog .field-wide {
padding-bottom: 5px;
}
@@ -1526,14 +1661,17 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
.show-password {
- top: calc(50% - 10px);
+ top: calc(50% - 12px);
right: 10px;
}
#LoginFieldSet input[type=checkbox] {
transform: scale(1.2);
}
+ #LoginFieldSet input {
+ height: 10vw;
+ }
#LoginFieldSet input,
#LoginFieldSet select {
font-size: 4vw;
@@ -1544,13 +1682,19 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ .show-password {
+ transform: scale(1.5);
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Navigations.open {
padding-top: 18vw;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .field-auto-thin > .field-label {
padding: 7px 2vw 7px 0;
}
@@ -1577,13 +1721,16 @@ overflow: hidden;
height: 4vw;
margin-left: 2px;
}
+ #ViewModeContainer #Crosstab .field-control .control-dropdown {
+ font-size: 2.6vw;
+ }
#CrosstabBody .grid > thead > tr:first-child > th:not(:first-child),
#KambanBody .grid > thead > tr:first-child > th:not(:first-child) {
white-space: nowrap;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ImportSettingsDialog .control-checkbox + label {
margin: 1.8vw 0 0 1vw;
}
@@ -1599,20 +1746,32 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ExportSelectorDialog .command-center {
padding: 2vw 0;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #ViewModeContainer #Grid .control-dropdown,
#ViewModeContainer #Grid .datepicker {
- width: 35vw;
- font-size: 4vw;
+ width: 25vw;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ #ViewModeContainer #Grid .current-user,
+ #ViewModeContainer #Grid .current-time {
+ display: none;
+ }
+ #ViewModeContainer #Grid .ui-spinner {
+ height: 6vw;
+ max-height: 6vw;
+ display: flex;
+ align-items: center;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .both #TimeSeriesValueField,
#ViewModeContainer .both #TimeSeriesChartTypeField,
#ViewModeContainer .both #TimeSeriesHorizontalAxisField {
@@ -1625,11 +1784,14 @@ overflow: hidden;
}
#ViewModeContainer .both .field-auto-thin:first-child,
#ViewModeContainer .both .field-auto-thin:nth-child(2) {
- flex: 0 1 calc(100%);
+ flex: 0 1 calc(50% - 8px);
}
#ViewModeContainer .both .field-auto-thin:first-child .field-label,
#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-label {
- min-width: 30%;
+ min-width: 29%;
+ }
+ #ViewModeContainer .both .field-auto-thin:nth-child(3) .field-label {
+ min-width: 13%;
}
#ViewModeContainer .both .field-auto-thin select {
max-width: 100%;
@@ -1637,4 +1799,54 @@ overflow: hidden;
#ViewModeContainer .both .field-auto-thin > .field-control {
min-width: 68%;
}
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #ApiEditorCommands {
+ display: flex;
+ justify-content: center;
+ padding: 10vw 0;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin {
+ width: 100%;
+ height: 7vw;
+ margin: 0;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control {
+ width: 100%;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control .container-normal label {
+ padding: 0;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control .container-normal #TenantImage {
+ height: auto;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .button-icon {
+ margin-top: 5vw;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset #StyleField .field-textarea > .field-label,
+ #Editor #TenantForm #EditorTabsContainer .fieldset #ScriptField .field-textarea > .field-label {
+ width: 100%;
+ text-align: left;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0) {
+ #Versions span {
+ margin: 20px 10px 20px 0;
+ }
+}
+
+@media screen and (max-width: 767px) and (min-width: 0) {
+ #Versions {
+ font-size: 2.6vw;
+ width: auto;
+ padding: 4vw 5vw 4vw 7vw;
+ }
+ #Versions span {
+ margin: 0 10px 0 0;
+ }
+}
diff --git a/Implem.Pleasanter/wwwroot/content/responsive.min.css b/Implem.Pleasanter/wwwroot/content/responsive.min.css
index 88f929d1f..e0205c2f8 100644
--- a/Implem.Pleasanter/wwwroot/content/responsive.min.css
+++ b/Implem.Pleasanter/wwwroot/content/responsive.min.css
@@ -1 +1 @@
-@media screen and (max-width:980px) and (min-width:0){#LoginFieldSet{width:100%;padding:10px;font-size:4vw}#LoginFieldSet input,#LoginFieldSet select{font-size:5vw;padding:10px}#LoginFieldSet input[type=checkbox]{transform:scale(2);margin:20px 0 0 10px}#LoginFieldSet button{font-size:4vw}#LoginFieldSet .container-normal{margin-left:0}#LoginFieldSet .field-wide,#LoginFieldSet .field-normal{width:100%;margin:10px 0;float:left}#LoginFieldSet .field-normal .control-checkbox+label{width:auto;margin:0 0 0 30px}#Logins .field-label{width:auto;padding:4px}#LoginMessage{width:100%}#Demo{width:100%;padding:10px;font-size:4vw}#DemoFields .field-label{width:auto;padding:4px}#DemoFields input{font-size:5vw;padding:10px}#DemoFields button{font-size:4vw;float:right;margin-top:10px}#DemoFields .container-normal{margin-left:0}#DemoFields .field-normal{width:100%;margin:10px 0;float:left}#StartGuide{display:none}.container-normal>#ApiKey{word-break:break-all}div[role="dialog"]{width:98% !important;z-index:999}#EnterPriseBanner,#SupportBanner,#CasesBanner{display:none}#EditorTabsContainer>fieldset{display:contents}#EditorTabsContainer>fieldset>fieldset{display:contents}#TenantImage{width:100%}#Search{width:auto;height:auto}#Breadcrumb{display:none}#CopyToClipboards{display:none}#ViewSelectorField{position:relative;margin-bottom:5px;font-size:2.8vw}#HeaderTitleContainer{margin-bottom:3%}#ViewFilters{font-size:2.6vw;padding-bottom:2%}#Aggregations{font-size:2.6vw}#ViewFilters_Reset{float:none}#ViewFilters.reduced,#Aggregations.reduced{border-bottom:1px solid #aaa;margin-bottom:2%;padding:2%}#Aggregations .label{height:auto}#ViewFilters>.field-auto-thin{height:6vw;padding:0;margin:2% 0 0 0;line-height:1;width:49%;display:flex;justify-content:start;align-items:center}#ViewFilters>.field-auto-thin>.field-control{width:100%}#ViewFilters>.field-auto-thin>.field-label{width:30%;text-align:left}#ViewFilters>.field-auto-thin>.field-label+.field-control{width:70%}.ui-multiselect{width:100% !important;height:6vw}.field-auto-thin input[type="checkbox"],.field-auto-thin input[type="radio"]{height:2.6vw;width:2.6vw;margin-right:1vw}.control-checkbox{margin:0}.control-checkbox+label{margin:0}.field-auto-thin>.field-label{padding:0}#RecordInfo div{clear:both;margin-right:0}#RecordInfo div p{font-size:2.6vw}#Application{padding-bottom:15%}#MainForm{display:flex;flex-direction:column}#RecordInfo{margin-bottom:2%}#RecordSwitchers{font-size:2.6vw;width:100%}.ui-button,#RecordSwitchers .current{height:auto;padding:2%!important;line-height:1;margin-right:2%}#EditorComments{width:100%;order:3;font-size:2.6vw}#EditorTabsContainer{width:100%}.fieldset.ui-tabs-panel.ui-widget-content{font-size:2.6vw}.ui-tabs .ui-tabs-panel{padding:1%}.field-wide,.field-markdown{width:100%;min-height:5vw;float:none;padding:0 0 3% 0;clear:both}.field-normal{width:100%;height:auto;padding:0}.field-normal.right-align{text-align:left}.field-markdown>.field-label,.field-normal>.field-label,.field-wide>.field-label{width:100%;clear:both;margin-left:0;padding:1%;font-weight:bold;text-align:left;text-align-last:left}.field-normal>.field-label label,.field-wide>.field-label label{font-weight:bold}.field-normal .container-normal,.field-control .container-normal{margin-left:0}.control-dropdown{height:auto}.ui-spinner a.ui-spinner-button{height:50%}.field-normal .control-text{width:100%;height:auto;padding:1%;line-height:1}.control-textbox{height:auto}.ui-widget.ui-widget-content{font-size:2.6vw}#Guide{font-size:2.6vw}.alert-success,.alert-warning,.alert-error{height:auto;font-size:2.6vw}#MainCommandsContainer{height:auto;padding:2vw 0;font-size:2.6vw;z-index:200}#Footer{z-index:102}.ui-tabs .ui-tabs-nav{padding:1%;font-size:2.6vw}.ui-tabs .ui-tabs-nav li{margin-bottom:1%;padding-bottom:0;border-radius:4px}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:1%;padding-bottom:0;border-radius:4px}.message{bottom:140px}}@media screen and (max-width:980px) and (min-width:0){body{min-width:320px!important}#Header{height:auto;position:relative}#CorpLogo{float:none;width:30%}#MainContainer{min-height:100vh}#Header a#navtgl{position:absolute;display:block;padding:1.6vw 1.4vw;border:.4vw solid #d19405;border-radius:1vw;top:1.4vw;right:4vw;height:8vw;width:8vw;z-index:101;background:#fece2f}#Header a#navtgl::before{content:'';display:block;height:1.3vw;border-top:.4vw solid #333;border-bottom:.4vw solid #333}#Header a#navtgl::after{content:'';display:block;height:1.4vw;border-bottom:.4vw solid #333}* #Navigations{box-sizing:border-box}#Navigations{width:100%;max-height:0;overflow:hidden;margin:0;padding:0 5%;border:none;position:relative;top:0;right:0;border-radius:0;z-index:100;font-size:3.2vw;line-height:7vw;transition:.5s}#Navigations.open{max-height:none;height:auto;overflow:visible;margin-top:2%;margin-bottom:5%;padding:5%;transition:.5s}#NavigationMenu>li.sub-menu>div.hover{background:none}#NavigationMenu{float:none;margin-right:0;margin-bottom:3%}#SearchField{float:none;margin:0;color:#000}#NavigationMenu>li{width:100%;height:auto;display:block;float:none;position:relative}#NavigationMenu>li>div{height:auto;text-align:left;line-height:7vw;font-weight:bold}#NavigationMenu>li>div:hover{background:none}#NavigationMenu>li>div>a{height:auto;display:block;text-decoration:none;font-weight:bold}#NavigationMenu .menu{width:100%;border-top:none !important;position:relative;top:0;right:0;border-radius:0;z-index:3}.pc-dn{display:block!important}#NavigationMenu .menu>li>a.ui-state-active{font-weight:normal;text-decoration:none}.ui-menu .ui-menu-item{border-top:1px solid #d19405}#NewMenuContainer{border:1px solid #d19405;background:#fff}}@media screen and (max-width:980px) and (min-width:0){#SiteMenu .nav-site{width:20vw;height:20vw;text-align:center;border-radius:.5vw;float:none;margin:6%}#SiteMenu .sortable{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}#SiteMenu .nav-site.sites{width:20vw!important;height:20vw!important;background:#fff;border-radius:5px}#SiteMenu .nav-site .heading{width:8vw;height:3vw;top:-3vw}#SiteMenu .nav-site.sites.to-parent{height:auto!important;box-shadow:none;margin-top:3%;margin-bottom:0}#SiteMenu .nav-site.sites.to-parent span.title{position:relative;top:0;text-align:left;width:100%;margin-left:0}#SiteMenu .nav-site.sites.to-parent .heading{display:none}#SiteMenu .nav-site a{padding:0;overflow:inherit}#SiteMenu .nav-site .site-image-thumbnail{position:relative;top:inherit;left:inherit;max-width:inherit;border-radius:unset;width:90%;z-index:1;margin:0 auto;display:block}#SiteMenu .nav-site span.title::before{content:'';display:block;height:0}#SiteMenu .nav-site span.title{margin-left:0;font-size:14px}#SiteMenu .nav-site.has-image a{padding:1vw 0 0}#SiteMenu .nav-site .conditions{position:absolute;top:-2.4vw;right:-2.4vw;z-index:2}#SiteMenu .nav-site .conditions .elapsed-time{display:none}#SiteMenu .nav-site .conditions .count{display:none}#SiteMenu .nav-site .conditions .overdue{height:6vw;min-width:6vw;line-height:6vw;font-size:2.6vw;border-radius:3vw;font-weight:bold;padding:0}#SiteMenu .nav-site[data-type="Wikis"]{border-radius:2px;position:relative;width:20vw;border:2px solid #ccc}#SiteMenu .nav-site[data-type="Wikis"] a::before,#SiteMenu .nav-site[data-type="Wikis"] a::after{content:'';display:block;position:absolute;height:20%;width:80%;left:10%;border-top:2px solid #ccc;border-bottom:2px solid #ccc}#SiteMenu .nav-site[data-type="Wikis"] a::before{top:20%}#SiteMenu .nav-site[data-type="Wikis"] a::after{top:60%}#SiteMenu .nav-site[data-type="Wikis"] a img{margin-top:15%}#SiteMenu .nav-site.sites.to-parent{height:auto!important;border:none;background:none;text-align:left}#SiteMenu .nav-site.to-parent .ui-icon{display:none}#SiteMenu .nav-site.to-parent a{position:relative;display:inline-block;padding:0 0 0 16px;color:#000;vertical-align:middle;text-decoration:none;font-size:15px}#SiteMenu .nav-site.to-parent a::before,#SiteMenu .nav-site.to-parent a::after{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle}#SiteMenu .nav-site.to-parent a::before{left:5px;width:7px;height:3px;background:#7a0}#SiteMenu .nav-site.to-parent a::after{left:2px;width:6px;height:6px;border-bottom:3px solid #7a0;border-left:3px solid #7a0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#SiteMenu .nav-site span.title{margin-left:0;font-size:2.6vw;top:22vw;position:absolute;display:block;text-align:center;width:140%;margin-left:-20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#SiteMenu .nav-site .stacking1{width:20vw;height:20vw;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;position:absolute;top:1px;left:1px;border-radius:5px}#SiteMenu .nav-site .stacking2{width:20vw;height:20vw;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;position:absolute;top:4px;left:4px;border-radius:5px}#SiteMenu .nav-sites .to-parent a img{display:none}#SiteMenu .nav-site.to-parent.has-image a{padding:0 0 0 15px}}@media screen and (max-width:980px) and (min-width:0){#FieldSetStandard{display:flex;flex-direction:column}.legend{order:2}#StandardTemplatesViewer{order:3}.template-selectable{order:1;float:none}.template-viewer-container{float:none;margin:0}.template-viewer{margin:0}.template-selectable{width:100%}.template-tab-container{min-height:10px}.field-vertical{width:100%;float:none;padding:0 0 20px 0}.container-selectable .wrapper{min-height:auto}.h350{height:auto}#EditInDialogBody{padding-bottom:15%}.links{overflow:auto}@media screen and (max-width:980px) and (min-width:0){#FieldSetHistories{overflow:auto;width:100%}#ViewModeContainer{overflow:auto;width:100%;padding-top:1%}#CrosstabBody{overflow:auto;width:100%}#GanttBody{overflow:auto;width:100%;padding-top:5%}.grid{font-size:2.8vw;width:98%}.grid>thead th{min-width:10vw;white-space:nowrap}.grid>tbody td{min-width:10vw;white-space:nowrap}.grid>thead th:nth-child(1),.grid>tbody td:nth-child(1){min-width:1vw}.grid>tbody td p{white-space:nowrap}#Calendar{font-size:2.6vw}#Calendar button{margin-bottom:2%}#CalendarBody #Grid thead{background:#fff}#CalendarMonth{display:block}#Calendar .field-auto-thin{display:flex;align-items:center;width:33%;margin:0;padding:0;margin-bottom:2%!important}#Calendar .field-auto-thin p{margin-right:1%}#Calendar .field-auto-thin select{max-width:none}#CalendarTimePeriod,#CalendarFromTo,#CalendarMonth{height:auto}#CalendarMonth{margin-bottom:2%}.w100{width:auto}#CrosstabBody{margin-top:3%}#CrosstabBody #Grid{table-layout:auto}#CrosstabBody .grid>thead>tr>th,#CrosstabBody .grid>tbody>tr>th{white-space:nowrap}#CrosstabBody .grid>thead th{min-width:10vw;white-space:nowrap}#CrosstabBody .grid>tbody td{min-width:10vw;white-space:nowrap}#Crosstab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#Crosstab .field-auto-thin{display:flex;align-items:center;width:48%;margin:0;padding:0;font-size:2.6vw}#Crosstab .field-auto-thin#CrosstabTimePeriodField{width:48%}#Crosstab .field-auto-thin p{width:100%;margin-right:2%;white-space:nowrap}#Crosstab .field-auto-thin select{max-width:none}#Crosstab #CrosstabMonth{width:48%;margin-top:2%;margin-right:0;font-size:2.6vw}#Crosstab button{font-size:2.6vw;margin-top:1%}.svg-crosstab{display:block}#ViewModeContainer .both{display:flex;align-items:center;flex-wrap:wrap}#ViewModeContainer .both .field-auto-thin{display:flex;align-items:center;width:48%;margin:0;padding:0;font-size:2.6vw;height:auto;padding-top:2%}#ViewModeContainer .both .field-auto-thin .field-auto-thin{width:30%}#ViewModeContainer .both .field-auto-thin:nth-child(3){width:100%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-auto-thin{width:48%;display:block}#ViewModeContainer .field-auto-thin p{margin-right:2%;white-space:nowrap;text-align:left}#GanttAxis{width:1500px;position:relative;left:0;bottom:0}#Gantt{width:1500px}#BurnDown{width:1500px}#TimeSeriesBody{padding-top:5%;margin-left:-5%;width:1500px}#TimeSeries{width:1500px}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3){width:48%}#ViewModeContainer #Kamban.both .field-auto-thin .field-control{width:100%}#KambanBody{margin-top:3%}#KambanBody #Grid{table-layout:auto}#KambanBody .grid>thead>tr>th,#KambanBody .grid>tbody>tr>th{white-space:nowrap}#KambanBody .grid>thead th{min-width:10vw;white-space:nowrap}#KambanBody .grid>tbody td{min-width:10vw;white-space:nowrap}}@media screen and (max-width:980px) and (min-width:0){#Header{padding:0 calc(5vw)}#Header a#navtgl{right:5vw}#Application,#Footer{padding-left:5vw;padding-right:5vw}#SiteMenu .nav-site{margin:5%}:not(td)>div.field-control .container-normal{margin-left:0}*{line-height:1.4}.field-normal .control-textbox,.field-normal .control-dropdown,.field-normal .control-text,.field-control .control-textbox,.field-control .control-dropdown,.field-control .control-text,.container-normal .control-textbox,.container-normal .control-dropdown,.container-normal .control-text{min-height:unset;height:6vw;line-height:6vw;padding-top:0;padding-bottom:0}body{font-size:16px}}@media screen and (max-width:980px) and (min-width:0){#HeaderTitle{font-size:16px}}@media screen and (max-width:980px) and (min-width:0){.command-center{padding:0}.ui-dialog .ui-dialog-titlebar-close{top:0;bottom:0;width:5vw;height:5vw;margin:auto 0}}@media screen and (max-width:980px) and (min-width:0){#ViewSelector{font-size:2.6vw}}@media screen and (max-width:980px) and (min-width:0){#Logo a{align-items:center;display:flex}#Logo #ProductLogo{font-size:18px;padding-left:8px}#CorpLogo{float:none;height:calc(8vw + 10px);width:unset;margin-top:0}}@media screen and (max-width:980px) and (min-width:0){#Editor .field-control .container-normal{width:calc(100% - 20px)}#Editor .field-control .ui-icon.ui-icon-clock.current-time{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEycHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48Zz48cGF0aCBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xNi4yLDE2LjJMMTEsMTNWN2gxLjV2NS4ybDQuNSwyLjdMMTYuMiwxNi4yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");background-position:center;width:12px;height:12px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);top:calc(3vw - 3.5px);right:-16px}#Editor .field-control .ui-icon.ui-icon-person.current-user{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAxMmMyLjIxIDAgNC0xLjc5IDQtNHMtMS43OS00LTQtNC00IDEuNzktNCA0IDEuNzkgNCA0IDR6bTAgMmMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHoiLz48L3N2Zz4=");background-position:center;width:12px;height:12px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);top:calc(3vw - 3.5px);right:-16px}}@media screen and (max-width:980px) and (min-width:0){#FieldSetAddressBook #OutgoingMailDestinationForm .container-left{width:38vw}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .command-left{float:unset;padding:0}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .command-left button{margin:2px}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .container-selectable .wrapper{height:40vw}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right>*{margin-left:40vw}}@media screen and (max-width:980px) and (min-width:0){#Issues_WorkValue{width:100px}}@media screen and (max-width:980px) and (min-width:0){body::before{content:'';position:fixed;width:5vw;height:50vh;top:0;left:0;background:#fff;z-index:200}body::after{content:'';position:fixed;width:5vw;height:50vh;top:0;right:0;background:#fff;z-index:700}}@media screen and (max-width:980px) and (min-width:0){#Users_LoginId,#Users_Password{height:40px}#LoginMessage span{font-size:3.5vw}#PortalLink{font-size:3.5vw;top:3vw}#LoginFieldSet{margin:65px auto 20px auto}#LoginFieldSet input[type=checkbox]{margin:auto 0;margin-left:1.2vw}#LoginFieldSet button{margin-top:0}#LoginFieldSet .field-wide,#LoginFieldSet .field-normal{margin:0 0}#LoginFieldSet .field-normal .control-checkbox+label{margin:auto 0;margin-left:4vw;padding:0}#Logins .field-label{width:100%}}@media screen and (max-width:980px) and (min-width:0){#Editor .field-markdown>.field-label>label{font-weight:bold}#Editor .field-control .unit{font-size:2.6vw;padding-top:calc((18px - 1.4em)/2)}#Editor .ui-spinner .control-spinner{height:100%}}@media screen and (max-width:980px) and (min-width:0){#GridCheckAll{margin-top:0}label[for="GridCheckAll"]{margin:0}#Footer{font-size:2.8vw;height:auto}#MainCommandsContainer{bottom:calc(2.8vw*1.4 + 10px)}body>thead>tr{font-size:.75em}}@media screen and (max-width:980px) and (min-width:0){#SiteImageSettingsEditor .field-auto-thin,#GridSettingsEditor .field-auto-thin,#FiltersSettingsEditor .field-auto-thin,#EditorSettingsEditor .field-auto-thin,#LinksSettingsEditor .field-auto-thin,#HistoriesSettingsEditor .field-auto-thin,#FormulasSettingsEditor .field-auto-thin,#ViewsSettingsEditor .field-auto-thin,#ImportsSettingsEditor .field-auto-thin,#ExportsSettingsEditor .field-auto-thin,#CalendarSettingsEditor .field-auto-thin,#CrosstabSettingsEditor .field-auto-thin,#GanttSettingsEditor .field-auto-thin,#BurnDownSettingsEditor .field-auto-thin,#TimeSeriesSettingsEditor .field-auto-thin,#KambanSettingsEditor .field-auto-thin,#ImageLibSettingsEditor .field-auto-thin,#SearchSettingsEditor .field-auto-thin,#StylesSettingsEditor .field-auto-thin,#ScriptsSettingsEditor .field-auto-thin,#PublishSettingsEditor .field-auto-thin,#FieldSetSiteAccessControl .field-auto-thin{padding-right:0;height:auto;display:flex;align-items:center;clear:both}#SiteImageSettingsEditor .field-auto-thin .container-normal,#GridSettingsEditor .field-auto-thin .container-normal,#FiltersSettingsEditor .field-auto-thin .container-normal,#EditorSettingsEditor .field-auto-thin .container-normal,#LinksSettingsEditor .field-auto-thin .container-normal,#HistoriesSettingsEditor .field-auto-thin .container-normal,#FormulasSettingsEditor .field-auto-thin .container-normal,#ViewsSettingsEditor .field-auto-thin .container-normal,#ImportsSettingsEditor .field-auto-thin .container-normal,#ExportsSettingsEditor .field-auto-thin .container-normal,#CalendarSettingsEditor .field-auto-thin .container-normal,#CrosstabSettingsEditor .field-auto-thin .container-normal,#GanttSettingsEditor .field-auto-thin .container-normal,#BurnDownSettingsEditor .field-auto-thin .container-normal,#TimeSeriesSettingsEditor .field-auto-thin .container-normal,#KambanSettingsEditor .field-auto-thin .container-normal,#ImageLibSettingsEditor .field-auto-thin .container-normal,#SearchSettingsEditor .field-auto-thin .container-normal,#StylesSettingsEditor .field-auto-thin .container-normal,#ScriptsSettingsEditor .field-auto-thin .container-normal,#PublishSettingsEditor .field-auto-thin .container-normal,#FieldSetSiteAccessControl .field-auto-thin .container-normal{width:100%}#SiteImageSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#GridSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#FiltersSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#EditorSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#LinksSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#HistoriesSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#FormulasSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ViewsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ImportsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ExportsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#CalendarSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#CrosstabSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#GanttSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#BurnDownSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#TimeSeriesSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#KambanSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ImageLibSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#SearchSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#StylesSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ScriptsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#PublishSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#FieldSetSiteAccessControl .field-auto-thin .container-normal .control-checkbox~label{display:unset;float:unset;width:auto}#SiteImageSettingsEditor .field-auto-thin .field-label~.field-control,#GridSettingsEditor .field-auto-thin .field-label~.field-control,#FiltersSettingsEditor .field-auto-thin .field-label~.field-control,#EditorSettingsEditor .field-auto-thin .field-label~.field-control,#LinksSettingsEditor .field-auto-thin .field-label~.field-control,#HistoriesSettingsEditor .field-auto-thin .field-label~.field-control,#FormulasSettingsEditor .field-auto-thin .field-label~.field-control,#ViewsSettingsEditor .field-auto-thin .field-label~.field-control,#ImportsSettingsEditor .field-auto-thin .field-label~.field-control,#ExportsSettingsEditor .field-auto-thin .field-label~.field-control,#CalendarSettingsEditor .field-auto-thin .field-label~.field-control,#CrosstabSettingsEditor .field-auto-thin .field-label~.field-control,#GanttSettingsEditor .field-auto-thin .field-label~.field-control,#BurnDownSettingsEditor .field-auto-thin .field-label~.field-control,#TimeSeriesSettingsEditor .field-auto-thin .field-label~.field-control,#KambanSettingsEditor .field-auto-thin .field-label~.field-control,#ImageLibSettingsEditor .field-auto-thin .field-label~.field-control,#SearchSettingsEditor .field-auto-thin .field-label~.field-control,#StylesSettingsEditor .field-auto-thin .field-label~.field-control,#ScriptsSettingsEditor .field-auto-thin .field-label~.field-control,#PublishSettingsEditor .field-auto-thin .field-label~.field-control,#FieldSetSiteAccessControl .field-auto-thin .field-label~.field-control{margin-left:10px}#SiteImageSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#GridSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#FiltersSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#EditorSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#LinksSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#HistoriesSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#FormulasSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ViewsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ImportsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ExportsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#CalendarSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#CrosstabSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#GanttSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#BurnDownSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#TimeSeriesSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#KambanSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ImageLibSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#SearchSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#StylesSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ScriptsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#PublishSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#FieldSetSiteAccessControl .field-auto-thin .field-label~.field-control .container-normal{width:100%}#FieldSetGeneral .field-control .container-normal .control-checkbox~label{width:auto}#GridSettingsEditor #GridEditorType{max-width:unset}#SiteImageSettingsEditor #SiteImage{width:100%;height:7vw}#SiteImageSettingsEditor #SetSiteImage{margin-right:0}}@media screen and (max-width:980px) and (min-width:0){#Aggregations{display:flex;flex-wrap:wrap;row-gap:5px;justify-content:flex-start;align-items:center}#Aggregations span.label{flex:1 0 auto;margin:0;text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}#Aggregations span.data{flex:1 0 auto;margin:0;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;height:auto}#Aggregations span.data.no-choice{flex-basis:auto;align-self:stretch}#Aggregations span.data.link span{font-weight:bold}#Aggregations #ReduceAggregations{width:100%}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer .grid{vertical-align:middle}#ViewModeContainer .grid tr td:first-child{padding:6px}input[type='checkbox'],.field-auto-thin input[type='checkbox']{width:3vw;height:3vw}.field-auto-thin input[type='checkbox']+label{padding-top:2px}}@media screen and (max-width:980px) and (min-width:0){#SearchField #Search{font-size:3vw;width:100%}#SearchField #Search::placeholder{font-size:3vw}}@media screen and (max-width:980px) and (min-width:0){#ViewFilters #ViewFilters_Reset{margin-left:auto;margin-right:0}#ViewFilters .field-auto-thin{width:50%}#ViewFilters .field-auto-thin .field-control .container-normal{display:flex;align-items:center}#ViewFilters .field-auto-thin .field-control .container-normal input[type='checkbox']{margin-right:4px;margin-top:1px}#ViewFilters .field-auto-thin .field-control .container-normal .ui-widget.ui-state-default.ui-multiselect,#ViewFilters .field-auto-thin .field-control .container-normal .control-textbox{height:6vw;font-size:2.6vw}#ViewFilters #ViewFilters_SearchField{width:100%}#ViewFilters #ViewFilters_SearchField p.field-label{width:17%}#ViewFilters #ViewFilters_SearchField .field-control{width:100%}#ViewFilters>.field-auto-thin:nth-child(odd){padding-right:2px}#ViewFilters>.field-auto-thin:nth-child(even){padding-left:2px}.ui-multiselect-menu .ui-helper-reset{position:relative}.ui-multiselect-menu .ui-helper-reset li{width:100%}.ui-multiselect-menu .ui-helper-reset li>label span{position:relative;top:-4px}.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-all,.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-none{width:100%;display:flex;align-items:center}.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-all span:last-child,.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-none span:last-child{padding-left:10px}.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-close{position:absolute;top:8px;right:0}}@media screen and (max-width:980px) and (min-width:0){#EditorTabsContainer .legend.applied{display:flex;align-items:center;font-weight:bold}#EditorTabsContainer #PermissionEditor .field-vertical:first-child>.field-control{border-bottom:1px solid #d19405;padding-bottom:2vw}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left{display:flex;align-items:center;flex-wrap:wrap;width:100%}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left #SearchPermissionElements{margin:2px 1vw 2px 6vw;height:7vw}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left button{align-self:stretch;display:flex;align-items:center;justify-content:center;white-space:nowrap}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left button .ui-icon{position:relative;top:.5vw;width:18px;height:18px;margin-right:0}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left #OpenPermissionsDialog,#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left #DeletePermissions{line-height:1.5}#EditorTabsContainer #PermissionEditor .field-control .container-selectable #CurrentPermissionsWrapper{min-height:15vw}}@media screen and (max-width:980px) and (min-width:0){thead>tr.ui-widget-header th div>span{font-size:2.8vw;white-space:nowrap}}@media screen and (max-width:980px) and (min-width:0){#EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-pencil.button-edit-markdown{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1TDMgMTcuMjV6TTIwLjcxIDcuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODN6Ii8+PC9zdmc+");background-position:center;width:12px;height:12px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);top:8px;right:4px}#EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-image.button-upload-image{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPjwvc3ZnPg==");background-position:center;width:12px;height:12px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);position:relative;left:-1px}}@media screen and (max-width:980px) and (min-width:0){#EditorTabsContainer{overflow:auto}#EditorComments{padding:0;margin:0}#EditorComments #CommentField .control-textarea{height:15vw}#EditorComments #CommentField .control-textarea::placeholder{font-size:2.6vw}}@media screen and (max-width:980px) and (min-width:0){.is-showMenu{overflow:hidden}.is-showMenu body{position:fixed;overflow:hidden}.bg-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:301;width:100%;height:100%;display:none}#MainContainer{overflow:hidden}header#Header{position:fixed;top:0;z-index:1000;background-color:#fff;transition:all .5s ease}header#Header a#navtgl{top:8px;z-index:1000;transition:all .5s ease}header#Header a#navtgl::after{transition:all .5s ease}header#Header a#navtgl.on{transition:all .5s ease;position:fixed}header#Header a#navtgl.on::before{transition:all .5s ease;border-top:none;transform:translate(12.5%,50%) rotate(50deg)}header#Header a#navtgl.on::after{transition:all .5s ease;transform:translate(12.5%,0%) rotate(126deg)}#Navigations{transition:all .5s ease;max-height:100vh;height:100vh;position:absolute;top:0;right:-1000px;z-index:999;padding:5%;width:70%;padding-top:112px;opacity:0}#Navigations.open{opacity:1;padding-top:112px;right:0;height:100vh;margin:0;position:fixed;top:0;z-index:1000}}@media screen and (max-width:980px) and (min-width:0){#OutgoingMailsForm{width:100%;font-size:2.6vw}#OutgoingMailsForm .item h3.title-header{height:auto}#OutgoingMailsForm .item .content{padding:.2em;margin:0}#OutgoingMailsForm .item .content .field-auto,#OutgoingMailsForm .item .content .field-auto-thin{width:100%;margin-right:0;padding-right:0;padding-bottom:0;display:flex;flex-direction:column;height:auto}#OutgoingMailsForm .item .content .field-auto .field-label,#OutgoingMailsForm .item .content .field-auto-thin .field-label{float:none;padding:7px 7px 7px 0;width:100%;text-align:left;display:block}#OutgoingMailsForm .item .content .field-auto .field-label label,#OutgoingMailsForm .item .content .field-auto-thin .field-label label{font-weight:bold}#OutgoingMailsForm .item .content .field-auto .field-control,#OutgoingMailsForm .item .content .field-auto-thin .field-control{float:none;width:100%}#OutgoingMailsForm .item .content .field-auto .field-control .container-normal,#OutgoingMailsForm .item .content .field-auto-thin .field-control .container-normal{margin-right:0;width:100%}#OutgoingMailsForm .item .content .field-auto .field-control .container-normal .control-text,#OutgoingMailsForm .item .content .field-auto-thin .field-control .container-normal .control-text{min-height:0;height:auto}#OutgoingMailsForm .item .content .field-auto-thin{margin-left:0}#OutgoingMailsForm .item .content .field-wide{display:flex;flex-direction:column;padding:0}#OutgoingMailsForm .item .content .field-wide .field-label{padding:7px 0}#OutgoingMailsForm .item .content .field-wide .field-control .container-normal{margin-right:0;width:100%}}@media screen and (max-width:980px) and (min-width:0){#SiteMenu li.ui-sortable-handle{touch-action:unset}}@media screen and (max-width:980px) and (min-width:0){.message .close{top:unset;bottom:calc(50% - 8px);margin:auto}}@media screen and (max-width:980px) and (min-width:0){#EditorComments #CommentField .ui-icon.ui-icon-image.button-upload-image{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPjwvc3ZnPg==");background-position:center;width:12px;height:12px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);position:relative;left:0}}@media screen and (max-width:980px) and (min-width:0){#Navigations.open{overflow-y:scroll}#Navigations #NavigationMenu #NewMenuContainer{background:unset;border:none}#Navigations #NavigationMenu #NewMenuContainer a{line-height:7vw}#Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper{font-size:3vw;padding-left:6vw}}@media screen and (max-width:980px) and (min-width:0){#Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox{position:relative;margin-right:6px;margin-top:.3vw}}@media screen and (max-width:980px) and (min-width:0){#Editor #EditorTabsContainer .field-normal,#Editor #EditorTabsContainer .field-wide,#Editor #EditorTabsContainer .field-markdown{display:inline-block;margin-top:8px;padding-bottom:0}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer #Calendar.both select{font-size:2.6vw}#ViewModeContainer #Calendar.both .field-label{min-width:30%;margin-right:15px}#ViewModeContainer #Calendar.both .field-auto-thin .field-control .container-normal{display:flex;align-items:center}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3){flex:0 1 calc(64%)}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-label{min-width:22%}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-control{width:74%}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4){flex:0 1 calc(33% + 1px);padding-top:2%}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal{justify-content:flex-end}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal #CalendarDate{margin-right:0;width:98%;font-size:2.6vw}#ViewModeContainer #Calendar.both button{flex:1 0 calc((100%/3) - 32px);margin:2% 10px 2% 10px}#ViewModeContainer .grid.fixed{width:100%}#ViewModeContainer .grid.fixed tbody tr td.container .item{touch-action:auto;min-height:50px}#ViewModeContainer .grid.fixed tbody tr td.container .item .title .ui-icon.ui-icon-pencil{margin-right:5px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMzBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1TDMgMTcuMjV6TTIwLjcxIDcuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODN6Ii8+PC9zdmc+");background-position:center;width:36px;height:36px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%)}#ViewModeContainer .grid.fixed tbody tr td.container .item .connection{min-height:50px}#ViewModeContainer .grid.fixed tbody tr td.container .dummy{height:50px}#ViewModeContainer .grid.fixed tbody tr td.container:first-child .item{margin-top:0;margin-bottom:5px}#ViewModeContainer .grid.fixed tbody tr td.container:not(:first-child) .item{margin-top:5px}thead th.calendar-header{overflow-x:hidden}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer .both{column-gap:16px}#ViewModeContainer .both .field-auto-thin:first-child,#ViewModeContainer .both .field-auto-thin:nth-child(2){flex:0 1 calc(50% - 8px)}#ViewModeContainer .both .field-auto-thin:first-child .field-control,#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-control{flex:1}#ViewModeContainer .both .field-auto-thin:first-child .field-control select,#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-control select{max-width:100%}#ViewModeContainer .both .field-auto-thin:nth-child(3){row-gap:12px;flex-wrap:wrap}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-label{min-width:15%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-auto-thin{display:flex;align-items:center;flex:1 0 100%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-auto-thin #GanttStartDate{width:100%;font-size:2.6vw;margin-right:0}#ViewModeContainer .both .field-auto-thin:nth-child(3) button{flex:1}#ViewModeContainer .both .field-auto-thin:nth-child(3) button:last-child{margin-right:8px}#ViewModeContainer .both .field-auto-thin:nth-child(4){width:100%;padding-top:12px}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control{width:100%}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control .container-normal{width:100%;display:flex;align-items:center;column-gap:32px}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control .container-normal #GanttPeriod\,ui{width:99%;margin-top:0}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control .container-normal #GanttPeriod{margin:0}#GanttBody{max-height:70vh}#GanttBody text{font-size:2.6vw}#GanttBody .title text.summary{font-size:3vw}#GanttBody #GanttAxis{left:auto;position:sticky}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer #Kamban.both .field-auto-thin select{font-size:2.6vw}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(1),#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(2),#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3),#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField{width:100%;flex:0 1 calc(50% - 8px);flex-wrap:wrap;display:flex;row-gap:0}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(1) .field-label,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(2) .field-label,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3) .field-label,#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField .field-label{width:100%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(1) select,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(2) select,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3) select,#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField select{max-width:100%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3){padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField{padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(5){display:block;width:100%;padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(5) .field-label{min-width:50%;margin-right:10px}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(5) select{max-width:100%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(6),#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(7){width:calc(50% - 8px);padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(6) .container-normal,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(7) .container-normal{display:flex;align-items:center}#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item{overflow:hidden;padding:6px 30px 6px 5px;white-space:pre-line;touch-action:auto;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item .ui-icon.ui-icon-pencil{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMTcuNDZ2My4wNGMwIC4yOC4yMi41LjUuNWgzLjA0Yy4xMyAwIC4yNi0uMDUuMzUtLjE1TDE3LjgxIDkuOTRsLTMuNzUtMy43NUwzLjE1IDE3LjFjLS4xLjEtLjE1LjIyLS4xNS4zNnpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz48L3N2Zz4=");background-position:center;width:36px;height:36px;filter:invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);margin-right:0;top:-7px;right:-11px}}@media screen and (max-width:980px) and (min-width:0){#RecordSwitchers{display:flex;align-items:center}#RecordSwitchers #CurrentIndex{height:7.5vw;display:flex;align-items:center}}@media screen and (max-width:980px) and (min-width:0){#Editor #RecordHeader .user{display:flex;align-items:center}#Editor #RecordHeader .user .ui-icon-person{margin-right:.6vw}}@media screen and (max-width:980px) and (min-width:0){#OutgoingMailDialog .field-wide{padding-bottom:5px}#OutgoingMailDialog .field-wide .field-label{width:auto}#OutgoingMailDialog .field-wide .field-control{float:none}#OutgoingMailDialog .field-wide .control-basket,#OutgoingMailDialog .field-wide .container-normal{margin-left:15vw}#OutgoingMailDialog textarea{height:20vw}}@media screen and (max-width:980px) and (min-width:0){.show-password{top:calc(50% - 10px);right:10px}#LoginFieldSet input[type=checkbox]{transform:scale(1.2)}#LoginFieldSet input,#LoginFieldSet select{font-size:4vw}#Users_RememberMeField .container-normal{display:flex;align-items:center}}@media screen and (max-width:980px) and (min-width:0){#Navigations.open{padding-top:18vw}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer .field-auto-thin>.field-label{padding:7px 2vw 7px 0}#CrosstabValueField .field-control{width:70%}#Crosstab .field-auto-thin p{margin-right:0%}#ViewModeContainer #Crosstab .field-auto-thin{width:100%;flex:0 1 calc(100%);padding-top:1vw}#ViewModeContainer #Crosstab .field-auto-thin .field-label{width:30%}#ViewModeContainer #Crosstab .field-auto-thin .field-control{width:70%}#ViewModeContainer #Crosstab .field-auto-thin .field-control input[type='checkbox'],#ViewModeContainer #Crosstab .field-auto-thin .field-control .field-auto-thin input[type='checkbox']{width:4vw;height:4vw;margin-left:2px}#CrosstabBody .grid>thead>tr:first-child>th:not(:first-child),#KambanBody .grid>thead>tr:first-child>th:not(:first-child){white-space:nowrap}}@media screen and (max-width:980px) and (min-width:0){#ImportSettingsDialog .control-checkbox+label{margin:1.8vw 0 0 1vw}#ImportSettingsDialog .control-checkbox{margin:2vw 0 2vw 2px}#ImportSettingsDialog .control-textbox{height:7vw;line-height:6.5vw}#ImportSettingsDialog .command-center{padding:2vw 0}}@media screen and (max-width:980px) and (min-width:0){#ExportSelectorDialog .command-center{padding:2vw 0}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer #Grid .datepicker{width:35vw;font-size:4vw}}@media screen and (max-width:980px) and (min-width:0){#ViewModeContainer .both #TimeSeriesValueField,#ViewModeContainer .both #TimeSeriesChartTypeField,#ViewModeContainer .both #TimeSeriesHorizontalAxisField{width:100%}#ViewModeContainer .both #TimeSeriesValueField .field-label,#ViewModeContainer .both #TimeSeriesChartTypeField .field-label,#ViewModeContainer .both #TimeSeriesHorizontalAxisField .field-label{min-width:30%}#ViewModeContainer .both .field-auto-thin:first-child,#ViewModeContainer .both .field-auto-thin:nth-child(2){flex:0 1 calc(100%)}#ViewModeContainer .both .field-auto-thin:first-child .field-label,#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-label{min-width:30%}#ViewModeContainer .both .field-auto-thin select{max-width:100%}#ViewModeContainer .both .field-auto-thin>.field-control{min-width:68%}}
\ No newline at end of file
+@media screen and (max-width:1024px) and (min-width:0){#LoginFieldSet{width:100%;padding:10px;font-size:4vw}#LoginFieldSet input,#LoginFieldSet select{font-size:5vw;padding:10px}#LoginFieldSet input[type=checkbox]{transform:scale(2);margin:20px 0 0 10px}#LoginFieldSet button{font-size:4vw}#LoginFieldSet .container-normal{margin-left:0}#LoginFieldSet .field-wide,#LoginFieldSet .field-normal{width:100%;margin:10px 0;float:left}#LoginFieldSet .field-normal .control-checkbox+label{width:auto;margin:0 0 0 30px}#Logins .field-label{width:auto;padding:4px}#LoginMessage{width:100%}#Demo{width:100%;padding:10px;font-size:4vw}#DemoFields .field-label{width:auto;padding:4px}#DemoFields input{font-size:5vw;padding:10px}#DemoFields button{font-size:4vw;float:right;margin-top:10px}#DemoFields .container-normal{margin-left:0}#DemoFields .field-normal{width:100%;margin:10px 0;float:left}#StartGuide{display:none}.container-normal>#ApiKey{word-break:break-all}div[role="dialog"]{width:98% !important;z-index:999}#EnterPriseBanner,#SupportBanner,#CasesBanner{display:none}#EditorTabsContainer>fieldset{display:contents}#EditorTabsContainer>fieldset>fieldset{display:contents}#TenantImage{width:100%}#Search{width:auto;height:auto}#Breadcrumb{font-size:2.6vw}#ViewSelectorField{position:relative;margin-bottom:5px;font-size:2.8vw}#HeaderTitleContainer{margin-bottom:3%}#ViewFilters{font-size:2.6vw;padding-bottom:2%}#Aggregations{font-size:2.6vw}#ViewFilters_Reset{float:none}#ViewFilters.reduced,#Aggregations.reduced{border-bottom:1px solid #aaa;margin-bottom:2%;padding:2%}#Aggregations .label{height:auto}#ViewFilters>.field-auto-thin{height:6vw;padding:0;margin:2% 0 0 0;line-height:1;width:49%;display:flex;justify-content:start;align-items:center}#ViewFilters>.field-auto-thin>.field-control{width:100%}#ViewFilters>.field-auto-thin>.field-label{width:30%;text-align:left}#ViewFilters>.field-auto-thin>.field-label+.field-control{width:70%}.ui-multiselect{width:100% !important;height:6vw}.field-auto-thin input[type="checkbox"],.field-auto-thin input[type="radio"]{height:2.6vw;width:2.6vw;margin-right:1vw}.control-checkbox{margin:0}.control-checkbox+label{margin:0}.field-auto-thin>.field-label{padding:0}#RecordInfo div{clear:both;margin-right:0}#RecordInfo div p{font-size:2.6vw}#Application{padding-bottom:15%}#MainForm{display:flex;flex-direction:column}#RecordInfo{margin-bottom:2%}#RecordSwitchers{font-size:2.6vw;width:100%}.ui-button,#RecordSwitchers .current{height:auto;padding:2%!important;line-height:1;margin-right:2%}#EditorComments{width:100%;order:3;font-size:2.6vw}#EditorTabsContainer{width:100%}.fieldset.ui-tabs-panel.ui-widget-content{font-size:2.6vw}.ui-tabs .ui-tabs-panel{padding:1%}.field-wide,.field-markdown{width:100%;min-height:5vw;float:none;padding:0 0 3% 0;clear:both}.field-normal{width:100%;height:auto;padding:0}.field-normal.right-align{text-align:left}.field-markdown>.field-label,.field-normal>.field-label,.field-wide>.field-label{width:100%;clear:both;margin-left:0;padding:1%;font-weight:bold;text-align:left;text-align-last:left}.field-normal>.field-label label,.field-wide>.field-label label{font-weight:bold}.field-normal .container-normal,.field-control .container-normal{margin-left:0}.control-dropdown{height:auto}.ui-spinner a.ui-spinner-button{height:50%}.field-normal .control-text{width:100%;height:auto;padding:1%;line-height:1}.control-textbox{height:auto}.ui-widget.ui-widget-content{font-size:2.6vw}#Guide{font-size:2.6vw}.alert-success,.alert-warning,.alert-error{height:auto;font-size:2.6vw}#MainCommandsContainer{height:auto;padding:2vw 0;font-size:2.6vw;z-index:200}#Footer{z-index:102}.ui-tabs .ui-tabs-nav{padding:1%;font-size:2.6vw}.ui-tabs .ui-tabs-nav li{margin-bottom:1%;padding-bottom:0;border-radius:4px}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:1%;padding-bottom:0;border-radius:4px}.message{bottom:140px}}@media screen and (max-width:1024px) and (min-width:0){body{min-width:320px!important}#Header{height:auto;position:relative}#CorpLogo{float:none;width:30%}#MainContainer{min-height:100vh}#Header a#navtgl{position:absolute;display:block;padding:1.6vw 1.4vw;border:.4vw solid #d19405;border-radius:1vw;top:1.4vw;right:4vw;height:8vw;width:8vw;z-index:101;background:#fece2f}#Header a#navtgl::before{content:'';display:block;height:1.3vw;border-top:.4vw solid #333;border-bottom:.4vw solid #333}#Header a#navtgl::after{content:'';display:block;height:1.4vw;border-bottom:.4vw solid #333}* #Navigations{box-sizing:border-box}#Navigations{width:100%;max-height:0;overflow:hidden;margin:0;padding:0 5%;border:none;position:relative;top:0;right:0;border-radius:0;z-index:100;font-size:3.2vw;line-height:7vw;transition:.5s}#Navigations.open{max-height:none;height:auto;overflow:visible;margin-top:2%;margin-bottom:5%;padding:5%;transition:.5s}#NavigationMenu>li.sub-menu>div.hover{background:none}#NavigationMenu{float:none;margin-right:0;margin-bottom:3%}#SearchField{float:none;margin:0;color:#000}#NavigationMenu>li{width:100%;height:auto;display:block;float:none;position:relative}#NavigationMenu>li>div{height:auto;text-align:left;line-height:7vw;font-weight:bold}#NavigationMenu>li>div:hover{background:none}#NavigationMenu>li>div>a{height:auto;display:block;text-decoration:none;font-weight:bold}#NavigationMenu .menu{width:100%;border-top:none !important;position:relative;top:0;right:0;border-radius:0;z-index:3}.pc-dn{display:block!important}#NavigationMenu .menu>li>a.ui-state-active{font-weight:normal;text-decoration:none}.ui-menu .ui-menu-item{border-top:1px solid #d19405}#NewMenuContainer{border:1px solid #d19405;background:#fff}}@media screen and (max-width:1024px) and (min-width:0){#SiteMenu .nav-site{width:20vw;height:20vw;text-align:center;border-radius:.5vw;float:none;margin:6%}#SiteMenu .sortable{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}#SiteMenu .nav-site.sites{width:20vw!important;height:20vw!important;background:#fff;border-radius:5px}#SiteMenu .nav-site .heading{width:8vw;height:3vw;top:-3vw}#SiteMenu .nav-site.sites.to-parent{height:auto!important;box-shadow:none;margin-top:3%;margin-bottom:0}#SiteMenu .nav-site.sites.to-parent span.title{position:relative;top:0;text-align:left;width:100%;margin-left:0}#SiteMenu .nav-site.sites.to-parent .heading{display:none}#SiteMenu .nav-site a{padding:0;overflow:inherit}#SiteMenu .nav-site .site-image-thumbnail{position:relative;top:inherit;left:inherit;max-width:inherit;border-radius:unset;width:90%;z-index:1;margin:0 auto;display:block}#SiteMenu .nav-site span.title::before{content:'';display:block;height:0}#SiteMenu .nav-site span.title{margin-left:0;font-size:14px}#SiteMenu .nav-site.has-image a{padding:1vw 0 0}#SiteMenu .nav-site .conditions{position:absolute;top:-2.4vw;right:-2.4vw;z-index:2}#SiteMenu .nav-site .conditions .elapsed-time{display:none}#SiteMenu .nav-site .conditions .count{display:none}#SiteMenu .nav-site .conditions .overdue{height:6vw;min-width:6vw;line-height:6vw;font-size:2.6vw;border-radius:3vw;font-weight:bold;padding:0}#SiteMenu .nav-site[data-type="Wikis"]{border-radius:2px;position:relative;width:20vw;border:2px solid #ccc}#SiteMenu .nav-site[data-type="Wikis"] a::before,#SiteMenu .nav-site[data-type="Wikis"] a::after{content:'';display:block;position:absolute;height:20%;width:80%;left:10%;border-top:2px solid #ccc;border-bottom:2px solid #ccc}#SiteMenu .nav-site[data-type="Wikis"] a::before{top:20%}#SiteMenu .nav-site[data-type="Wikis"] a::after{top:60%}#SiteMenu .nav-site[data-type="Wikis"] a img{margin-top:15%}#SiteMenu .nav-site.sites.to-parent{height:auto!important;border:none;background:none;text-align:left}#SiteMenu .nav-site.to-parent .ui-icon{display:none}#SiteMenu .nav-site.to-parent a{position:relative;display:inline-block;padding:0 0 0 16px;color:#000;vertical-align:middle;text-decoration:none;font-size:15px}#SiteMenu .nav-site.to-parent a::before,#SiteMenu .nav-site.to-parent a::after{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle}#SiteMenu .nav-site.to-parent a::before{left:5px;width:7px;height:3px;background:#7a0}#SiteMenu .nav-site.to-parent a::after{left:2px;width:6px;height:6px;border-bottom:3px solid #7a0;border-left:3px solid #7a0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#SiteMenu .nav-site span.title{margin-left:0;font-size:2.6vw;top:22vw;position:absolute;display:block;text-align:center;width:140%;margin-left:-20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#SiteMenu .nav-site .stacking1{width:20vw;height:20vw;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;position:absolute;top:1px;left:1px;border-radius:5px}#SiteMenu .nav-site .stacking2{width:20vw;height:20vw;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;position:absolute;top:4px;left:4px;border-radius:5px}#SiteMenu .nav-sites .to-parent a img{display:none}#SiteMenu .nav-site.to-parent.has-image a{padding:0 0 0 15px}}@media screen and (max-width:1024px) and (min-width:0){#FieldSetStandard{display:flex;flex-direction:column}.legend{order:2}#StandardTemplatesViewer{order:3}.template-selectable{order:1;float:none}.template-viewer-container{float:none;margin:0}.template-viewer{margin:0}.template-selectable{width:100%}.template-tab-container{min-height:10px}.field-vertical{width:100%;float:none;padding:0 0 20px 0}.container-selectable .wrapper{min-height:auto}.h350{height:auto}#EditInDialogBody{padding-bottom:15%}.links{overflow:auto}}@media screen and (max-width:1024px) and (min-width:0){#FieldSetHistories{overflow:auto;width:100%}#ViewModeContainer{overflow:auto;width:100%;padding-top:1%}#CrosstabBody{overflow:auto;width:100%}#GanttBody{overflow:auto;width:100%;padding-top:5%}.grid{font-size:2.8vw;width:98%}.grid>thead th{min-width:10vw;white-space:nowrap}.grid>tbody td{min-width:10vw;white-space:nowrap}.grid>thead th:nth-child(1),.grid>tbody td:nth-child(1){min-width:1vw}.grid>tbody td p{white-space:nowrap}#Calendar{font-size:2.6vw}#Calendar button{margin-bottom:2%}#CalendarBody #Grid thead{background:#fff}#CalendarMonth{display:block}#Calendar .field-auto-thin{display:flex;align-items:center;width:33%;margin:0;padding:0;margin-bottom:2%!important}#Calendar .field-auto-thin p{margin-right:1%}#Calendar .field-auto-thin select{max-width:none}#CalendarTimePeriod,#CalendarFromTo,#CalendarMonth{height:auto}#CalendarMonth{margin-bottom:2%}.w100{width:auto}#CrosstabBody{margin-top:3%}#CrosstabBody #Grid{table-layout:auto}#CrosstabBody .grid>thead>tr>th,#CrosstabBody .grid>tbody>tr>th{white-space:nowrap}#CrosstabBody .grid>thead th{min-width:10vw;white-space:nowrap}#CrosstabBody .grid>tbody td{min-width:10vw;white-space:nowrap}#Crosstab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#Crosstab .field-auto-thin{display:flex;align-items:center;width:48%;margin:0;padding:0;font-size:2.6vw}#Crosstab .field-auto-thin#CrosstabTimePeriodField{width:48%}#Crosstab .field-auto-thin p{width:100%;margin-right:2%;white-space:nowrap}#Crosstab .field-auto-thin select{max-width:none}#Crosstab #CrosstabMonth{width:48%;margin-top:2%;margin-right:0;font-size:2.6vw}#Crosstab button{font-size:2.6vw;margin-top:1%}.svg-crosstab{display:block}#ViewModeContainer .both{display:flex;align-items:center;flex-wrap:wrap}#ViewModeContainer .both .field-auto-thin{display:flex;align-items:center;width:48%;margin:0;padding:0;font-size:2.6vw;height:auto;padding-top:2%}#ViewModeContainer .both .field-auto-thin .field-auto-thin{width:30%}#ViewModeContainer .both .field-auto-thin:nth-child(3){width:100%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-auto-thin{width:48%;display:block}#ViewModeContainer .field-auto-thin p{margin-right:2%;white-space:nowrap;text-align:left}#GanttAxis{width:1500px;position:relative;left:0;bottom:0}#Gantt{width:1500px}#BurnDown{width:1500px}#TimeSeriesBody{padding-top:5%;margin-left:-5%;width:1500px}#TimeSeries{width:1500px}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3){width:48%}#ViewModeContainer #Kamban.both .field-auto-thin .field-control{width:100%}#KambanBody{margin-top:3%}#KambanBody #Grid{table-layout:auto}#KambanBody .grid>thead>tr>th,#KambanBody .grid>tbody>tr>th{white-space:nowrap}#KambanBody .grid>thead th{min-width:10vw;white-space:nowrap}#KambanBody .grid>tbody td{min-width:10vw;white-space:nowrap}}@media screen and (max-width:1024px) and (min-width:0){#Header{padding:0 calc(5vw)}#Header a#navtgl{right:5vw}#Application,#Footer{padding-left:5vw;padding-right:5vw}#SiteMenu .nav-site{margin:5%}:not(td)>div.field-control .container-normal{margin-left:0}*{line-height:1.4}.field-normal .control-textbox,.field-normal .control-dropdown,.field-normal .control-text,.field-control .control-textbox,.field-control .control-dropdown,.field-control .control-text,.container-normal .control-textbox,.container-normal .control-dropdown,.container-normal .control-text{font-size:2.6vw;min-height:unset;height:6vw;line-height:6vw;padding-top:0;padding-bottom:0;display:flex;align-items:center}body{font-size:16px}}@media screen and (max-width:1024px) and (min-width:0){#HeaderTitle{font-size:16px}}@media screen and (max-width:1024px) and (min-width:768px){#HeaderTitle{font-size:35px}}@media screen and (max-width:1024px) and (min-width:0){.command-center{padding:0}.ui-dialog .ui-dialog-titlebar-close{top:0;bottom:0;width:5vw;height:5vw;margin:auto 0}}@media screen and (max-width:1024px) and (min-width:0){#ViewSelector{font-size:2.6vw}}@media screen and (max-width:1024px) and (min-width:0){#Logo a{align-items:center;display:flex}#Logo #ProductLogo{font-size:18px;padding-left:8px}#CorpLogo{float:none;height:calc(8vw + 10px);width:unset;margin-top:0}}@media screen and (max-width:1024px) and (min-width:768px){#Logo #ProductLogo{padding-left:16px;font-size:32px}}@media screen and (max-width:1024px) and (min-width:0){#Editor .field-control .container-normal{width:calc(100% - 18px)}#Editor .field-control .ui-icon.ui-icon-clock.current-time,#Editor .field-control .ui-icon.ui-icon-person.current-user{top:calc(3vw - 6px)}}@media screen and (max-width:1024px) and (min-width:768px){#Editor .field-control .container-normal{width:calc(100% - 36px)}#Editor .field-control .ui-icon.ui-icon-clock.current-time,#Editor .field-control .ui-icon.ui-icon-person.current-user{top:calc(3vw - 3.5px);right:-30px}}@media screen and (max-width:1024px) and (min-width:0){#FieldSetAddressBook #OutgoingMailDestinationForm .container-left{width:38vw}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .command-left{float:unset;padding:0}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .command-left button{margin:1vw 1vw 1vw 0}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .container-selectable .wrapper{height:40vw}#FieldSetAddressBook #OutgoingMailDestinationForm .container-right>*{margin-left:40vw}}@media screen and (max-width:1024px) and (min-width:768px){#FieldSetAddressBook #OutgoingMailDestinationForm .container-left{width:33vw}}@media screen and (max-width:1024px) and (min-width:0){#Issues_WorkValue{width:100px}}@media screen and (max-width:1024px) and (min-width:0){body::before{content:'';position:fixed;width:5vw;height:50vh;top:0;left:0;background:#fff;z-index:200}body::after{content:'';position:fixed;width:5vw;height:50vh;top:0;right:0;background:#fff;z-index:700}}@media screen and (max-width:1024px) and (min-width:0){#Users_LoginId,#Users_Password{height:40px}#LoginMessage span{font-size:3.5vw}#PortalLink{font-size:3.5vw;top:3vw}#LoginFieldSet{margin:65px auto 20px auto}#LoginFieldSet input[type=checkbox]{margin:auto 0;margin-left:1.2vw}#LoginFieldSet button{margin-top:0}#LoginFieldSet .field-wide,#LoginFieldSet .field-normal{margin:0 0}#LoginFieldSet .field-normal .control-checkbox+label{margin:auto 0;margin-left:4vw;padding:0}#Logins .field-label{width:100%}}@media screen and (max-width:1024px) and (min-width:0){#Editor .field-markdown>.field-label>label{font-weight:bold}#Editor .field-control .unit{font-size:2.6vw;padding-top:calc((18px - 1.4em)/2)}#Editor .ui-spinner .control-spinner{height:100%}}@media screen and (max-width:1024px) and (min-width:0){#GridCheckAll{margin-top:0}label[for="GridCheckAll"]{margin:0}#Footer{font-size:2.8vw;height:auto}#MainCommandsContainer{bottom:calc(2.8vw*1.4 + 10px)}body>thead>tr{font-size:.75em}}@media screen and (max-width:1024px) and (min-width:0){#Editor #EditorTabsContainer fieldset .wrapper{max-height:250px;overflow:auto}#Editor #EditorTabsContainer fieldset .container-selectable .command-left{align-items:center;display:flex}#Editor #EditorTabsContainer fieldset:not(#FieldSetGeneral) legend.legend{min-height:10px}#SiteImageSettingsEditor .field-auto-thin,#GridSettingsEditor .field-auto-thin,#FiltersSettingsEditor .field-auto-thin,#EditorSettingsEditor .field-auto-thin,#LinksSettingsEditor .field-auto-thin,#HistoriesSettingsEditor .field-auto-thin,#FormulasSettingsEditor .field-auto-thin,#ViewsSettingsEditor .field-auto-thin,#ImportsSettingsEditor .field-auto-thin,#ExportsSettingsEditor .field-auto-thin,#CalendarSettingsEditor .field-auto-thin,#CrosstabSettingsEditor .field-auto-thin,#GanttSettingsEditor .field-auto-thin,#BurnDownSettingsEditor .field-auto-thin,#TimeSeriesSettingsEditor .field-auto-thin,#KambanSettingsEditor .field-auto-thin,#ImageLibSettingsEditor .field-auto-thin,#SearchSettingsEditor .field-auto-thin,#StylesSettingsEditor .field-auto-thin,#ScriptsSettingsEditor .field-auto-thin,#PublishSettingsEditor .field-auto-thin,#FieldSetSiteAccessControl .field-auto-thin{padding-right:0;height:auto;display:flex;align-items:center;clear:both}#SiteImageSettingsEditor .field-auto-thin .container-normal,#GridSettingsEditor .field-auto-thin .container-normal,#FiltersSettingsEditor .field-auto-thin .container-normal,#EditorSettingsEditor .field-auto-thin .container-normal,#LinksSettingsEditor .field-auto-thin .container-normal,#HistoriesSettingsEditor .field-auto-thin .container-normal,#FormulasSettingsEditor .field-auto-thin .container-normal,#ViewsSettingsEditor .field-auto-thin .container-normal,#ImportsSettingsEditor .field-auto-thin .container-normal,#ExportsSettingsEditor .field-auto-thin .container-normal,#CalendarSettingsEditor .field-auto-thin .container-normal,#CrosstabSettingsEditor .field-auto-thin .container-normal,#GanttSettingsEditor .field-auto-thin .container-normal,#BurnDownSettingsEditor .field-auto-thin .container-normal,#TimeSeriesSettingsEditor .field-auto-thin .container-normal,#KambanSettingsEditor .field-auto-thin .container-normal,#ImageLibSettingsEditor .field-auto-thin .container-normal,#SearchSettingsEditor .field-auto-thin .container-normal,#StylesSettingsEditor .field-auto-thin .container-normal,#ScriptsSettingsEditor .field-auto-thin .container-normal,#PublishSettingsEditor .field-auto-thin .container-normal,#FieldSetSiteAccessControl .field-auto-thin .container-normal{width:100%}#SiteImageSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#GridSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#FiltersSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#EditorSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#LinksSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#HistoriesSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#FormulasSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ViewsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ImportsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ExportsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#CalendarSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#CrosstabSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#GanttSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#BurnDownSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#TimeSeriesSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#KambanSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ImageLibSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#SearchSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#StylesSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#ScriptsSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#PublishSettingsEditor .field-auto-thin .container-normal .control-checkbox~label,#FieldSetSiteAccessControl .field-auto-thin .container-normal .control-checkbox~label{display:unset;float:unset;width:auto}#SiteImageSettingsEditor .field-auto-thin .field-label~.field-control,#GridSettingsEditor .field-auto-thin .field-label~.field-control,#FiltersSettingsEditor .field-auto-thin .field-label~.field-control,#EditorSettingsEditor .field-auto-thin .field-label~.field-control,#LinksSettingsEditor .field-auto-thin .field-label~.field-control,#HistoriesSettingsEditor .field-auto-thin .field-label~.field-control,#FormulasSettingsEditor .field-auto-thin .field-label~.field-control,#ViewsSettingsEditor .field-auto-thin .field-label~.field-control,#ImportsSettingsEditor .field-auto-thin .field-label~.field-control,#ExportsSettingsEditor .field-auto-thin .field-label~.field-control,#CalendarSettingsEditor .field-auto-thin .field-label~.field-control,#CrosstabSettingsEditor .field-auto-thin .field-label~.field-control,#GanttSettingsEditor .field-auto-thin .field-label~.field-control,#BurnDownSettingsEditor .field-auto-thin .field-label~.field-control,#TimeSeriesSettingsEditor .field-auto-thin .field-label~.field-control,#KambanSettingsEditor .field-auto-thin .field-label~.field-control,#ImageLibSettingsEditor .field-auto-thin .field-label~.field-control,#SearchSettingsEditor .field-auto-thin .field-label~.field-control,#StylesSettingsEditor .field-auto-thin .field-label~.field-control,#ScriptsSettingsEditor .field-auto-thin .field-label~.field-control,#PublishSettingsEditor .field-auto-thin .field-label~.field-control,#FieldSetSiteAccessControl .field-auto-thin .field-label~.field-control{margin-left:10px}#SiteImageSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#GridSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#FiltersSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#EditorSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#LinksSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#HistoriesSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#FormulasSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ViewsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ImportsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ExportsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#CalendarSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#CrosstabSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#GanttSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#BurnDownSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#TimeSeriesSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#KambanSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ImageLibSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#SearchSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#StylesSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#ScriptsSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#PublishSettingsEditor .field-auto-thin .field-label~.field-control .container-normal,#FieldSetSiteAccessControl .field-auto-thin .field-label~.field-control .container-normal{width:100%}#FieldSetGeneral .field-control .container-normal .control-checkbox~label{width:auto}#GridSettingsEditor #GridEditorType{max-width:unset}#SiteImageSettingsEditor #SiteImage{width:100%;height:7vw}#SiteImageSettingsEditor #SetSiteImage{margin-right:0}#SearchSettingsEditor #SearchType{margin-bottom:10px}#SearchSettingsEditor #SearchSettingsEditorFulltext legend.legend.applied,#SearchSettingsEditor #SearchSettingsEditorOperations legend.legend.applied{margin-bottom:10px}#SearchSettingsEditor #SearchSettingsEditorFulltext{padding-top:10px}#Editor #EditorTabsContainer .fieldset+.field-auto-thin{margin-top:10px}}@media screen and (max-width:1024px) and (min-width:0){#Aggregations{display:flex;flex-wrap:wrap;row-gap:5px;justify-content:flex-start;align-items:center}#Aggregations span.label{flex:1 0 auto;margin:0;text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}#Aggregations span.data{flex:1 0 auto;margin:0;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;height:auto}#Aggregations span.data.no-choice{flex-basis:auto;align-self:stretch}#Aggregations span.data.link span{font-weight:bold}#Aggregations #ReduceAggregations{width:100%}}@media screen and (max-width:1024px) and (min-width:768px){#Aggregations{row-gap:15px}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer .grid{vertical-align:middle}input[type='checkbox'],.field-auto-thin input[type='checkbox']{width:3vw;height:3vw}.field-auto-thin input[type='checkbox']+label{padding-top:2px}}@media screen and (max-width:1024px) and (min-width:0){#SearchField #Search{font-size:3vw;width:100%}#SearchField #Search::placeholder{font-size:3vw}}@media screen and (max-width:1024px) and (min-width:0){#ViewFilters #ViewFilters_Reset{margin-left:auto;margin-right:0}#ViewFilters .field-auto-thin{width:50%}#ViewFilters .field-auto-thin .field-control .container-normal{display:flex;align-items:center}#ViewFilters .field-auto-thin .field-control .container-normal input[type='checkbox']{margin-right:4px;margin-top:1px}#ViewFilters .field-auto-thin .field-control .container-normal .ui-widget.ui-state-default.ui-multiselect,#ViewFilters .field-auto-thin .field-control .container-normal .control-textbox{height:6vw;font-size:2.6vw}#ViewFilters #ViewFilters_SearchField{width:100%}#ViewFilters #ViewFilters_SearchField p.field-label{width:17%}#ViewFilters #ViewFilters_SearchField .field-control{width:100%}#ViewFilters>.field-auto-thin:nth-child(odd){padding-right:2px}#ViewFilters>.field-auto-thin:nth-child(even){padding-left:2px}.ui-multiselect-menu .ui-helper-reset{position:relative}.ui-multiselect-menu .ui-helper-reset li{width:100%}.ui-multiselect-menu .ui-helper-reset li>label span{position:relative;top:-4px}.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-all,.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-none{width:100%;display:flex;align-items:center}.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-all span:last-child,.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-none span:last-child{padding-left:10px}.ui-multiselect-menu .ui-helper-reset li .ui-multiselect-close{position:absolute;top:8px;right:0}}@media screen and (max-width:1024px) and (min-width:0){#EditorTabsContainer .legend.applied{display:flex;align-items:center;font-weight:bold}#EditorTabsContainer #PermissionEditor .field-vertical:first-child>.field-control{border-bottom:1px solid #d19405;padding-bottom:2vw}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left{display:flex;align-items:center;flex-wrap:wrap;width:100%}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left #SearchPermissionElements{margin:2px 1vw 2px 6vw;height:7vw}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left button{align-self:stretch;display:flex;align-items:center;justify-content:center;white-space:nowrap}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left button .ui-icon{position:relative;top:.5vw;width:18px;height:18px;margin-right:0}#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left #OpenPermissionsDialog,#EditorTabsContainer #PermissionEditor .field-control .container-selectable .command-left #DeletePermissions{line-height:1.5}#EditorTabsContainer #PermissionEditor .field-control .container-selectable #CurrentPermissionsWrapper{min-height:15vw}}@media screen and (max-width:1024px) and (min-width:0){thead>tr.ui-widget-header th div>span{font-size:2.8vw;white-space:nowrap}}@media screen and (max-width:1024px) and (min-width:768px){#EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-pencil.button-edit-markdown{top:10px;right:4px}}@media screen and (max-width:1024px) and (min-width:0){#EditorTabsContainer{overflow:auto}#EditorComments{padding:0;margin:0}#EditorComments #CommentField .control-textarea{height:15vw}#EditorComments #CommentField .control-textarea::placeholder{font-size:2.6vw}}@media screen and (max-width:1024px) and (min-width:0){.is-showMenu{overflow:hidden}.is-showMenu body{position:fixed;overflow:hidden}.bg-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:301;width:100%;height:100%;display:none}#MainContainer{overflow:hidden}header#Header{position:fixed;top:0;z-index:1000;background-color:#fff;transition:all .5s ease}header#Header a#navtgl{top:8px;z-index:1000;transition:all .5s ease}header#Header a#navtgl::after{transition:all .5s ease}header#Header a#navtgl.on{transition:all .5s ease;position:fixed}header#Header a#navtgl.on::before{transition:all .5s ease;border-top:none;transform:translate(12.5%,50%) rotate(50deg)}header#Header a#navtgl.on::after{transition:all .5s ease;transform:translate(12.5%,0%) rotate(126deg)}#Navigations{transition:all .5s ease;max-height:100vh;height:100vh;position:absolute;top:0;right:-1000px;z-index:999;padding:5%;width:70%;padding-top:112px;opacity:0}#Navigations.open{opacity:1;padding-top:112px;right:0;height:100vh;margin:0;position:fixed;top:0;z-index:1000}}@media screen and (max-width:1024px) and (min-width:0){#OutgoingMailsForm{width:100%;font-size:2.6vw}#OutgoingMailsForm .item h3.title-header{height:auto}#OutgoingMailsForm .item .content{padding:.2em;margin:0}#OutgoingMailsForm .item .content .field-auto,#OutgoingMailsForm .item .content .field-auto-thin{width:100%;margin-right:0;padding-right:0;padding-bottom:0;display:flex;flex-direction:column;height:auto}#OutgoingMailsForm .item .content .field-auto .field-label,#OutgoingMailsForm .item .content .field-auto-thin .field-label{float:none;padding:7px 7px 7px 0;width:100%;text-align:left;display:block}#OutgoingMailsForm .item .content .field-auto .field-label label,#OutgoingMailsForm .item .content .field-auto-thin .field-label label{font-weight:bold}#OutgoingMailsForm .item .content .field-auto .field-control,#OutgoingMailsForm .item .content .field-auto-thin .field-control{float:none;width:100%}#OutgoingMailsForm .item .content .field-auto .field-control .container-normal,#OutgoingMailsForm .item .content .field-auto-thin .field-control .container-normal{margin-right:0;width:100%}#OutgoingMailsForm .item .content .field-auto .field-control .container-normal .control-text,#OutgoingMailsForm .item .content .field-auto-thin .field-control .container-normal .control-text{min-height:0;height:auto}#OutgoingMailsForm .item .content .field-auto-thin{margin-left:0}#OutgoingMailsForm .item .content .field-wide{display:flex;flex-direction:column;padding:0}#OutgoingMailsForm .item .content .field-wide .field-label{padding:7px 0}#OutgoingMailsForm .item .content .field-wide .field-control .container-normal{margin-right:0;width:100%}}@media screen and (max-width:1024px) and (min-width:0){#SiteMenu li.ui-sortable-handle{touch-action:unset}}@media screen and (max-width:1024px) and (min-width:0){.xdsoft_datetimepicker span{font-size:2.6vw}.xdsoft_datetimepicker .xdsoft_datepicker{width:calc(42.81vw - 16px)}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button{margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label.xdsoft_year{margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month{width:fit-content}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select .xdsoft_option,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select .xdsoft_option{font-size:2.6vw}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select .xdsoft_scrollbar,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select .xdsoft_scrollbar{width:.7vw}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td{font-size:2.6vw}.xdsoft_datetimepicker .xdsoft_timepicker.active{width:calc(12.17vw - 8px)}.xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_time_box .xdsoft_time{font-size:2.6vw}}@media screen and (max-width:1024px) and (min-width:768px){.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year i,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month i{transform:scale(1.6)}.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year span,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month span{font-size:16px}}@media screen and (max-width:1024px) and (min-width:0){.message span.body{display:flex;align-items:center;justify-content:center}.message .close{top:unset;bottom:calc(50% - 8px);margin:auto}}@media screen and (max-width:1024px) and (min-width:0){#Navigations.open{overflow-y:scroll}#Navigations #NavigationMenu #NewMenuContainer{background:unset;border:none}#Navigations #NavigationMenu #NewMenuContainer a{line-height:7vw}#Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper{font-size:3vw;padding-left:5vw}}@media screen and (max-width:1024px) and (min-width:768px){#Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper{padding-left:4vw}}@media screen and (max-width:1024px) and (min-width:0){#Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox{position:relative;margin-right:6px;margin-top:.3vw}}@media screen and (max-width:1024px) and (min-width:768px){#Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox{margin-right:12px}}@media screen and (max-width:1024px) and (min-width:0){#Editor #EditorTabsContainer .field-normal,#Editor #EditorTabsContainer .field-wide,#Editor #EditorTabsContainer .field-markdown{display:inline-block;margin-top:8px;padding-bottom:0}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer #Calendar.both select{font-size:2.6vw;height:6vw}#ViewModeContainer #Calendar.both .field-label{min-width:16%;margin-right:0}#ViewModeContainer #Calendar.both .field-auto-thin .field-control .container-normal{display:flex;align-items:center}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1),#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2),#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3){flex:0 1 calc(47%);flex-wrap:nowrap}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1) .field-label,#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2) .field-label,#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-label{min-width:16%}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1) .field-control,#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2) .field-control,#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-control{width:84%}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4){width:47%;padding-top:2%}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal{justify-content:flex-end}#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal #CalendarDate{margin-right:0;width:100%;font-size:2.6vw}#ViewModeContainer #Calendar.both .field-auto-thin input[type='checkbox']{margin-left:2px}#ViewModeContainer #Calendar.both button{flex:1 0 calc((100%/3) - 32px);margin:2% 10px 2% 10px}#ViewModeContainer .grid.fixed{width:100%}#ViewModeContainer .grid.fixed tbody tr td.container .item{touch-action:auto;min-height:4vw;margin-top:5px;margin-bottom:5px;height:4vw}#ViewModeContainer .grid.fixed tbody tr td.container .item .connection{min-height:4vw;height:4vw}#ViewModeContainer .grid.fixed tbody tr td.container .dummy{height:4vw}#ViewModeContainer .grid.fixed tbody .title{padding:0}thead th.calendar-header{overflow-x:hidden}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer .both{column-gap:16px}#ViewModeContainer .both .field-auto-thin:first-child,#ViewModeContainer .both .field-auto-thin:nth-child(2){flex:0 1 calc(50% - 8px)}#ViewModeContainer .both .field-auto-thin:first-child .field-control,#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-control{flex:1}#ViewModeContainer .both .field-auto-thin:first-child .field-control select,#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-control select{max-width:100%}#ViewModeContainer .both .field-auto-thin:nth-child(3){row-gap:12px;flex-wrap:wrap}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-label{min-width:15%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-auto-thin{display:flex;align-items:center;flex:1 0 100%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-auto-thin #GanttStartDate{width:100%;font-size:2.6vw;margin-right:0}#ViewModeContainer .both .field-auto-thin:nth-child(3) button{flex:1}#ViewModeContainer .both .field-auto-thin:nth-child(3) button:last-child{margin-right:8px}#ViewModeContainer .both .field-auto-thin:nth-child(4){width:100%;padding-top:12px}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control{width:100%}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control .container-normal{width:100%;display:flex;align-items:center;column-gap:32px}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control .container-normal #GanttPeriod\,ui{width:99%;margin-top:0}#ViewModeContainer .both .field-auto-thin:nth-child(4) .field-control .container-normal #GanttPeriod{margin:0}#GanttBody{max-height:70vh}#GanttBody #Gantt{font-size:2.6vw;width:500%}#GanttBody text{font-size:2.6vw}#GanttBody .title text.summary{font-size:3vw}#GanttBody #GanttAxis{left:-2px;position:sticky;width:500%}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer #Kamban.both .field-auto-thin select{font-size:2.6vw}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(1),#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(2),#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3),#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField{width:100%;flex:0 1 calc(50% - 8px);flex-wrap:wrap;display:flex;row-gap:0}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(1) .field-label,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(2) .field-label,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3) .field-label,#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField .field-label{width:100%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(1) select,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(2) select,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3) select,#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField select{max-width:100%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(3){padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin#KambanValueField{padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(5){display:block;width:100%;padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(5) .field-label{min-width:50%;margin-right:10px}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(5) select{max-width:100%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(6),#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(7){width:calc(50% - 8px);padding-top:4%}#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(6) .container-normal,#ViewModeContainer #Kamban.both .field-auto-thin:nth-child(7) .container-normal{display:flex;align-items:center}#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item{height:4vw;padding:0 16px 0 5px;overflow:hidden;white-space:pre-line;touch-action:auto;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}@media screen and (max-width:1024px) and (min-width:768px){#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item .ui-icon.ui-icon-pencil{width:16px;height:16px;top:10px;right:4px}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group{display:flex;flex-wrap:wrap;margin:0}#ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(3){border-radius:0 .25em .25em 0}#ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:last-child{border-radius:.25em}}@media screen and (max-width:768px) and (min-width:0){#ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(odd){border-radius:.25em 0 0 .25em}#ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(even){border-radius:0 .25em .25em 0}}@media screen and (max-width:1024px) and (min-width:0){#RecordSwitchers{display:flex;align-items:center}#RecordSwitchers #CurrentIndex{height:7.5vw;display:flex;align-items:center}#Editor fieldset .command-left{width:100%}table.grid tbody tr td svg{margin-top:calc(3.2vw - 13px);overflow:unset}table.grid tbody tr td .user{display:flex;align-items:center}table.grid tbody tr td .user .ui-icon-person{margin-top:.15vw}}@media screen and (max-width:1024px) and (min-width:0){#Editor #RecordHeader .user{display:flex;align-items:center}#Editor #RecordHeader .user .ui-icon-person{margin-right:.6vw}#EditorTabsContainer #Users_DeptIdField .ui-icon-person{top:calc(3vw - 6.5px)}}@media screen and (max-width:1024px) and (min-width:768px){.ui-icon{transform:scale(1.6);margin-right:4px}#Editor .ui-button-icon-space{width:1vw}#Editor #RecordHeader .user .ui-icon-person{margin:auto 4px}#EditorTabsContainer #Users_DeptIdField .ui-icon-person{top:calc(3vw - 3.5px);right:-30px}}@media screen and (max-width:1024px) and (min-width:0){#OutgoingMailDialog .field-wide{padding-bottom:5px}#OutgoingMailDialog .field-wide .field-label{width:auto}#OutgoingMailDialog .field-wide .field-control{float:none}#OutgoingMailDialog .field-wide .control-basket,#OutgoingMailDialog .field-wide .container-normal{margin-left:15vw}#OutgoingMailDialog textarea{height:20vw}}@media screen and (max-width:1024px) and (min-width:0){.show-password{top:calc(50% - 12px);right:10px}#LoginFieldSet input[type=checkbox]{transform:scale(1.2)}#LoginFieldSet input{height:10vw}#LoginFieldSet input,#LoginFieldSet select{font-size:4vw}#Users_RememberMeField .container-normal{display:flex;align-items:center}}@media screen and (max-width:1024px) and (min-width:768px){.show-password{transform:scale(1.5)}}@media screen and (max-width:1024px) and (min-width:0){#Navigations.open{padding-top:18vw}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer .field-auto-thin>.field-label{padding:7px 2vw 7px 0}#CrosstabValueField .field-control{width:70%}#Crosstab .field-auto-thin p{margin-right:0%}#ViewModeContainer #Crosstab .field-auto-thin{width:100%;flex:0 1 calc(100%);padding-top:1vw}#ViewModeContainer #Crosstab .field-auto-thin .field-label{width:30%}#ViewModeContainer #Crosstab .field-auto-thin .field-control{width:70%}#ViewModeContainer #Crosstab .field-auto-thin .field-control input[type='checkbox'],#ViewModeContainer #Crosstab .field-auto-thin .field-control .field-auto-thin input[type='checkbox']{width:4vw;height:4vw;margin-left:2px}#ViewModeContainer #Crosstab .field-control .control-dropdown{font-size:2.6vw}#CrosstabBody .grid>thead>tr:first-child>th:not(:first-child),#KambanBody .grid>thead>tr:first-child>th:not(:first-child){white-space:nowrap}}@media screen and (max-width:1024px) and (min-width:0){#ImportSettingsDialog .control-checkbox+label{margin:1.8vw 0 0 1vw}#ImportSettingsDialog .control-checkbox{margin:2vw 0 2vw 2px}#ImportSettingsDialog .control-textbox{height:7vw;line-height:6.5vw}#ImportSettingsDialog .command-center{padding:2vw 0}}@media screen and (max-width:1024px) and (min-width:0){#ExportSelectorDialog .command-center{padding:2vw 0}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer #Grid .control-dropdown,#ViewModeContainer #Grid .datepicker{width:25vw;text-overflow:ellipsis;white-space:nowrap}#ViewModeContainer #Grid .current-user,#ViewModeContainer #Grid .current-time{display:none}#ViewModeContainer #Grid .ui-spinner{height:6vw;max-height:6vw;display:flex;align-items:center}}@media screen and (max-width:1024px) and (min-width:0){#ViewModeContainer .both #TimeSeriesValueField,#ViewModeContainer .both #TimeSeriesChartTypeField,#ViewModeContainer .both #TimeSeriesHorizontalAxisField{width:100%}#ViewModeContainer .both #TimeSeriesValueField .field-label,#ViewModeContainer .both #TimeSeriesChartTypeField .field-label,#ViewModeContainer .both #TimeSeriesHorizontalAxisField .field-label{min-width:30%}#ViewModeContainer .both .field-auto-thin:first-child,#ViewModeContainer .both .field-auto-thin:nth-child(2){flex:0 1 calc(50% - 8px)}#ViewModeContainer .both .field-auto-thin:first-child .field-label,#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-label{min-width:29%}#ViewModeContainer .both .field-auto-thin:nth-child(3) .field-label{min-width:13%}#ViewModeContainer .both .field-auto-thin select{max-width:100%}#ViewModeContainer .both .field-auto-thin>.field-control{min-width:68%}}@media screen and (max-width:1024px) and (min-width:0){#ApiEditorCommands{display:flex;justify-content:center;padding:10vw 0}}@media screen and (max-width:1024px) and (min-width:0){#Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin{width:100%;height:7vw;margin:0}#Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control{width:100%}#Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control .container-normal label{padding:0}#Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control .container-normal #TenantImage{height:auto}#Editor #TenantForm #EditorTabsContainer .fieldset .button-icon{margin-top:5vw}#Editor #TenantForm #EditorTabsContainer .fieldset #StyleField .field-textarea>.field-label,#Editor #TenantForm #EditorTabsContainer .fieldset #ScriptField .field-textarea>.field-label{width:100%;text-align:left}}@media screen and (max-width:1024px) and (min-width:0){#Versions span{margin:20px 10px 20px 0}}@media screen and (max-width:767px) and (min-width:0){#Versions{font-size:2.6vw;width:auto;padding:4vw 5vw 4vw 7vw}#Versions span{margin:0 10px 0 0}}
\ No newline at end of file
diff --git a/Implem.Pleasanter/wwwroot/scripts/_elements.js b/Implem.Pleasanter/wwwroot/scripts/_elements.js
index e375744d5..653a51033 100644
--- a/Implem.Pleasanter/wwwroot/scripts/_elements.js
+++ b/Implem.Pleasanter/wwwroot/scripts/_elements.js
@@ -1,5 +1,5 @@
$p.responsive = function () {
- return $('#Responsive').val() === '1';
+ return $('#Responsive[type="hidden"]').val() === '1';
}
$p.id = function () {
diff --git a/Implem.Pleasanter/wwwroot/scripts/dashboard.js b/Implem.Pleasanter/wwwroot/scripts/dashboard.js
index 8249f19f4..817cd4f72 100644
--- a/Implem.Pleasanter/wwwroot/scripts/dashboard.js
+++ b/Implem.Pleasanter/wwwroot/scripts/dashboard.js
@@ -4,7 +4,7 @@
$p.gridstackInstance = GridStack.init({
column: 20,
cellHeight: 16,
- oneColumnSize: 980,
+ oneColumnSize: 1024,
draggable: { cancel: ".no-drag" },
disableDrag: isMobile,
});
diff --git a/Implem.Pleasanter/wwwroot/scripts/gantt.js b/Implem.Pleasanter/wwwroot/scripts/gantt.js
index 202c324af..d523e277e 100644
--- a/Implem.Pleasanter/wwwroot/scripts/gantt.js
+++ b/Implem.Pleasanter/wwwroot/scripts/gantt.js
@@ -8,6 +8,36 @@
}
$p.drawGantt = function () {
+ let spacing = 25;
+ let heightPlaned = 23;
+ let heightEarned = 23;
+ let fontSize = 'inherit';
+ let dYText = 16;
+ let heightGantt = 45;
+ let dYFirstLineAxis = 20;
+ let dYSecondLineAxis = 40;
+ let heightAxis = 20;
+ if (window.matchMedia("(max-width: 1024px)").matches) {
+ spacing = 50;
+ heightPlaned = 40;
+ heightEarned = 40;
+ dYText = 29;
+ heightGantt = 60;
+ dYFirstLineAxis = 20;
+ dYSecondLineAxis = 40;
+ heightAxis = 20;
+ }
+ if (window.matchMedia("(max-width: 767px)").matches) {
+ spacing = 30;
+ heightPlaned = 23;
+ heightEarned = 23;
+ fontSize = '2.6vw';
+ dYText = 16;
+ heightGantt = 45;
+ dYFirstLineAxis = 20;
+ dYSecondLineAxis = 40;
+ heightAxis = 20;
+ }
var $gantt = $('#Gantt');
var $axis = $('#GanttAxis');
if ($gantt.length !== 1) {
@@ -49,10 +79,10 @@ $p.drawGantt = function () {
.data(days)
.enter()
.append('rect')
- .attr('x', function (d) { return 30 + xScale(d) })
+ .attr('x', function (d) { return 23 + xScale(d) })
.attr('y', 25)
.attr('width', xScale(days[1]))
- .attr('height', 20)
+ .attr('height', heightAxis)
.attr('class', function (d) {
switch (d.getDay()) {
case 0: return 'sunday';
@@ -62,9 +92,9 @@ $p.drawGantt = function () {
});
var currentDate = minDate;
while (currentDate <= maxDate) {
- var axisLine = [[30 + xScale(currentDate), 25], [30 + xScale(currentDate), 45]];
+ var axisLine = [[30 + xScale(currentDate), 25], [30 + xScale(currentDate), 60]];
var line = d3.line()
- .x(function (d) { return d[0]; })
+ .x(function (d) { return d[0] - 8; })
.y(function (d) { return d[1]; });
axis.append('g').attr('class', 'date').append('path').attr('d', line(axisLine));
currentDate = $p.dateAdd('d', 1, currentDate);
@@ -77,9 +107,10 @@ $p.drawGantt = function () {
.append('text')
.attr('text-anchor', 'middle')
.attr('x', function (d) {
- return 30 + xScale(d) + (xScale($p.dateAdd('d', 1, d)) - xScale(d)) / 2;
+ return 22 + xScale(d) + (xScale($p.dateAdd('d', 1, d)) - xScale(d)) / 2;
})
- .attr('y', 20)
+ .attr('y', dYFirstLineAxis)
+ .style('font-size', fontSize)
.text(function (d) {
return d.getMonth() + 1;
});
@@ -93,9 +124,10 @@ $p.drawGantt = function () {
.append('text')
.attr('text-anchor', 'middle')
.attr('x', function (d) {
- return 30 + xScale(d) + (xScale($p.dateAdd('d', 1, d)) - xScale(d)) / 2;
+ return 22 + xScale(d) + (xScale($p.dateAdd('d', 1, d)) - xScale(d)) / 2;
})
- .attr('y', 40)
+ .attr('y', dYSecondLineAxis)
+ .style('font-size', fontSize)
.text(function (d) {
return d.getDate();
});
@@ -105,9 +137,9 @@ $p.drawGantt = function () {
: -1;
$.each(json, function (i, d) {
if (d.GroupSummary) groupCount++;
- d.Y = padding + i * 25 + groupCount * 25;
+ d.Y = padding + i * spacing + groupCount * 25;
});
- $('#Gantt').css('height', d3.max(json, function (d) { return d.Y }) + 45);
+ $('#Gantt').css('height', d3.max(json, function (d) { return d.Y }) + heightGantt);
svg.append('g')
.selectAll('rect')
.data(days.filter(function (d) {
@@ -150,7 +182,7 @@ $p.drawGantt = function () {
return xScale($p.transferedDate(format, d.CompletionTime))
- xScale($p.transferedDate(format, d.StartTime))
})
- .attr('height', 23)
+ .attr('height', heightPlaned)
.attr('class', function (d) {
var ret = d.Completed
? 'completed'
@@ -180,12 +212,12 @@ $p.drawGantt = function () {
- xScale($p.transferedDate(format, d.StartTime)))
* d.ProgressRate * 0.01
})
- .attr('height', 23)
+ .attr('height', heightEarned)
.attr('class', function (d) {
var ret = d.ProgressRate < 100 &&
(padding + xScale($p.transferedDate(format, d.StartTime)) +
- ((xScale($p.transferedDate(format, d.CompletionTime)) - xScale($p.transferedDate(format, d.StartTime)))
- * d.ProgressRate * 0.01)) < now
+ ((xScale($p.transferedDate(format, d.CompletionTime)) - xScale($p.transferedDate(format, d.StartTime)))
+ * d.ProgressRate * 0.01)) < now
? 'delay'
: d.ProgressRate === 100 && d.Completed
? 'completed'
@@ -211,19 +243,19 @@ $p.drawGantt = function () {
: padding + xScale($p.transferedDate(format, d.StartTime)) + 5
})
.attr('y', function (d) {
- return d.Y + 16;
+ return d.Y + dYText;
})
.attr('width', function (d) {
return (xScale($p.transferedDate(format, d.CompletionTime))
- xScale($p.transferedDate(format, d.StartTime)))
* d.ProgressRate * 0.01
})
- .attr('height', 23)
+ .attr('height', 50)
.attr('class', function (d) {
var ret = d.ProgressRate < 100 &&
(padding + xScale($p.transferedDate(format, d.StartTime)) +
- ((xScale($p.transferedDate(format, d.CompletionTime)) - xScale($p.transferedDate(format, d.StartTime)))
- * d.ProgressRate * 0.01)) < now &&
+ ((xScale($p.transferedDate(format, d.CompletionTime)) - xScale($p.transferedDate(format, d.StartTime)))
+ * d.ProgressRate * 0.01)) < now &&
($('#ShowGanttProgressRate').val() === '1' || !d.Completed)
? 'delay'
: '';
@@ -235,8 +267,21 @@ $p.drawGantt = function () {
return 'start';
})
.attr('data-id', function (d) { return d.Id; })
+ .style('font-size', fontSize)
.text(function (d) {
- return d.Title;
+ if (window.matchMedia("(max-width: 1024px)").matches) {
+ let labelRange = 0;
+ let span = (xScale($p.transferedDate(format, d.CompletionTime))
+ - xScale($p.transferedDate(format, d.StartTime)))
+ * d.ProgressRate * 0.01
+ let task = d.Title;
+ let label;
+ (span > labelRange) ? labelRange = span : labelRange;
+ (task.length * 7 > span) ? label = task.substring(0, 50) + "..." : label = task;
+ return label;
+ } else {
+ return d.Title;
+ }
})
.append('title')
.text(function (d) {
diff --git a/Implem.Pleasanter/wwwroot/scripts/kamban.js b/Implem.Pleasanter/wwwroot/scripts/kamban.js
index 4f72a7d2c..f2fe20fcf 100644
--- a/Implem.Pleasanter/wwwroot/scripts/kamban.js
+++ b/Implem.Pleasanter/wwwroot/scripts/kamban.js
@@ -17,7 +17,7 @@
var dataX = $(this).attr('data-x');
var dataY = $(this).attr('data-y');
data["KambanId"] = $(ui.draggable).attr('data-id');
- if (dataX !== undefined){
+ if (dataX !== undefined) {
data[tableNamePrefix + $('#KambanGroupByX').val()] = dataX;
}
if (dataY !== undefined) {
@@ -26,4 +26,65 @@
$p.send($('#KambanBody'));
}
});
+ $('#KambanBody .kamban-item').each(function () {
+ let offsetX, offsetY;
+ $(this).on('touchstart', function (e) {
+ const touch = e.touches[0];
+ offsetX = touch.clientX;
+ offsetY = touch.clientY;
+ });
+ $(this).on('touchmove', function (e) {
+ e.preventDefault();
+ const touch = e.touches[0];
+ const x = touch.clientX - offsetX;
+ const y = touch.clientY - offsetY;
+ const rectDraggable = this.getBoundingClientRect();
+ $(this).css('z-index', 2);
+ $('#KambanBody .kamban-container').each(function () {
+ const rectDroppable = this.getBoundingClientRect();
+ if (
+ rectDraggable.left >= rectDroppable.left &&
+ rectDraggable.left <= rectDroppable.right &&
+ rectDraggable.top >= rectDroppable.top &&
+ rectDraggable.top <= rectDroppable.bottom
+ ) {
+ $(this).css('background-color', '#f5f5f5');
+ } else {
+ $(this).css('background-color', 'unset');
+ }
+ });
+ $(this).css('transform', `translate(${x}px, ${y}px)`);
+ });
+ $(this).on('touchend', function () {
+ const rectDraggable = this.getBoundingClientRect();
+ const id = $(this).attr('data-id');
+ let isDroppableIntoKambanContainer = false;
+ $('#KambanBody .kamban-container').each(function () {
+ const rectDroppable = this.getBoundingClientRect();
+ if (
+ rectDraggable.left >= rectDroppable.left &&
+ rectDraggable.left <= rectDroppable.right &&
+ rectDraggable.top >= rectDroppable.top &&
+ rectDraggable.top <= rectDroppable.bottom
+ ) {
+ var data = $p.getData($('.main-form'));
+ var tableNamePrefix = $('#TableName').val() + '_';
+ var dataX = $(this).attr('data-x');
+ var dataY = $(this).attr('data-y');
+ data["KambanId"] = id;
+ if (dataX !== undefined) {
+ data[tableNamePrefix + $('#KambanGroupByX').val()] = dataX;
+ }
+ if (dataY !== undefined) {
+ data[tableNamePrefix + $('#KambanGroupByY').val()] = dataY;
+ }
+ $p.send($('#KambanBody'));
+ isDroppableIntoKambanContainer = true;
+ }
+ });
+ if (!isDroppableIntoKambanContainer) {
+ $(this).css('transform', 'unset');
+ }
+ });
+ });
}
\ No newline at end of file
diff --git a/Implem.Pleasanter/wwwroot/scripts/markdown.js b/Implem.Pleasanter/wwwroot/scripts/markdown.js
index dd6b7833a..941280454 100644
--- a/Implem.Pleasanter/wwwroot/scripts/markdown.js
+++ b/Implem.Pleasanter/wwwroot/scripts/markdown.js
@@ -49,7 +49,7 @@ $p.markup = function (markdownValue, encoded) {
text = replaceUnc(text);
return text.indexOf('[md]') === 0
? '' + marked(text.substring(4)) + '
'
- : replaceUrl(markedUp(text));
+ : markedUp(replaceUrl(text));
function markedUp(text) {
var $html = $('')
diff --git a/Implem.Pleasanter/wwwroot/scripts/responsive.js b/Implem.Pleasanter/wwwroot/scripts/responsive.js
index 35b9a3ac7..c69fe9708 100644
--- a/Implem.Pleasanter/wwwroot/scripts/responsive.js
+++ b/Implem.Pleasanter/wwwroot/scripts/responsive.js
@@ -29,7 +29,7 @@
}
$(document).ready(function () {
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
const heightHeader = $('#Header').length > 0 ? $('#Header').height() : 100;
$('#Application').css({
'padding-top': `${heightHeader}px`
@@ -96,7 +96,7 @@ $.each($toggleBtns, function (i, el) {
});
});
-if (screen.width < 981) {
+if (screen.width < 1025) {
$p.send($('#ReduceViewFilters'));
$p.send($('#ReduceAggregations'));
}
@@ -122,17 +122,17 @@ $(document).ready(function () {
}
}
}
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
handleSMobileViewport();
}
window.addEventListener('resize', function () {
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
handleSMobileViewport();
}
});
});
-if ($p.responsive() && screen.width < 981) {
+if ($p.responsive() && screen.width < 1025) {
$('#ViewModeContainer').on('scroll', function () {
let scrollLeft = $(this).scrollLeft();
if ($(this).scrollLeft() > 0) {
@@ -142,3 +142,9 @@ if ($p.responsive() && screen.width < 981) {
}
});
}
+
+if(navigator.userAgent.indexOf('iPhone') > -1 ) {
+ document
+ .querySelector("[name=viewport]")
+ .setAttribute("content","width=device-width, initial-scale=1, maximum-scale=1");
+}
\ No newline at end of file
diff --git a/Implem.Pleasanter/wwwroot/scripts/sitepackage.js b/Implem.Pleasanter/wwwroot/scripts/sitepackage.js
index 6d35419c3..58af8fe87 100644
--- a/Implem.Pleasanter/wwwroot/scripts/sitepackage.js
+++ b/Implem.Pleasanter/wwwroot/scripts/sitepackage.js
@@ -6,7 +6,7 @@
width: '520px'
});
}
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
$p.openResponsiveMenu();
}
}
@@ -47,7 +47,7 @@ $p.openExportSitePackageDialog = function ($control) {
}
});
}
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
$p.openResponsiveMenu();
}
}
diff --git a/Implem.Pleasanter/wwwroot/scripts/template.js b/Implem.Pleasanter/wwwroot/scripts/template.js
index e0479fd32..560e1c65d 100644
--- a/Implem.Pleasanter/wwwroot/scripts/template.js
+++ b/Implem.Pleasanter/wwwroot/scripts/template.js
@@ -1,6 +1,6 @@
$p.templates = function ($control) {
$p.send($control, 'MainForm');
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
$p.openResponsiveMenu();
}
}
diff --git a/Implem.Pleasanter/wwwroot/scripts/viewmode.js b/Implem.Pleasanter/wwwroot/scripts/viewmode.js
index dcff850ea..6db316512 100644
--- a/Implem.Pleasanter/wwwroot/scripts/viewmode.js
+++ b/Implem.Pleasanter/wwwroot/scripts/viewmode.js
@@ -3,7 +3,7 @@
.replace('_action_', $control.attr('data-action').toLowerCase());
$p.ajax(url, 'post', $p.getData($control), $control);
history.pushState(null, null, url);
- if ($p.responsive() && screen.width < 981) {
+ if ($p.responsive() && screen.width < 1025) {
$p.openResponsiveMenu();
}
}
diff --git a/Implem.Pleasanter/wwwroot/styles/responsive.css b/Implem.Pleasanter/wwwroot/styles/responsive.css
index b1ad0bd02..d988ba16b 100644
--- a/Implem.Pleasanter/wwwroot/styles/responsive.css
+++ b/Implem.Pleasanter/wwwroot/styles/responsive.css
@@ -1,5 +1,4 @@
-
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#LoginFieldSet {
width: 100%;
@@ -89,8 +88,9 @@
height: auto;
}
- #Breadcrumb { display:none; }
- #CopyToClipboards { display: none; }
+ #Breadcrumb {
+ font-size: 2.6vw;
+ }
#ViewSelectorField { position: relative; margin-bottom: 5px; font-size: 2.8vw; }
@@ -181,7 +181,7 @@
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
body { min-width: 320px!important; }
#Header { height: auto; position: relative; }
@@ -301,7 +301,7 @@ border: 1px solid #d19405;
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#SiteMenu .nav-site {
width: 20vw;
@@ -477,7 +477,7 @@ overflow: hidden;
#SiteMenu .nav-site.to-parent.has-image a { padding: 0 0 0 15px;}
}
-@media screen and (max-width: 980px) and (min-width: 0px){
+@media screen and (max-width: 1024px) and (min-width: 0px){
#EditorTabs {}
#Application {}
@@ -503,8 +503,8 @@ overflow: hidden;
.links {
overflow: auto;
}
-
-@media screen and (max-width: 980px) and (min-width: 0px) {
+}
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#FieldSetHistories { overflow: auto; width: 100%; }
#ViewModeContainer { overflow: auto; width: 100%; padding-top: 1%; }
#CrosstabBody { overflow: auto; width: 100%; }
@@ -585,7 +585,7 @@ overflow: hidden;
#KambanBody .grid>tbody td { min-width: 10vw; white-space: nowrap; }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Header {
padding: 0 calc(5vw);
}
@@ -613,24 +613,33 @@ overflow: hidden;
.field-control .control-text, .container-normal .control-textbox,
.container-normal .control-dropdown,
.container-normal .control-text {
+ font-size: 2.6vw;
min-height: unset;
height: 6vw;
line-height: 6vw;
padding-top: 0;
padding-bottom: 0;
+ display: flex;
+ align-items: center;
}
body {
font-size: 16px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#HeaderTitle {
font-size: 16px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #HeaderTitle {
+ font-size: 35px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
.command-center {
padding: 0;
}
@@ -643,13 +652,13 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewSelector {
font-size: 2.6vw;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Logo a {
align-items: center;
display: flex;
@@ -666,31 +675,33 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Logo #ProductLogo {
+ padding-left: 16px;
+ font-size: 32px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor .field-control .container-normal {
- width: calc(100% - 20px);
- }
- #Editor .field-control .ui-icon.ui-icon-clock.current-time {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEycHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48Zz48cGF0aCBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xNi4yLDE2LjJMMTEsMTNWN2gxLjV2NS4ybDQuNSwyLjdMMTYuMiwxNi4yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- top: calc(3vw - 3.5px);
- right: -16px;
- }
- #Editor .field-control .ui-icon.ui-icon-person.current-user {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAxMmMyLjIxIDAgNC0xLjc5IDQtNHMtMS43OS00LTQtNC00IDEuNzktNCA0IDEuNzkgNCA0IDR6bTAgMmMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHoiLz48L3N2Zz4=");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
+ width: calc(100% - 18px);
+ }
+ #Editor .field-control .ui-icon.ui-icon-clock.current-time, #Editor .field-control .ui-icon.ui-icon-person.current-user {
+ top: calc(3vw - 6px);
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Editor .field-control .container-normal {
+ width: calc(100% - 36px);
+ }
+ #Editor .field-control .ui-icon.ui-icon-clock.current-time, #Editor .field-control .ui-icon.ui-icon-person.current-user {
top: calc(3vw - 3.5px);
- right: -16px;
+ right: -30px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#FieldSetAddressBook #OutgoingMailDestinationForm .container-left {
width: 38vw;
}
@@ -699,7 +710,7 @@ overflow: hidden;
padding: 0;
}
#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .command-left button {
- margin: 2px;
+ margin: 1vw 1vw 1vw 0;
}
#FieldSetAddressBook #OutgoingMailDestinationForm .container-right .container-selectable .wrapper {
height: 40vw;
@@ -709,13 +720,19 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #FieldSetAddressBook #OutgoingMailDestinationForm .container-left {
+ width: 33vw;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Issues_WorkValue {
width: 100px;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
body::before {
content: '';
position: fixed;
@@ -738,7 +755,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Users_LoginId,
#Users_Password {
height: 40px;
@@ -774,7 +791,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor .field-markdown > .field-label > label {
font-weight: bold;
}
@@ -787,7 +804,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#GridCheckAll {
margin-top: 0;
}
@@ -806,7 +823,18 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #Editor #EditorTabsContainer fieldset .wrapper {
+ max-height: 250px;
+ overflow: auto;
+ }
+ #Editor #EditorTabsContainer fieldset .container-selectable .command-left {
+ align-items: center;
+ display: flex;
+ }
+ #Editor #EditorTabsContainer fieldset:not(#FieldSetGeneral) legend.legend {
+ min-height: 10px;
+ }
#SiteImageSettingsEditor .field-auto-thin, #GridSettingsEditor .field-auto-thin, #FiltersSettingsEditor .field-auto-thin, #EditorSettingsEditor .field-auto-thin,
#LinksSettingsEditor .field-auto-thin, #HistoriesSettingsEditor .field-auto-thin, #FormulasSettingsEditor .field-auto-thin, #ViewsSettingsEditor .field-auto-thin,
#ImportsSettingsEditor .field-auto-thin, #ExportsSettingsEditor .field-auto-thin, #CalendarSettingsEditor .field-auto-thin, #CrosstabSettingsEditor .field-auto-thin,
@@ -866,9 +894,21 @@ overflow: hidden;
#SiteImageSettingsEditor #SetSiteImage {
margin-right: 0;
}
+ #SearchSettingsEditor #SearchType {
+ margin-bottom: 10px;
+ }
+ #SearchSettingsEditor #SearchSettingsEditorFulltext legend.legend.applied, #SearchSettingsEditor #SearchSettingsEditorOperations legend.legend.applied {
+ margin-bottom: 10px;
+ }
+ #SearchSettingsEditor #SearchSettingsEditorFulltext {
+ padding-top: 10px;
+ }
+ #Editor #EditorTabsContainer .fieldset + .field-auto-thin {
+ margin-top: 10px;
+ }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Aggregations {
display: flex;
flex-wrap: wrap;
@@ -906,13 +946,16 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Aggregations {
+ row-gap: 15px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .grid {
vertical-align: middle;
}
- #ViewModeContainer .grid tr td:first-child {
- padding: 6px;
- }
input[type='checkbox'], .field-auto-thin input[type='checkbox'] {
width: 3vw;
height: 3vw;
@@ -922,7 +965,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#SearchField #Search {
font-size: 3vw;
width: 100%;
@@ -932,7 +975,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewFilters #ViewFilters_Reset {
margin-left: auto;
margin-right: 0;
@@ -994,7 +1037,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#EditorTabsContainer .legend.applied {
display: flex;
align-items: center;
@@ -1037,35 +1080,21 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
thead > tr.ui-widget-header th div > span {
font-size: 2.8vw;
white-space: nowrap;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
#EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-pencil.button-edit-markdown {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1TDMgMTcuMjV6TTIwLjcxIDcuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODN6Ii8+PC9zdmc+");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- top: 8px;
+ top: 10px;
right: 4px;
}
- #EditorTabsContainer .field-control .container-normal .ui-icon.ui-icon-image.button-upload-image {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPjwvc3ZnPg==");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- position: relative;
- left: -1px;
- }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#EditorTabsContainer {
overflow: auto;
}
@@ -1081,7 +1110,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
.is-showMenu {
overflow: hidden;
}
@@ -1155,7 +1184,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#OutgoingMailsForm {
width: 100%;
font-size: 2.6vw;
@@ -1221,13 +1250,60 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#SiteMenu li.ui-sortable-handle {
touch-action: unset;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ .xdsoft_datetimepicker span {
+ font-size: 2.6vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker {
+ width: calc(42.81vw - 16px);
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button {
+ margin-left: 0;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label.xdsoft_year {
+ margin-left: 0;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month {
+ width: fit-content;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select .xdsoft_option, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select .xdsoft_option {
+ font-size: 2.6vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select .xdsoft_scrollbar, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select .xdsoft_scrollbar {
+ width: 0.7vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td {
+ font-size: 2.6vw;
+ }
+ .xdsoft_datetimepicker .xdsoft_timepicker.active {
+ width: calc(12.17vw - 8px);
+ }
+ .xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_time_box .xdsoft_time {
+ font-size: 2.6vw;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year i, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month i {
+ transform: scale(1.6);
+ }
+ .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year span, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month span {
+ font-size: 16px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ .message span.body {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
.message .close {
top: unset;
bottom: calc(50% - 8px);
@@ -1235,19 +1311,7 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
- #EditorComments #CommentField .ui-icon.ui-icon-image.button-upload-image {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPjwvc3ZnPg==");
- background-position: center;
- width: 12px;
- height: 12px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- position: relative;
- left: 0px;
- }
-}
-
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Navigations.open {
overflow-y: scroll;
}
@@ -1260,11 +1324,17 @@ overflow: hidden;
}
#Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper {
font-size: 3vw;
- padding-left: 6vw;
+ padding-left: 5vw;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Navigations #NavigationMenu li.sub-menu .ui-menu-item .ui-menu-item-wrapper {
+ padding-left: 4vw;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox {
position: relative;
margin-right: 6px;
@@ -1272,7 +1342,13 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ #Editor .field-normal .field-control .container-normal input[type='checkbox'].control-checkbox {
+ margin-right: 12px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Editor #EditorTabsContainer .field-normal, #Editor #EditorTabsContainer .field-wide, #Editor #EditorTabsContainer .field-markdown {
display: inline-block;
margin-top: 8px;
@@ -1280,29 +1356,31 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer #Calendar.both select {
font-size: 2.6vw;
+ height: 6vw;
}
#ViewModeContainer #Calendar.both .field-label {
- min-width: 30%;
- margin-right: 15px;
+ min-width: 16%;
+ margin-right: 0px;
}
#ViewModeContainer #Calendar.both .field-auto-thin .field-control .container-normal {
display: flex;
align-items: center;
}
- #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) {
- flex: 0 1 calc(64%);
+ #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1), #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2), #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) {
+ flex: 0 1 calc(47%);
+ flex-wrap: nowrap;
}
- #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-label {
- min-width: 22%;
+ #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1) .field-label, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2) .field-label, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-label {
+ min-width: 16%;
}
- #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-control {
- width: 74%;
+ #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(1) .field-control, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(2) .field-control, #ViewModeContainer #Calendar.both .field-auto-thin:nth-child(3) .field-control {
+ width: 84%;
}
#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) {
- flex: 0 1 calc(33% + 1px);
+ width: 47%;
padding-top: 2%;
}
#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal {
@@ -1310,9 +1388,12 @@ overflow: hidden;
}
#ViewModeContainer #Calendar.both .field-auto-thin:nth-child(4) .field-control .container-normal #CalendarDate {
margin-right: 0;
- width: 98%;
+ width: 100%;
font-size: 2.6vw;
}
+ #ViewModeContainer #Calendar.both .field-auto-thin input[type='checkbox'] {
+ margin-left: 2px;
+ }
#ViewModeContainer #Calendar.both button {
flex: 1 0 calc((100% / 3) - 32px);
margin: 2% 10px 2% 10px;
@@ -1322,35 +1403,27 @@ overflow: hidden;
}
#ViewModeContainer .grid.fixed tbody tr td.container .item {
touch-action: auto;
- min-height: 50px;
- }
- #ViewModeContainer .grid.fixed tbody tr td.container .item .title .ui-icon.ui-icon-pencil {
- margin-right: 5px;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMzBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1TDMgMTcuMjV6TTIwLjcxIDcuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMGwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODN6Ii8+PC9zdmc+");
- background-position: center;
- width: 36px;
- height: 36px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
+ min-height: 4vw;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ height: 4vw;
}
#ViewModeContainer .grid.fixed tbody tr td.container .item .connection {
- min-height: 50px;
+ min-height: 4vw;
+ height: 4vw;
}
#ViewModeContainer .grid.fixed tbody tr td.container .dummy {
- height: 50px;
- }
- #ViewModeContainer .grid.fixed tbody tr td.container:first-child .item {
- margin-top: 0;
- margin-bottom: 5px;
+ height: 4vw;
}
- #ViewModeContainer .grid.fixed tbody tr td.container:not(:first-child) .item {
- margin-top: 5px;
+ #ViewModeContainer .grid.fixed tbody .title {
+ padding: 0;
}
thead th.calendar-header {
overflow-x: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .both {
column-gap: 16px;
}
@@ -1409,6 +1482,10 @@ overflow: hidden;
#GanttBody {
max-height: 70vh;
}
+ #GanttBody #Gantt {
+ font-size: 2.6vw;
+ width: 500%;
+ }
#GanttBody text {
font-size: 2.6vw;
}
@@ -1416,12 +1493,13 @@ overflow: hidden;
font-size: 3vw;
}
#GanttBody #GanttAxis {
- left: auto;
+ left: -2px;
position: sticky;
+ width: 500%;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer #Kamban.both .field-auto-thin select {
font-size: 2.6vw;
}
@@ -1465,27 +1543,50 @@ overflow: hidden;
align-items: center;
}
#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item {
+ height: 4vw;
+ padding: 0px 16px 0px 5px;
overflow: hidden;
- padding: 6px 30px 6px 5px;
white-space: pre-line;
touch-action: auto;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
+}
+
+@media screen and (max-width: 1024px) and (min-width: 768px) {
#ViewModeContainer #Kamban.both #KambanBody #Grid tbody .kamban-row .kamban-container .kamban-item .ui-icon.ui-icon-pencil {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMTJweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMTcuNDZ2My4wNGMwIC4yOC4yMi41LjUuNWgzLjA0Yy4xMyAwIC4yNi0uMDUuMzUtLjE1TDE3LjgxIDkuOTRsLTMuNzUtMy43NUwzLjE1IDE3LjFjLS4xLjEtLjE1LjIyLS4xNS4zNnpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz48L3N2Zz4=");
- background-position: center;
- width: 36px;
- height: 36px;
- filter: invert(69%) sepia(77%) saturate(3818%) hue-rotate(12deg) brightness(97%) contrast(96%);
- margin-right: 0;
- top: -7px;
- right: -11px;
+ width: 16px;
+ height: 16px;
+ top: 10px;
+ right: 4px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0;
+ }
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(3) {
+ border-radius: 0 0.25em 0.25em 0;
+ }
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:last-child {
+ border-radius: 0.25em;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 768px) and (min-width: 0px) {
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(odd) {
+ border-radius: 0.25em 0 0 0.25em;
+ }
+ #ViewModeContainer #Calendar #FullCalendar.fc .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group button:nth-child(even) {
+ border-radius: 0 0.25em 0.25em 0;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#RecordSwitchers {
display: flex;
align-items: center;
@@ -1495,9 +1596,23 @@ overflow: hidden;
display: flex;
align-items: center;
}
+ #Editor fieldset .command-left {
+ width: 100%;
+ }
+ table.grid tbody tr td svg {
+ margin-top: calc(3.2vw - 13px);
+ overflow: unset;
+ }
+ table.grid tbody tr td .user {
+ display: flex;
+ align-items: center;
+ }
+ table.grid tbody tr td .user .ui-icon-person {
+ margin-top: 0.15vw;
+ }
}
-@media screen and (max-width: 980px) and (min-width: 0) {
+@media screen and (max-width: 1024px) and (min-width: 0) {
#Editor #RecordHeader .user {
display: flex;
align-items: center;
@@ -1505,9 +1620,29 @@ overflow: hidden;
#Editor #RecordHeader .user .ui-icon-person {
margin-right: 0.6vw;
}
+ #EditorTabsContainer #Users_DeptIdField .ui-icon-person {
+ top: calc(3vw - 6.5px);
+ }
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ .ui-icon {
+ transform: scale(1.6);
+ margin-right: 4px;
+ }
+ #Editor .ui-button-icon-space {
+ width: 1vw;
+ }
+ #Editor #RecordHeader .user .ui-icon-person {
+ margin: auto 4px;
+ }
+ #EditorTabsContainer #Users_DeptIdField .ui-icon-person {
+ top: calc(3vw - 3.5px);
+ right: -30px;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#OutgoingMailDialog .field-wide {
padding-bottom: 5px;
}
@@ -1526,14 +1661,17 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
.show-password {
- top: calc(50% - 10px);
+ top: calc(50% - 12px);
right: 10px;
}
#LoginFieldSet input[type=checkbox] {
transform: scale(1.2);
}
+ #LoginFieldSet input {
+ height: 10vw;
+ }
#LoginFieldSet input,
#LoginFieldSet select {
font-size: 4vw;
@@ -1544,13 +1682,19 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 768px) {
+ .show-password {
+ transform: scale(1.5);
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#Navigations.open {
padding-top: 18vw;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .field-auto-thin > .field-label {
padding: 7px 2vw 7px 0;
}
@@ -1577,13 +1721,16 @@ overflow: hidden;
height: 4vw;
margin-left: 2px;
}
+ #ViewModeContainer #Crosstab .field-control .control-dropdown {
+ font-size: 2.6vw;
+ }
#CrosstabBody .grid > thead > tr:first-child > th:not(:first-child),
#KambanBody .grid > thead > tr:first-child > th:not(:first-child) {
white-space: nowrap;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ImportSettingsDialog .control-checkbox + label {
margin: 1.8vw 0 0 1vw;
}
@@ -1599,20 +1746,32 @@ overflow: hidden;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ExportSelectorDialog .command-center {
padding: 2vw 0;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #ViewModeContainer #Grid .control-dropdown,
#ViewModeContainer #Grid .datepicker {
- width: 35vw;
- font-size: 4vw;
+ width: 25vw;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ #ViewModeContainer #Grid .current-user,
+ #ViewModeContainer #Grid .current-time {
+ display: none;
+ }
+ #ViewModeContainer #Grid .ui-spinner {
+ height: 6vw;
+ max-height: 6vw;
+ display: flex;
+ align-items: center;
}
}
-@media screen and (max-width: 980px) and (min-width: 0px) {
+@media screen and (max-width: 1024px) and (min-width: 0px) {
#ViewModeContainer .both #TimeSeriesValueField,
#ViewModeContainer .both #TimeSeriesChartTypeField,
#ViewModeContainer .both #TimeSeriesHorizontalAxisField {
@@ -1625,11 +1784,14 @@ overflow: hidden;
}
#ViewModeContainer .both .field-auto-thin:first-child,
#ViewModeContainer .both .field-auto-thin:nth-child(2) {
- flex: 0 1 calc(100%);
+ flex: 0 1 calc(50% - 8px);
}
#ViewModeContainer .both .field-auto-thin:first-child .field-label,
#ViewModeContainer .both .field-auto-thin:nth-child(2) .field-label {
- min-width: 30%;
+ min-width: 29%;
+ }
+ #ViewModeContainer .both .field-auto-thin:nth-child(3) .field-label {
+ min-width: 13%;
}
#ViewModeContainer .both .field-auto-thin select {
max-width: 100%;
@@ -1637,4 +1799,54 @@ overflow: hidden;
#ViewModeContainer .both .field-auto-thin > .field-control {
min-width: 68%;
}
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #ApiEditorCommands {
+ display: flex;
+ justify-content: center;
+ padding: 10vw 0;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0px) {
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin {
+ width: 100%;
+ height: 7vw;
+ margin: 0;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control {
+ width: 100%;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control .container-normal label {
+ padding: 0;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .field-auto-thin .field-control .container-normal #TenantImage {
+ height: auto;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset .button-icon {
+ margin-top: 5vw;
+ }
+ #Editor #TenantForm #EditorTabsContainer .fieldset #StyleField .field-textarea > .field-label,
+ #Editor #TenantForm #EditorTabsContainer .fieldset #ScriptField .field-textarea > .field-label {
+ width: 100%;
+ text-align: left;
+ }
+}
+
+@media screen and (max-width: 1024px) and (min-width: 0) {
+ #Versions span {
+ margin: 20px 10px 20px 0;
+ }
+}
+
+@media screen and (max-width: 767px) and (min-width: 0) {
+ #Versions {
+ font-size: 2.6vw;
+ width: auto;
+ padding: 4vw 5vw 4vw 7vw;
+ }
+ #Versions span {
+ margin: 0 10px 0 0;
+ }
+}
diff --git a/Implem.TestAutomation/implem.TestAutomation.csproj b/Implem.TestAutomation/implem.TestAutomation.csproj
index 8629e360a..5cfd65b59 100644
--- a/Implem.TestAutomation/implem.TestAutomation.csproj
+++ b/Implem.TestAutomation/implem.TestAutomation.csproj
@@ -4,9 +4,9 @@
Exe
net6.0
Copyright © Implem Inc 2014 - 2023
- 1.3.47.0
- 1.3.47.0
- 1.3.47.0
+ 1.3.48.0
+ 1.3.48.0
+ 1.3.48.0
Linux
@@ -25,13 +25,13 @@
-
-
-
+
+
+
-
+
-
+