.grid-container {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: repeat(10,auto); 
  gap: 2px;
  background-color: #f1f1f7e0;
  padding: 0px;
}
.DeviceGroupItemShow-properties, .DeviceGroupItemShow-categories, .DeviceTypeItemShow-properties, .DeviceTypeItemShow-categories, .CategoryItemShow-properties, .CategoryItemShow-categories, .ProposalShow-tips {
  background-color:rgb(254, 255, 234); border-radius:10px; overflow:auto;
}
.ProposalShow-cform, .ProposalShow-cedit{
  border-radius:10px; background-color:#e9e1ca;font-family:'Arial'; font-size:1em;
}
.DeviceTypeItemShow-documents, .ProposalShow-documents{
  background-color: #f3f3f3;   border-radius:10px; overflow: auto;
}
.DeviceTypeItemShow-groupinfo, .DeviceGroupItemShow-groupinfo{
background-color:rgb(243, 233, 209);border-radius:10px;
}
.DeviceTypeItemShow-ctree, .CategoryItemShow-ctree{
background-color:#f3f3f3; border-radius:10px; 
}
.ProposalShow-imagebar, .DeviceTypeItemShow-imagebar { background-color:#b8e4db;}

.AccountShow-cacct, .AccountShow-mids, .AccountShow-logg, .AccountShow-history, .AccountListShow-listaccounts,
.SupplierItemShow-csup, .SupplierItemShow-brr, .SupplierItemShow-accounts, .SupplierItemShow-notes,
.SupplierItemShow-history, .SupplierItemShow-devices, .ListSuppliers-Suppliers,
.ProposalShow-cform, .ProposalShow-cedit, .ProposalShow-tips, .ProposalShow-history, .ProposalShow-documents,
.DeviceGroupItemShow-groupinfo, .DeviceGroupItemShow-statistikk,.DeviceGroupItemShow-history, .DeviceGroupItemShow-notes, .DeviceGroupItemShow-suppliers,
.DeviceGroupItemShow-properties, .DeviceGroupItemShow-categories, .DeviceGroupItemShow-devices, .DeviceGroupItemShow-catmap, .DeviceGroupItemShow-gmdn,
.CategoryItemShow-cinfo, .CategoryItemShow-ctree, .CategoryItemShow-csettings, .CategoryItemShow-properties, .CategoryItemShow-categories, .CategoryItemShow-history,
.CategoryItemShow-notes, .CategoryItemShow-documents, .CategoryItemShow-children, .CategoryItemShow-inherit,.CategoryItemShow-statistikk,
.DeviceTypeItemShow-groupinfo, .DeviceTypeItemShow-properties, .DeviceTypeItemShow-categories,
.DeviceTypeItemShow-deviceinfo, .DeviceTypeItemShow-suppliers, .DeviceTypeItemShow-history, .DeviceTypeItemShow-statistikk,
.DeviceTypeItemShow-notes, .DeviceTypeItemShow-gudid, .DeviceTypeItemShow-proposals, .DeviceTypeItemShow-ctree, 
.DeviceTypeItemShow-documents, .DeviceTypeItemShow-relations, .DeviceTypeItemShow-catmap,
.main-ourproposals, .main-tobeapproved, .main-docs, .main-typecodeplot, .main-suggestionstyp, .main-suggestionsgrp,
.main-newtypecodes, .main-ownproposals, .main-proposalplot {overflow:auto; padding: 0px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); transition: 0.3s; border-radius: 4px;margin: 2px;}

.barheader        { grid-area: 1 / 1 / span 1 / span 12; position: sticky; top: 0;background-color:#E0E0EF;}
.msg              { grid-area: 2 / 1 / span 1 / span 12; min-height:30px;font-family:Verdana; font-size:20; text-align:center;color: #FFFFFF; background-color:#5c43e8; text-decoration:none;}
.errmsg           { grid-area: 2 / 1 / span 1 / span 12; min-height:30px;font-family:Verdana; font-size:20; text-align:center;color: #FFFFFF; background-color:#f27e74;}
.msgfetch         { grid-area: 2 / 1 / span 1 / span 12; min-height:0px;font-family:Verdana; font-size:20; text-align:center;color: #FFFFFF; background-color:#e7da1cdc; text-decoration:none;}
.toolbar          { grid-area: 3 / 1 / span 1 / span 12; background-color:#70E070; text-align:right;}
.main-frontpage   { grid-area: 5 / 1 /span 12 / span 12; text-align:center;color:green; background-color:#FFFFFF;font-family: 'Times New Roman'; font-size: 30px;}
.main-docs           { grid-area: 5 / 1 /span 1 / span 7;}
.main-typecodeplot   { grid-area: 5 / 8 /span 1 / span 5;}
.main-ourproposals   { grid-area: 6 / 2 /span 1 / span 10;}
.main-tobeapproved   { grid-area: 7 / 1 /span 1 / span 6;}
.main-suggestionstyp   { grid-area: 8 / 1 /span 1 / span 6;max-height:200px;}
.main-suggestionsgrp   { grid-area: 9 / 1 /span 1 / span 6;max-height:200px;}
.main-newtypecodes   { grid-area: 7 / 7 /span 3 / span 6;}
.main-ownproposals   { grid-area: 10 / 1 /span 1 / span 7;}
.main-proposalplot   { grid-area: 10 / 8 /span 1 / span 5;}
.main-pp          { grid-area: 5 / 2 /span 1 / span 10; background-color:#f4f5de; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; border-radius: 7px;margin: 5px; padding:5px; font-family: Arial, Helvetica, sans-serif;}

@media screen and (max-width: 1024px){
  .main-docs           { grid-area: 5 / 1 /span 1 / span 12;}
  .main-tobeapproved   { grid-area: 7 / 1 /span 1 / span 12;padding: 5px;}
  .main-ownproposals   { grid-area: 10 / 1 /span 1 / span 12;}
  .main-ourproposals   { grid-area: 6 / 1 /span 1 / span 12;padding: 5px;}   
  .main-typecodeplot   { grid-area: 11 / 1 /span 1 / span 12;}   
  .main-proposalplot   { grid-area: 12 / 1 /span 1 / span 12;}   
  .main-suggestionstyp { grid-area: 8 / 1 /span 1 / span 12;}
  .main-suggestionsgrp { grid-area: 9 / 1 /span 1 / span 12;}
  .main-newtypecodes   { grid-area: 12 / 1 /span 1 / span 12;display: none;}
}

.ListProposals-filterselectorbar { grid-area: 3 / 1 /span 1 / span 12;}
.ListProposals-proposals         { grid-area: 4 / 1 /span 1 / span 12;}

.DeviceGroupItemShow-groupinfo  { grid-area: 4 / 1 / span 3 / span 5; overflow:auto;}
.DeviceGroupItemShow-gmdn       { grid-area: 4 / 6 / span 1 / span 7; overflow:auto;}
.DeviceGroupItemShow-history, .DeviceGroupItemShow-notes, .DeviceGroupItemShow-suppliers, .DeviceGroupItemShow-statistikk { grid-area: 4 / 6 / span 1 / span 7; }
.DeviceGroupItemShow-change     { grid-area: 4 / 6 / span 1 / span 5; }
.DeviceGroupItemShow-properties { grid-area: 4 / 6 / span 3 / span 4; }
.DeviceGroupItemShow-categories { grid-area: 4 / 10 / span 3 / span 3; }
.DeviceGroupItemShow-devices    { grid-area: 7 / 1 / span 1 / span 12; }
.DeviceGroupItemShow-catmap     { grid-area: 8 / 1 / span 1 / span 12; overflow-x:auto; position:relative;}

@media screen and (max-width: 1024px){
  .DeviceGroupItemShow-groupinfo  { grid-area: 4 / 1 / span 1 / span 12; overflow:auto;}
  .DeviceGroupItemShow-change, .DeviceGroupItemShow-history, .DeviceGroupItemShow-suppliers { grid-area: 5 / 1 / span 1 / span 12; }
  .DeviceGroupItemShow-notes, .DeviceGroupItemShow-gmdn, .DeviceGroupItemShow-statistikk { grid-area: 5 / 1 / span 1 / span 12; overflow:auto;}
  .DeviceGroupItemShow-properties { grid-area: 6 / 1 / span 1 / span 12;}
  .DeviceGroupItemShow-categories { grid-area: 7 / 1 / span 1 / span 12;}
  .DeviceGroupItemShow-devices    { grid-area: 8 / 1 / span 1 / span 12; overflow:auto;}
  .DeviceGroupItemShow-catmap     { grid-area: 9 / 1 / span 1 / span 12; overflow-x:auto; position:relative;}
}
.ProposalShow-imagebar        { grid-area: 4 / 1 / span 1 / span 12; overflow-x:auto; min-height:200px;overflow-y:hidden;}
.ProposalShow-cform           { grid-area: 5 / 1  / span 3 / span 7; overflow-x:auto; }
.ProposalShow-cedit           { grid-area: 5 / 8  / span 4 / span 5; overflow:auto;}
.ProposalShow-tips            { grid-area: 5 / 8  / span 4 / span 5; overflow:auto;max-height:600px}
.ProposalShow-history         { grid-area: 5 / 8 /  span 4 / span 5; overflow:auto;}
.ProposalShow-documents       { grid-area: 8 / 1  / span 1 / span 7; }
.ProposalShow-innsendt        { grid-area: 9 / 1  / span 1 / span 12; overflow:auto;}
.ProposalShow-innsendtbilder  { grid-area: 10 / 1 / span 1 / span 12; overflow:auto;}

@media screen and (max-width: 1024px){
.ProposalShow-cform           { grid-area: 5 / 1  / span 1 / span 12; overflow-x:auto;}
.ProposalShow-cedit           { grid-area: 7 / 1  / span 1 / span 12; overflow:auto;}
.ProposalShow-documents       { grid-area: 6 / 1  / span 1 / span 12; overflow:auto;}
.ProposalShow-tips            { grid-area: 7 / 1  / span 1 / span 12; overflow:auto;max-height:600px}
.ProposalShow-history         { grid-area: 8 / 1 / span 1 / span 12; overflow:auto;}
.ProposalShow-innsendt        { grid-area: 9 / 1  / span 1 / span 12; overflow:auto;}
.ProposalShow-innsendtbilder  { grid-area: 10 / 1 / span 1 / span 12; overflow:auto;}
}

.SearchResult-result            { grid-area: 3 / 1 / span 1 / span 12; overflow:auto;}
.SearchResult-tips              { grid-area: 4 / 5 / span 1 / span 4;}

.DeviceTypeItemShow-deviceinfo  { grid-area: 4 / 1 / span 3 / span 2; overflow-x:auto;background-color:rgb(243, 250, 228);}
.DeviceTypeItemShow-groupinfo   { grid-area: 4 / 3 / span 3 / span 4; overflow-x:auto;min-height:280px;max-height:350px;overflow-y:auto;}
.DeviceTypeItemShow-properties  { grid-area: 4 / 7 / span 3 / span 3; }
.DeviceTypeItemShow-categories  { grid-area: 4 / 10 / span 3 / span 3; } 
.DeviceTypeItemShow-change, .DeviceTypeItemShow-proposals, .DeviceTypeItemShow-tips, .DeviceTypeItemShow-notes, .DeviceTypeItemShow-suppliers, .DeviceTypeItemShow-history, .DeviceTypeItemShow-statistikk   { grid-area: 4 / 7 / span 3 / span 6; overflow-x:auto;}
.DeviceTypeItemShow-imagebar    { grid-area: 7 / 1 / span 1 / span 12; overflow-x:auto; min-height:300px;overflow-y:hidden;}
.DeviceTypeItemShow-ctree       { grid-area: 8 / 10 / span 1 / span 3; overflow-x:auto;  max-height: 200px;}
.DeviceTypeItemShow-documents   { grid-area: 8 / 1 / span 1 / span 5; overflow-x:auto;}
.DeviceTypeItemShow-relations   { grid-area: 8 / 6 / span 1 / span 4; overflow-x:auto;}   
.DeviceTypeItemShow-catmap      { grid-area: 9 / 1 / span 1 / span 12; overflow-x:auto; position:relative;}

@media screen and (max-width: 1024px){
.DeviceTypeItemShow-deviceinfo  { grid-area: 4 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-groupinfo   { grid-area: 5 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-properties  { grid-area: 6 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-categories  { grid-area: 7 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-statistikk, .DeviceTypeItemShow-change, .DeviceTypeItemShow-proposals, .DeviceTypeItemShow-notes, .DeviceTypeItemShow-tips, .DeviceTypeItemShow-history, .DeviceTypeItemShow-suppliers   { grid-area: 6 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-imagebar    { grid-area: 8 / 1 / span 1 / span 12; }
.DeviceTypeItemShow-ctree       { grid-area: 11 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-documents   { grid-area: 9 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-relations   { grid-area: 10 / 1 / span 1 / span 12;}
.DeviceTypeItemShow-catmap      { grid-area: 12 / 1 / span 1 / span 12; overflow-x:auto; position:relative;}
}

.CategoryItemShow-cinfo         { grid-area: 4 / 1 / span 2 / span 3; overflow:auto;}
.CategoryItemShow-ctree         { grid-area: 4 / 4 / span 2 / span 3; }
.CategoryItemShow-csettings     { grid-area: 4 / 7 / span 2 / span 6; }
.CategoryItemShow-properties    { grid-area: 4 / 7 / span 2 / span 3; }
.CategoryItemShow-categories    { grid-area: 4 / 10 / span 2 / span 3; }
.CategoryItemShow-statistikk, .CategoryItemShow-notes, .CategoryItemShow-history       { grid-area: 4 / 7 / span 2 / span 6; }
.CategoryItemShow-documents     { grid-area: 4 / 7 / span 2 / span 6; overflow:auto;}
.CategoryItemShow-children      { grid-area: 6 / 1 / span 1 / span 12;display:flex; flex-wrap:wrap; overflow:auto;}
.CategoryItemShow-inherit       { grid-area: 7 / 1 / span 1 / span 12;overflow:auto;}
@media screen and (max-width: 1024px){
.CategoryItemShow-cinfo         { grid-area: 4 / 1 / span 1 / span 12; }
.CategoryItemShow-ctree         { grid-area: 5 / 1 / span 1 / span 12; }
.CategoryItemShow-csettings     { grid-area: 6 / 1 / span 1 / span 12; }
.CategoryItemShow-properties    { grid-area: 6 / 1 / span 1 / span 12; }
.CategoryItemShow-categories    { grid-area: 7 / 1 / span 1 / span 12; }
.CategoryItemShow-statistikk, .CategoryItemShow-documents, .CategoryItemShow-notes, .CategoryItemShow-history       { grid-area: 6 / 1 / span 1 / span 12; }
.CategoryItemShow-children      { grid-area: 8 / 1 / span 1 / span 12; display:block;}
.CategoryItemShow-inherit       { grid-area: 9 / 1 / span 1 / span 12; }
}
.ListDeviceGroups-listgroups    { grid-area: 4 / 3 /span 1 / span 8; }
.ListDeviceGroups-listgroupswide { grid-area: 4 / 1 /span 1 / span 12; }
.ListDeviceGroups-catcards      { grid-area:  4 / 1 /span 1 / span 12; }
.ListDeviceGroups-grpcards      { grid-area:  5 / 1 /span 1 / span 12; }
.ListDeviceGroups-comment       { grid-area:  6 / 1 /span 1 / span 12; }
@media screen and (max-width: 1024px){
.ListDeviceGroups-listgroups    { grid-area: 4 / 1 /span 1 / span 12; }
.ListDeviceGroups-catcards      { grid-area:  4 / 1 /span 1 / span 12; align-content:center; }
}
.ListMakes-makelist             { grid-area: 4 / 4 /span 1 / span 6; }
@media screen and (max-width: 1024px){
.ListMakes-makelist    { grid-area: 4 / 1 /span 1 / span 12; }
}
.SupplierItemShow-csup          { grid-area: 4 / 1 / span 3 / span 3; overflow-x:auto;}
.SupplierItemShow-brr           { grid-area: 4 / 4 / span 3 / span 3; overflow-x:auto;}
.SupplierItemShow-accounts      { grid-area: 4 / 7 / span 1 / span 6; overflow-x:auto;}
.SupplierItemShow-notes         { grid-area: 5 / 7 / span 1 / span 6; overflow-x:auto;}
.SupplierItemShow-history       { grid-area: 6 / 7 / span 2 / span 6;}
.SupplierItemShow-devices       { grid-area: 8 / 1 / span 1 / span 12;}
.ListSuppliers-Suppliers        { grid-area: 4 / 4 /span 1 / span 6; }
@media screen and (max-width: 1024px){
.SupplierItemShow-csup          { grid-area: 4 / 1 / span 1 / span 12;}
.SupplierItemShow-brr           { grid-area: 5 / 1 / span 1 / span 12;}
.SupplierItemShow-accounts      { grid-area: 6 / 1 / span 1 / span 12;}
.SupplierItemShow-notes         { grid-area: 7 / 1 / span 1 / span 12;}
.SupplierItemShow-history       { grid-area: 8 / 1 / span 1 / span 12;}
.SupplierItemShow-devices       { grid-area: 9 / 1 / span 1 / span 12;}
.ListSuppliers-Suppliers        { grid-area: 4 / 1 / span 1 / span 12; }
}

.AccountShow-cacct              { grid-area: 4 / 1 / span 4 / span 6; }
.AccountShow-mids               { grid-area: 8 / 1 / span 2 / span 6; overflow:auto;}
.AccountShow-notes              { grid-area: 4 / 7 / span 2 / span 6; overflow:auto;}
.AccountShow-logg               { grid-area: 6 / 7 / span 2 / span 6; overflow:auto;}
.AccountShow-history            { grid-area: 8 / 7 / span 2 / span 6; overflow:auto;}
.AccountListShow-listaccounts   { grid-area: 4 / 2 /span 1 / span 10; overflow:auto;}
@media screen and (max-width: 1024px){
.AccountShow-cacct              { grid-area: 4 / 1 / span 1 / span 12; }
.AccountShow-mids               { grid-area: 5 / 1 / span 1 / span 12; }
.AccountShow-notes              { grid-area: 6 / 1 / span 1 / span 12; }
.AccountShow-logg               { grid-area: 7 / 1 / span 1 / span 12; }
.AccountShow-history            { grid-area: 8 / 1 / span 1 / span 12; }
.AccountListShow-listaccounts   { grid-area: 4 / 1 /span 1 / span 12;}
}

.DocumentShow-doci              { grid-area: 4 / 1 / span 4 / span 6; }
.DocumentShow-history            { grid-area: 4 / 7 / span 2 / span 6; }
.ListDocuments-Documents        { grid-area: 4 / 2 /span 1 / span 10; }
@media screen and (max-width: 1024px){
.DocumentShow-doci              { grid-area: 4 / 1 / span 1 / span 12; }
.DocumentShow-history           { grid-area: 5 / 1 / span 1 / span 12; }
.ListDocuments-Documents        { grid-area: 4 / 1 / span 1 / span 12; }
}
.ImageVerifyPage-Img           { grid-area: 4 / 2 / span 1 / span 10; }
.LoginForm-login               { grid-area: 3 / 4 /span 1 / span 6;overflow-x: auto; background-color:#d0ddf6;}
.newproposal-newproposal       { grid-area: 4 / 4 /span 4 / span 5;}
.newproposal-properties        { grid-area: 4 / 9 /span 1 / span 4;}
.newproposal-categories        { grid-area: 5 / 9 /span 1 / span 4;}
@media screen and (max-width: 1024px){
.LoginForm-login               { grid-area: 3 / 1 /span 1 / span 12;}
.newproposal-newproposal       { grid-area: 4 / 1 /span 1 / span 12;}
.newproposal-properties        { grid-area: 5 / 1 /span 1 / span 12;display:none;}
.newproposal-categories        { grid-area: 6 / 1 /span 1 / span 12;display:none;}
}
.ShowConfig-configview          { grid-area: 4 / 4 / span 1 / span 6; }
.ShowIDProviders-ProvidersList  { grid-area: 4 / 1 / span 1 / span 12; overflow:auto;}
.ShowIDProviders-MappedIDs      { grid-area: 6 / 2 / span 1 / span 10; overflow:auto;}
.HealthCheck-content            { grid-area: 4 / 1 / span 4 / span 12; }