-- Table structure for table `Group_`
--

CREATE TABLE `Group_` (
  `mvccVersion` bigint(20) NOT NULL DEFAULT 0,
  `uuid_` varchar(75) DEFAULT NULL,
  `groupId` bigint(20) NOT NULL,
  `companyId` bigint(20) DEFAULT NULL,
  `creatorUserId` bigint(20) DEFAULT NULL,
  `classNameId` bigint(20) DEFAULT NULL,
  `classPK` bigint(20) DEFAULT NULL,
  `parentGroupId` bigint(20) DEFAULT NULL,
  `liveGroupId` bigint(20) DEFAULT NULL,
  `treePath` longtext DEFAULT NULL,
  `groupKey` varchar(150) DEFAULT NULL,
  `name` longtext DEFAULT NULL,
  `description` longtext DEFAULT NULL,
  `type_` int(11) DEFAULT NULL,
  `typeSettings` longtext DEFAULT NULL,
  `manualMembership` tinyint(4) DEFAULT NULL,
  `membershipRestriction` int(11) DEFAULT NULL,
  `friendlyURL` varchar(255) DEFAULT NULL,
  `site` tinyint(4) DEFAULT NULL,
  `remoteStagingGroupCount` int(11) DEFAULT NULL,
  `inheritContent` tinyint(4) DEFAULT NULL,
  `active_` tinyint(4) DEFAULT NULL,
  PRIMARY KEY (`groupId`),
  UNIQUE KEY `IX_D0D5E397` (`companyId`,`classNameId`,`classPK`),
  UNIQUE KEY `IX_A729E3A6` (`companyId`,`classNameId`,`liveGroupId`,`groupKey`),
  UNIQUE KEY `IX_5BDDB872` (`companyId`,`friendlyURL`),
  UNIQUE KEY `IX_ACD2B296` (`companyId`,`groupKey`),
  UNIQUE KEY `IX_AACD15F0` (`companyId`,`liveGroupId`,`groupKey`),
  UNIQUE KEY `IX_754FBB1C` (`uuid_`,`groupId`),
  KEY `IX_8257E37B` (`classNameId`,`classPK`),
  KEY `IX_BD3CB13A` (`classNameId`,`groupId`,`companyId`,`parentGroupId`),
  KEY `IX_DDC91A87` (`companyId`,`active_`),
  KEY `IX_ABE2D54` (`companyId`,`classNameId`,`parentGroupId`),
  KEY `IX_D4BFF38B` (`companyId`,`parentGroupId`,`site`,`inheritContent`),
  KEY `IX_63A2AABD` (`companyId`,`site`),
  KEY `IX_16218A38` (`liveGroupId`),
  KEY `IX_7B590A7A` (`type_`,`active_`),
  KEY `IX_26CC761A` (`uuid_`,`companyId`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `Group_`
--

INSERT INTO `Group_` VALUES (1,'3ab6482a-eccd-5599-7c48-d06e4a2f8e27',20132,20115,20119,20045,20132,0,0,'/20132/','Control Panel','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Name language-id=\"ar_SA\">Control Panel</Name><Name language-id=\"en_US\">Control Panel</Name></root>',NULL,3,'',1,0,'/control_panel',0,0,0,1),(1,'f6653d4b-801c-9217-92d1-62fdf5568df4',20139,20115,20119,20045,20139,0,0,'/20139/','Forms','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Name language-id=\"ar_SA\">Forms</Name><Name language-id=\"en_US\">Forms</Name></root>',NULL,3,'',1,0,'/forms',0,0,0,1),(5,'f250956d-55ec-5a7b-30a0-f49510f2a981',20142,20115,20119,20045,20142,0,0,'/20142/','Guest','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Name language-id=\"ar_SA\">Guest</Name><Name language-id=\"en_US\">Guest</Name></root>',NULL,1,'breadcrumbShowParentGroups=true\ncontentSharingWithChildrenEnabled=-1\ndirectoryIndexingEnabled=false\nfalse-robots.txt=User-Agent: *_SAFE_NEWLINE_CHARACTER_Disallow:_SAFE_NEWLINE_CHARACTER_Sitemap: http://localhost/sitemap.xml\ninheritLocales=true\nlanguageId=en_US\nlocales=es_ES,ar_BH,ar_SA,fr_FR,en_US,de_DE\nmentionsEnabled=true\nmergeGuestPublicPages=false\ntrashEnabled=true\n',1,0,'/guest',1,0,0,1),(1,'08e780fb-7e4d-e7a3-fe1f-7b9f22203ea0',20148,20115,20119,20134,20119,0,0,'/20148/','User Personal Site','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Name language-id=\"ar_SA\">User Personal Site</Name><Name language-id=\"en_US\">User Personal Site</Name></root>',NULL,3,'',1,0,'/personal_site',0,0,0,1),(1,'1d10b2b3-65a7-bfcd-0b6e-60fbc704ade7',20151,20115,20119,20041,20115,0,0,'/20151/','20115','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Name language-id=\"ar_SA\">Global</Name><Name language-id=\"en_US\">Global</Name></root>',NULL,0,'',1,0,'/global',1,0,0,1),(0,'79fd59b5-75d7-7bc9-64ab-286e9d0d9443',20158,20115,20155,20087,20155,0,0,'/20158/','20155',NULL,NULL,0,'',1,0,'/test',0,0,0,1),(0,'4bd51adf-f8c7-9333-df49-fc35029c8fc7',30492,20115,20119,20050,30491,0,0,'/30492/','30491','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,es_ES,ar_SA,fr_FR,de_DE,\" default-locale=\"en_US\"><Name language-id=\"es_ES\">Seleccione una página de visualización</Name><Name language-id=\"ar_SA\">اختيار صفحة عرض</Name><Name language-id=\"fr_FR\">Choisir une page d\'affichage</Name><Name language-id=\"en_US\">Content Display Page</Name><Name language-id=\"de_DE\">Anzeigeseite auswählen</Name></root>',NULL,0,'',1,0,'/template-30491',0,0,0,1),(0,'0ab23e71-c94d-3d92-6225-f29e9f0a8ce7',30554,20115,20119,20054,30553,0,0,'/30554/','30553','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,es_ES,ar_SA,fr_FR,de_DE,\" default-locale=\"en_US\"><Name language-id=\"es_ES\">Sitio de la Comunidad</Name><Name language-id=\"ar_SA\">Community Site</Name><Name language-id=\"fr_FR\">Site de communauté</Name><Name language-id=\"en_US\">Community Site</Name><Name language-id=\"de_DE\">Community-Site</Name></root>',NULL,0,'',1,0,'/template-30553',0,0,0,1),(0,'abc6b7ec-566c-367f-0e12-05b271f2466d',30571,20115,20119,20050,30570,0,0,'/30571/','30570','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,es_ES,ar_SA,fr_FR,de_DE,\" default-locale=\"en_US\"><Name language-id=\"es_ES\">Wiki</Name><Name language-id=\"ar_SA\">Wiki (Automatic Copy)</Name><Name language-id=\"fr_FR\">Wiki</Name><Name language-id=\"en_US\">Wiki</Name><Name language-id=\"de_DE\">Wiki</Name></root>',NULL,0,'',1,0,'/template-30570',0,0,0,1),(0,'926f45e5-f94e-50ea-09a9-649fd6e1f345',30582,20115,20119,20050,30581,0,0,'/30582/','30581','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,es_ES,ar_SA,fr_FR,de_DE,\" default-locale=\"en_US\"><Name language-id=\"es_ES\">Blog</Name><Name language-id=\"ar_SA\">المدوّنات</Name><Name language-id=\"fr_FR\">Blogue</Name><Name language-id=\"en_US\">Blog</Name><Name language-id=\"de_DE\">Blog</Name></root>',NULL,0,'',1,0,'/template-30581',0,0,0,1),(0,'4021328a-1b14-0403-d209-b6ee020d1a8a',30603,20115,20119,20054,30602,0,0,'/30603/','30602','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,es_ES,ar_SA,fr_FR,de_DE,\" default-locale=\"en_US\"><Name language-id=\"es_ES\">Sitio de intranet</Name><Name language-id=\"ar_SA\">Intranet Site</Name><Name language-id=\"fr_FR\">Site intranet</Name><Name language-id=\"en_US\">Intranet Site</Name><Name language-id=\"de_DE\">Intranet-Site</Name></root>',NULL,0,'',1,0,'/template-30602',0,0,0,1),(1,'247d33ca-1d2b-1404-3218-b57fe8277ef9',33404,20115,33402,20087,33402,0,0,'/33404/','33402',NULL,NULL,0,'mergeGuestPublicPages=false\n',1,0,'/wckuser',0,0,0,1);

--
-- Table structure for table `Groups_Orgs`
--

CREATE TABLE `Groups_Orgs` (
  `companyId` bigint(20) NOT NULL,
  `groupId` bigint(20) NOT NULL,
  `organizationId` bigint(20) NOT NULL,
  PRIMARY KEY (`groupId`,`organizationId`),
  KEY `IX_8BFD4548` (`companyId`),
  KEY `IX_75267DCA` (`groupId`),
  KEY `IX_6BBB7682` (`organizationId`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `Groups_Orgs`
--


--
-- Table structure for table `Groups_Roles`
--

CREATE TABLE `Groups_Roles` (
  `companyId` bigint(20) NOT NULL,
  `groupId` bigint(20) NOT NULL,
  `roleId` bigint(20) NOT NULL,
  PRIMARY KEY (`groupId`,`roleId`),
  KEY `IX_557D8550` (`companyId`),
  KEY `IX_84471FD2` (`groupId`),
  KEY `IX_3103EF3D` (`roleId`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `Groups_Roles`
--


--
-- Table structure for table `Groups_UserGroups`
--

CREATE TABLE `Groups_UserGroups` (
  `companyId` bigint(20) NOT NULL,
  `groupId` bigint(20) NOT NULL,
  `userGroupId` bigint(20) NOT NULL,
  PRIMARY KEY (`groupId`,`userGroupId`),
  KEY `IX_676FC818` (`companyId`),
  KEY `IX_31FB749A` (`groupId`),
  KEY `IX_3B69160F` (`userGroupId`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `Groups_UserGroups`
--


--
-- Table structure for table `IM_MemberRequest`
--

CREATE TABLE `IM_MemberRequest` (
  `memberRequestId` bigint(20) NOT NULL,
  `groupId` bigint(20) DEFAULT NULL,
  `companyId` bigint(20) DEFAULT NULL,
  `userId` bigint(20) DEFAULT NULL,
  `userName` varchar(75) DEFAULT NULL,
  `createDate` datetime(6) DEFAULT NULL,
  `modifiedDate` datetime(6) DEFAULT NULL,
  `key_` varchar(75) DEFAULT NULL,
  `receiverUserId` bigint(20) DEFAULT NULL,
  `invitedRoleId` bigint(20) DEFAULT NULL,
  `invitedTeamId` bigint(20) DEFAULT NULL,
  `status` int(11) DEFAULT NULL,
  PRIMARY KEY (`memberRequestId`),
  KEY `IX_4C831DF9` (`groupId`,`receiverUserId`,`status`),
  KEY `IX_B4BCD9B4` (`key_`),
  KEY `IX_B312EB0F` (`receiverUserId`,`status`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `IM_MemberRequest`
--


--
-- Table structure for table `Image`
--

CREATE TABLE `Image` (
  `mvccVersion` bigint(20) NOT NULL DEFAULT 0,
  `imageId` bigint(20) NOT NULL,
  `companyId` bigint(20) DEFAULT NULL,
  `modifiedDate` datetime(6) DEFAULT NULL,
  `type_` varchar(75) DEFAULT NULL,
  `height` int(11) DEFAULT NULL,
  `width` int(11) DEFAULT NULL,
  `size_` int(11) DEFAULT NULL,
  PRIMARY KEY (`imageId`),
  KEY `IX_6A925A4D` (`size_`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `Image`
--

INSERT INTO `Image` VALUES (0,30681,20115,'2021-11-18 19:56:51.191000','png',221,457,62691);

--
-- Table structure for table `JournalArticle`
--

CREATE TABLE `JournalArticle` (
  `uuid_` varchar(75) DEFAULT NULL,
  `id_` bigint(20) NOT NULL,
  `resourcePrimKey` bigint(20) DEFAULT NULL,
  `groupId` bigint(20) DEFAULT NULL,
  `companyId` bigint(20) DEFAULT NULL,
  `userId` bigint(20) DEFAULT NULL,
  `userName` varchar(75) DEFAULT NULL,
  `createDate` datetime(6) DEFAULT NULL,
  `modifiedDate` datetime(6) DEFAULT NULL,
  `folderId` bigint(20) DEFAULT NULL,
  `classNameId` bigint(20) DEFAULT NULL,
  `classPK` bigint(20) DEFAULT NULL,
  `treePath` longtext DEFAULT NULL,
  `articleId` varchar(75) DEFAULT NULL,
  `version` double DEFAULT NULL,
  `title` longtext DEFAULT NULL,
  `urlTitle` varchar(150) DEFAULT NULL,
  `description` longtext DEFAULT NULL,
  `content` longtext DEFAULT NULL,
  `DDMStructureKey` varchar(75) DEFAULT NULL,
  `DDMTemplateKey` varchar(75) DEFAULT NULL,
  `layoutUuid` varchar(75) DEFAULT NULL,
  `displayDate` datetime(6) DEFAULT NULL,
  `expirationDate` datetime(6) DEFAULT NULL,
  `reviewDate` datetime(6) DEFAULT NULL,
  `indexable` tinyint(4) DEFAULT NULL,
  `smallImage` tinyint(4) DEFAULT NULL,
  `smallImageId` bigint(20) DEFAULT NULL,
  `smallImageURL` longtext DEFAULT NULL,
  `lastPublishDate` datetime(6) DEFAULT NULL,
  `status` int(11) DEFAULT NULL,
  `statusByUserId` bigint(20) DEFAULT NULL,
  `statusByUserName` varchar(75) DEFAULT NULL,
  `statusDate` datetime(6) DEFAULT NULL,
  PRIMARY KEY (`id_`),
  UNIQUE KEY `IX_85C52EEC` (`groupId`,`articleId`,`version`),
  UNIQUE KEY `IX_3463D95B` (`uuid_`,`groupId`),
  KEY `IX_17806804` (`DDMStructureKey`),
  KEY `IX_75CCA4D1` (`DDMTemplateKey`),
  KEY `IX_C761B675` (`classNameId`,`DDMTemplateKey`),
  KEY `IX_323DF109` (`companyId`,`status`),
  KEY `IX_E82F322B` (`companyId`,`version`,`status`),
  KEY `IX_EA05E9E1` (`displayDate`,`status`),
  KEY `IX_D8EB0D84` (`groupId`,`DDMStructureKey`),
  KEY `IX_31B74F51` (`groupId`,`DDMTemplateKey`),
  KEY `IX_4D5CD982` (`groupId`,`articleId`,`status`),
  KEY `IX_353BD560` (`groupId`,`classNameId`,`DDMStructureKey`),
  KEY `IX_6E801BF5` (`groupId`,`classNameId`,`DDMTemplateKey`),
  KEY `IX_9CE6E0FA` (`groupId`,`classNameId`,`classPK`),
  KEY `IX_A2534AC2` (`groupId`,`classNameId`,`layoutUuid`),
  KEY `IX_F35391E8` (`groupId`,`folderId`,`status`),
  KEY `IX_3C028C1E` (`groupId`,`layoutUuid`),
  KEY `IX_301D024B` (`groupId`,`status`),
  KEY `IX_D2D249E8` (`groupId`,`urlTitle`,`status`),
  KEY `IX_43A0F80F` (`groupId`,`userId`,`classNameId`),
  KEY `IX_3F1EA19E` (`layoutUuid`),
  KEY `IX_451D63EC` (`resourcePrimKey`,`indexable`,`status`),
  KEY `IX_3E2765FC` (`resourcePrimKey`,`status`),
  KEY `IX_EF9B7028` (`smallImageId`),
  KEY `IX_71520099` (`uuid_`,`companyId`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `JournalArticle`
--

INSERT INTO `JournalArticle` VALUES ('245d6cba-917a-2625-bff0-afe86158dc78',47202,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-08-01 15:55:28.918000',0,0,0,'/','47201',1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US\" default-locale=\"en_US\"><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US\" default-locale=\"en_US\"><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\"/> <label class=\"lbl-toggle\"\n                                                                                              for=\"collapsible\">More\n    Info</label>\n\n    <div class=\"collapsible-content\">\n        <div class=\"content-inner\">\n            <p>QUnit is by calling one of the object that are embedded in JavaScript, and faster JavaScript program\n                could also used with its elegant, well documented, and functional programming using JS, HTML pages\n                Modernizr is a popular browsers without plug-ins. Test-Driven Development.</p>\n        </div>\n    </div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,47204,NULL,NULL,0,20155,'Test Test','2022-08-01 15:55:28.918000'),('f765d9ea-3f98-b9c6-8c8f-ae6832936c98',47211,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-08-01 15:56:34.228000',0,0,0,'/','47201',1.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US\" default-locale=\"en_US\"><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US\" default-locale=\"en_US\"><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More Info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Placeholder for help content.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-08-01 15:56:34.228000'),('5e76be52-1947-c4a1-5b80-a03cf59eab0e',47215,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-08-01 16:00:02.595000',0,0,0,'/','47201',1.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Title language-id=\"ar_SA\">نمط الأكورديون</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_SA,\" default-locale=\"en_US\"><Description language-id=\"ar_SA\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_SA,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_SA\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\"/>\n<label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n\n    <div class=\"collapsible-content\">\n        <div class=\"content-inner\">\n            <p>عنصر نائب لمحتوى التعليمات</p>\n        </div>\n    </div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More Info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Placeholder for help content.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-08-01 16:00:02.595000'),('755c66d4-4232-53a4-5125-6bd22764066b',49901,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-10-19 16:21:33.759000',0,0,0,'/','47201',1.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the help page</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More Info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Placeholder for help content.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-10-19 16:21:33.759000'),('f11ed214-97bd-fee4-afb8-0ba6cc6bdbbf',49905,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-10-19 16:38:19.963000',0,0,0,'/','47201',1.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the help page</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More Info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Placeholder for help content.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-10-19 16:38:19.963000'),('3fc7b194-a6cc-e7d8-b502-1f2900ec77cd',49911,49912,20142,20115,20155,'Test Test','2022-10-19 16:48:37.957000','2022-10-19 16:48:38.034000',0,0,0,'/','49910',1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US\" default-locale=\"en_US\"><Title language-id=\"en_US\">Title</Title></root>','title','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">اختبار</Description><Description language-id=\"en_US\">Test</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"viss\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<p>Content</p>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-10-19 16:46:00.000000',NULL,NULL,0,0,49913,NULL,NULL,0,20155,'Test Test','2022-10-19 16:48:38.034000'),('e62526e9-b4bc-8a03-43d0-68a8a5f6211d',49920,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-10-19 16:50:00.034000',0,0,0,'/','47201',1.5,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More Info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Placeholder for help content.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-10-19 16:50:00.034000'),('7c3b46b0-e081-88ba-3c3d-fec4183d649b',49925,49912,20142,20115,20155,'Test Test','2022-10-19 16:48:37.957000','2022-10-19 16:52:59.195000',0,0,0,'/','49910',1.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Title</Title><Title language-id=\"en_US\">Title</Title></root>','title','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,ar_SA,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">اختبار</Description><Description language-id=\"ar_SA\">Test</Description><Description language-id=\"en_US\">Test</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,ar_SA,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"viss\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<pre>\n<span>محتوى</span></pre>]]></dynamic-content>\n		<dynamic-content language-id=\"ar_SA\"><![CDATA[]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<p>Content</p>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-10-19 16:46:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-10-19 16:52:59.195000'),('260e18ac-9c4f-f8bb-6399-9e55bd8eef5d',49929,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-10-19 16:56:04.775000',0,0,0,'/','47201',1.6,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More Info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Placeholder for help content.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-10-19 16:56:04.775000'),('9795f6b2-dcfb-4031-c1d2-1902b6939fae',50001,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-12-01 16:22:06.643000',0,0,0,'/','47201',1.7,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> >مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>صفحة المساعد</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-12-01 16:22:06.643000'),('7b81496f-c4d9-772f-91af-f26865d900ca',50005,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-12-01 16:24:04.503000',0,0,0,'/','47201',1.8,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> &gt; More infoت</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>صفحة المساعد</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-12-01 16:24:04.503000'),('e704462a-0bbf-d94f-5828-91ca2069b1cc',50009,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-12-01 16:26:13.438000',0,0,0,'/','47201',1.9,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> &gt; More info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Content for the help page</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-12-01 16:26:13.438000'),('9ef0a3d3-1ded-4f57-c35a-b3454a9db431',50013,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2022-12-01 16:26:54.723000',0,0,0,'/','47201',2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">More info</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>Content for the help page</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2022-12-01 16:26:54.723000'),('6c1dc3cd-66f5-0087-d3b2-deb1e95aa268',56401,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 20:20:58.511000',0,0,0,'/','47201',2.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h1>Building Scenarios</h1>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 20:20:58.511000'),('e74ab9eb-951d-c680-5870-5a001796b44d',56405,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 20:31:50.062000',0,0,0,'/','47201',2.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\"> Building Scenarios</h2>\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions</p>\n\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 20:31:50.062000'),('bad98dc5-4102-ec05-4081-f79b6b97bc11',56409,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 20:43:37.003000',0,0,0,'/','47201',2.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions.<br> The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4.<br> The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:\n</p>\n\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 20:43:37.003000'),('604486f6-1159-690c-6fa4-011bfe5915b2',56413,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 21:01:40.743000',0,0,0,'/','47201',2.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4.<br />\nThe fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:\n</p>\n<ol>\n <li>Population Projections - There are 5 alternative Population Projections based on the United Nations estimates</li>\n <li> C and I - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n <li> Change in Per Capita Water Use by Bahraini Citizens - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n <li> Change in Per Capita Water Use by Non-Bahraini - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n <li> The Year when the Per-Capita Water use change Begins - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n <li> The Year when the Per-Capita Water use change is Fully Realized - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n</ol>\n<p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 21:01:40.743000'),('3f3846ea-b489-a613-fd25-a64f574df4bb',56417,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 21:03:07.108000',0,0,0,'/','47201',2.5,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4.\nThe fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:</p>\n<ol>\n	<li>Population Projections - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li>C and I - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li>Change in Per Capita Water Use by Bahraini Citizens - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li>Change in Per Capita Water Use by Non-Bahraini - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li>The Year when the Per-Capita Water use change Begins - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li>The Year when the Per-Capita Water use change is Fully Realized - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 21:03:07.108000'),('990640f4-75c6-d4fa-0a30-7101c0a1465b',56421,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 21:10:52.439000',0,0,0,'/','47201',2.6,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4. The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C and I</b> - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n    <li><b>TSE Areas Integrated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 21:10:52.439000'),('a4b6bb6d-9a51-027a-f6e8-a55f5b8361e9',56425,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 21:26:58.484000',0,0,0,'/','47201',2.7,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n    overflow-y:auto;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4. The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C and I</b> - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Integrated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 21:26:58.484000'),('3f6f6de2-1961-7936-a7fc-8f61cac83abd',56429,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 21:29:06.294000',0,0,0,'/','47201',2.8,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n    overflow-y:auto;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4. The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C and I</b> - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Integrated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 21:29:06.294000'),('fd67dd5c-620d-00c4-2c5e-ed0de70116bd',56433,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 21:30:37.836000',0,0,0,'/','47201',2.9,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4. The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 11 total attributes that can be changed, including:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C and I</b> - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Integrated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 21:30:37.836000'),('bc19adb2-9590-9f3e-ec0a-3888b0f16d12',56437,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 22:15:56.621000',0,0,0,'/','47201',3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4. The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation from the CMIP-5 climate projection archive are available to explore the impact on irrigation water demamdn <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity that is active, becomes available as an addiitonal supply</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 22:15:56.621000'),('3e149d6c-062d-f193-5812-e762392afd78',56441,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 22:20:36.434000',0,0,0,'/','47201',3.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The user can modify the attributes of 4 scenarios, which have a default name of S1, S2, S3, and S4. The fifth scenario is not editable, and is established as the \"Reference\" scenario, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Instdustrial Water from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation from the CMIP-5 climate projection archive are available to explore the impact on irrigation water demamdn <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity that is active, becomes available as an addiitonal supply</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 22:20:36.434000'),('eb431950-9f15-e51a-1002-6df054d049b7',56445,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 22:37:11.639000',0,0,0,'/','47201',3.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Building Scenarios</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation from the CMIP-5 climate projection archive are available to explore the impact on irrigation water demamdn <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n	<hr>\n	<p> Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actualy WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases/p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 22:37:11.639000'),('be127898-1eda-19dc-35b6-92b742bdf4b7',56449,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 22:43:38.804000',0,0,0,'/','47201',3.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actualy WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases\n</p>\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation from the CMIP-5 climate projection archive are available to explore the impact on irrigation water demamdn <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n<hr>\n<h3 style=\"color:blue;\"> Graphical Results</h3>\n\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 22:43:38.804000'),('0abf5ae8-aca9-eef1-1953-331304fb8744',56453,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 22:45:27.775000',0,0,0,'/','47201',3.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions, and assumes a planning period of 2020 through 2060. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actualy WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 22:45:27.775000'),('b50cd9be-5c33-e7f5-568b-845fad2bb8f5',56457,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 22:54:52.864000',0,0,0,'/','47201',3.5,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actualy WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:\n<ol>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n	<li><b>Water Demand</b> - Total annual water demand for all indoor uses</li>\n</ol>\n\n\n\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 22:54:52.864000'),('524752d2-3ea3-fc64-369e-ec82a75a1c60',56461,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:18:20.219000',0,0,0,'/','47201',3.6,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actual WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system </li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then is disposed to the sea, and thus could have been used but could potentially have been used (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - This is the population assumption based on the assumptions made for each scenario. In contrast to other 7 above results, this is an Input based on the Scenario assumptions and is meant to provide insight into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:18:20.219000'),('5c8ad279-5882-af2a-2bf7-a20be27397a7',56465,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:19:49.277000',0,0,0,'/','47201',3.7,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actual WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - This is the population assumption based on the assumptions made for each scenario. In contrast to other 7 above results, this is an Input based on the Scenario assumptions and is meant to provide insight into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,1,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:19:49.277000'),('b8df4e46-fcaa-129b-f6cb-f6c54a625b42',56469,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:22:33.130000',0,0,0,'/','47201',3.8,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actual WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - This is the population assumption based on the assumptions made for each scenario. In contrast to other 7 above results, this is an Input based on the Scenario assumptions and is meant to provide insight into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:22:33.130000'),('882000e8-ab9d-b90c-45d1-d33706020c33',56473,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:24:08.910000',0,0,0,'/','47201',3.9,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actual WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - This is the population assumption based on the assumptions made for each scenario. In contrast to other 7 above results, this is an Input based on the Scenario assumptions and is meant to provide insight into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:24:08.910000'),('deede4dd-162a-8be8-68e6-6a49639bb75f',56477,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:25:35.925000',0,0,0,'/','47201',4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actual WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - This is the population assumption based on the assumptions made for each scenario. In contrast to other 7 above results, this is an Input based on the Scenario assumptions and is meant to provide insight into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:25:35.925000'),('0dc81fce-b281-f72d-cba8-b707bf1cabff',56481,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:46:15.263000',0,0,0,'/','47201',4.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take about a minute or less to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:46:15.263000'),('7d6508cf-7b19-8388-071b-53e6ff6c8aff',56485,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:56:17.244000',0,0,0,'/','47201',4.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:56:17.244000'),('4115ca80-ca89-9cba-2b49-d3b99351bfad',56489,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-18 23:59:38.974000',0,0,0,'/','47201',4.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-18 23:59:38.974000'),('2edc5ce9-9198-23e4-1d40-fa275243e694',56493,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-19 00:02:15.385000',0,0,0,'/','47201',4.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani Citizens and Non-Bahrani Nationals</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploration of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-19 00:02:15.385000'),('547b8d99-887f-78f7-638e-af0e33c2c465',56497,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-19 00:04:26.985000',0,0,0,'/','47201',4.5,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\"> Info on Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani Citizens and Non-Bahrani Nationals</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploration of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-19 00:04:26.985000'),('68f0c7f9-756e-e591-be83-1190c381585c',56501,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-19 00:24:15.195000',0,0,0,'/','47201',4.6,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani Citizens and Non-Bahrani Nationals</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploration of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a></li>\n	<li>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future.</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-19 00:24:15.195000'),('fe010835-d275-9972-5ae4-9ecc4e86906d',56505,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-19 00:36:16.948000',0,0,0,'/','47201',4.7,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani Citizens and Non-Bahrani Nationals</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploration of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future</a></li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-19 00:36:16.948000'),('c9f4f350-a0cc-6f10-5b78-8b22417fdee0',56509,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-19 00:37:04.433000',0,0,0,'/','47201',4.8,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Accordion style</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى لصفحة المساعدة</Description><Description language-id=\"en_US\">Content for the help page</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani Citizens and Non-Bahrani Nationals</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploration of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-19 00:37:04.433000'),('a5833f8f-f89f-7bea-8321-0774b1f867f4',56515,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-19 14:59:13.682000',0,0,0,'/','56514',1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title</h2>\n\n<p>Info</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,56517,NULL,NULL,0,20155,'Test Test','2023-01-19 14:59:13.682000'),('a30b7ac4-3644-7f89-e4a1-0dcb010432a3',56524,47203,20142,20115,20155,'Test Test','2022-08-01 15:55:28.612000','2023-01-19 15:03:55.753000',0,0,0,'/','47201',4.9,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">Accordion style</Title><Title language-id=\"en_US\">Knowledge Explorer content</Title></root>','accordion-style','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">محتوى تعليمات صفحة \"مستكشف المعرفة\"</Description><Description language-id=\"en_US\">Content for the Knowledge Explorer page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"ddgc\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">مزيد من المعلومات</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<p>عنصر نائب لمحتوى المساعدة.</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Using the Knowledge Explorer within the WCKP</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WCKP</h2>\n\n<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes from both demand and supply-side perspectives, and assumes a 30-year planning period of 2020 through 2050. A set of alternative Scenarios can be built within the WCKPortal, where unique attributes for each scenario are then passed to the WEAP server where the model is actually run. Because the results are not pre-computed, the results can take about a minute (or less) to return to the user. Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the \'pencil\' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can then press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the user <em>Reset to the Reference Attributes</em>, which will clear out the database and set the attributes to their default values (it can take about 20 seconds to reset the WEAP Server to the default values). **Note of Caution, that because there is currently only one database, user inputs could \"collide\" if multiper users are running the model. Future development will include unique user databases</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<p>The user can modify the attributes of 4 scenarios, which are given the default names of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed values given for each of the unique attributes. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>\n\n<ol>\n	<li><b>Population Projections</b> - There are 5 alternative Probablistic Population Projections based on the United Nations estimates and one IGA Population Projection</li>\n	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline C&amp;I water use is prescribed as a total water use in Millions of Cubic Meters on the WEAP Server side</li>\n	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahraini Citizens in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 450 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non-Bahraini Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd. Both positive and negative changes in per-capita water use can be explored</li>\n	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani Citizens and Non-Bahrani Nationals</li>\n	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploration of either a fast or slow adoption of conservation</li>\n	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>\n	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation projections from the CMIP-5 climate archive are available to explore the impact on irrigation water demamd <a href=\"http://ccafs-climate.org/\"> GCM Downscaled Data Portal</a>. The Historical climate projection simply assumes that the climate of 1980 through 2010 repeats into the future</li>\n	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>\n	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>\n	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>\n</ol>\n\n<hr />\n<h3 style=\"color:blue;\">Graphical Results</h3>\n\n<p>There are 8 pre-defined graphs that are produced when the user runs the model by selecting <em>Run WEAP Scenarios and Display Results</em> button. The graphs are somewhat interactive and can be zoomed in and out, their scales resets, and the data from the graphs saved as an ascii file. The output graphs include:</p>\n\n<ol>\n	<li><b>Potable Water Demand</b> - Total annual water demand for all potable uses in millions of cubic meters per year (MM3). This will include some outdoor amenity watering for things like gardens and car washing</li>\n	<li><b>Irrigation Water Demand</b> - This is the total annual water demand for irrigation water, supplied through Treated Sewage Effluent (TSE) Water</li>\n	<li><b>Supply Coverage</b> - Percentage of demand that goes unmet due to lack of water supply capacity, where 100% implies full coverage, and implies some stress to the water supply system</li>\n	<li><b>Wastewater disposed to Sea</b> - This is total annual potable water that is produced, treated, and then disposed to the sea and thus could have potentially been used for some non-potable water purpose (MM3)</li>\n	<li><b>Total Costs (BHD)</b> - This is the total annual cost to produce the potable water supply based on inputs such as energy and treatment (includes both fixed and variable costs)</li>\n	<li><b>TSE Costs (BHD)</b> - This is the total annual costs of generating and distributing Treated Sewage Efflent Water (TSE)</li>\n	<li><b>Desal CO2 Generated (Million of Kilograms) </b> - This is total annual estimate of CO2 emissions generated for making the potale water supply</li>\n	<li><b>Population of Bahrain </b> - These are the population projections based on the assumptions made for each scenario as user inputs. In contrast to other 7 above results, these are inputs and not results, are are meant provide insights into the overall results.</li>\n</ol>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2022-08-01 15:54:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-19 15:03:55.753000'),('81e41ca2-7be2-b707-f36c-b6459f09be0e',57201,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-30 17:57:55.978000',0,0,0,'/','56514',1.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model that is deployed on an Cloud Server and connected to the WCKP.\n</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-30 17:57:55.978000'),('04cce401-00dc-0220-456a-4c2f620cd616',57205,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-30 17:58:24.803000',0,0,0,'/','56514',1.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">The WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-30 17:58:24.803000'),('085be792-b785-d542-fa5b-01f8f4a62a28',57209,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 13:48:18.148000',0,0,0,'/','56514',1.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 13:48:18.148000'),('0a63037f-566c-e081-7d2b-188806b39d3c',57230,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 14:43:49.467000',0,0,0,'/','56514',1.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n<div>Image for testing</div>\n<img src=\'http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/TK_ERR_skill_mn.png/6c5d88fd-0506-9c28-37e8-bc76c715b027?t=1675176017501\' alt=\"Image for testing\" width=\"300\" height=\"200\">\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 14:43:49.467000'),('9b2f4874-7a2a-5cd9-790b-64becc342c6f',57282,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 14:52:42.239000',0,0,0,'/','56514',1.5,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"200\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/TK_ERR_boxplot.png/7d958231-aa45-af95-5997-4eae53e37f3d?t=1675176604569\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 14:52:42.239000'),('1ec123ac-5279-a8b6-efb2-94d0a23bc413',57308,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 17:16:44.526000',0,0,0,'/','56514',1.6,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"200\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185219389\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 17:16:44.526000'),('c88f4ebb-8ba6-c293-dae0-202ec314ff7e',57320,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 17:20:26.517000',0,0,0,'/','56514',1.7,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"200\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185502460\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 17:20:26.517000'),('3587160d-7449-ad47-4169-b51cbb82872e',57331,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 17:24:37.203000',0,0,0,'/','56514',1.8,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"200\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 17:24:37.203000'),('843e1ae8-f770-e487-0c4e-ab0035e4abf4',57335,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 17:37:16.996000',0,0,0,'/','56514',1.9,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"100\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 17:37:16.996000'),('f9f7d7a3-6184-bfb3-b2b8-234ff48a7fac',57339,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 17:37:41.518000',0,0,0,'/','56514',2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"300\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 17:37:41.518000'),('baf98c82-8d26-d761-2094-627e1cbfa2c1',57343,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-01-31 17:42:45.109000',0,0,0,'/','56514',2.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">WEAP Information Page</h2>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.</p>\n\n<h3 style=\"color:blue;\">Scenario Attributes</h3>\n\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" /></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-01-31 17:42:45.109000'),('7bd81539-ba46-201c-4e86-38b8c078f5c1',57347,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 02:37:12.961000',0,0,0,'/','56514',2.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP.\nThe WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections\n</p>\n\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n-->\n\n</div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 02:37:12.961000'),('fda43a48-8549-da79-3498-492fbd148ac4',57351,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 02:54:03.768000',0,0,0,'/','56514',2.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow  the analyst to explore, plot, and download the data contained with the WEAP model. The available attributes of the indivudal data type will be displayed. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (single-sites)</p>\n<p style=\"color:red;\">Red Dots <span style=\"color: black\"> Municipal and Industrial Demand</span></p>\n<p style=\"color:green;\">Green Square <span style=\"color: black\">Groundwater Supply</span></p>\n<p style=\"color:green;\">Green Triangles <span style=\"color: black\">Desalnization Plants</span></p>\n<p style=\"color:brown;\">Brown Circles <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 02:54:03.768000'),('5d8f6496-71d4-014e-b48a-608a7c977426',57355,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 02:54:55.919000',0,0,0,'/','56514',2.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the WEAP model. The available attributes of the indivudal data type will be displayed. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (single-sites)</p>\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 02:54:55.919000'),('dc614cb3-8992-28c9-9d40-b58dd170ede3',57359,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 02:55:46.127000',0,0,0,'/','56514',2.5,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (single-sites)</p>\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 02:55:46.127000'),('c345689a-50cc-3816-1226-77ba4900820e',57363,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 02:57:19.013000',0,0,0,'/','56514',2.6,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 02:57:19.013000'),('9a9e76f3-57e8-5b50-8f9e-6ad118a248c7',57367,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 02:59:34.206000',0,0,0,'/','56514',2.7,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n<p></p>\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n<p></p>\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n<p></p>\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 02:59:34.206000'),('523ac125-ccd8-753f-777e-6d79e4088e05',57371,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:00:13.218000',0,0,0,'/','56514',2.8,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n<p>  </p>\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n<p>  </p>\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n<p>  </p>\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:00:13.218000'),('c6c4e8dd-86f0-a078-5045-14c385e1ee7c',57375,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:00:57.966000',0,0,0,'/','56514',2.9,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n<br>\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n<br>\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n<br>\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:00:57.966000'),('fb041aa6-74b3-cdb1-f7d7-3ec6b13b1d21',57379,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:01:21.288000',0,0,0,'/','56514',3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n<br>\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands</span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n&nbsp;\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:01:21.288000'),('44a7be9c-a614-04d5-ceac-32ffb8ee0a1f',57383,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:04:55.264000',0,0,0,'/','56514',3.1,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n&nbsp;\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands (Indoor Water Use, Commercial and Industrial Water Use, and Population   </span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies</span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants</span></p>\n&nbsp;\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants</span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:04:55.264000'),('68844ca5-2b68-ef83-ca69-f4c9f713ef2d',57387,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:07:30.939000',0,0,0,'/','56514',3.2,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n&nbsp;\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands (Indoor Water Use, Commercial and Industrial Water Use, and Population </span></p>\n&nbsp;\n<p style=\"color:red;\">Green Dots - <span style=\"color: black\"> Agricutlural Area (Indoor Water Use, Commercial and Industrial Water Use, and Population </span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies (Storage Capacity)</span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants (Capacity) </span></p>\n&nbsp;\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants (Capacity) </span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:07:30.939000'),('bd7e7a95-55ad-5f6c-ba16-468b1c029c74',57391,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:09:00.875000',0,0,0,'/','56514',3.3,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n&nbsp;\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands (Indoor Water Use, Commercial and Industrial Water Use, and Population ) </span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Dots - <span style=\"color: black\"> Agricutlural Area (hectares by use type) </span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies (Storage Capacity, MM3)</span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants (Capacity) </span></p>\n&nbsp;\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants (Capacity) </span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:09:00.875000'),('ce86f51e-0b06-7a2b-2fc3-738ef1d09e31',57395,56516,20142,20115,20155,'Test Test','2023-01-19 14:59:13.654000','2023-02-01 03:21:22.666000',0,0,0,'/','56514',3.4,'<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Title language-id=\"ar_BH\">WEAP Information content</Title><Title language-id=\"en_US\">WEAP Information content</Title></root>','weap-information-content','<?xml version=\'1.0\' encoding=\'UTF-8\'?><root available-locales=\"en_US,ar_BH,\" default-locale=\"en_US\"><Description language-id=\"ar_BH\">Content for the WEAP Information page help</Description><Description language-id=\"en_US\">Content for the WEAP Information page help</Description></root>','<?xml version=\"1.0\"?>\n\n<root available-locales=\"ar_BH,en_US\" default-locale=\"en_US\">\n	<dynamic-element name=\"content\" type=\"text_area\" index-type=\"text\" instance-id=\"apho\">\n		<dynamic-content language-id=\"ar_BH\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">Title in Arabic</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h2 style=\"color:blue;\">Title in Arabic</h2>\n\n<p>Info in Arabic</p>\n</div>\n</div>\n</div>]]></dynamic-content>\n		<dynamic-content language-id=\"en_US\"><![CDATA[<style type=\"text/css\">input[type=\'checkbox\'] {\n    display: none;\n}\n\n.wrap-collabsible {\n    margin: 1.2rem 0;\n}\n\n.lbl-toggle {\n    display: block;\n    font-weight: bold;\n    font-family: \"WB-Gothic\", -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 1rem;\n    color: #014d99;\n    background: rgb(246, 246, 246);\n    cursor: pointer;\n    border-radius: 7px;\n    transition: all 0.25s ease-out;\n    border: #cccccc;\n}\n\n.lbl-toggle:hover {\n    color: black;\n}\n\n.lbl-toggle::before {\n    content: \' \';\n    display: inline-block;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 5px solid currentColor;\n    vertical-align: middle;\n    margin-right: .7rem;\n    transform: translateY(-2px);\n    transition: transform .2s ease-out;\n}\n\n.toggle:checked + .lbl-toggle::before {\n    transform: rotate(90deg) translateX(-3px);\n}\n\n.collapsible-content {\n    max-height: 0px;\n    overflow: hidden;\n    transition: max-height .25s ease-in-out;\n}\n\n.toggle:checked + .lbl-toggle + .collapsible-content {\n    max-height: 350px;\n}\n\n.toggle:checked + .lbl-toggle {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.collapsible-content .content-inner {\n    background: white;\n/*    border-bottom: 1px solid rgba(0, 105, 255, .45);\n    border-bottom-left-radius: 7px;\n    border-bottom-right-radius: 7px;*/\n    padding: .5rem 1rem;\n}\n\n.collapsible-content  {\n    overflow-y:auto;\n}\n.collapsible-content p {\n    margin-bottom: 0;\n}\n</style>\n<div class=\"wrap-collabsible\"><input class=\"toggle\" id=\"collapsible\" type=\"checkbox\" /> <label class=\"lbl-toggle\" for=\"collapsible\">WEAP Background Information</label>\n<div class=\"collapsible-content\">\n<div class=\"content-inner\">\n<h3 style=\"color:blue;\">WEAP Information Page</h3>\n\n<p>This page shows the key background information that is stored within the WEAP model and that is deployed on an Cloud Server and connected to the WCKP. The WEAP information includes data for a historic period, and then shows the baseline data that is used as a reference scenario for future projections. Clicking on an individual object will allow the analyst to explore, plot, and download the data contained with the individual WEAP model objects. The available attributes of the indivudal data type will be displayed as a line or bar graph, with their units and named attributes. Multiple objects with similar attributes can be selected and displayed together (Multiple-Sites). While those objects with unique attributes will only allow for a single attribute to be displayed (Single-Sites)</p>\n&nbsp;\n\n<p style=\"color:red;\">Red Dots - <span style=\"color: black\"> Municipal and Industrial Demands (Indoor Water Use [m3/cap], Commercial and Industrial Water Use [mm3], and Population [\'1000 people]) </span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Dots - <span style=\"color: black\"> Agricutlural Area (hectares by use type) </span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Square - <span style=\"color: black\">Groundwater Supplies (Storage Capacity, MM3)</span></p>\n&nbsp;\n\n<p style=\"color:green;\">Green Triangles - <span style=\"color: black\">Desalnization Plants (Capacity, MM3) </span></p>\n&nbsp;\n\n<p style=\"color:brown;\">Brown Circles - <span style=\"color: black\">Wastewater Treatment Plants (Capacity) </span></p>\n<!--\n<div>Image for testing</div>\n<img alt=\"Image for testing\" height=\"500\" src=\"http://crme.rap.ucar.edu/WCKPortal/documents/20142/0/WEAP+Model+Components.jpg/f0487f2e-d165-98da-6bd4-b6475053bc51?t=1675185823399\" width=\"300\" />\n--></div>\n</div>\n</div>]]></dynamic-content>\n	</dynamic-element>\n</root>','BASIC-WEB-CONTENT','BASIC-WEB-CONTENT',NULL,'2023-01-19 14:51:00.000000',NULL,NULL,0,0,0,NULL,NULL,0,20155,'Test Test','2023-02-01 03:21:22.666000'),